/*!
Theme Name: bling-volgograd
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bling-volgograd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bling-volgograd is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #11181C;
	font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/****** MAIN STYLES ******/
body {
	background: #F1F3F5;
}
.container {
	width: 1520px;
	margin: 8px auto 32px auto;
}
.header {
	margin: 0 0 16px 0;
}
.top-bar-address {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: center;
	margin-bottom: 8px;
}
.top-bar-address li {
	color: #11181C;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	position: relative;
}
.top-bar-address li span {
	color: #F76808;
}
.top-bar-address li:after {
	content: '';
	width: 1px;
	min-width: 1px;
	height: 16px;
	background: #D7DBDF;
	display: block;
	position: absolute;
	top: 0;
	right: -8px;
}
.top-bar-address li:last-child:after {
	display: none;
}
.header-wrapper {
	padding: 16px;
	background: #fff;
	width: 100%;
	border-radius: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.header-wrapper.fixed {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	left: 0;
	border-radius: 0;
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.078);
}
.fixed-header .header {
	margin-bottom: calc(16px + 72px);
}
.logo-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 49px;
}
.logo-link {
	width: 140px;
	min-width: 140px;
	height: 40px;
	position: relative;
	display: block;
}
.logo-link:after {
	display: block;
	width: 1px;
	height: 40px;
	background: #DFE3E6;
	content: '';
	position: absolute;
	right: -24px;
	top: 0;
}
.logo-link img {
	width: 100%;
	height: auto;
}
.green-btn {
	background: #30A46C;
	border: 1px solid #30A46C;
	color: #fff;
	cursor: pointer;
}
.green-btn:hover {
	box-shadow: 0px 0px 0px 3px #30A46C33;
	background: #18794E;
	border-color: #18794E;
}
.orange-btn {
	background: #F76808;
	border: 1px solid #F76808;
	color: #fff;
	cursor: pointer;
}
.orange-btn:hover {
	background: #e16c1d;
	border-color: #e16c1d;
}
.white-btn {
	background: #F1F3F5;
	border: 1px solid #F1F3F5;
	color: #30A46C;
	cursor: pointer;
}
.white-btn:hover {
	background: #30A46C;
	border-color: #30A46C;
	color: #fff;
}
.white-btn:hover:after {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(259deg) brightness(109%) contrast(101%);
}
.open-menu-btn {
	padding: 0px 12px;
	height: 40px;
	border-radius: 20px;
	display: flex;
	flex-direction: row;
	gap: 6px;
	align-items: center;
	position: relative;
}
.open-menu-btn:before {
	min-width: 20px;
	width: 20px;
	height: 20px;
	display: block;
	content: '';
	background: url(assets/img/menu-icon.svg) center center / contain no-repeat;
}
.main-menu-list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}
.main-menu-list li a {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.011em;
	text-decoration: none;
	color: #11181C;
}
.main-menu-list li:hover a, .main-menu-list li.active a {
	color: #F76808;
}
.header-contacts {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}
.header-phones {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-right: 16px;
}
.header-phones:after {
	display: block;
	content: '';
	width: 1px;
	height: 40px;
	background: #DFE3E6;
	position: absolute;
	top: 0;
	right: 0;
}
.header-phones a {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.022em;
	text-align: left;
	text-decoration: none;
	color: #11181C;
}
.header-phones a:hover {
	color: #F76808;
}
.header-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}
.header-button {
	display: inline-flex;
	height: 40px;
	width: 40px;
	min-width: 40px;
	border-radius: 50%;
}
.header-button img {
	width: 24px;
	height: 24px;
	margin: auto;
}
.green-btn-outline {
	background: none;
	border: 1px solid #92CEAC;
	color: #30A46C;
	cursor: pointer;
}
.green-btn-outline:hover {
	border-color: #30A46C;
}
.orange-btn-outline {
	background: none;
	border: 1px solid #FFB381;
	color: #F76808 !important;
	cursor: pointer;
}
.orange-btn-outline:hover {
	border-color: #F76808;
}
.open-order-form {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.006em;
	text-align: left;
	border-radius: 20px;
	padding: 0px 12px;
	height: 40px;
}
.open-order-form:before {
	content: '';
	display: block;
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/size-icon.svg') center center / contain no-repeat;
}
.main-slider {
	width: 100%;
	height: 651.5px;
	position: relative;
	background: url('assets/img/slider-img.png') center center / cover no-repeat;
	border-radius: 40px;
	margin-bottom: 56.5px;
}
.slider-content {
	padding: 24px;
	background: rgba(255, 255, 255, 0.922);
	border-radius: 32px;
	position: absolute;
	bottom: 40.5px;
	left: 40px;
	max-width: 775px;
}
.slider-title {
	font-size: 45px;
	font-weight: 600;
	line-height: 50px;
	letter-spacing: -0.022em;
	text-align: left;
	display: block;
	margin-bottom: 10px;
}
.slider-text {
	margin: 0 0 24px 0;
	color: #889096;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.017em;
	text-align: left;
}
.slider-btn {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	padding: 20px;
	border-radius: 99px;
}
.slider-btn:after {
	display: block;
	content: '';
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/arrow-circle-right-light.svg') center center / contain no-repeat;
}
.section-title {
	font-size: 48px;
	font-weight: 600;
	line-height: 50px;
	letter-spacing: -0.022em;
	text-align: left;
	margin-bottom: 32px;
}
.categories-wrapper {
	overflow-x: auto;
}
.categories-wrapper::-webkit-scrollbar { 
	display: none; 
}
.main-menu-list::-webkit-scrollbar { 
	display: none; 
}
.product-gallery-thumbs::-webkit-scrollbar { 
	display: none; 
}
.categories-list {
	display: flex;
	flex-direction: row;
	gap: 24px;
}
.one-category {
	width: 490px;
	min-width: 490px;
	padding: 8px 8px 24px 8px;
	background: #fff;
	border-radius: 32px;
	margin-bottom: 76.7px;
	align-self: baseline;
}
.one-category-img {
	width: 100%;
	height: 475px;
	object-fit: cover;
	border-radius: 24px;
	margin-bottom: 24px;
}
.category-title {
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: center;
	margin-bottom: 18px;
}
.category-title-text {
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.019em;
	text-align: left;
	width: 100%;
}
.category-price {
	padding: 6px 8px;
	background: #F76808;
	border-radius: 32px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.011em;
	white-space: nowrap;
}
.category-desc {
	color: #889096;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.011em;
	text-align: left;
	margin: 0;
}
.one-category-content {
	padding: 0 16px;
}
.category-link {
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.022em;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-underline-offset: 25%;
	text-decoration-thickness: 12.5%;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #46A758 !important;
	margin-top: 16px;
	display: none;
}
.category-link:hover {
	color: #18794E !important;
}
.one-category:hover {
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.078);
	margin-bottom: 39.37px;
}
.one-category:hover .category-link {
	display: inline-block;
}
.btn-lg {
	height: 64px;
	padding: 0 20px;
	border-radius: 99px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.011em;
	justify-content: center;
}
.green-color {
	color: #30A46C;
}
.orange-color {
	color: #F76808;
}
.about-section {
	margin-bottom: 32px;
}
.about-wrapper {
	display: grid;
	gap: 24px;
	padding: 16px;
	background: #fff;
	border-radius: 32px;
	grid-template-columns: auto 732px;
	align-items: center;
}
.about-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}
.lead-text, .about-content .lead-text {
	font-size: 32px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: -0.022em;
	text-align: left;
	color: #11181C;
}
.about-content {
	padding-left: 16px;
}
.about-content .lead-text {
	margin: 0 0 16px 0;
}
.about-content p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.022em;
	text-align: left;
	margin: 0 0 24px 0;
	color: #687076;
}
.get-consult:after {
	display: block;
	content: '';
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/arrow-circle-right-light.svg') center center / contain no-repeat;
}
.numbers-section {
	margin-bottom: 72px;
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.one-number {
	padding: 24px;
	border: 2px solid #fff;
	border-radius: 32px;
	box-shadow: 0px 0px 16px 0px #FFFFFF8C inset;
}
.one-number:nth-child(odd) {
	background: linear-gradient(282.44deg, rgba(255, 255, 255, 0) 0%, rgba(247, 104, 8, 0.1) 100%);
}
.one-number:nth-child(even) {
	background: linear-gradient(282.44deg, rgba(255, 255, 255, 0) 0%, rgba(70, 167, 88, 0.1) 100%);
}
.number-title {
	font-size: 64px;
	font-weight: 400;
	line-height: 60px;
	letter-spacing: -0.022em;
	text-align: left;
	margin-bottom: 12px;
}
.one-number:nth-child(odd) .number-title {
	background: #F76808 radial-gradient(56.74% 64.17% at 50% 5.83%, #FA934E 0%, rgba(250, 147, 78, 0) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.one-number:nth-child(even) .number-title {
	background: #18794E radial-gradient(56.74% 64.17% at 50% 5.83%, #46A758 0%, rgba(70, 167, 88, 0) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.number-text {
	color: #687076;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.022em;
	text-align: left;
	margin: 0;
}
.features-section {
	margin-bottom: 70.24px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.one-feature {
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 286px;
	padding: 0 32px;
	border-radius: 32px;
	background: #fff;
	position: relative;
}
.team-feature {
	background: #fff linear-gradient(282.44deg, rgba(247, 104, 8, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.feature-desc {
	margin: 0;
	max-width: 55%;
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.022em;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #889096;
}
.primary {
	color: #11181C;
}
.materials-feature {
	background: #46A758;
	overflow: hidden;
}
.materials-feature .feature-desc {
	color: #fff;
}
.materials-feature .feature-desc small {
	color: rgba(255, 255, 255, 0.59);
	display: block;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.022em;
	text-align: left;
}
.badge {
	position: relative;
	z-index: 1;
}
.badge:after {
	display: block;
	content: '';
	width: calc(100% + 10px);
	height: 100%;
	background: #FA934E;
	border-radius: 23px;
	position: absolute;
	left: -5px;
	top: 2px;
	z-index: -1;
}
.feature-img {
	position: absolute;
}
.team-feature .feature-img {
	bottom: 0;
	right: 25px;
}
.materials-feature .feature-img {
	bottom: 0;
	right: 0;
}
.choose-section {
	text-align: center;
	margin-bottom: 56px;
}
.choose-title {
	font-size: 32px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.022em;
	text-align: center;
	color: #11181C;
	margin-bottom: 24px;
}
.orange {
	color: #F76808;
}
.choose-subtitle {
	padding: 12px 16px;
	background: #CCEBD7;
	border-radius: 32px;
	margin: 0 auto 36px auto;
	display: inline-block;
	color: #18794E;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.022em;
	text-align: center;
}
.quote {
	padding: 24px 58.5px;
	max-width: 748px;
	background: #fff;
	border-radius: 24px;
	margin: 0 auto;
	position: relative;
}
.quote:before, .quote:after {
	display: block;
	content: '';
	width: 100px;
	height: 100px;
	position: absolute;
	background: url('assets/img/quotes.svg') center center / contain no-repeat;
	z-index: 0;
}
.quote:before {
	top: 0;
	left: 16px;
}
.quote:after {
	bottom: 0;
	right: 16px;
	transform: rotateX(180deg);
}
.quote span {
	background: linear-gradient(268.71deg, #656C71 -11.95%, #11181C 47.81%, #889096 103.2%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.022em;
	text-align: center;
	display: block;
	position: relative;
	z-index: 1;
}
.cta-section {
	margin-bottom: 72px;
	background: #fff;
	padding: 45px 0 45px 32px;
	border-radius: 32px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px; 
	position: relative;
	overflow: hidden;
}
.cta-content {
	max-width: 806px;
	padding-right: 147px;
}
.cta-title {
	font-size: 32px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: -0.022em;
	text-align: left;
	color: #11181C;
	margin-bottom: 16px;
}
.cta-subtitle {
	color: #687076;
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.022em;
	text-align: left;
}
.cta-img {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	object-fit: cover;
}
.get-size:before {
	content: '';
	display: block;
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/size-icon.svg') center center / contain no-repeat;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(59deg) brightness(109%) contrast(109%);
}
.reviews-section {
	margin-bottom: 56px;
}
.reviews-wrapper {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr;
}
.reviews-widget {
	background: #fff;
	border-radius: 24px;
	width: 100%;
	overflow: hidden;
	height: 100%;
	max-width: 760px;
}
.reviews-slider-wrapper {
	padding: 32px 0 32px 32px;
	background: #fff;
	border-radius: 32px;
}
.reviews-slider {
	position: relative;
}
.reviews-slider .owl-dots {
	display: none;
}
.reviews-slider .owl-nav, .types-slider .owl-nav {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 48px;	
}
.reviews-slider .owl-nav .disabled, .types-slider .owl-nav .disabled {
	display: none;
}
.reviews-slider .owl-nav button, .types-slider .owl-nav button {
	box-shadow: 0px 20px 25px -5px #00000014;
	width: 48px;
	height: 48px;
	background: #889096 url('assets/img/arrow-narrow-right-outline.svg') center center / 20px 20px no-repeat !important;
	border-radius: 50%;
}
.reviews-slider .owl-nav button span, .types-slider .owl-nav button span {
	display: none;
}
.reviews-slider .owl-nav .owl-next, .types-slider .owl-nav .owl-next {
	position: absolute;
	right: -24px;
}
.reviews-slider .owl-nav .owl-prev, .types-slider .owl-nav .owl-prev {
	position: absolute;
	left: -24px;
	transform: rotate(-180deg);
}
.one-review {
	padding: 16px;
	background: #F1F3F5;
	border-radius: 24px;
	max-width: 438px;
	min-height: 536px;
}
.review-img {
	width: 100%;
	height: 239px;
	object-fit: cover;
	margin-bottom: 24px;
	border-radius: 16px;
}
.review-title {
	padding-right: 93px;
	color: #11181C;
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.011em;
	text-align: left;
	margin-bottom: 24px;
}
.review-meta {
	display: flex;
	flex-direction: row;
	gap: 24px;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.review-author {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.011em;
	text-align: left;
	color: #687076;
}
.review-date {
	color: #687076;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.011em;
}
.review-text {
	margin: 0;
	color: #11181C;
	font-family: Onest;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.011em;
	text-align: left;
}
.small-features-section {
	margin-bottom: 56px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 24px;
}
.reviews-section .small-features-section {
	grid-template-columns: 1fr;
	margin: 0;
}
.one-small-feature {
	padding: 24px;
	background: #fff;
	border-radius: 32px;
}
.small-feature-img {
	display: block;
	margin: 0 0 16px 0;
	width: 32px;
	height: 32px;
}
.small-feature-text {
	color: #11181C;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.022em;
	text-align: left;
}
.callback-section {
	padding: 16px;
	border-radius: 32px;
	gap: 24px;
	background: #30A46C;
	align-items: stretch;
	margin-bottom: 72px;
	display: grid;
	grid-template-columns: 464px auto;
}
.callback-section img {
	object-fit: cover;
	border-radius: 24px;
}
.callback-form {
	padding: 18px 16px;
	border-radius: 32px;
	width: 464px;
	min-width: 464px;
	background: #fff;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.callback-title {
	font-size: 32px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -0.022em;
	text-align: center;
	color: #11181C;
	margin-bottom: 4px;
}
.callback-subtitle {
	background: #FFF1E7;
	padding: 4px 16px;
	display: inline-block;
	margin: 0 auto 24px auto;
	border-radius: 29px;
	color: #F76808;
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -0.022em;
	text-align: center;
}
.text-input {
	border: 1px solid #D7DBDF;
	background: none;
	border-radius: 16px;
	margin-bottom: 16px;
	padding: 20px 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.011em;
	text-align: left;
	outline: none !important;
}
.text-input:focus, .text-input:active, .text-input:hover {
	border-color: #30A46C;
}
.send-form:after {
	display: block;
	content: '';
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/arrow-circle-right-light.svg') center center / contain no-repeat;
}
.checkbox-input {
	margin-bottom: 24px;
}
.checkbox-input [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: 0;
	opacity: 0.01;
}
.checkbox-input [type="checkbox"]:not(:checked) + label,
.checkbox-input [type="checkbox"]:checked + label {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.006em;
	text-align: left;
	color: #11181C;
	position: relative;
	padding-left: 32px;
}
.checkbox-input label a {
	color: #30A46C;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.006em;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 8%;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.checkbox-input [type="checkbox"]:not(:checked) + label:before,
.checkbox-input [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #D7DBDF;
	background: #FFF;
	border-radius: 4px;
	transition: all .275s;
}
.checkbox-input [type="checkbox"]:checked + label:before {
	border-color: #F76808;
	background: #F76808 url('assets/img/checkmark-solid.svg') center center / 16px 16px no-repeat;
}
.portfolio-section {
	margin-bottom: 72px;
}
.portfolio-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
}
.portfolio-main-grid {
	height: 748px;
}
.portfolio-small-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 23px 24px;
}
.portfolio-element {
	border-radius: 40px;
	overflow: hidden;
	border: 4px solid #fff;
	height: 100%;
}
.portfolio-element-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contacts-section {
	display: flex;
	padding: 16px;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	align-self: stretch;
	border-radius: 40px;
	background: #FFF;
	margin-bottom: 56px;
}
.map-block {
	width: 716px;
	height: 444px;
	min-width: 444px;
	border-radius: 24px;
	overflow: hidden;
}
.contacts-wrapper {
	display: flex;
	padding: 32px 0px 32px 48px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}
.contacts-title {
	align-self: stretch;
	color: #000;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: -0.704px;
}
.contacts-content {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}
.contacts-column {
	display: grid;
	gap: 40px;
	grid-template-columns: 1fr;
}
.contacts-block {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}
.contacts-icon {
	width: 32px;
	min-width: 32px;
	height: 32px;
}
.contacts-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
}
.contact-phones {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	align-self: stretch;
}
.contacts-header {
	color: #000;
	font-family: Onest;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.contact-phone {
	color: #11181C;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	text-decoration: none;
}
.contact-phone:hover {
	color: #30A46C;
}
.contact-email {
	color: #F76808;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.contact-email:hover {
	color: #30A46C;
}
.work-time {
	color: #11181C;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
.work-time small {
	color: #687076;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.contacts-column:last-child {
	gap: 34px;
}
.contact-address {
	color: #687076;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
.site-footer {
	border-radius: 40px;
	background: #DFE3E6;
	padding: 48px 64px;
}
.footer-container hr {
	margin: 48px 0 32px 0;
	border-bottom: 1px solid #C1C8CD;
	height: 1px;
	background: none;
}
.copyrights {
	color: #889096;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.176px;
}
.footer-blocks {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 40px;
}
.order-btn:after {
	display: block;
	content: '';
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/arrow-circle-right-light.svg') center center / contain no-repeat;
	filter: brightness(0) saturate(100%) invert(51%) sepia(6%) saturate(4140%) hue-rotate(99deg) brightness(102%) contrast(86%);
}
.footer-block.block-1 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}
.footer-logo-link {
	margin-bottom: 32px;
	display: block;
}
.footer-contacts .contact-phones {
	margin-bottom: 16px;
}
.footer-email {
	color: #11181C;
	font-family: Onest;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	text-decoration: none;
}
.company-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.company-info-element {
	color: #889096;
	font-family: Onest;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}
.footer-menu-title {
	color: #11181C;
	font-family: Onest;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; 
	letter-spacing: -0.176px;
	margin-bottom: 16px;
}
.footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.footer-menu li {
	line-height: 18px;
}
.footer-menu li a {
	color: #687076;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.154px;
	text-decoration: none;
}
.footer-menu li a:hover {
	color: #F76808;
}
.footer-menu .has-child {
	display: block;
	position: relative;
	cursor: pointer;
}
.footer-menu .has-child:after {
	position: absolute;
	width: 20px;
	min-width: 20px;
	height: 20px;
	content: '';
	display: block;
	background: url('assets/img/chevron-down-outline.svg') center center / contain no-repeat;
	right: 0;
	top: 0;
}
.footer-menu .has-child ul {
	display: none;
	gap: 7px;
	list-style: none;
	margin: 5px 0;
	padding-left: 15px;
}
.footer-menu .has-child:hover ul {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.footer-menu.dropdown-menu {
	gap: 14px;
	max-width: 172px;
}
.block-4 .footer-menu {
	margin-bottom: 34px;
}
.footer-links {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.footer-links a {
	color: #F76808;
	font-family: Onest;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.footer-links a:hover {
	color: #30A46C;
}
.block-5 .footer-menu {
	margin-bottom: 18px;
}
.choose-slider {
	padding-bottom: 92px;
}
.choose-element {
	border-radius: 40px;
	border: 4px solid #fff;
	overflow: hidden;
}
.choose-element img {
	height: 100%;
	object-fit: cover;
}
.menu-btn-mobile {
	display: none;
}
.footer-contacts-mobile {
	display: none;
}
.copy-mobile {
	display: none;
}
.footer-links-mobile {
	display: none;
}
.order-btn-mobile {
	display: none;
}
:nth-child(1 of .owl-item.step-1) {
	transform: scale(0.85) translate(1%, 0px);	
}
:nth-child(2 of .owl-item.step-1) {
	transform: scale(0.85) translate(-1%, 0px);	
}
:nth-child(1 of .owl-item.step-2) {
	transform: scale(0.70) translate(22%, 0px);	
}
:nth-child(2 of .owl-item.step-2) {
	transform: scale(0.70) translate(-22%, 0px);	
}
:nth-child(1 of .owl-item.step-3) {
	transform: scale(0.55) translate(83%, 0px);	
}
:nth-child(2 of .owl-item.step-3) {
	transform: scale(0.55) translate(-83%, 0px);	
}
:nth-child(1 of .owl-item.step-4) {
	transform: scale(0.40) translate(235%, 0px);	
}
:nth-child(2 of .owl-item.step-4) {
	transform: scale(0.40) translate(-235%, 0px);	
}
.choose-slider .owl-item.active.center .choose-element {
	transform: scale(1) !important;
}
.choose-slider .owl-item {
	transition: all 0.2s ease-in;
}
.breadcrumbs {
	padding: 8px 16px;
	background: #fff;
	border-radius: 12px;
}
.breadcrumbs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
}
.breadcrumbs ul li {
	color: #889096;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}
.breadcrumbs ul li a {
	color: #889096;
	text-decoration: none;
}
.breadcrumbs ul li .current {
	color: #F76808;
}
.modal {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 20;
   background-color: #fff;
   display: none;
   border-radius: 24px;
   overflow: hidden;
   width: 90%;
   max-width: 500px;
}
.modal.is-show,
.overlay.is-show{
   display: block;
}
.modal__cross {
   position: absolute;
   top: 20px;
   right: 20px;
   width: 20px;
   height: 20px;
   cursor: pointer;

}
.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .4);
   z-index: 10;
   display: none;
}
.callback-modal {
	width: 90%;
	max-width: 496px;
}
.modal-header-banner {
	width: 100%;
	height: 212px;
	background: url('assets/img/callback-modal-bg.png') center center / cover no-repeat;
}
.modal__cross {
	width: 38px;
	height: 38px;
	padding: 10px;
	border-radius: 30px;
	border: 1px solid #D7DBDF;
	background: #fff url('assets/img/x-close-outline.svg') center center / 20px no-repeat;
}
.modal__cross:hover {
	background-color: #eee;
}
.modal-form-wrapper {
	padding: 32px;
}
.modal-form {
	flex-direction: column;
	display: flex;
	align-items: center;
	gap: 24px;
}
.modal-form-title .title {
	color: #11181C;
	font-weight: 500;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -2.2%;
	text-align: center;
	margin-bottom: 4px;
}
.modal-form-title .sub-title {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -2.2%;
	text-align: center;
}
.modal-form-inputs {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.modal-form-inputs * {
	margin: 0;
}
.modal-form .send-form {
	width: 100%;
}
.desktop-menu-btn:hover .modal-menu {
	display: flex;
}
.modal-menu {
	position: absolute;
	top: 40px;
	left: 0;
	padding: 16px;
	background: #fff;
	z-index: 10;
	border-radius: 40px;
	box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.18);
	width: 880px;
	flex-direction: column;
	gap: 16px;
	display: none;
}
.modal-menu-categories {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 16px;
}
.menu-category {
	border: 1px solid #DFE3E6;
	border-radius: 24px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: #11181C;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
}
.menu-category:before {
	display: block;
	width: 32px;
	height: 32px;
	content: '';
}
.menu-category:hover, .menu-category.active {
	border-color: #F76808;
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.078);
	background: #FEF8F4;
}
.menu-category:hover:before, .menu-category.active:before {
	filter: brightness(0) saturate(100%) invert(50%) sepia(25%) saturate(7020%) hue-rotate(358deg) brightness(99%) contrast(97%);
}
.menu-category.category-29:before {
	background: url('assets/img/roll.svg') center center / contain no-repeat;
}
.menu-category.category-22:before {
	background: url('assets/img/blinds.svg') center center / contain no-repeat;
}
.menu-category.category-32:before {
	background: url('assets/img/roman.svg') center center / contain no-repeat;
}
.menu-category.category-35:before {
	background: url('assets/img/plisse.svg') center center / contain no-repeat;
}
.modal-menu-dynamic:empty {
	display: none;
}
.modal-category-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.modal-category-products {
	background: #F1F3F5;
	padding: 16px;
	border-radius: 24px;
	display: flex;
	gap: 4px;
	flex-direction: column;
}
.modal-product-link {
	padding: 10px 12px;
	border: 1px solid #F1F3F5;
	border-radius: 10px;
	color: #687076 !important;
	text-decoration: none;
	width: 100%;
	display: block;
}
.modal-product-link:hover, .modal-product-link.active {
	border: 1px solid #DFE3E6;
	background: #fff;
}
.hidden-modal-links {
	display: none;
}
.modal-menu-link.has-child {
	position: relative;
}
.modal-menu-link.has-child:hover .hidden-modal-links {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 4px 0 4px 16px;
}
.modal-menu-link.has-child:after {
	width: 20px;
	height: 20px;
	content: '';
	right: 10px;
	top: 12px;
	display: block;
	background: url('assets/img/dropdown.svg') center center / contain no-repeat;
	position: absolute;
}
.modal-menu-link.has-child:hover:after {
	transform: rotate(180deg);
}
.modal-product-wrapper {
	border: 1px solid #DFE3E6;
}
.modal-product-wrapper .product-title {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.modal-product-wrapper .product-title-text {
	margin: 0;
}
.product-link-btn {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #687076 !important;
	padding: 12px;
	text-align: center;
	font-family: Onest;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	border-radius: 99px;
	border: 1px solid #D7DBDF;
}
.product-link-btn:hover {
	border-color: #F76808;
	color: #F76808 !important;
}
.modal-top-bar {
	display: none;
}
.modal-menu .main-menu-block {
	display: none;
}
.scheme-modal {
	padding: 16px;
}
.scheme-modal img {
	border-radius: 20px;
	border: 1px solid #DFE3E6;
}
.portfolio-element-img {
	cursor: pointer;
}
.gallery-modal img {
	border-radius: 20px;
	border: 1px solid #DFE3E6;
}
.modal.gallery-modal {
	max-width: none;
	width: auto;
	max-height: calc(100vh - 100px);
}
.slider-btn, .get-consult, .cta-content .get-size, .callback-form .send-form {
	position: relative;
	overflow: hidden;
}
.slider-btn:before, .get-consult:before, .cta-content .get-size:before, .callback-form .send-form:before {
	position: absolute;
	top: 0;
	left: -3000%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.7)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: shine 5s infinite;
	animation: shine 5s infinite;
}
@-webkit-keyframes shine {
	100% {
		left: 150%;
	}
}
@keyframes shine {
	100% {
		left: 150%;
	}
}
/******** RESPONSIVE ********/
@media screen and (min-width: 576px) { 
	.contacts-column {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (min-width: 768px) { 
	.contacts-column {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.contacts-block {
		width: 100%;
	}
}
@media screen and (max-width: 1440px) { 
	.container {
		width: 98%;
		max-width: 1380px;
		margin: 6px auto 24px auto;
	}
	.one-review {
		max-width: 375px;
	}
	.review-img {
		height: 201px;
	}
}
@media screen and (max-width: 1200px) {
	body, button, input, select, optgroup, textarea {
		font-size: 14px;
	}
	.container {
		max-width: 1120px;
		margin: 6px auto 24px auto;
	}
	.top-bar-address li {
		font-size: 12px;
		line-height: 16px;
	}
	.main-menu-block {
		display: none;
	}
	.modal-menu .main-menu-block {
		display: block;
		margin-top: 2px;
		padding-bottom: 16px;
		border-bottom: 1px solid #ECEEF0;
	}
	.main-slider {
		height: 480px;
		margin-bottom: 24px;
	}
	.categories-list {
		gap: 16px;
	}
	.one-category {
		width: 410px;
		min-width: 410px;
		border-radius: 24px;
		padding: 8px;
		margin-bottom: 56.7px;
	}
	.one-category:hover {
		margin-bottom: 19.37px;
	}
	.one-category-img {
		width: 100%;
		height: 221px;
		object-fit: cover;
		border-radius: 16px;
		margin-bottom: 16px;
	}
	.category-link {
		margin-top: 8px;
	}
	.category-title-text {
		font-size: 20px;
		line-height: 24px;
	}
	.category-price {
		font-size: 14px;
		line-height: 18px;
	}
	.category-desc {
		line-height: 20px;
	}
	.section-title {
		font-size: 32px;
		line-height: 34px;
		margin-bottom: 32px;
	}
	.about-wrapper {
		padding: 16px;
		grid-template-columns: auto 532px;
	}
	.lead-text, .about-content .lead-text {
		font-size: 28px;
		line-height: 32px;
	}
	.about-content p {
		font-size: 18px;
		line-height: 22px;
	}
	.slider-content {
		left: 24px;
		bottom: 24px;
		max-width: 535px;
	}
	.slider-title {
		font-size: 32px;
		line-height: 36px;
	}
	.slider-text {
		font-size: 16px;
		line-height: 20px;
	}
	.slider-btn {
		padding: 15px 16px;
	}
	.numbers-section {
		margin-bottom: 58.7px;
		gap: 16px;
	}
	.number-title {
		margin-bottom: 8px;
		font-size: 48px;
		line-height: 50px;
	}
	.number-text {
		font-size: 16px;
		line-height: 18px;
	}
	.features-section {
		gap: 16px;
		margin-bottom: 56px;
	}
	.feature-desc {
		font-size: 20px;
		line-height: 24px;
	}
	.team-feature .feature-img {
		bottom: 0;
		right: 0;
		width: 245px;
	}
	.materials-feature .feature-img {
		right: -50px;
	}
	.choose-section {
		margin-bottom: 40px;
	}
	.choose-title {
		font-size: 28px;
		line-height: 32px;
	}
	.choose-subtitle {
		padding: 8px 10px;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
	}
	.choose-slider {
		padding-bottom: 56px;
	}
	.quote {
		padding: 24px 15px;
		max-width: 552px;
	}
	.quote span {
		font-size: 20px;
		line-height: 24px;
	}
	.btn-lg {
		height: 52px;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		padding: 0 16px;
	}
	.cta-section {
		padding: 29px 0 29px 32px;
		margin-bottom: 56px;
	}
	.cta-content {
		max-width: 616px;
		padding-right: 67px;
	}
	.cta-title {
		font-size: 28px;
		line-height: 32px;
	}
	.cta-subtitle {
		font-size: 18px;
		line-height: 22px;
	}
	.cta-img {
		object-position: 0;
		width: 477px;
	}
	.reviews-section {
		margin-bottom: 32.5px;
	}
	.reviews-wrapper {
		gap: 16px;
		grid-template-columns: 1fr;
	}
	.reviews-widget {
		width: 100%;
		min-width: auto;
	}
	.reviews-slider-wrapper {
		padding: 24px 0 24px 24px;
	}
	.one-review {
		max-width: 393px;
		min-height: 453px;
	}
	.review-img {
		height: 213px;
		margin-bottom: 16px;
	}
	.review-title {
		font-size: 18px;
		line-height: 20px;
		padding-right: 55px;
	}
	.review-author {
		font-size: 14px;
		line-height: 18px;
	}
	.review-date {
		font-size: 14px;
		line-height: 18px;
	}
	.owl-nav {
		display: none;
	}
	.small-features-section {
		gap: 16px;
		margin-bottom: 32px;
	}
	.one-small-feature {
		border-radius: 24px;
	}
	.small-feature-text {
		font-size: 16px;
		line-height: 22px;
	}
	.callback-section {
		margin-bottom: 56px;
	}
	.callback-form {
		border-radius: 20px;
		padding: 30px 16px;
		width: 100%;
	}
	.callback-title {
		font-size: 32px;
		line-height: 36px;
	}
	.callback-subtitle {
		font-size: 24px;
		line-height: 36px;
	}
	.text-input {
		padding: 16px;
	}
	.checkbox-input [type="checkbox"]:not(:checked) + label:before, .checkbox-input [type="checkbox"]:checked + label:before {
		top: -1px;
	}
	.portfolio-section {
		margin-bottom: 56px;
	}
	.portfolio-wrapper {
		gap: 16px;
	}
	.portfolio-main-grid {
		height: 552px;
	}
	.portfolio-small-grid {
		gap: 16px;
	}
	.contacts-section {
		padding: 13px 16px;
		align-items: center;
		margin-bottom: 24px;
	}
	.contacts-wrapper {
		padding: 16px 0px 16px 16px;
		width: 100%;
	}
	.contacts-title {
		font-size: 32px;
		line-height: 38px;
	}
	.contacts-header {
		font-size: 16px;
	}
	.contact-phone {
		font-size: 14px;
		line-height: 21px;
	}
	.contact-email {
		font-size: 14px;
		line-height: 21px;
	}
	.work-time, .work-time small {
		font-size: 14px;
		line-height: 18px;
	}
	.contacts-text {
		gap: 4px;
	}
	.contact-address {
		font-size: 14px;
		line-height: 21px;
	}
	.map-block {
		width: 100%;
		max-width: none;
		height: 333px;
	}
	.contacts-column {
		min-width: auto;
		width: 100%;
	}
	.site-footer {
		padding: 32px;
		border-radius: 32px;
	}
	.footer-blocks {
		gap: 24px;
	}
	.footer-contacts .contact-phone {
		font-size: 16px;
		line-height: 16px;
	}
	.footer-block.block-1 {
		justify-content: flex-start;
		gap: 40px;
	}
	.block-4 .footer-menu {
		margin-bottom: 5px;
	}
	.block-5 .footer-menu {
		margin-bottom: 33px;
	}
	.footer-container hr {
		margin: 32px 0 24px 0;
	}
	.breadcrumbs ul li {
		font-size: 12px;
		line-height: 24px;
	}
}
@media screen and (max-width: 768px) { 
	.container {
		width: calc(100% - 32px);
	}
	.header {
		margin-bottom: 8.27px;
	}
	.fixed-header .header {
		margin-bottom: calc(8.27px + 56px);
	}
	.top-bar {
		overflow: auto;
		scrollbar-width: none;
	}
	.top-bar::-webkit-scrollbar { 
		display: none; 
	}
	.top-bar-address {
		margin-bottom: 13px;
	}
	.top-bar-address li {
		font-size: 10px;
		line-height: 14px;
		white-space: nowrap;
	}
	.header-wrapper {
		padding: 12px 12px;
		border-radius: 16px;
	}
	.logo-block .open-menu-btn {
		display: none;
	}
	.logo-link:after {
		display: none;
	}
	.logo-link {
		width: 96px;
		min-width: 96px;
		height: 28px;
	}
	.menu-btn-mobile {
		display: flex;
	}
	.header-contacts {
		gap: 8px;
	}
	.header-phones {
		padding: 0;
		gap: 4px;
	}
	.header-phones:after {
		display: none;
	}
	.header-phones a {
		font-size: 12px;
		line-height: 12px;
	}
	.header-button {
		height: 32px;
		width: 32px;
		min-width: 32px;
	}
	.header-button img {
		width: 16px;
		height: 16px;
	}
	.open-order-form {
		height: 32px;
		padding: 0 10px;
		border-radius: 32px;
		font-size: 12px;
		line-height: 20px;
	}
	.open-order-form:before {
		width: 16px;
		min-width: 16px;
		height: 16px;
	}
	.open-menu-btn {
		height: 32px;
		padding: 0 10px;
		border-radius: 32px;
		font-size: 12px;
		line-height: 20px;
		position: initial;
	}
	.open-menu-btn:before {
		width: 16px;
		min-width: 16px;
		height: 16px;
	}
	.mobile-modal-menu.active {
		display: flex;
		border-radius: 0;
		width: 100%;
		top: 0;
	}
	.modal-top-bar {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.close-modal-menu {
		height: 32px;
		width: 32px;
		min-width: 32px;
		background: none;
		border: 1px solid #D7DBDF;
		cursor: pointer;
		display: inline-flex;
		border-radius: 50%;
		margin-left: 8px;
	}
	.close-modal-menu img {
		width: 16px;
		height: 16px;
		margin: auto;
	}
	
	.main-slider {
		border-radius: 24px;
		margin-bottom: 32.7px;
		height: 315px;
	}
	.slider-content {
		left: 16px;
		bottom: 16.73px;
		border-radius: 16px;
		padding: 16px;
		width: calc(100% - 32px);
		max-width: none;
	}
	.slider-title {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 6px;
	}
	.slider-text {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 8px;
	}
	.slider-btn {
		padding: 12px 16px;
		gap: 6px;
	}
	.slider-btn:after {
		width: 16px;
		height: 16px;
	}
	.section-title {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 16px;
	}
	.one-category {
		width: 266px;
		min-width: 266px;
		padding: 6px 6px 16px 6px;
	}
	.one-category-img {
		height: auto;
	}
	.one-category-content {
		padding: 0 8px;
	}
	.category-title {
		gap: 8px;
	}
	.category-title-text {
		font-size: 18px;
		line-height: 22px;
	}
	.category-price {
		padding: 4px 6px;
		border-radius: 32px;
		line-height: 16px;
		font-size: 12px;
	}
	.category-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.154px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		align-self: stretch;
	}
	.category-link {
		margin-top: 16px;
		display: inline-block;
		font-size: 14px;
		line-height: 18px;
	}
	.one-category {
		margin-bottom: 32px;
	}
	.one-category:hover {
		margin-bottom: 32px;
	}
	.about-section {
		margin-bottom: 16px;
	}
	.about-wrapper {
		padding: 24px;
		border-radius: 24px;
		gap: 16px;
		grid-template-columns: auto 242px;
	}
	.about-content {
		padding: 0;
	}
	.about-content .lead-text {
		margin-bottom: 8px;
	}
	.lead-text, .about-content .lead-text {
		line-height: 22px;
		font-size: 18px;
	}
	.about-img {
		height: auto;
	}
	.about-content p {
		font-size: 14px;
		line-height: 18px; 
		margin-bottom: 16px;
	}
	.btn-lg {
		height: 42px;
		font-size: 14px;
		line-height: 18px;
		gap: 6px;
	}
	.get-consult:after {
		width: 16px;
		min-width: 16px;
		height: 16px;
	}
	.numbers-section {
		margin-bottom: 60px;
		gap: 16px;
	}
	.one-number {
		padding: 16px;
		border-radius: 24px;
	}
	.number-title {
		line-height: 36px;
		font-size: 32px;
		margin-bottom: 4px;
	}
	.number-text {
		font-size: 12px;
		line-height: 16px; 
	}
	.features-section {
		gap: 24px;
		grid-template-columns: 1fr;
	}
	.one-feature {
		min-height: 174px;
		padding: 16px;
		border-radius: 24px;
	}
	.feature-desc {
		max-width: 65%;
		font-size: 18px;
		line-height: 22px;
	}
	.team-feature .feature-img {
		right: 44px;
		width: 163px;
	}
	.materials-feature .feature-desc small {
		line-height: 18px;
		font-size: 14px;
	}
	.materials-feature .feature-img {
		right: 0;
		width: 190px;
	}
	.features-section {
		margin-bottom: 32px;
	}
	.choose-section {
		margin-bottom: 32px;
	}
	.choose-slider {
		padding-bottom: 0px;
	}
	.choose-title {
		margin-bottom: 16px;
		font-size: 20px;
		line-height: 20px; 
	}
	.choose-subtitle {
		padding: 8px 16px;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 16px;
	}
	.quote {
		padding: 16px 65px;
		max-width: 548px;
	}
	.quote:before, .quote:after {
		width: 64px;
		height: 64px;
	}
	.quote span {
		font-size: 16px;
		line-height: 20px;
	}
	.cta-section {
		padding: 24px 0 24px 24px;
		margin-bottom: 32px;
	}
	.cta-content {
		max-width: 414px;
		padding-right: 49px;
	}
	.cta-title {
		margin-bottom: 8px;
		font-size: 18px;
		line-height: 22px; /* 122.222% */
	}
	.cta-subtitle {
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 22px; /* 137.5% */
	}
	.get-size:before {
		height: 16px;
		width: 16px;
		min-width: 16px;
	}
	.cta-img {
		width: 300px;
	}
	.reviews-section {
		margin-bottom: 16px;
	}
	.reviews-wrapper {
		gap: 16px;
		grid-template-columns: 1fr;
	}
	.reviews-widget {
		height: 400px;
		border-radius: 16px;
	}
	.reviews-slider-wrapper {
		padding: 16px 0 16px 16px;
	}
	.one-review {
		min-height: 392px;
		max-width: 280px;
	}
	.one-review {
		padding: 8px;
	}
	.review-img {
		height: auto;
	}
	.review-title {
		padding: 0 8px;
		margin-bottom: 16px;
	}
	.review-meta {
		padding: 0 8px;
	}
	.review-author {
		font-size: 12px;
		line-height: 14px;
	}
	.review-date {
		font-size: 12px;
		line-height: 14px;
	}
	.review-text {
		padding: 0 8px;
		line-height: 18px;
		font-size: 14px;
	}
	.small-features-section {
		margin-bottom: 20px;
	}
	.one-small-feature {
		padding: 16px;
	}
	.small-feature-img {
		width: 24px;
		height: 24px;
		margin-bottom: 16px;
	}
	.small-feature-text {
		font-size: 14px;
		line-height: 18px; /* 128.571% */
	}
	.callback-section {
		margin-bottom: 32px;
		gap: 16px;
		grid-template-columns: 344px auto;
	}
	.callback-form {
		min-width: auto;
		padding: 32px;
	}
	.callback-title {
		font-size: 24px;
		line-height: 36px; 
		margin: 0;
	}
	.callback-subtitle {
		line-height: 20px; /* 142.857% */
		font-size: 14px;
		margin-bottom: 16px;
	}
	.text-input {
		padding: 14px 12px;
		font-size: 14px;
		line-height: 20px; /* 142.857% */
	}
	.checkbox-input [type="checkbox"]:not(:checked) + label, .checkbox-input [type="checkbox"]:checked + label {
		padding-left: 0px;
	}
	.checkbox-input [type="checkbox"]:not(:checked) + label:before, .checkbox-input [type="checkbox"]:checked + label:before {
		top: 0px;
		margin-bottom: 23px;
		position: relative;
		display: block;
		float: left;
		margin-right: 12px;
	}
	.send-form:after {
		width: 16px;
		height: 16px;
	}
	.checkbox-input {
		margin-bottom: 16px;
	}
	.callback-section img {
		object-fit: cover;
		border-radius: 16px;
		max-height: none;
		margin: auto;
		height: 100%;
		object-position: 67%;
	}
	.portfolio-main-grid {
		height: 360px;
	}
	.portfolio-section {
		margin-bottom: 32px;
	}
	.contacts-section {
		padding: 0px 16px 16px 16px;
	}
	.contacts-section {
		align-items: flex-start;
		margin-bottom: 24px;
		padding: 0px 16px 16px 16px;
		flex-direction: column;
		gap: 24px;
		border-radius: 32px;
	}
	.contacts-wrapper {
		padding: 24px 0px 24px 16px;
	}
	.contacts-title {
		line-height: 28px; /* 116.667% */
		font-size: 24px;
	}
	.contacts-content {
		width: 100%;
	}
	.site-footer {
		border-radius: 32px;
		padding: 24px 32px;
	}
	.footer-blocks {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 24px;
		grid-template-areas:
		"left-col . ."
		"left-col . .";
	}
	.footer-block.block-1 {
		justify-content: space-between;
		gap: 32px;
		grid-area: left-col;
	}
	.footer-contacts .contact-phones {
		gap: 8px;
	}
	.company-info {
		height: 100%;
	}
	.footer-links a {
		font-size: 12px;
		line-height: 150%; /* 18px */
	}
	.block-4 .footer-menu {
		margin-bottom: 20px;
	}
	.footer-menu li a {
		font-size: 12px;
		line-height: 14px;
	}
	.copyrights {
		font-size: 12px;
		font-weight: 400;
	}
	.map-block {
		height: 260px;
		width: 100%;
		min-width: auto;
	}
	.main-menu-list li a {
		font-size: 14px;
		line-height: 18px;
	}
	.menu-category {
		border-radius: 20px;
		padding: 14px;
		gap: 8px;
		font-size: 14px;
		line-height: 20px;
		white-space: nowrap;
		min-width: 146px;
	}
	.menu-category:before {
		width: 24px;
		height: 24px;
	}
	.modal-category-card {
		display: none;
	}
	.modal-category-wrapper {
		grid-template-columns: 1fr;
	}
	.modal-category-products {
		padding: 8px;
		border-radius: 16px;
	}
	.modal-product-link {
		padding: 9px 10px;
		font-size: 14px;
		line-height: 18px;
	}
	.modal-menu-categories {
		padding-bottom: 10px;
		margin-bottom: -10px;
		gap: 8px;
		overflow: auto;
		scrollbar-width: none;
	}
	.modal-menu-categories::-webkit-scrollbar { 
		display: none; 
	}
	.modal-form-title .title {
		font-size: 22px;
		line-height: 25px;
	}
	.modal-form-title .sub-title {
		font-size: 12px;
		line-height: 15px;
	}
	.modal-header-banner {
		height: 150px;
	}
	.modal-form-wrapper {
		padding: 16px;
	}
	.modal-form {
		gap: 8px;
	}
	.modal-form .checkbox-input {
		margin-bottom: 0px;
	}
	.reviews-section .small-features-section {
		grid-template-columns: 1fr 1fr;
	}
	.modal.gallery-modal {
		max-width: none;
		width: 96%;
		max-height: calc(100vh - 50px);
	}
}
@media screen and (max-width: 465px) { 
	.container {
		width: calc(100% - 12px);
		margin: 6px auto 20px auto;
	}
	.top-bar-address {
		margin-bottom: 6px;
	}
	.logo-link {
		width: 85px;
		min-width: 85px;
		height: 24px;
	}
	.mobile-modal-menu .header-buttons {
		display: flex;
	}
	.open-order-form {
		display: none;
	}
	.header-wrapper {
		position: relative;
	}
	.header {
		margin-bottom: 8px;
	}
	.main-slider {
		border-radius: 24px;
		margin-bottom: 62.23px;
		height: 459px;
	}
	.slider-content {
		left: 8px;
		bottom: 19.67px;
		width: calc(100% - 16px);
	}
	.slider-title {
		padding: 0;
		font-size: 21px;
	}
	.slider-text {
		line-height: 16px;
	}
	.slider-btn {
		padding: 12px 16px;
		gap: 6px;
		width: 100%;
		justify-content: center;
	}
	.one-category {
		width: 255px;
		min-width: 255px;
		padding: 6px 6px 16px 6px;
	}
	.one-category {
		margin-bottom: 32.31px;
	}
	.about-wrapper {
		padding: 16px;
		border-radius: 32px;
		gap: 16px;
		grid-template-columns: 1fr;
	}
	.about-img {
		border-radius: 16px;
	}
	.btn-lg {
		height: 50px;
		font-size: 16px;
		line-height: 20px;
		gap: 6px;
	}
	.get-consult {
		width: 100%;
	}
	.numbers-section {
		margin-bottom: 16px;
		gap: 14px 12px;
		grid-template-columns: 1fr 1fr;
	}
	.features-section {
		margin-bottom: 32.49px;
		gap: 16px;
	}
	.one-feature {
		min-height: 246px;
		padding: 16px;
		border-radius: 24px;
		align-items: baseline;
		overflow: hidden;
	}
	.feature-desc {
		width: calc(100% - 6px);
		max-width: none;
	}
	.team-feature .feature-img {
		right: -14px;
		width: 154px;
		z-index: 0;
		bottom: -23px;
	}
	.materials-feature .feature-img {
		right: -2px;
		width: 170px;
		bottom: 0px;
	}
	.choose-title br {
		display: none;
	}
	.quote {
		padding: 16px 31px;
		max-width: none;
		width: 100%;
	}
	.cta-section {
		padding: 0;
		margin-bottom: 32px;
		gap: 16px;
		flex-direction: column;
	}
	.cta-content {
		padding: 16px;
	}
	.cta-img {
		width: 100%;
		height: auto;
		position: initial;
	}
	.reviews-section {
		margin-bottom: 32px;
	}
	.reviews-wrapper {
		grid-template-columns: 1fr;
	}
	.reviews-widget {
		height: 424px;
	}
	.reviews-slider-wrapper {
		padding: 16px 0 16px 16px;
		width: 100%;
		overflow: hidden;
	}
	.small-features-section {
		grid-template-columns: 1fr;
		margin-bottom: 44px;
	}
	.callback-section {
		grid-template-columns: 1fr;
	}
	.callback-section img {
		display: none;
	}
	.callback-form {
		min-width: auto;
		padding: 16px;
		border-radius: 24px;
	}
	.categories-list {
		gap: 12px;
	}
	.portfolio-wrapper {
		gap: 12px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.portfolio-main-grid {
		height: 344px;
	}
	.portfolio-small-grid {
		gap: 12px;
	}
	.contacts-section {
		margin-bottom: 32px;
	}
	.contacts-wrapper {
		padding: 24px 0px 24px 0;
	}
	.contacts-content {
		display: flex;
		align-items: flex-start;
		gap: 24px;
		flex-direction: column;
	}
	.contacts-column {
		gap: 24px;
	}
	.site-footer {
		padding: 24px 16px;
	}
	.footer-contacts {
		display: none;
	}
	.company-info {
		display: none;
	}
	.footer-blocks {
		display: flex;
		flex-wrap: wrap;
	}
	.footer-contacts-mobile {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	.footer-logo-link {
		margin: 0;
	}
	.mobile-contacts {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
	.contact-phones {
		gap: 8px;
	}
	.contact-phone {
		font-size: 14px;
		line-height: 14px;
	}
	.company-info-element {
		line-height: 16px;
		font-size: 12px;
	}
	.copy-big {
		display: none;
	}
	.copy-mobile {
		display: block;
	}
	.footer-block {
		width: 100%;
		max-width: calc(50% - 12px);
	}
	.footer-links-pc {
		display: none;
	}
	.footer-links-mobile {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin: 24px 0;
	}
	.footer-block.block-1 {
		max-width: none;
		width: 100%;
		min-width: 100%;
	}
	.order-btn-pc {
		display: none;
	}
	.order-btn-mobile {
		display: flex;
	}
	.block-5 .footer-menu, .block-4 .footer-menu {
		margin: 0;
	}
	.order-btn-mobile {
		width: 100%;
		margin-bottom: 24px;
	}
	.footer-container hr {
		margin: 24px 0 16px 0;
	}
	.copyrights {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.page-template-tpl_category .main-slider {
		margin-bottom: 16px;
	}
	.main-menu-list li a {
		white-space: nowrap;
	}
	.main-menu-list {
		overflow: auto;
	}
}

/******** CATEGORY *********/
.page-template-tpl_category {
	margin-bottom: 32.5px;
}
.breadcrumbs {
	margin-bottom: 8px;
}
.page-template-tpl_category .main-slider {
	background: url('assets/img/category-2.png') center center / cover no-repeat;
}
.page-template-tpl_category .small-features-section {
	margin-bottom: 32px;
}
.page-template-tpl_category .portfolio-section {
	margin-bottom: 56px;
}
.products-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px;
	margin-bottom: 56px;
}
.one-product {
	padding: 8px 8px 24px 8px;
	background: #fff;
	border-radius: 32px;
}
.one-product-content {
	padding: 0 16px;
}
.product-title {
	margin-bottom: 16px;
}
.product-title-text {
	color: #11181C;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -1.9%;
	margin-bottom: 16px;
}
.product-price-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}
.product-price {
	padding: 6px 8px;
	border-radius: 32px;
	background: #F76808;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -1.1%;
}
.product-price-block small {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	text-decoration: line-through;
	color: #889096;
}
.product-link {
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.022em;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-underline-offset: 25%;
	text-decoration-thickness: 12.5%;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #46A758 !important;
	margin-top: 16px;
}
.product-link:hover {
	color: #18794E !important;
}
.one-product:hover {
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.078);
}
.small-callback-form {
	display: none;
}
.small-callback-form .callback-form {
	background: #30A46C;
	width: 100%;
	height: 100%;
}
.small-callback-form .callback-subtitle {
	color: #FFFFFF;
	background: none;
	padding: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -2.2%;
	text-align: center;
}
.small-callback-form .callback-title {
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -2.2%;
	text-align: center;
}
.small-callback-form .text-input {
	background: #fff;
}
.small-callback-form .text-input:hover, .small-callback-form .text-input:focus {
	border-color: #F76808;
}
.small-callback-form .checkbox-input label a {
	color: #FFCCA7;
}
.about-text-section {
	margin-bottom: 56px;
}
.about-text-wrapper {
	padding: 32px;
	background: #fff;
	border-radius: 40px;
	display: flex;
	flex-direction: row;
	gap: 56px;
}
.about-text-title {
	max-width: 659px;
	font-weight: 600;
	font-size: 48px;
	line-height: 50px;
	letter-spacing: 0%;
}
.about-text-content p {
	margin: 0 0 22px 0;
	color: #11181C;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1.1%;
}
.alert-success {
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: center;
	padding: 16px;
	border: 1px solid #B4DFC4;
	background: #F2FCF5;
	border-radius: 16px;
	color: #299764;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -1.1%;
	width: 100%;
}
.alert-success:before {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 10px;
	background: #DDF3E4 url('assets/img/thumbs-up-duotone.svg') center center / 24px 24px no-repeat;
	display: block;
	content: '';
}
@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1200px) {
	.page-template-tpl_category .one-category-img {
		border-radius: 24px;
	}
	.products-list {
		gap: 16px;
		margin-bottom: 32px;
	}
	.page-template-tpl_category .portfolio-section {
		margin-bottom: 32px;
	}
	.about-text-title {
		max-width: calc(50% - 8px);
		width: calc(50% - 8px);
		min-width: calc(50% - 8px);
		font-weight: 600;
		font-size: 32px;
		line-height: 34px;
		padding-right: 20px;
	}
	.about-text-section {
		margin-bottom: 32px;
	}
	.about-text-wrapper {
		gap: 16px;
	}
	.about-text-content {
		width: calc(50% - 8px);
		min-width: calc(50% - 8px);
	}
	.about-text-content p {
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 20px;
	}
	.callback-section {
		margin-bottom: 32px;
	}
}

@media screen and (max-width: 768px) { 
	.small-callback-form {
		display: block;
	}
	.page-template-tpl_category .callback-section {
		display: none;
	}
	.small-callback-form .btn-lg {
		height: 44px;
	}
	.page-template-tpl_category .portfolio-section {
		margin-bottom: 32px;
	}
	.products-list {
		margin-bottom: 32px;
		grid-template-columns: 1fr 1fr;
	}
	.about-text-section {
		margin-bottom: 32px;
	}
	.product-title-text {
		font-size: 18px;
		line-height: 22px;
	}
	.one-product {
		border-radius: 24px;
	}
	.page-template-tpl_category .one-category-img {
		border-radius: 16px;
	}
}

@media screen and (max-width: 465px) { 
	.page-template-tpl_category .small-features-section {
		grid-template-columns: 1fr 1fr;
	}
	.products-list {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.page-template-tpl_category .small-features-section {
		margin-bottom: 24px;
	}
	.one-product {
		border-radius: 24px;
	}
	.about-text-wrapper {
		padding: 24px;
		border-radius: 32px;
		flex-direction: column;
		gap: 22px;
	}
	.about-text-title {
		font-weight: 600;
		font-size: 24px;
		line-height: 28px;
	}
	.about-text-content p {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
	}
	.alert-success {
		font-size: 16px;
		line-height: 24px;
	}
	.alert-success:before {
		width: 35px;
		height: 36px;
		min-width: 36px;
		border-radius: 10px;
		background: #DDF3E4 url(assets/img/thumbs-up-duotone.svg) center center / 20px 20px no-repeat;
		display: block;
		content: '';
	}
}

/*********** PROMO PAGE ***********/
.page-title {
	margin: 24px 0 32px 0;
	color: #11181C;
	font-weight: 600;
	font-size: 48px;
	line-height: 54px;
	letter-spacing: -2.2%;
}
.promo-list {
	margin-bottom: 56px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px;
}
.one-promo {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 8px 8px 24px 8px;
	background: #fff;
	border-radius: 32px;
	justify-content: space-between;
}
.one-promo:hover {
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.078);
}
.promo-preview {
	width: 100%;
	height: 267px;
	object-fit: cover;
	border-radius: 24px;
}
.promo-content {
	padding: 0 16px 0 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.promo-title {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 16px;
	justify-content: space-between;
}
.promo-title-link {
	color: #11181C;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -1.9%;
	text-decoration: none;
}
.promo-title-link:hover {
	color: #F76808;
}
.promo-badge {
	padding: 6px 8px;
	background: #F76808;
	border-radius: 32px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -1.1%;
	white-space: nowrap;
}
.promo-desc {
	color: #889096;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	margin: 0;
}
.promo-btn {
	display: block;
	width: calc(100% - 32px);
	padding: 12px;
	text-align: center;
	border: 1px solid #D7DBDF;
	border-radius: 99px;
	color: #687076;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	margin: 0 auto;
}
.promo-btn:hover {
	border-color: #F76808;
	color: #F76808;
}
.other-promo-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
.one-other-promo {
	padding: 12px;
	background: #fff;
	border-radius: 24px;
	display: flex;
	flex-direction: row;
}
.other-promo-preview {
	width: 152px;
	height: 86px;
	object-fit: cover;
	border-radius: 16px;
	min-width: 152px;
}
.one-other-promo .promo-title-link {
	font-size: 18px;
	line-height: 24px;
}

@media screen and (max-width: 1440px) {
	.other-promo-list {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 1200px) {
	.promo-list {
		margin-bottom: 32px;
	}
	.page-title {
		margin: 12px 0 20px 0;
		font-size: 29px;
		line-height: 30px;
	} 
	.other-promo-list {
		grid-template-columns: 1fr;
	}
	.other-promo-list .promo-content {
		width: 100%;
	}
}

@media screen and (max-width: 768px) { 
	.promo-preview {
		border-radius: 24px;
		height: 167px;
	}
	.promo-list {
		gap: 16px;
		margin-bottom: 32px;
		grid-template-columns: 1fr 1fr;
	}
	.product-title-text {
		font-size: 18px;
		line-height: 22px;
	}
	.one-promo {
		border-radius: 24px;
	}
	.promo-preview {
		border-radius: 16px;
	}
	.promo-title-link {
		font-size: 18px;
		line-height: 22px;
	}
	.promo-badge {
		font-size: 12px;
		line-height: 16px;
	}
	.promo-desc {
		font-size: 12px;
		line-height: 16px;
	}
	.about-text-wrapper {
		flex-direction: column;
		padding: 24px;
		border-radius: 32px;
	}
	.about-text-title {
		max-width: 100%;
		width: 100%;
		min-width: 100%;
		padding: 0;
		font-size: 24px;
		line-height: 28px;
	}
	.about-text-content {
		width: 100%;
		min-width: 100%;
	}
	.about-text-content p {
		font-size: 14px;
	}
	.alert-success {
		font-size: 16px;
		line-height: 24px;
	}
	.alert-success:before {
		width: 36px;
		min-width: 36px;
		height: 36px;
		background: #DDF3E4 url(assets/img/thumbs-up-duotone.svg) center center / 20px 20px no-repeat;
		border-radius: 10px;
	}
	.other-promo-preview {
		display: none;
	}
	.other-promo-list .promo-content {
		gap: 5px;
		padding: 0;
	}
}
@media screen and (max-width: 465px) { 
	.page-title {
		margin: 8px 0 8px 0;
		font-size: 18px;
		line-height: 20px;
	}
	.promo-preview {
		height: 185px;
	}
	.promo-list {
		gap: 16px;
		margin-bottom: 16px;
		grid-template-columns: 1fr;
	}
	.product-title-text {
		font-size: 18px;
		line-height: 22px;
	}
	.one-promo {
		border-radius: 24px;
	}
	.promo-preview {
		border-radius: 16px;
	}
	.promo-title-link {
		font-size: 18px;
		line-height: 22px;
	}
	.promo-badge {
		font-size: 12px;
		line-height: 16px;
	}
	.promo-desc {
		font-size: 12px;
		line-height: 16px;
	}
	.about-text-wrapper {
		flex-direction: column;
		padding: 24px;
		border-radius: 32px;
	}
	.about-text-title {
		max-width: 100%;
		width: 100%;
		min-width: 100%;
		padding: 0;
		font-size: 24px;
		line-height: 28px;
	}
	.about-text-content {
		width: 100%;
		min-width: 100%;
	}
	.about-text-content p {
		font-size: 14px;
	}
	.alert-success {
		font-size: 16px;
		line-height: 24px;
	}
	.alert-success:before {
		width: 36px;
		min-width: 36px;
		height: 36px;
		background: #DDF3E4 url(assets/img/thumbs-up-duotone.svg) center center / 20px 20px no-repeat;
		border-radius: 10px;
	}
}

/*********** SINGLE PROMO ***********/
.page-template-tpl_single-promo .main-slider {
	background: url('assets/img/promo-1-big.png') center center / cover no-repeat;
}
.full-promo-section {
	margin-bottom: 56px;
}
.section-sub-title {
	margin-bottom: 24px;
	color: #000;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
}
.full-promo-blocks {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}
.full-promo-content {
	padding: 32px;
	background: #fff;
	border-radius: 40px;
}
.full-promo-content .lead-text {
	color: #11181C;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1.1%;
	margin: 0 0 16px 0;
}
.promo-banners {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}
.promo-banner {
	padding: 16px;
	border: 1px solid #F9C6C6;
	background: #FEEFF6;
	border-radius: 16px;
	position: relative;
}
.promo-banner-title {
	color: #E03177;
	margin-bottom: 2px;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -1.7%;
}
.promo-banner-desc {
	color: #687076;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1.1%;
	padding-right: 130px;
}
.promo-banner-img {
	position: absolute;
	right: 0;
	bottom: 0;
}
.full-promo-content p.light-text {
	margin: 0 0 16px 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1.1%;
	color: #687076;
}
.full-promo-content b {
	color: #11181C;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1.1%;
	display: inline-block;
}
.full-promo-content ul {
	margin: 0;
	padding-left: 25px;
	color: #11181C;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1.1%;
	margin-top: 22px;
}
.full-promo-content p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1440px) { 
	.full-promo-section {
		margin-bottom: 32px;
	}
	.full-promo-blocks {
		grid-template-columns: 1fr;
	}
	.reviews-slider .owl-nav .owl-next {
		right: -5px;
	}
}
@media screen and (max-width: 768px) { 
	.section-sub-title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 16px;
	}
	.full-promo-content {
		padding: 16px;
		border-radius: 24px;
	}
	.full-promo-section {
		margin-bottom: 32px;
	}
	.full-promo-content p.light-text {
		font-size: 14px;
		line-height: 20px;
	}
	.promo-banners {
		grid-template-columns: 1fr;
	}
}

/******* PRODUCT *******/
.portfolio-wrapper-small .portfolio-small-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 23px;
}
.page-content-section {
	margin-bottom: 72px;
	display: flex;
	flex-direction: row;
	gap: 56px;
	padding: 32px;
	border-radius: 40px;
	background: #fff;
}
.content-title {
	min-width: 659px;
	width: 659px;
}
.content-title-text {
	font-weight: 600;
	font-size: 48px;
	line-height: 50px;
	letter-spacing: 0%;
}
.content-wrapper p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1.1%;
	color: #687076;
	margin: 0 0 22px 0;
}
.content-wrapper b {
	color: #11181C;
}
.content-wrapper p:last-child {
	margin-bottom: 0;
}
.product-card {
	display: grid;
	grid-template-columns: 618px calc(100% - 618px - 25px);
	gap: 25px;
	margin-bottom: 72px;
	margin-top: 16px;
}
.product-gallery-block {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.product-main-img {
	border-radius: 40px;
	overflow: hidden;
	height: 618px;
}
.product-main-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product-gallery-thumbs {
	display: flex;
	flex-direction: row;
	overflow: auto;
	gap: 16px;
}
.one-gallery-thumb {
	width: 137px;
	min-width: 137px;
	height: 137px;
	border-radius: 32px;
	padding: 6.5px;
	border: 2px solid #C1C8CD;
	cursor: pointer;
}
.one-gallery-thumb:hover, .one-gallery-thumb.active {
	border-color: #F76808;
}
.one-gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}
.scheme-banner {
	padding: 16px;
	background: #fff;
	border-radius: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}
.scheme-img {
	height: 96px;
	min-width: 96px;
	width: 96px;
	border: 1px solid #C1C8CD;
	background: #F1F1F1;
	border-radius: 16px;
	display: flex;
	align-items: center;
}
.scheme-img img {
	width: 71.25px;
	min-width: 71.25px;
	margin: auto;
	mix-blend-mode: darken;
}
.scheme-content span {
	color: #11181C;
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -2.2%;
	display: block;
	margin-bottom: 16px;
}
.btn-xs {
	padding: 10px 12px;
	color: #F76808;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.6%;
	text-decoration: none;
	background: #FFF1E7;
	border-radius: 20px;
}
.btn-xs:hover {
	background: #F76808;
	color: #fff;
}
.product-card-info {
	padding: 32px;
	border-radius: 40px;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.product-name {
	color: #11181C;
	font-weight: 600;
	font-size: 43px;
	line-height: 50px;
	letter-spacing: -2.2%;
	margin-bottom: 24px;
}
.badge:after {
	background: #F76808;
}
.product-name .badge:after {
	height: calc(100% - 5px);
	top: 3px;
}
.product-name .badge {
	color: #fff;
	display: inline-block;
	margin-left: 3px;
}
.product-block-title {
	color: #11181C;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -1.7%;
	margin-bottom: 24px;
}
.product-text p {
	margin-top: -8px;
	margin-bottom: 0;
	color: #889096;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -1.7%;
}
.porduct-features {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
}
.one-product-feature {
	padding: 16px;
	background: #F8F9FA;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	color: #11181C;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -2.2%;
}
.one-product-feature img {
	width: 24px;
	height: 24px;
}
.one-type {
	padding: 6px 6px 16px 6px;
	border-radius: 24px;
	border: 2px solid #C1C8CD;
	cursor: pointer;
	position: relative;
}
.one-type:hover, .one-type.active {
	border-color: #F76808;
}
.one-type.active:before {
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	top: 14px;
	right: 14px;
	background: url('assets/img/checkbox.svg') center center / contain no-repeat;
	position: absolute;
}
.one-type-img {
	max-width: 148px;
	width: 148px;
	height: 148px;
	object-fit: cover;
	border-radius: 20px;
	margin-bottom: 10px;
}
.one-type-title {
	display: block;
	padding: 0 7px;
	color: #11181C;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -1.1%;
	max-width: 148px;
	min-height: 36px;
}
.types-slider .owl-dots {
	display: none;
}
.product-types {
	margin-right: -32px;
}
.types-slider .owl-nav .owl-next {
	right: 2px !important; 
}
select.product-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	  appearance: none;
	background-color: transparent;
	border: none;
	padding: 0 50px 0 0;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	z-index: 1;
	outline: none;
}
select.product-input::-ms-expand {
	display: none;
}
.select {
	display: grid;
	grid-template-areas: "select";
	align-items: center;
	position: relative;
	min-width: calc(50% - 12px);
	width: calc(50% - 12px);
	border: 1px solid #D7DBDF;
	border-radius: 16px;
	padding: 19px;
	cursor: pointer;
	background-color: #fff;
	color: #11181C;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
}

.product-windows-counter .select {
	padding: 19px 0 19px 19px;
}
.select select, .select::after {
	grid-area: select;
}
.select:not(.select--multiple)::after {
	content: "";
	display: block;
	position: absolute;
	right: 7px;
	top: 1px;
	width: 24px;
	height: 24px;
	background: url('assets/img/arrow-down.svg') center center / contain no-repeat;
}
select.product-input:focus + .focus {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border: 2px solid var(--select-focus);
	border-radius: inherit;
}
.sizes-blocks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.one-size-block label {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	margin-bottom: 12px;
	display: block;
}
.one-size-block {
	position: relative;
}
input[type="text"].product-input {
	padding: 19px 129px 19px 15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	border: 1px solid #D7DBDF;
	border-radius: 16px;
	width: 100%;
}
input[type="text"].product-input:hover, input[type="text"].product-input:focus {
	border-color: #F76808;
}
.one-size-block small {
	position: absolute;
	right: 16px;
	bottom: 20px;
	color: #687076;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
}
.product-radios {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 32px;
}
.one-radio {
	display: block;
	position: relative;
	padding-left: 34px;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.one-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.one-radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #fff;
	border: 1px solid #D7DBDF;
	border-radius: 50%;
}
.one-radio:hover input ~ .checkmark {
	background-color: #D7DBDF;
}
.one-radio input:checked ~ .checkmark {
	background-color: #F76808;
	border-color: #F76808;
}
.one-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.one-radio input:checked ~ .checkmark:after {
	display: block;
}
.one-radio .checkmark:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.product-colors-wrapper {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 9px;
}
.one-color {
	padding: 6px;
	border: 1px solid #C1C8CD;
	border-radius: 24px;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.one-color:hover, .one-color.active {
	border-color: #F76808;
}
.one-color.active:before {
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	top: 14px;
	right: 14px;
	background: url('assets/img/checkbox.svg') center center / contain no-repeat;
	position: absolute;
}
.one-color-name {
	background: #11181C;
	color: #fff;
	text-align: center;
	display: block;
	font-family: Onest;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 10px;
	border-radius: 12px;
	position: absolute;
	top: -76px;
	left: 50%;
	width: 100px;
	display: none;
	transform: translateX(-50%);
}
.one-color:hover .one-color-name {
	display: block;
}
.one-color.hidden {
	display: none;
}
.one-color-name:after {
	width: 14px;
	height: 6px;
	background: url('assets/img/black-arrow.svg') center top / contain no-repeat;
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
}
.one-color-img {
	border-radius: 16px;
	height: 100%;
}
.load-more-colors {
	padding: 6px;
	border: 1px solid #C1C8CD;
	border-radius: 24px;
	position: relative;
	cursor: pointer;
	display: flex;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -2.2%;
	text-align: center;
	align-items: center;
}
.load-more-colors:hover {
	border-color: #F76808;
}
.product-btns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.calc-product-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 65px;
	border-radius: 99px;
	gap: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	justify-content: center;
}
.calc-product-btn:after {
	display: block;
	content: '';
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/arrow-circle-right-light.svg') center center / contain no-repeat;
}
.download-catalog {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 65px;
	border-radius: 99px;
	gap: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1.1%;
	justify-content: center;
	text-decoration: none;
}
.download-catalog:after {
	display: block;
	content: '';
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url('assets/img/download.svg') center center / contain no-repeat;
}
.product-name-mobile {
	display: none;
}
input.error {
	border-color: red;
}


@media screen and (max-width: 1440px) { 
	.content-title-text {
		font-size: 32px;
		line-height: 34px;
	}
	.page-content-section {
		gap: 16px;
		margin-bottom: 32px;
	}
	.content-title {
		min-width: calc(50% - 8px);
		width: calc(50% - 8px);
	}
	.content-wrapper p {
		line-height: 20px;
	}
	.portfolio-wrapper-small .portfolio-small-grid {
		gap: 16px;
	}
	.callback-section {
		margin-bottom: 32px;
	}
}
@media screen and (max-width: 768px) { 
	.content-title-text {
		font-size: 24px;
		line-height: 28px;
	}
	.page-content-section {
		gap: 16px;
		flex-direction: column;
		border-radius: 32px;
		padding: 24px;
	}
	.content-title {
		min-width: auto;
		width: 100%;
	}
	.content-wrapper p {
		font-size: 14px;
		line-height: 20px;
	}
	.product-card {
		display: block;
		gap: 24px;
		margin-bottom: 50px;
		margin-top: 16px;
	}
	.product-gallery-block {
		gap: 20px;
		margin-bottom: 24px;
	}
	.product-main-img {
		border-radius: 24px;
		height: auto;
	}
	.product-colors-wrapper {
		grid-template-columns: repeat(4, 1fr);
		gap: 8px;
	}
	.porduct-features {
		grid-template-columns: 1fr;
		gap: 8px;
	}
	.product-name {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 0px;
	}
	.product-btns {
		grid-template-columns: 1fr;
	}
	.product-name .badge {
		display: inline-block;
	}
	.one-gallery-thumb {
		width: 85px;
		min-width: 85px;
		height: 85px;
		border-radius: 16px;
		padding: 4.5px;
	}
	.one-gallery-thumb img {
		border-radius: 10px;
	}
	.sizes-blocks {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.product-radios {
		gap: 12px;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 500px) { 
	.portfolio-wrapper-small .portfolio-small-grid {
		gap: 16px;
		grid-template-columns: 1fr 1fr;
	}
	.product-types {
		display: none;
	}
	.product-name-mobile {
		display: block;
		margin-bottom: 15px;
	}
	.product-header {
		display: none;
	}
	.header-phones a {
		white-space: nowrap;
	}
	.header-button {
		height: 25px;
		width: 25px;
		min-width: 25px;
	}
	.header-button img {
		width: 13px;
		height: 13px;
	}
	.header-buttons {
		gap: 4px;
	}
	.product-card-info {
		padding: 10px;
		border-radius: 24px;
	}
	.one-color, .load-more-colors {
		max-width: 70px;
		height: 70px;
		margin: auto;
	}
	.load-more-colors {
		font-size: 11px;
		line-height: 16px;
	}
}
@media screen and (max-width: 400px) { 
	.breadcrumbs ul li {
		font-size: 10px;
	}
	.header-phones a {
		font-size: 10px;
	}
	.open-menu-btn {
		padding: 0 5px;
	}
	.slider-title {
		font-size: 19px;
		line-height: 24px;
	}
}
@media screen and (max-width: 367px) { 
	.materials-feature .feature-desc small {
		padding-right: 145px;
	}
	.slider-title {
		font-size: 17px;
		line-height: 20px;
	}
}