.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}
/*!
 * Bootstrap Reboot v5.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/* USER VARIABLES SECTION */

:root {
	--accent: #92C602;
	--second: #92C602;
	--dark:#273133;
	--graytext:#969FAB;
	--text: #212A36;
	--bg: #fff;
	--border-color: #E2E6EC;
	--regular-text: 16px;
	--lineheight: 1.65;
	--bg-gray: #F5F4F8;
	--userfont: 'Mont', sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--border-color: #E2E6EC;
}

.container {
	width: 1270px;
	margin: 0 auto;
}

/* FONTS LOAD SECTION */


/* GENERAL CSS SETTINGS */

::placeholder {
	color: #666;
}

::selection {
	background-color: var(--accent);
	color: #000;
}

input,
textarea {
	outline: none;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
	border-color: red;
}

input:required:valid,
textarea:required:valid {
	border-color: green;
}

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	background-color: var(--bg);
	overflow-x: hidden;
}

/* USER STYLES */

.accent {
	color: var(--accent);
	font-weight: bold;
}

.swiper-lazy-preloader {
	--swiper-preloader-color: #FFED03;
}

.btn {
	height: 62px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	background-color: var(--second);
	text-decoration: none;
	transition-duration: .15s;
}

.btn:hover {
	color: initial;
	opacity: .9;
}

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

.s-title {
	font-weight: 900;
	font-size: 36px;
	line-height: 120%;
}

.s-desc {
	font-size: 22px;
	line-height: 140%;
	margin: 30px 0;
	font-weight: 500;
}
.header {
  position: relative;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
}

.header__top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__logo img {
  max-width: 260px;
  max-height: 57px;
}

.header__top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.header__top-menu li a {
  font-weight: 500;
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.header__top-menu li a:hover {
  color: var(--accent);
}

.header__top-menu li + li {
  margin-left: 32px;
}

.header__whats {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none;
  color: var(--text);
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.header__whats:hover {
  color: var(--accent);
}

.header__whats::before {
  content: '';
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/whats.svg);
  width: 18px;
  height: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 9px;
}

.header__phone {
  font-weight: 700;
  font-size: 18px;
  color: var(--text);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.header__phone:hover {
  color: var(--accent);
}

.header__phone::before {
  content: '';
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/tel.svg);
  width: 26px;
  height: 26px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 9px;
  border: 1px solid var(--accent);
  border-radius: 100%;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.header__btn {
  height: 85px;
  padding: 0 35px;
}

.header__bottom {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 0;
}

.header__bottom .container > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style-type: none;
  height: 69px;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.header__bottom .container > ul > li {
  position: relative;
  height: 100%;
}

.header__bottom .container > ul > li > a {
  color: var(--text);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
  font-size: 16px;
	font-weight: 900;
}

.header__bottom .container > ul > li:hover > a {
  color: var(--accent);
}

.header__bottom .container > ul > li:hover .header__sub-menu {
  opacity: 1;
  visibility: visible;
}

.header__bottom .container > ul .have-sub:first-child > a::before {
  content: '';
  width: 26px;
  height: 26px;
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/menu.svg);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.header__sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #F5F4F8;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.header__sub-menu > li > a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 25px;
  text-decoration: none;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.header__sub-menu > li > a::after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/right.svg);
  background-size: 100%;
  margin-left: 5px;
	filter: invert(1);
}

.header__sub-menu > li > a:hover {
  background-color: var(--accent);
	color:#fff;
}
.header.sticky {
	position: fixed;
}
.header.sticky .header__bottom .container > ul {
  height: 45px;
}

body .swiper-pagination {
  position: relative;
  margin-top: 20px;
  bottom: auto !important;
  z-index: 10;
  display: none;
}

body .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
	background: rgba(0,0,0,0.3);
  border: 1px solid #F5F4F8;
}

body .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #000;
  background-color: #000;
}

.main {
  overflow: hidden;
  margin-top: 17px;
  position: relative;
}

.main .container {
  position: relative;
}

.main .container::before {
  content: '';
  position: absolute;
  left: -50vw;
  top: 0;
  bottom: 0;
  width: calc(50vw - 90px);
  background: #F5F4F8;
  z-index: 6;
}

.main .container::after {
  content: '';
  position: absolute;
  right: -50vw;
  top: 0;
  bottom: 0;
  width: calc(50vw - 90px);
  background: #F5F4F8;
  z-index: 6;
}

.main__wrapper {
  width: calc(100% + 150px);
  margin-left: -75px;
  background-color: var(--dark);
  padding: 0 75px;
  position: relative;
}

.main__wrapper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  background-color: var(--dark);
  z-index: 1;
}

.main__text-slider {
  width: 620px;
  overflow: hidden;
}

.main__init {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main__text {
  position: relative;
  z-index: 3;
  min-height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main__text .swiper-slide {
  height: auto;
}

.main__text .man {
  position: absolute;
  right: -150px;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.main__text .profile {
  max-width: 250px;
  position: absolute;
  right: -140px;
  bottom: 70px;
  pointer-events: none;
}

.main__title {
  font-weight: 900;
  font-size: 40px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #fff;
}

.main__title span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px 20px;
  color: var(--text);
  background-color: #fff;
  border-radius: 100px;
	line-height: 1.2;
  margin-left: 45px;
  font-size: 28px;
}

.main__title i {
  font-style: normal;
  margin-left: 30px;
}

.main__desc {
  font-weight: 500;
  font-size: 22px;
  line-height: 140%;
  color: #fff;
  margin-top: 20px;
}

.main__form {
  margin-top: 35px;
}

.main__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}

.main__input {
  margin-right: 6px;
}

.main__input input {
  width: 225px;
  height: 74px;
  padding: 0 18px;
  font-weight: 500;
  border: none;
}

.main__input input::-webkit-input-placeholder {
  color: #A1A1A1;
}

.main__input input:-ms-input-placeholder {
  color: #A1A1A1;
}

.main__input input::-ms-input-placeholder {
  color: #A1A1A1;
}

.main__input input::placeholder {
  color: #A1A1A1;
}

.main__submit input {
  height: 74px;
  width: 210px;
  background-color: var(--second);
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.main__submit input:hover {
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}

.main__checkbox {
  font-weight: 500;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
  margin-top: 12px;
}

.main__images-slider {
  width: 700px;
  height: 700px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  pointer-events: none;
  z-index: 2;
}

.main__images-slider::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -70%;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.main__images-slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main__image {
  width: 100%;
  height: 100%;
}

.main .prev {
  left: -45px;
}

.main .next {
  right: -45px;
}

.prev,
.next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 72px;
  height: 72px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--text);
  border-radius: 100%;
  cursor: pointer;
  outline: none;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
  z-index: 10;
}

.prev:hover,
.next:hover {
  background-color: #000;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}



.prems {
  margin: 95px 0 90px;
}

.prems .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 30px 50px;
}

.prems__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.prems__item img {
  max-width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
}

.catalog__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.catalog__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 240px;
  padding: 30px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-decoration: none;
  overflow: hidden;
}

.catalog__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(76.68deg, #000000 -3.67%, rgba(0, 0, 0, 0) 115.35%);
  z-index: 2;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.catalog__item:hover::before {
  left: -150px;
}

.catalog__item > div {
  position: relative;
  z-index: 3;
}

.catalog__item img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 992px) {
  .catalog__item--full {
    grid-column: 2 span;
  }
}

.catalog__status {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  background-color: var(--second);
  padding: 5px 10px;
  color: #fff;
}

.catalog__title {
  font-weight: 700;
  font-size: 25px;
  line-height: 110%;
  color: #fff;
  margin-top: auto;
}

.tabs-products {
  margin-top: 75px;
}

ul.tabs {
  margin: 30px 0 0;
  padding: 0px;
  list-style: none;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #E2E6EC;
}

ul.tabs li {
  background: none;
  color: #A3A8AF;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  padding-bottom: 12px;
  position: relative;
  cursor: pointer;
}

ul.tabs li:not(:last-child) {
  margin-right: 32px;
}

ul.tabs li.current {
  color: var(--text);
}

ul.tabs li.current::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background-color: var(--second);
}

.tab-content {
  display: none;
}

.products-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 35px;
}

.tab-content.current {
  display: inherit;
}

.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 2px solid #E2E6EC;
  text-decoration: none;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.product-card:hover {
  border-color: #c5cbd4;
}

.product-card:hover .product-card__bottom {
  border-color: #c5cbd4;
}

.product-card__top {
  padding: 20px 20px 0;
}

.product-card__img {
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.product-card__img img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 2;
}

.product-card__img--dveri::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 218px;
  height: 171px;
  background-color: var(--bg-gray);
}

.product-card__info-main {
  margin-top: 20px;
}

.product-card__info-title {
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
}

.product-card__info-price {
  font-size: 18px;
  line-height: 128%;
  font-weight: 700;
  color: var(--text);
  margin-top: 2px;
}

.product-card__bottom {
  margin-top: 9px;
  border-top: 2px solid var(--border-color);
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.product-card__params {
  padding: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card__row-param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product-card__row-param:not(:last-child) {
  margin-right: 20px;
}

.product-card__row-param span {
  color: #A3A8AF;
  font-size: 10px;
  font-weight: 500;
}

.product-card__row-param b {
  font-weight: 500;
  font-size: 12px;
  margin-top: 3px;
  color: var(--text);
}

.product-card__bottom-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -2px;
}

.product-card__bottom-info .btn {
  margin-right: 16px;
  margin-left: -2px;
}

.product-card__bottom-params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product-card__param {
  height: 40px;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F5F4F8;
  font-weight: 500;
  font-size: 12px;
  color: var(--text);
}

.product-card__param:not(:last-child) {
  margin-right: 8px;
}

.product-card__param::before {
  content: '';
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-right: 5px;
}

.product-card__param--noice::before {
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/noice.svg);
}

.product-card__param--temp::before {
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/temp.svg);
}

.prems-info {
  margin-top: 110px;
}

.prems-info .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 30px 15px;
}

.prems-info__icon {
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.prems-info__icon img {
  max-width: 100%;
  max-height: 100%;
}

.prems-info__item {
  text-align: center;
}

.prems-info__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}

.prems-info__desc {
  border-top: 1px solid var(--second);
  margin-top: 12px;
  padding-top: 12px;
  font-size: 18px;
}

.portfolio-slider {
  margin-top: 80px;
  overflow: hidden;
}

.portfolio-slider__wrapper {
  position: relative;
  margin-top: 35px;
}

.portfolio-slider__wrapper::before {
  content: '';
 background: #F5F4F8;
  left: calc(-50vw - 15px);
  top: 0;
  bottom: 0;
  width: 50vw;
  display: block;
  position: absolute;
}

.portfolio-slider__wrapper::after {
  content: '';
  background: #F5F4F8;
  right: calc(-50vw - 15px);
  top: 0;
  bottom: 0;
  width: 50vw;
  display: block;
  position: absolute;
}

.portfolio-slider__init {
  overflow: hidden;
}

.portfolio-slider .prev {
  left: -45px;
}

.portfolio-slider .next {
  right: -45px;
}

.portfolio-slider .swiper-slide {
  height: auto;
}

.portfolio-item {
  position: relative;
  height: 330px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.portfolio-item:hover, .portfolio-item:active, .portfolio-item:visited {
  color: inherit;
}

.portfolio-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(75.21deg, rgba(0, 0, 0, 0.66) -1.24%, rgba(0, 0, 0, 0) 100.62%);
  z-index: 1;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.portfolio-item:hover::before {
  left: -300px;
}

.portfolio-item > img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio-item__text {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 25px;
  padding-left: 105px;
  min-height: 80px;
}

.portfolio-item__text::before {
  content: '';
  width: 80px;
  height: 80px;
  background-color: var(--second);
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/right.svg);
  background-size: 40px;
  background-position: 50%;
  background-repeat: no-repeat;
}

.portfolio-item__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
	color:#fff;
}

.portfolio-item__desc {
  font-size: 14px;
  margin-top: 5px;
	color:#fff;
}

.about {
  margin-top: 80px;
}

.about .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about .s-title {
  margin-bottom: 30px;
}

.about__img {
  width: 340px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 85px 0 35px;
  position: relative;
}

.about__img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(28.81deg, #000000 -19.8%, rgba(0, 0, 0, 0) 65.67%);
  z-index: 2;
}

.about__img img {
  width: 100%;
  height: auto;
}

.about__right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 440px;
          flex: 1 0 440px;
}

.about p:not(.s-desc) {
  color: var(--graytext);
}

.about .btn {
  margin-top: 30px;
}

.about h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--text);
  position: relative;
  padding-bottom: 11px;
  margin: 0 0 15px;
}

.about h3::before {
  content: '';
  width: 44px;
  height: 2px;
  background-color: var(--text);
  position: absolute;
  left: -44px;
  bottom: 0;
}

.about p {
  line-height: 140%;
}

.about p:last-child {
  margin-bottom: 0;
}

.about p + h3 {
  margin-top: 50px;
}

.steps {
  margin-top: 100px;
}

.steps ul {
  margin: 35px 0 0;
  padding: 0;
  list-style-type: none;
  counter-reset: num;
  position: relative;
}

.steps ul::before {
  content: '';
  position: absolute;
  left: 87px;
  top: 25px;
  bottom: 25px;
  width: 1px;
  background-color: var(--border-color);
  display: block;
}

.steps ul li {
  padding: 0 0 0 118px;
  counter-increment: num;
  position: relative;
}

.steps ul li span {
  padding: 17px 0;
  display: block;
}

.steps ul li:not(:last-child) span {
  border-bottom: 1px solid var(--border-color);
}

.steps ul li::before {
  content: counter(num);
  width: 54px;
  height: 44px;
  background-color: var(--text);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
  padding: 5px 10px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.steps ul li:nth-child(-n+9)::before {
  content: "0" counter(num);
}

.steps ul li::after {
  content: '';
  width: 18px;
  height: 18px;
  background-color: var(--accent);
  border-radius: 100%;
  border: 3px solid var(--accent);
  position: absolute;
  left: 78px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.steps ul a {
  color: inherit;
  font-weight: 700;
}

.form {
  margin-top: 100px;
}

.form__wrapper {
  background-color: var(--dark);
  padding: 65px 55px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.form__wrapper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  background-color: var(--dark);
}

.form__title {
  font-size: 36px;
  font-weight: 900;
  line-height: 1.3;
  color: #fff;
}

.form__desc {
  font-size: 22px;
  line-height: 140%;
  font-weight: 500;
  margin-top: 20px;
  color: #fff;
}

.form__image {
  width: 500px;
  height: 500px;
  position: absolute;
  right: 50px;
  border-radius: 100%;
  overflow: hidden;
  z-index: 1;
}

.form__image::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -60%;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.form__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer {
  margin-top: 60px;
  overflow: hidden;
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.footer__top::before {
  content: '';
  position: absolute;
  left: -50vw;
  width: 200vw;
  height: 1px;
  background-color: var(--border-color);
  top: 0;
}

.footer__top::after {
  content: '';
  position: absolute;
  left: -50vw;
  width: 200vw;
  height: 1px;
  bottom: 0;
  background-color: var(--border-color);
}

.footer__item {
  padding: 45px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer__item:first-child {
  min-width: 500px;
  padding-left: 0;
  border-right: 1px solid var(--border-color);
}

.footer__item:nth-child(2n) {
  min-width: 420px;
}

.footer__item .s-title {
  margin-bottom: 30px;
}

.footer__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  padding: 0;
  margin: 0 0 45px;
  list-style-type: none;
}

.footer__list li a {
  color: var(--text);
  text-decoration: none;
}

.footer__social {
  padding: 0;
  margin: auto 0 -5px -5px;
  list-style-type: none;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__social li {
  margin: 0 5px 5px;
}

.footer__social li a {
  width: 62px;
  height: 62px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  background-color: #F5F4F8;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.footer__social li a:hover {
  background-color: var(--accent);
}

.footer__social li a img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.footer__social li a:hover img {
  -webkit-filter: invert(0);
          filter: invert(0);
}

.footer__social li a img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.footer__contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__contact-item + .footer__contact-item {
  margin-top: 25px;
}

.footer__t-contact {
  color: #4A4A4A;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 6px;
}

.footer__adres {
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
}

.footer__tel {
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

.footer__tel:hover {
  color: #fff;
}

.footer__map {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.footer__map iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: -50vw;
  width: 50vw;
  height: 100% !important;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.footer__bottom {
  padding: 25px 0;
  color: #A0A8B5;
  font-size: 10px;
}

.footer__bottom a {
  color: #A0A8B5;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.footer__bottom a:hover {
  color: var(--accent);
  text-decoration: none;
}

.footer__bottom * + * {
  margin-left: 20px;
}

.footer .btn {
  margin-top: auto;
}

.bread {
  margin: 25px 0;
}

.bread .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bread .container * {
  font-size: 12px;
  color: #555;
}

.bread .container > * + *::before {
  content: '<';
  display: inline-block;
  margin: 0 10px;
}

.page-info + .catalog {
  margin-top: 40px;
}

.page-info__desc {
  color: #626262;
  margin: 35px 0 20px;
}

.prems-windows {
  margin-top: 110px;
}

.prems-windows .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.prems-windows__text {
  width: 365px;
  margin-right: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.prems-windows__text p {
  color: var(--graytext);
  margin: 20px 0 0;
}

.prems-windows__text .btn {
  margin-top: 20px;
}

.prems-windows__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.prems-windows__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  position: relative;
}

.prems-windows__list-item::before {
  content: '';
  width: 46px;
  height: 46px;
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/square.svg);
  position: absolute;
  left: 20px;
  bottom: -3px;
}

.prems-windows__text-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 20px;
  background-color: var(--bg-gray);
  padding: 25px 30px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
}

.prems-windows__img {
  width: 175px;
  height: 175px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.prems-windows__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.price {
  margin-top: 80px;
}

.price__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #F5F4F8;
}

.price__item + div {
  margin-top: 45px;
}

.price__wrapper {
  margin-top: 45px;
}

.price .swiper-slide {
  height: 380px;
}

.price .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url(/wp-content/themes/cleantemplate/css/../images/mask.png);
          mask-image: url(/wp-content/themes/cleantemplate/css/../images/mask.png);
}

.price__gallery {
  width: 495px;
  position: relative;
  margin-right: 45px;
}

.price__gallery .prev,
.price__gallery .next {
  width: 60px;
  height: 60px;
}

.price__gallery .prev {
  bottom: 30px;
  right: 75px;
  top: auto;
}

.price__gallery .next {
  bottom: 30px;
  right: 8px;
  top: auto;
}

.price__init {
  overflow: hidden;
}

.price__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 25px 25px 0;
}

.price__title {
  font-size: 32px;
  line-height: 128%;
  font-weight: 500;
}

.price__params {
  margin: 15px 0 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

.price__params li {
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #2D2D2D;
}

.price__price {
  font-size: 25px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px 0;
}

.price__old::after {
  content: '-';
  display: inline-block;
  margin: 0 7px 0 2px;
}

.price__new {
  font-weight: 700;
  color: var(--accent);
}

.price__bottom {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.price .btn {
  height: auto;
}

.price__details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 30px;
}

.price__details-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  background-color: var(--bg-gray);
  padding: 0 10px 0 4px;
}

.price__details-row::before {
  content: '';
  width: 34px;
  height: 34px;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.price__details-row + div {
  margin-top: 7px;
}

.price__details--noice::before {
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/noice.svg);
}

.price__details--temp::before {
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/temp.svg);
}

.price__percent {
  font-size: 20px;
  color: var(--accent);
  min-width: 50px;
  font-weight: 700;
}

.price__details-title {
  font-size: 14px;
}

.price__bar {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}

.price__bar i {
  width: 12px;
  height: 18px;
  background: #444444;
  display: inline-block;
}

.price__bar i + i {
  margin-left: 4px;
}

.price__bar .full {
  background-color: var(--accent);
}

.categories {
  margin-top: 80px;
}

.categories .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.categories__item {
  padding: 25px 30px;
  position: relative;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-decoration: none;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
  overflow: hidden;
}

.categories__item img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.categories__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(76.68deg, #000000 -3.67%, rgba(0, 0, 0, 0) 115.35%);
  z-index: 2;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.categories__item:hover::before {
  left: -300px;
}

.categories__title {
  font-size: 25px;
  line-height: 1.3;
  color: #fff;
  font-weight: 900;
  position: relative;
  z-index: 3;
}

.balkon {
  /* Firefox */
}

.balkon .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.balkon__image {
  width: 350px;
  margin-right: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

.balkon__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.balkon__desc {
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  color: #626262;
  margin-top: 15px;
}

.balkon__form {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 15px 20px;
  counter-reset: num;
}

.balkon__form-row {
  counter-increment: num;
  position: relative;
  padding-top: 25px;
  padding-left: 43px;
}

.balkon__form-row:nth-child(-n+9)::before {
  content: "0" counter(num);
}

.balkon__form-row::before {
  content: counter(num);
  position: absolute;
  left: 0;
  top: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background-color: var(--accent);
  font-size: 14px;
  color: #000;
}

.balkon__form-row::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #262626;
}

.balkon__form-row-full {
  grid-column: span 2;
}

.balkon__t-form {
  font-size: 12px;
  margin-bottom: 10px;
}

.balkon__types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.balkon__types label {
  width: 100%;
}

.balkon__types input {
  display: none;
}

.balkon__types input:checked + span {
  background-color: var(--accent);
  color: #000;
}

.balkon__types input + span::before {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.balkon__types span {
  height: 44px;
  padding: 0 11px;
  background-color: var(--bg-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.balkon__types span::before {
  content: '';
  width: 26px;
  height: 26px;
  background-size: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
}

.balkon__types .t1::before {
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/calc/3.svg);
}

.balkon__types .t2::before {
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/calc/4.svg);
}

.balkon__sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.balkon__sizes label {
  width: 100%;
}

.balkon__sizes label + label {
  margin-left: 12px;
}

.balkon__sizes input:checked + span {
  color: var(--text);
}

.balkon__sizes input:checked + span svg rect {
  stroke: var(--accent) !important;
}

.balkon__sizes span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.3;
  color: #999999;
}

.balkon__sizes span svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
}

.balkon__sizes input {
  display: none;
}

.balkon__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.balkon__f-input {
  position: relative;
  width: 100%;
}

.balkon__f-input + div {
  margin-left: 13px;
}

.balkon__f-input input {
  height: 55px;
  border: 1px solid var(--accent);
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  background-color: transparent;
  color: #000;
  padding: 20px 12px 3px;
  width: 100%;
}

.balkon__f-input input::-webkit-input-placeholder {
  color: #000;
}

.balkon__f-input input:-ms-input-placeholder {
  color: #000;
}

.balkon__f-input input::-ms-input-placeholder {
  color: #000;
}

.balkon__f-input input::placeholder {
  color: #000;
}

.balkon__f-t-input {
  position: absolute;
  left: 12px;
  top: 5px;
  font-size: 12px;
  color: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 1;
}

.balkon__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.balkon__checkbox label:not(:last-child) {
  margin-bottom: 5px;
}

.balkon__checkbox input {
  display: none;
}

.balkon__checkbox input:checked + span {
  color: #000;
}

.balkon__checkbox input:checked + span::before {
  background-color: var(--accent);
  border-color: var(--accent);
  background-image: url(/wp-content/themes/cleantemplate/css/../images/svg/calc/check.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.balkon__checkbox span {
  font-size: 14px;
  color: #747474;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.balkon__checkbox span::before {
  content: '';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid #525252;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
}

.balkon__selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.balkon__f-select {
  width: 100%;
  position: relative;
}

.balkon__f-select + div {
  margin-left: 13px;
}

.balkon input::-webkit-outer-spin-button,
.balkon input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.balkon input[type=number] {
  -moz-appearance: textfield;
}

.balkon__form-tel {
  padding-left: 43px;
}

.balkon__form-tel .tel {
  width: 100%;
  height: 62px;
  padding: 0 30px;
  font-size: 20px;
  font-weight: 600;
	background:#F5F4F8;
}

.balkon__form-submit {
  padding-left: 43px;
}

.balkon .btn {
  width: 100%;
  border: none;
}

.forms {
  margin-top: 90px;
}

.forms__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
  gap: 75px;
  margin-top: 60px;
}

.forms__img {
  margin-bottom: 25px;
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.forms__img img {
  max-width: 100%;
  max-height: 100%;
}

.forms__title {
  font-size: 16px;
  line-height: 130%;
  font-weight: 700;
}

.modal {
  padding: 0;
}

.modal__wrapper {
  width: 860px;
  background: #EEEEEE;
  border: 27px solid #FFFFFF;
  -webkit-box-shadow: 4px 4px 84px rgba(0, 0, 0, 0.09);
          box-shadow: 4px 4px 84px rgba(0, 0, 0, 0.09);
  padding: 43px 53px;
}

.modal__title {
  font-weight: 800;
  font-size: 36px;
  line-height: 120%;
  color: #000;
}

.modal__fields {
  margin-top: 25px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.modal__field input {
  height: 56px;
  width: 100%;
  padding: 0 13px;
  border: none;
  font-size: 16px;
  font-weight: 500;
}

.modal__field input::-webkit-input-placeholder {
  color: #A1A1A1;
}

.modal__field input:-ms-input-placeholder {
  color: #A1A1A1;
}

.modal__field input::-ms-input-placeholder {
  color: #A1A1A1;
}

.modal__field input::placeholder {
  color: #A1A1A1;
}

.modal__field--full {
  grid-column: span 3;
}

.modal__btns {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .btn {
  height: 87px;
  border: none;
  margin-right: 30px;
}

.modal__checkbox {
  color: #AAAAAA;
  font-size: 10px;
}

.modal__checkbox a {
  color: #AAAAAA;
}

.modal .fancybox-close-small {
  padding: 0;
  color: #B8BBCC;
  top: 40px;
  right: 40px;
}

.thanks {
  padding-bottom: 90px;
}

.thanks .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.thanks p {
  color: #626262;
  margin: 25px 0;
}

.thanks__text {
  width: 590px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.mobile-modal {
  height: 66px;
  width: 194px;
  background-color: #000;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.mobile-modal:hover {
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  color: #fff;
}

.mobile-wrapper {
	position: relative;
  z-index: 500;
  background-color: #fff;
  padding: 0 10px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
  display: none;
}
body.sticky .mobile-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.mobile-wrapper .header__logo img {
  max-height: 35px;
  width: auto;
}

.mobile-wrapper .header__logo-text b,
.mobile-wrapper .header__logo-text span {
  color: #251f34;
}

.mobile-wrapper .header__logo-text span {
  margin-top: 5px;
}
body.sticky .mobile-wrapper .bottom {
	height: calc(100vh - 60px);
	margin-top: 60px;
}
.mobile-wrapper .bottom {
  position: fixed;
  margin-top: 60px;
  max-width: 85vw;
  height: calc(100vh - 60px);
  overflow: auto;
  width: 100%;
  background-color: #fff;
  padding: 20px 20px;
  z-index: 30;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: translate(-200%, 0);
  -o-transform: translate(-200%, 0);
  -moz-transform: translate(-200%, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translate(-200%, 0);
  transform: translate(-200%, 0);
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
}

.mobile-wrapper .adress_popover {
  width: 100%;
}

.mobile-wrapper .bottom.opened {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.bottom-mobile-phone {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1;
  color: #000;
}

.bottom-mobile-phone .icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #F5F4F8;
  margin-right: 10px;
}

.bottom-mobile-phone .icon img {
  max-width: 11px;
  height: auto;
}

.bottom-social-mobile {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-social-mobile a + a {
  margin-left: 30px;
}

.mobile-wrapper .bottom ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.mobile-wrapper .bottom ul + ul {
  margin-top: 30px;
}

.mobile-wrapper .bottom .menu a {
  font-size: 14px;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  color: #212529;
}

.mobile-wrapper .bottom .main-modal-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.bottom-mobile-phone {
  text-decoration: none;
}

.mobile-wrapper .bottom .main-modal-menu a::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--accent);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

.mobile-wrapper .bottom .menu li + li {
  margin-top: 7px;
}

.mobile-wrapper .bottom .city_popover a {
  margin: 5px 5px 0;
}

.mobile-wrapper .top {
  position: relative;
  z-index: 10;
  height: 60px;
}

.mobile-wrapper .logo img {
  width: 50px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contact-mobile a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #969FAB;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
}

.contact-mobile a:hover {
  border-color: var(--accent);
  background-color: var(--accent);
}

.contact-mobile a:hover img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.contact-mobile a img {
  max-width: 100%;
}

.contact-mobile a + a {
  margin-left: 5px;
}

body.hidd,
html.hidd {
  overflow: hidden;
}

body.hidd {
  padding-right: 5px;
}

body.hidd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}

.hamburger {
  width: 20px;
  height: 14px;
  position: relative;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  cursor: pointer;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
  top: 0;
  bottom: 0;
  margin: auto;
}

.hamburger span:nth-child(4) {
  top: auto;
  bottom: 0;
  width: 50%;
  left: auto;
  right: 0;
}

.hamburger.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger.open span:nth-child(4) {
  width: 0;
}

.dflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.diflex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.aifs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.aife {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.jcfs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.jcfe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.jcsb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fwrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
/*# sourceMappingURL=project.css.map */
/* === DESKTOP FIRST === */

@media (max-width : 1515px) {
	.main__wrapper {
		width: 100%;
		margin: auto;
		padding: 0;
	}

	.main__text {
		padding-left: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
		min-height: initial;
	}
	.main__images-slider {
		width: 650px;
		height: 650px;
	}
}

/* xl <= Extra extra large (xxl) */
@media (max-width : 1270px) {
	.container {
		width: 992px;
	}
	.balkon__image {
		display: none;
	}
	.main .container::after,
	.main .container::before {
		width: calc(50vw - 20px);
	}

	.main__images-slider {
		width: 450px;
		height: 450px;
	}

	.main__title {
		font-size: 38px;
	}

	.main__desc {
		font-size: 18px;
	}

	.main__input input,
	.main__submit input {
		height: 64px;
	}

	.main__text .man {
		max-height: 80%;
	}

	.main__input input {
		width: 200px;
	}

	.main__submit input {
		width: 180px;
	}

	.header__bottom .container>ul>li>a {
		font-size: 14px;
	}

	.header__logo img {
		max-width: 180px;
	}

	.header__phone {
		font-size: 18px;
	}

	.header__btn {
		height: 60px;
	}

	.man {
		right: 0 !important;
	}

	.main__checkbox {
		position: relative;
		z-index: 3;
	}

	.main__title span {
		font-size: 30px;
		padding: 8px 15px;
	}

	.prems__item {
		flex-direction: column;
		align-items: flex-start;
		line-height: 1.43;
	}

	.prems__item img {
		margin: 0 0 20px;
	}

	.prems {
		margin: 75px 0;
	}

	.catalog__item {
		padding: 15px;
	}

	.catalog__title {
		font-size: 20px;
	}

	.catalog__status {
		font-size: 12px;
	}

	.products-wrapper {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}

	.s-title {
		font-size: 28px;
	}

	.about__img {
		display: none;
	}

	.about__right {
		margin-left: 60px;
	}

	.form__image {
		width: 300px;
		height: 300px;
	}

	.price__gallery {
		width: 300px;
		margin-right: 25px;
	}

	.price__details-title {
		font-size: 12px;
	}

	.price__percent {
		font-size: 12px;
	}

	.price__bar i {
		width: 10px;
		height: 14px;
	}
	.categories__title {
		font-size: 20px;
	}
	.categories__item {
		padding: 15px;
	}
	.forms__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}
	.prems-windows {
		margin-top: 60px;
	}
	.prems-windows .container {
		flex-direction: column;
	}
	.prems-windows__text {
		width: 100%;
		margin: 0 0 20px;
	}
	.main__text .profile {
		max-width: 150px;
		right: -50px;
	}
}


/* md <= Large (lg) */
@media (max-width : 992px) {
	.container {
		width: 768px;
	}
	.main__text .profile {
		max-width: 100px;
		right: 40px;
	}
	.balkon__f-t-input {
		font-size: 11px;
		top: 8px;
	}
	.balkon__f-input input {
		font-size: 14px;
	}
	.header {
		display: none;
	}
	.forms__wrapper {
		gap: 20px;
	}
	.forms__title {
		text-align: center;
		font-size: 14px;
	}
	.main__images-slider {
		width: 350px;
		height: 350px;
	}

	.main__title span {
		font-size: 24px;
	}

	.main__desc {
		font-size: 16px;
	}

	.main__text-slider {
		width: 100%;
	}

	.main__text {
		overflow: hidden;
	}

	.prev,
	.next {
		width: 45px;
		height: 45px;
	}

	.prev svg,
	.next svg {
		max-width: 60%;
	}

	.main .prev {
		left: -20px;
	}

	.main .next {
		right: -20px;
	}

	.main__wrapper::after {
		display: none;
	}

	.product-card__img {
		height: 200px;
	}

	.main__images-slider {

		width: 320px;
		height: 320px;
	}

	.catalog__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	.catalog__item {
		min-height: 200px;
	}

	.prems .container {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 15px;
	}

	.tabs-products {
		margin-top: 40px;
	}

	.prems-info__title {
		font-size: 32px;
	}

	.prems-info__icon {
		height: 80px;
	}

	.prems-info__desc {
		font-size: 16px;
	}

	.prems-info {
		margin-top: 50px;
	}

	.about .container {
		flex-direction: column;
	}

	.about__right {
		flex: 1;
		margin: 30px 0 0;
	}

	.about p+h3 {
		margin-top: 20px;
	}

	.form__image,
	.form__wrapper::after {
		display: none;
	}

	.footer__top {
		flex-wrap: wrap;
	}

	.footer__item:first-child,
	.footer__item:nth-child(2n) {
		min-width: initial;
		width: 50%;
	}

	.footer__map {
		height: 250px;
		width: 100%;
	}

	.footer__map iframe {
		right: 0;
		width: 100%;
	}

	.main {
		margin-top: 0;
	}

	body.sticky {
		padding-top: 60px;
	}

	.mobile-wrapper {
		display: block;
	}
	.price__item {
		flex-direction: column;
	}
	.price__gallery {
		width: 100%;
		margin: 0 0 30px;
	}
	.price .swiper-slide {
		height: auto;
		padding-top: 50%;
	}
	.price .swiper-slide img {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		mask-image: none;
		-webkit-mask-image: none;
	}
	.price__info {
		padding: 0 15px 15px;
	}
	.prems-windows__text-item {
		padding: 15px;
		font-size: 16px;
	}
	.thanks {
		padding-bottom: 30px;
	}
	.thanks__image {
		display: none;
	}
	.thanks__text {
		width: 100%;
	}
	.modal__wrapper {
		width: 100%;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.container {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.modal__wrapper {
		padding: 20px;
		border: 10px solid #fff;
	}
	.modal__title {
		font-size: 22px;
	}
	.modal .btn {
		height: 55px;
	}
	.modal__fields {
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
	}
	.modal__field--full {
		grid-column: span 1;
	}
	.modal__field input {
		height: 50px;
		font-size: 14px;
	}
	.modal .fancybox-close-small {
		top: 20px;
		right: 20px;
	}
	.main__text .profile {
		max-width: 80px;
		right: 20px;
		bottom: 20px;
	} 
	.price .prev, .price .next {
		display: flex;
		width: 45px;
		height: 45px;
		bottom: 10px;
	}
	.price__wrapper {
		margin-top: 25px;
	}
	.price__bottom {
		flex-direction: column;
	}
	.price__gallery .prev {
		right: 55px;
	}
	.price .btn {
		height: 55px;
		margin-top: 15px;
	}

	.price__title {
		font-size: 20px;
	}
	.price__params li {
		padding: 4px 0;
		font-size: 12px;
	}
	.products-wrapper {
		margin-top: 25px;
	}

	ul.tabs li {
		font-size: 14px;
		padding-bottom: 5px;
	}

	ul.tabs li:not(:last-child) {
		margin-right: 20px;
	}

	.prems__item {
		font-size: 14px;
	}

	.prems {
		margin: 40px 0;
	}

	.prems__item img {
		max-height: 60px;
		margin-bottom: 10px;
	}

	.catalog__item {
		min-height: 160px;
	}

	.main__init {
		flex-direction: column;
	}

	.main__images-slider {
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 0;
	}

	.main__images-slider::before {
		display: none;
	}

	.main__images-slider img {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
	}

	.main__image {
		padding-top: 45%;
	}

	.mobile-modal {
		display: inline-flex;
		margin-top: 20px;
	}

	.main .main__form {
		display: none;
	}

	body .swiper-pagination {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bread {
		overflow: auto;
		white-space: nowrap;
	}

	.prev,
	.next {
		display: none;
	}

	.main__title {
		font-size: 26px;
	}

	.main__title span {
		padding: 3px 10px;
		font-size: 25px;
		margin-left: 20px;
	}

	.main__desc {
		display: none;
	}

	.main__text {
		padding: 25px 20px;
		width: 100%;
	}

	.main__text .man {
		right: -30px !important;
		max-height: 65%;
		height: 100%;
	}

	.main__text {
		position: initial;
	}

	.main .container {
		padding: 0;
	}

	.prems-info .container {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.prems-info__desc {
		font-size: 14px;
		line-height: 1.3;
	}

	.portfolio-slider,
	.about,
	.steps,
	.form {
		margin-top: 40px;
	}

	.portfolio-item {
		height: 260px;
	}

	.portfolio-slider__wrapper {
		margin-top: 20px;
	}

	.portfolio-item__text::before {
		display: none;
	}

	.portfolio-item__text {
		padding-left: 0;
		min-height: initial;
	}

	.portfolio-item__title {
		font-size: 18px;
	}

	.portfolio-item__desc {
		font-size: 12px;
		line-height: 1.2;
	}

	.prems-info__title {
		font-size: 24px;
	}

	.s-desc {
		font-size: 14px;
		margin: 15px 0;
	}

	:root {
		--regular-text: 14px;
		--lineheight: 1.35;
	}

	.about h3 {
		font-size: 18px;
	}

	.about h3::before {
		left: 0;
	}

	.steps ul li {
		padding: 0;
	}

	.steps ul li::after {
		display: none;
	}

	.steps ul li+li {
		margin-top: 10px;
	}

	.steps ul li::before {
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		width: 40px;
		height: 30px;
	}

	.steps ul::before {
		display: none;
	}

	.steps ul li span {
		padding: 10px 0;
	}

	.form__wrapper {
		padding: 40px 20px;
	}

	.form .container {
		padding: 0;
	}

	.form__title {
		font-size: 28px;

	}

	.form__desc {
		font-size: 18px;
		margin-top: 10px;
	}

	.main__fields {
		flex-direction: column;
	}

	.main__input {
		margin: 0 0 20px;
		width: 100%;
	}

	.main__input input,
	.main__submit input,
	.main__submit {
		width: 100%;
	}

	.main__form {
		margin-top: 20px;
	}

	.footer__top::before {
		display: none;
	}

	.footer__item:first-child,
	.footer__item:nth-child(2n) {
		width: 100%;
	}

	.footer__item:first-child {
		border: none;

	}

	.footer__item:first-child .s-title {
		order: 2;

	}

	.footer__item:nth-child(2n) {
		margin-top: 30px;
	}

	.footer__item {
		padding: 0;
	}

	.footer__list {
		margin: 0;
		width: 100%;
		gap: 20px;
		order: 3;
	}

	.footer__item .s-title {
		margin-bottom: 20px;
	}

	.footer__social {
		margin-bottom: 20px;
	}

	.footer .btn {
		margin-top: 20px;
	}

	.footer__map {
		display: none;
	}

	.footer__top {
		padding-bottom: 30px;
	}

	.bread {
		margin: 15px 0;
	}
	.price__details {
		margin: 0;
	}
	.price__price {
		font-size: 20px;
	}
	.price__gallery {
		margin-bottom: 20px;
	}
	.price__item + div {
		margin-top: 30px;
	}
	.categories .container {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	}
	.categories__title {
		font-size: 18px;
	}
	.categories__item {
		height: 180px;
	}
	.forms__img {
		height: 100px;
	}
	.balkon__form {
		grid-template-columns: repeat(1,1fr);
	}
	.balkon__form-row-full {
		grid-column: span 1;
	}
	.balkon__types {
		flex-direction: column;
	}
	.balkon__sizes span {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.balkon__sizes span svg {
		height: 40px;
		width: auto;
		margin: 0 0 10px;
	}
	.balkon__form-row::before {
		top: 0;
		position: relative;
		margin-bottom: 5px;

	}
	.balkon__form-row {
		padding: 10px 0 0;
	}
	.balkon__form-tel, .balkon__form-submit {
		padding-left: 0;
	}
	.balkon__form-tel .tel {
		height: 50px;
		font-size: 16px;
		padding: 0 15px;
	}
	.balkon .btn {
		height: 50px;
	}
	.prems-windows__list {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
	.prems-windows__img {
		width: 140px;
		height: 140px;
	}
	.page-info__desc {
		margin: 20px 0;
	}
	.page-info + .catalog {
		margin-top: 20px;
	}
	.main + .mobile-reverse {
		margin-top: 30px;
	}
	.mobile-reverse {
		display: flex;
	
		flex-direction: column-reverse;
	}
	.front-page .tabs-products {
		display: none;
	}
	.front-page .portfolio-slider {
		display: none;
	}
	.front-page .about {
		margin-top: 0;
	}
	.about__letf .btn {
		display: none;
	}
	.about__img {
		display: block;
		margin: 0;
		position: relative;
		padding-top: 45%;
		width: 100%;
	}
	.about__img img {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 0 30%;
	}
	.about__right {
		display: none;
	}
	.prems-info__item:nth-child(3), 
	.prems-info__item:nth-child(4) {
		display: none;
	}
	.front-page .steps {
		display: none;
	}

}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.portfolio-item {
		height: auto;
		min-height: 200px;
		padding: 15px;
	}
	.price__bar {
		display: none;
	}
	.balkon__inputs {
		flex-direction: column;
	}
	.balkon__f-input + div {
		margin: 10px 0 0;
	}
	.balkon__types span {
		font-size: 12px;
	}
	.prems-windows__text-item {
		font-size: 14px;
	}
	.footer__social li a {
		width: 45px;
		height: 45px;
	}
	.modal .btn {
		margin: 0 0 10px;
	}
	.modal__btns {
		flex-direction: column;
	}
	.modal__checkbox {
		text-align: center;
	}
	.modal__checkbox br {
		display: none;
	}
	.modal .fancybox-close-small {
		top: 0;
		right: 0;
	}
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {}

/* Small (sm) */
@media (min-width : 576px) {}

/* Medium (md) */
@media (min-width : 768px) {}

/* Large (lg) */
@media (min-width : 992px) {}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}
/**
 * Swiper 7.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 4, 2021
 */

@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #1E1E1E;

  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;

  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 55px;
	width: 100%;
  line-height: 1;
  outline: none;
  padding-left: 14px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
	.nice-select .current {
		width: 100%;
		height: 100%;
		display: flex;
    align-items: flex-end;
		padding-bottom: 9px;
		font-weight: 700;
	}
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid var(--accent);
    border-right: 2px solid var(--accent);
    content: '';
    display: block;
    height: 10px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 45%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 10px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #1E1E1E;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
		right: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 14px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #313131; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/*   
Theme Name: Индивидуальная тема
Theme URI: https: //kwork.ru/user/ravlex
Version: 1.0
Description: С вниманием к деталям
Author: Ravlex
Author URI: https: //kwork.ru/user/ravlex
*/

/* Новые страницы */
.job-card__item {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	color: #FFFFFF;
}

.job-card__icon {
	width: 40px;
	height: 40px;
	padding: 5px;
	flex-shrink: 0;
	border: 1px solid #383838;
	margin-right: 20px;
}

.job-card__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 35px;
	max-width: 480px;
}

.job-card__form {
	margin-top: 70px;
}

.job-card__form-title {
	font-weight: 900;
	font-size: 26px;
	line-height: 120%;
	color: #FFFFFF;
}
.job-card__form form {
	margin-top: 20px;
}
.job-card__form .main__submit input {
	background: var(--accent);
	color: #000000;
}
.job-card__form .main__checkbox {
	color: #494949;

}
.job-card .s-title {
	margin-bottom: 30px;
}

.job-card .container {
	display: flex;
}

.job-card__text {
	width: 420px;
	margin-right: 150px;
	flex-shrink: 0;
}

.job-card__info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.jobs__wrapper {
	display: grid;
	margin-top: 40px;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.job {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	height: 385px;
	padding: 30px;
	text-decoration: none;
	color: #fff;
}

.job__title {
	font-weight: 900;
	font-size: 21px;
	line-height: 110%;
	color: #FFFFFF;
}

.job__price {
	font-weight: 900;
	font-size: 14px;
	line-height: 110%;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 12px;
	margin-top: 15px;
	border: 1px solid #FFFFFF;
	padding: 10px 15px;
}

.job__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.job__text::before {
	content: '';
	width: 46px;
	height: 46px;
	background: var(--accent);
	margin-bottom: 20px;
	background-image: url(/wp-content/themes/cleantemplate/images/svg/right.svg);
	background-position: 50%;
	background-repeat: no-repeat;
}

.job div {
	position: relative;
	z-index: 2;
}

.job::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: linear-gradient(76.68deg, #000000 -3.67%, rgba(0, 0, 0, 0) 115.35%);
}

.job>img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.serts__wrapper {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
	margin-top: 40px;
}

.certificate {
	border: 2px solid var(--bg-gray);
	padding: 0 0 12px 12px;
	text-decoration: none;
}

.certificate__img {
	margin-top: -2px;
	height: 250px;
	margin-right: -2px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}

.certificate__img img {
	max-width: 100%;
	max-height: 100%;
}

.certificate__title {
	margin-top: 20px;
	font-weight: 600;
	font-size: 12px;
	line-height: 128%;
	color: #FFFFFF;
}

.part__wrapper {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px 15px;
}

.part {
	padding: 35px 15px 20px;
	background: #FFFFFF;
}

.part__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	margin-bottom: 35px;
}

.part__logo img {
	max-width: 100%;
	max-height: 100%;
}

.part__title {
	font-weight: 900;
	font-size: 18px;
	line-height: 114%;
	text-align: center;
	color: #000000;
}

.part__desc {
	margin-top: 10px;
	font-weight: 600;
	font-size: 12px;
	line-height: 128%;
	text-align: center;
	color: #989898;
}

.reviews__nav {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 16px);
	margin-left: -8px;
	margin-top: 25px;
}

.reviews__nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #9A9A9A;
	padding: 3px 15px;
	background: #1E1E1E;
	margin: 0 8px 8px;
	text-decoration: none;
}

.reviews__nav a.active {
	background: #FFFFFF;
	color: #000000;
}

.reviews__wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin-top: 40px;
}

.review {
	border: 2px solid var(--bg-gray);
	padding: 25px;
}

.review__autor {
	display: flex;
	align-items: center;
	background-image: url(/wp-content/themes/cleantemplate/images/svg/quote.svg);
	background-position: 100% 50%;
	background-size: 53px;
	background-repeat: no-repeat;
	padding-right: 65px;
}

.review__img {
	width: 62px;
	height: 62px;
	background: #1E1E1E;
	background-image: url(/wp-content/themes/cleantemplate/images/svg/user.svg);
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-right: 20px;
	flex-shrink: 0;
}

.review__autor-text {
	font-size: 0;
	line-height: 1;
}

.review__autor-name {
	font-weight: 900;
	font-size: 22px;
	color: #FFFFFF;
}

.review__autor-cat {
	font-weight: 600;
	font-size: 14px;
	line-height: 110%;
	color: var(--accent);
	margin-top: 8px;
}

.review__desc {
	margin: 22px 0 0;
	font-weight: 600;
}

.review__desc p {
	margin: 0;
}

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

.complect {
	border: 2px solid var(--bg-gray);
	padding-left: 16px;
	display: flex;
	flex-direction: column;
}

.complect__img {
	position: relative;
	padding-top: 100%;
	margin-top: -2px;
	margin-bottom: 13px;
}

.complect__img img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.complect__title {
	font-weight: 600;
	font-size: 12px;
	line-height: 128%;
	color: #FFFFFF;
	margin-bottom: 5px;
}

.complect__price {
	font-weight: 900;
	font-size: 14px;
	line-height: 128%;
	color: var(--accent);
	margin-top: auto;
}

.complect__price span {
	font-size: 10px;
}

.complect__main {
	margin-bottom: 7px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.complect__sub {
	margin-top: auto;
}

.populars-complect {
	margin-top: 100px;
}

.complect__params {
	display: flex;
	margin-bottom: 10px;
}

.complect__param {
	font-size: 0;
}

.complect__param-title {
	font-weight: 600;
	font-size: 10px;
	color: #696969;
}

.complect__param-value {
	font-weight: 600;
	font-size: 12px;
	line-height: 128%;
	color: #FFFFFF;
}

.complect__params>*+* {
	margin-left: 17px;
}

.complect__wrapper {
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
}

.complect__info {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}


.steps-2 ul li span {
	padding: 0;
	border: none;
}

.steps ul li:not(:last-child) span {
	border: none;
}

.steps ul li {
	padding-top: 14px;


}

.steps-2 p {
	margin: 5px 0 0;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.3;
	color: var(--graytext);
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 14px;
}

.service-list {
	margin-top: 90px;
}

.service-list__info {
	padding-right: 30px;
}

.service-list__item {
	border: 1px solid var(--border-color);
	padding-left: 30px;
	display: flex;
	flex-direction: column;
}

.service-list__item .btn {
	margin-top: auto;
	margin-bottom: -1px;
}

.service-list__img {
	position: relative;
	padding-top: 40%;
	margin-bottom: 45px;
	margin-top: -30px;
}

.service-list__img img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-list__title {
	font-weight: 900;
	font-size: 26px;
	line-height: 110%;
	color: var(--text);
}

.service-list__table {
	margin-top: 30px;
	margin-bottom: 20px;
}

.service-list__price-title {
	font-weight: 600;
	font-size: 20px;
	line-height: 130%;
	color: var(--text);
}

.service-list__price-value {
	font-weight: 900;
	font-size: 25px;
	line-height: 130%;
	color: var(--accent);
}

.service-list__table-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 5px;
	font-weight: 600;
	font-size: 14px;
	line-height: 130%;
	position: relative;
}

.service-list__table-row:nth-child(1)::before {
	width: 113px;
}

.service-list__table-row:nth-child(2)::before {
	width: 93px;
}

.service-list__table-row:nth-child(3)::before {
	width: 71px;
}

.service-list__table-row:nth-child(4)::before {
	width: 53px;
}

.service-list__table-row:nth-child(5)::before {
	width: 33px;
}

.service-list__table-row::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 1px;
	background: var(--accent);
	width: 18px;
}

.service-list__table-row+.service-list__table-row {
	margin-top: 17px;
}

.service-list__table-row>div:last-child {
	margin-left: 15px;
	white-space: nowrap;
	flex-shrink: 0;
	font-weight: bold;

}

.service-list__price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

.service-list__wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 15px;
}

.service-top .container {
	display: flex;
}

.service-top__text {
	width: 530px;
	margin-right: 100px;
	flex-shrink: 0;
}

.services__wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 55px 15px;
}

.service-top__slider {
	min-width: 0;
	display: flex;
	align-items: flex-start;
	position: relative;
}

.service-top__arrows {
	position: absolute;
	left: 25px;
	bottom: 25px;
	z-index: 5;
	display: flex;
	align-items: center;
}

.service-top__text .s-title {
	margin-bottom: 25px;
}

.service-top__text p {
	font-weight: 600;
	font-size: 22px;
	line-height: 140%;
}

.service-top__text .btn {
	margin-top: 20px;
}

.service-top__arrows>*+* {
	margin-left: 8px;
}

.service-top__arrows__prev,
.service-top__arrows__next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 100%;
}
.service-top__arrows__prev svg path,
.service-top__arrows__next svg path {
	stroke:#000;
}
.service-top__init {
	overflow: hidden;
	min-width: 0;
}

.service-top__slider .swiper-slide {}

.service-top__slider img {

	height: 375px;
	object-fit: cover;

}

.services__item {
	height: 240px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 30px;
	text-decoration: none;
}

.services__item::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(76.68deg, #000000 -3.67%, rgba(0, 0, 0, 0) 115.35%);
}

.services__title {
	position: relative;
	z-index: 2;
	font-weight: 900;
	font-size: 25px;
	line-height: 110%;
	color: #FFFFFF;
}

.services__title::before {
	content: '';
	width: 46px;
	height: 46px;
	display: block;
	background: var(--accent);
	margin-bottom: 21px;
	background-image: url(/wp-content/themes/cleantemplate/images/svg/right.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 50%;
}

.services__item>img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.glazing {
	margin-top: 100px;
}

.variant-packets {
	margin-top: 90px;
}

.glazing__wrapper {
	margin-top: 19px;
	border-top: 1px solid var(--bg-gray);
	padding-top: 25px;
}

.glazing__row-title {
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
	color: var(--accent);
}

.glazing__row-wrapper {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 70px 15px;
}

.glazing__item {
	border: 2px solid var(--bg-gray);
	padding-left: 23px;
	display: flex;
	flex-direction: column;
}

.glazing__item .btn {
	margin-top: auto;
	margin-left: -25px;
	margin-bottom: -2px;
}

.glazing__row+.glazing__row {
	margin-top: 55px;
}

.glazing__img {
	margin-top: -22px;
	position: relative;
	padding-top: 57%;
	margin-right: -2px;
	margin-bottom: 20px;
}

.glazing__info {
	padding-right: 20px;
}

.glazing__price {
	font-weight: 600;
	font-size: 18px;
	line-height: 128%;
	color: var(--accent);
	margin-bottom: 3px;
}

.glazing__title {
	font-weight: 900;
	font-size: 20px;
	line-height: 128%;
	color: var(--text);
	margin-bottom: 13px;
}

.glazing__desc {
	font-weight: 600;
	font-size: 12px;
	line-height: 128%;
	color: #696969;
	margin-bottom: 15px;
}

.glazing__img img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.construction {
	margin-top: 100px;
}

.variant-packets__wrapper {
	margin-top: 25px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 15px;
}

.variant-packets__item {
	border: 2px solid #F5F4F8;
	padding: 20px 40px 20px 20px;
	display: flex;
}

.variant-packets__title {
	margin-bottom: 25px;
	font-weight: 900;
	font-size: 20px;
	line-height: 120%;
	color: var(--text);
}

.variant-packets__desc {
	margin-bottom: 35px;
	font-weight: 600;
	font-size: 12px;
	line-height: 128%;
	color: #696969;
}

.variant-packets__img {
	flex: 0 0 110px;
	margin-left: 70px;
}

.variant-packets__price {
	font-weight: 600;
	font-size: 18px;
	line-height: 128%;
	color: var(--accent);
	margin-bottom: 4px;

}

.variant-packets__img img {
	max-width: 100%;
	max-height: 100%;
}

.variant-packets .product-card__bottom-info {
	margin-left: -20px;
	margin-top: auto;
}

.construction__wrapper {
	display: flex;
	margin-top: 40px;
}

.construction__item {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.construction__item:not(:last-child) {
	padding-right: 40px;
}

.construction__img {
	height: 170px;
	margin-bottom: 25px;
}

.construction__title {
	font-weight: 900;
	font-size: 16px;
	line-height: 130%;
	color: var(--text);
}

.construction__item-info {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.construction__price {
	font-weight: 600;
	font-size: 16px;
	line-height: 128%;
	color: var(--accent);
	margin-bottom: 15px;
	margin-top: 8px;
}

.construction__btn {
	margin-top: auto;
	width: 46px;
	height: 46px;
	background: var(--accent);
	background-image: url(/wp-content/themes/cleantemplate/images/svg/right.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
}

.construction__btn::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: 1px;
	margin: auto;
	background-color: #F5F4F8;
	z-index: -1;
}

.construction__img img {
	max-width: 100%;
	max-height: 100%;
}

.prems-windows__list-rows {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.finish-window {
	margin-top: 120px;
}

.prems-windows__list-rows-title {
	font-weight: 600;
	font-size: 20px;
	line-height: 130%;
	color: var(--accent);
	margin-bottom: 20px;
}

.prems-windows__list-rows-item {
	display: flex;

}

.prems-windows__list-rows-item+.prems-windows__list-rows-item {
	margin-top: 18px;
}

.prems-windows__list-rows-icon {
	width: 52px;
	margin-right: 60px;
	flex-shrink: 0;
	background: #F5F4F8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	min-height: 127px;
}

.prems-windows__list-rows-icon img {
	width: 55px;
	height: auto;
	max-height: 100%;
	margin-right: -25px;
}

.prems-windows__list-rows-text {
	position: relative;
	padding: 15px 15px 15px 0;
	flex: 1;
}

.prems-windows__list-rows-item-title {
	font-weight: 900;
	font-size: 20px;
	line-height: 130%;
	color: var(--text);
}

.prems-windows__list-rows-desc {
	font-weight: 600;
	font-size: 14px;
	line-height: 130%;
	color: var(--graytext);
	margin-top: 12px;
}

.prems-windows__list-rows-text::before {
	content: '';
	position: absolute;
	left: 60px;
	right: 0;
	top: 0;
	bottom: 0;
	background: #F5F4F8;
	z-index: -1;
}

.finish-window ul.tabs li {
	font-weight: 900;
	font-size: 16px;
	line-height: 130%;
	color: #545454;
}

.finish-window ul.tabs li.current {
	color: var(--accent);
}

.finish-window .tab-content {
	margin-top: 20px;
	font-weight: 600;
	font-size: 14px;
	line-height: 130%;
	color: #616161;
	padding-bottom: 23px;
}

.finish-window .btn {
	margin-top: auto;
}

.finish-window__info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.finish-window__wrapper {
	margin-top: 70px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.finish-window__tabs {
	width: 100%;
}

.finish-window__img {
	position: relative;
	padding-top: 39%;
	margin-top: -30px;
	margin-bottom: 22px;
}

.finish-window__price {
	color: var(--accent);
}

.finish-window__title {
	font-weight: 900;
	font-size: 26px;
	line-height: 110%;
	color: var(--text);
	margin-top: 3px;
}

.finish-window__img>img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.finish-window__item {
	border: 1px solid #F5F4F8;
	padding-left: 30px;
	display: flex;
	flex-direction: column;
}

.variants {
	margin-top: 120px;
}

.variants__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.variants__wrapper {
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.variants__item {
	position: relative;
	min-height: 350px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px;
}

.variants__item::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(76.68deg, #000000 -3.67%, rgba(0, 0, 0, 0) 115.35%);
	z-index: 2;
}

.variants__item>img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.variants__item>div,
.variants__item>.btn {
	position: relative;
	z-index: 3;
}

.variants__price {
	font-weight: 900;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #000000;
	background-color: #fff;
	padding: 4px 10px;
	margin-bottom: 28px;
}

.variants__item-title {
	font-weight: 900;
	font-size: 26px;
	line-height: 110%;
	color: #FFFFFF;
}

.variants__desc {
	font-weight: 600;
	font-size: 16px;
	line-height: 130%;
	color: #FFFFFF;

}

.variants__detail-item+.variants__detail-item {
	margin-left: 13px;
}

.variants__detail-item span {
	font-size: 12px;
}

.variants__detail-item b {
	font-size: 16px;
	margin-top: 7px;
}

.variants__item .btn {
	margin-top: auto;
}

.variants__item-title {
	margin-bottom: 15px;
}

.variants__desc {
	margin-bottom: 20px;
}

.window-pvh .s-title {
	margin-bottom: 30px;
}

.brands {
	margin-top: 70px;
}

.brands__wrapper {
	margin-top: 23px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
}

.brands__item {
	padding: 35px 25px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.brands__item:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -23px;
	right: 0;
	margin: auto;
	width: 46px;
	height: 46px;
	background-color: var(--accent);
	background-image: url(/wp-content/themes/cleantemplate/images/svg/right.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 30px;
}

.brands__logo {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.brands__logo img {
	max-width: 100%;
	max-height: 100%;
}

.brands__text {
	margin-top: 30px;
}

.brands__title {
	font-weight: 900;
	font-size: 18px;
	line-height: 114%;
	text-align: center;
	color: #000000;
}

.brands__price {
	font-weight: 600;
	font-size: 14px;
	line-height: 128%;
	text-align: center;
	color: #000000;
	margin-top: 4px;
}

.catalog-section {
	margin-top: 100px;
}

.catalog-section .catalog__wrapper {
	margin-top: 23px;
}

/* -- */

.contacts__item {
	align-items: center;
}

#top {
	position: fixed;
	left: 40px;
	bottom: 40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: var(--accent);
	border-radius: 5px;
	z-index: 10;
	opacity: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	visibility: hidden;
	-webkit-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s
}

#top:after {
	content: '';
	position: absolute;
	border: solid #000;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	margin-top: 4px;
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg)
}

#top.show {
	opacity: 1;
	visibility: visible
}

.header__wrap-phone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.portfolio-item {
	padding-bottom: 20px;
}

.nav-links {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.nav-links>* {
	color: #fff;
	font-size: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	padding: 5px 10px;
	min-width: 30px;

	text-decoration: none;
	margin: 0 5px 5px;
}

.nav-links>a:hover {
	color: #fff;
}

.nav-links>.current {
	color: #000;
	background-color: var(--accent);
}

/* новые страницы */

.about-page .s-title {
	margin-bottom: 30px;
}

.about-page p {
	font-size: 22px;
	line-height: 1.4;
}

.about-page p:last-child {
	margin-bottom: 0;
}

.about-page__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media (min-width: 992px) {
	.about-page__row:nth-child(2n) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.about-page__row:nth-child(2n) .about-page__text {
		margin-left: 70px;
	}

	.about-page__row:nth-child(2n) .about-page__img {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

.about-page__row+div {
	margin-top: 120px;
}

.about-page__text {
	width: 570px;
	margin-right: 70px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.about-page__img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.about-page__img img {
	max-height: 375px;
	-o-object-fit: cover;
	object-fit: cover;
}

.slider-partners {
	margin-top: 100px;
}

.slider-partners__wrapper {
	margin-top: 25px;
	position: relative;
}

.slider-partners__prev,
.slider-partners__next {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 46px;
	height: 46px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	background: var(--accent);
}

.slider-partners__prev {
	left: -61px;
}

.slider-partners__next {
	right: -61px;
}

.slider-partners__init {
	overflow: hidden;
}

.slider-partners .swiper-slide {
	height: auto;
}

.slider-partners .partner-item {
	height: 100%;
}

.partner-item {
	padding: 25px 15px;
	background-color: #fff;
}

.partner-item__logo {
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 35px;
}

.partner-item__logo img {
	max-width: 100%;
	max-height: 100%;
}

.partner-item__title {
	font-weight: 900;
	font-size: 18px;
	line-height: 114%;
	color: #000;
	text-align: center;
}

.partner-item__desc {
	margin-top: 11px;
	font-weight: 600;
	font-size: 12px;
	line-height: 128%;
	text-align: center;
	color: #989898;
}

.contacts__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid var(--bg-gray);
	padding: 10px;
	margin-top: 40px;
}

.contacts__info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 20px;
}

.contacts__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.contacts__item+div {
	margin-top: 25px;
}

.contacts__item-icon {
	width: 40px;
	height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 11px;
}

.contacts__item-icon img {
	max-width: 100%;
	max-height: 100%;
}

.contacts__item-text {
	line-height: 1.2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.contacts__item-title {
	font-weight: 900;
	font-size: 18px;
	color: var(--text);
	text-decoration: none;
}

.contacts__item-title:hover {
	color: var(--accent);
}

.contacts__item-desc {
	font-weight: 600;
	font-size: 12px;
	margin-top: 5px;
	color: #555555;
}

.contacts__map {
	width: 650px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.contacts__map iframe {
	width: 100% !important;
	height: 100% !important;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.contacts .btn {
	margin-top: 30px;
}

.works__nav {
	margin-top: 30px;
	margin-left: -10px;
	width: calc(100% + 10px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.works__nav a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0 10px 5px;
	font-size: 16px;
	font-weight: 600;
	color: var(--graytext);
	text-decoration: none;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
}

.works__nav a:hover {
	color: var(--accent);
}

.works__wrapper {
	margin-top: 30px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.works__item {
	position: relative;
	height: 300px;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-decoration: none;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	overflow: hidden;
}

.works__item:hover::before {
	left: -150px;
}

.works__item img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.works__item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(76.68deg, #000000 -3.67%, rgba(0, 0, 0, 0) 115.35%);
	z-index: 2;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
}

.works__title,
.works__link {
	position: relative;
	z-index: 2;
	color: #fff;
}

.works__title {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 21px;
	line-height: 110%;
}

.works__link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	line-height: 1;
}

.works__link::after {
	content: '';
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/themes/cleantemplate/../images/svg/right.svg);
	background-size: 100%;
	-webkit-filter: invert(1);
	filter: invert(1);
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.work-page .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.work-page .works__item {
	height: 240px;
}

.work-page__main {
	width: 740px;
}

.work-page__title {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
}

.work-page__slider {
	position: relative;
	margin-bottom: 30px;
}

.work-page__slider .swiper-slide {
	padding-top: 45%;
	position: relative;
}

.work-page__slider .swiper-slide img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.work-page__prev,
.work-page__next {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 60px;
	background-color: var(--accent);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
}

.work-page__prev {
	left: -50px;
}

.work-page__next {
	right: -50px;
}

.work-page .works__title {
	font-size: 18px;
	margin-bottom: 10px;
}

.work-page__sidebar {
	width: 306px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 70px;
	display: -ms-grid;
	display: grid;
	gap: 20px;
}

@media (max-width: 1390px) {
	.slider-partners__wrapper {
		width: calc(100% - 100px);
		margin-left: auto;
		margin-right: auto;
	}

	.slider-partners__prev {
		left: -50px;
	}

	.slider-partners__next {
		right: -50px;
	}

	.work-page__slider {
		width: calc(100% - 100px);
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 1270px) {
	.about-page p {
		font-size: 18px;
	}

	.about-page__text {
		width: 500px;
	}

	.contacts__map {
		width: 500px;
	}

	.variant-packets__img {
		flex: 1 0 80px;
		margin-left: 40px;
	}

	.product-card__bottom-info .btn {
		height: 54px;
		padding: 0 15px;
		font-size: 14px;
		white-space: nowrap;
	}

	.services__title {
		font-size: 20px;
	}

	.service-top__text p {
		font-size: 16px;
	}

	.service-top__text {
		width: 480px;
		margin-right: 40px;
	}

	.part__wrapper,
	.serts__wrapper {
		grid-template-columns: repeat(4, 1fr);
	}

	.job {
		padding: 15px;
	}

	.job__title {
		font-size: 18px;
	}

	.job__price {
		font-size: 12px;
	}
	.job-card__text {
		margin-right: 60px;
		width: 320px;
	}
}

@media (max-width: 992px) {
	.about-page__text {
		width: 100%;
		margin: 0 0 20px;
	}

	.part__wrapper,
	.serts__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
		gap: 15px;
		margin-top: 30px;
	}

	.jobs__wrapper {
		margin-top: 30px;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	.job {
		height: auto;
		min-height: 220px;
	}

	.certificate__img {
		height: 180px;
	}

	.part {
		padding: 10px;
	}

	.part__logo {
		height: 50px;
		margin-bottom: 15px;
	}

	.service-top__text {
		width: 100%;
		margin: 0;
	}

	.service-top .container {
		flex-direction: column;
	}
	.job-card .container {
		flex-direction: column;
	}
	.job-card__text {
		width: 100%;
		margin: 0 0 30px;
	}
	.job-card__list {
		width: 100%;
		gap: 20px;
	}
	.job-card__form {
		margin-top: 40px;
	}
	.service-top__slider {
		margin: 20px 0 0;
	}

	.service-list__table-row {
		font-size: 12px;
	}

	.service-list__price-title {
		font-size: 16px;
	}

	.service-list__title {
		font-size: 20px;
	}

	.service-list__item {
		padding-left: 20px;
	}

	.service-top__slider .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.prems-windows {
		margin-top: 40px;
	}

	.service-top__arrows {
		left: 0;
		bottom: 15px;
		right: 0;
		margin: auto;
		justify-content: center;
	}

	.service-top__arrows__prev,
	.service-top__arrows__next {
		width: 44px;
		height: 44px;
	}

	.service-top__slider img {
		height: 200px;
	}

	.service-list__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}

	.service-list__info {
		padding-right: 20px;
	}

	.service-list__img {
		margin-bottom: 20px;
	}

	.service-list__table {
		margin: 20px 0 10px;
	}

	.service-list__price {
		margin-bottom: 15px;
	}

	.service-list__price-value {
		font-size: 20px;
		white-space: nowrap;
	}

	.glazing__row-wrapper {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}

	.services__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
		gap: 15px;
	}

	.services__item {
		padding: 15px;
		height: 180px;
	}

	.services__title::before {
		width: 34px;
		height: 34px;
	}

	.services__title {
		font-size: 18px;
	}

	.variant-packets__item {
		flex-direction: column-reverse;
	}

	.variant-packets__img {
		flex: 1;
		margin: 0 auto 15px;
	}

	.variant-packets,
	.construction,
	.catalog-section,
	.glazing,
	.populars-complect {
		margin-top: 60px;
	}

	.variant-packets__wrapper {
		gap: 15px;
	}

	.brands__item {
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.brands__text {
		margin-top: 10px;
	}

	.brands__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
		gap: 30px 10px;
	}

	.about-page__row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.about-page__img img {
		max-width: 100%;
	}

	.about-page__row+div {
		margin-top: 40px;
	}

	.slider-partners {
		margin-top: 60px;
	}

	.contacts__wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.contacts__map {
		width: 100%;
		height: 280px;
		margin-top: 20px;
	}

	.contacts__info {
		padding: 0;
	}

	.work-page .container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.work-page__sidebar {
		margin: 20px 0 0;
		width: 100%;
		-ms-grid-columns: (minmax(220px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}

	.work-page__main {
		width: 100%;
	}

	.variants__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	}

	.variants__item-title {
		font-size: 20px;
	}

	.variants__desc {
		font-size: 14px;
	}

	.variants,
	.finish-window {
		margin-top: 40px;
	}

	.finish-window__wrapper {
		margin-top: 50px;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 50px 10px;
	}

	.finish-window ul.tabs li {
		font-size: 13px;
	}

	.finish-window__item {
		padding-left: 15px;
	}

	.finish-window__title {
		font-size: 18px;
	}

	.finish-window__tabsul.tabs {
		margin: 10px 0 0;
	}

	.finish-window .tab-content {
		font-size: 12px;
	}

	.finish-window ul.tabs li:not(:last-child) {
		margin-right: 10px;
	}

	.variant-packets__img {
		height: 100px;
	}

	.construction__wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
		gap: 30px 0;
	}

	.construction__item {
		padding: 0 10px;
	}

	.construction__item:not(:last-child) {
		padding-right: 10px;
	}

	.construction__img {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.construction__img {
		height: 140px;
	}

	.construction__price {
		font-size: 14px;
	}

	.service-list {
		margin-top: 50px;
	}

	.complect__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
	}
}

@media (max-width: 768px) {

	.variant-packets,
	.construction,
	.catalog-section,
	.categories,
	.brands,
	.glazing,
	.populars-complect {
		margin-top: 40px;
	}
	.job-card__text {
		margin-bottom: 20px;
	}
	.job-card__form {
		margin-top: 20px;
	}
	.job-card__list {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 15px;
	}
	.construction__wrapper {
		gap: 15px 0;
	}

	.steps-2 p {
		font-size: 12px;
	}

	.steps-2 ul li span {
		margin: 10px 0 0;
	}

	.steps-2 ul li+li {
		margin: 0;
	}

	.services__title {
		font-size: 16px;
	}

	.construction__title {
		font-size: 14px;
		font-weight: 600;
	}

	.construction__price {
		font-size: 12px;
	}

	.glazing__row+.glazing__row {
		margin-top: 40px;
	}

	.glazing__row-wrapper {
		gap: 40px 15px;
	}

	.glazing__row-title {
		font-size: 22px;
	}

	.reviews__wrapper {
		margin-top: 20px;
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}

	.review {
		padding: 15px;
	}

	.review__autor-name {
		font-size: 18px;
	}

	.review__desc {
		font-size: 14px;
		font-weight: 400;
	}

	.review__autor {
		background-size: 24px;
	}

	.review__autor-cat {
		font-size: 12px;
	}

	.reviews__nav a {
		font-size: 14px;
	}

	.variant-packets__title {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.variant-packets__desc {
		margin-bottom: 20px;
	}

	.variant-packets__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}

	.variant-packets .product-card__bottom-info {
		flex-direction: column-reverse;
		margin-left: 0;
	}

	.variant-packets__img {
		height: 80px;
	}

	.variant-packets__item {
		padding: 15px;
	}

	.product-card__bottom-info .btn {
		margin-left: 0;
	}

	.about-page p {
		font-size: 14px;
	}

	.variants__item-title {
		font-size: 16px;
	}

	.variants__price {
		font-size: 14px;
	}

	.finish-window ul.tabs li {
		font-size: 11px;
	}

	.about-page .s-title {
		margin-bottom: 20px;
	}

	.prems-windows__list-rows-item-title {
		font-size: 18px;
	}

	.prems-windows__list-rows-icon img {
		margin: 0;
	}

	.prems-windows__list-rows-icon {
		margin-right: 15px;
	}

	.variants__item {
		min-height: initial;
		padding: 15px;
	}

	.slider-partners {
		margin-top: 40px;
	}

	.contacts__item-title {
		font-size: 16px;
	}

	.works__title {
		font-size: 18px;
	}

	.works__item {
		height: 260px;
	}

	.works__wrapper {
		-ms-grid-columns: (minmax(240px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		margin-top: 20px;
		gap: 15px;
	}

	.works__nav a {
		font-size: 12px;
	}

	.work-page__slider {
		width: 100%;
	}

	.work-page__prev,
	.work-page__next {
		width: 30px;
		height: 40px;
		z-index: 5;
	}

	.work-page__prev {
		left: 0;
	}

	.work-page__next {
		right: 0;
	}

	.work-page__title {
		font-size: 18px;
	}

	.work-page__slider {
		margin-bottom: 20px;
	}

	.work-page__title {
		margin-bottom: 10px;
	}

	.certificate__title {
		margin-top: 15px;
	}
}

@media (max-width: 500px) {
	.works__item {
		height: auto;
		min-height: 200px;
	}
}

/* -- */
.short-desc {
	margin-top: 10px;
}

.short-desc p {
	margin-bottom: 0;
}

.short-text {
	margin-top: 10px;
	padding: 10px 0;
	border-top: 1px solid #F5F4F8;
	border-bottom: 1px solid #F5F4F8;
}

.short-text p {
	margin-bottom: 0;
	font-size: 14px;
}

.price__old span {
	position: relative;
}

.price__old span::before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: var(--accent);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	transform: rotate(-15deg);
	border-radius: 5px;
}

.modal__field,
.main__input,
.balkon__form-tel {
	position: relative;
}

.modal__field input,
.main__input input,
.balkon__form-tel input {
	border: 1px solid transparent;
}

.modal__field .error,
.main__input .error {
	font-size: 10px;
	color: red;
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
}

.balkon__form-tel .error {
	font-size: 10px;
	color: red;
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	text-align: center;
}

.modal__field input.is-invalid,
.main__input input.is-invalid,
.balkon__form-tel input.is-invalid {
	border-color: red;
}

.partners {
	display: none;
	margin-top: 45px;
}

.partners__wrapper {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.partners__item {
	padding: 12px;
	height: 84px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #F5F4F8;
}

.partners__item img {
	max-width: 100%;
	max-height: 100%;
}

.header__city {
	font-size: 12px;
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.header__city::before {
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/themes/cleantemplate/images/city.svg);
	background-size: 100%;
	flex-shrink: 0;
	margin-right: 5px;
}

@media (max-width: 768px) {

	.modal__field .error,
	.main__input .error {
		display: none !important;
	}

	.balkon__form-tel .error {
		display: none !important;
	}

	.partners {
		display: block;
	}

	.header__city {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #282828;
		padding: 4px;
		margin: 12px 20px;
		font-size: 10px;
		font-weight: 600;
		position: relative;
	}

	.header__city::before {
		content: '';
		width: 16px;
		height: 16px;
		background-image: url(/wp-content/themes/cleantemplate/images/svg/city.svg);
		position: absolute;
		left: 4px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
}

.city_modal {
	width: 860px;
	-webkit-box-shadow: 4px 4px 84px rgba(0, 0, 0, 0.09);
	box-shadow: 4px 4px 84px rgba(0, 0, 0, 0.09);
	/* height: 300px; */
	background: #fff;
	position: fixed;
	top: 50%;
	right: 0;
	left: 0;
	margin: auto;
	display: none;
	opacity: 0;
	z-index: 1005;
	box-sizing: border-box;
	padding: 40px 30px 30px;
	padding: 70px 80px;
}

.city_modal>* {
	position: relative;
	z-index: 3;
}

.city_modal:before {
	border: 27px solid #f2f3f8;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.city_modal .city_modal_close {

	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
	display: block;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.links-city {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px 20px;
}

.city_overlay {
	z-index: 1001;
	/* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position: fixed;
	/* всегдa перекрывaет весь сaйт */
	background-color: #000;
	/* чернaя */
	opacity: 0.8;
	/* нo немнoгo прoзрaчнa */
	-moz-opacity: 0.8;
	/* фикс прозрачности для старых браузеров */
	filter: alpha(opacity=80);
	width: 100%;
	height: 100%;
	/* рaзмерoм вo весь экрaн */
	top: 0;
	/* сверху и слевa 0, oбязaтельные свoйствa! */
	left: 0;
	cursor: pointer;
	display: none;
	/* в oбычнoм сoстoянии её нет) */
}

.choose_city_title {
	color: rgb(45, 46, 58);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.17;
	margin-bottom: 30px;
	display: block;
}


.city_modal a {
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	color: #9B9FB3;
	display: flex;
	align-items: center;
	position: relative;
	padding: 10px;
	text-decoration: none;
}

.city_modal a.current-city {
	background-color: #000;
}

.city_modal a.current-city .icon-checkbox {
	background-color: #fff;
	border-color: #fff;
	position: relative;
}

.city_modal a.current-city .icon-checkbox:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	background-color: #000;
	border-radius: 100%;
}

.city_modal a .icon-checkbox {
	content: '';
	border: 1px solid #C5CFD8;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	flex-shrink: 0;
	margin-right: 9px;
}

.city_modal a:hover {
	text-decoration: none;
}


.adress_popover {
	position: relative;
	z-index: 100;
	cursor: pointer;
	display: inline-block;
}

.header__city span {
	display: contents;
}

.current-main-city {
	cursor: pointer;
}

.city_popover {
	display: none;
	width: 230px;
	float: left;
	font-size: 16px;
	background-color: #fff;
	position: absolute;
	color: #000;
	top: 100%;
	left: 50%;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	border: 3px solid #50ad30;
	margin-top: 35px;
	opacity: 0;
	font-weight: bold;
}

.city_popover:after {
	content: '';
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #50ad30 transparent;
	z-index: -1;
}

.city_popover a {
	display: inline-block;
	margin: 10px 20px 0;
	color: #50ad30;
}

.city_name {
	display: inline-block;
}

@media (max-width: 992px) {
	.city_modal {
		padding: 25px 15px;
		width: 100%;
	}

	.city_modal::before {
		border-width: 5px;
	}

	.city_modal .city_modal_close {
		color: #fff;
		right: 10px;
		top: 20px;
		z-index: 10;
	}

	.choose_city_title {
		font-size: 22px;
	}
}

@media (max-width: 992px) {
	.links-city {
		grid-template-columns: repeat(2, 1fr);
		gap: 0;
	}

	.city_modal a {
		font-size: 12px;
		padding: 10px;
	}
}
.nice-select,
.nice-select .list {
	background:#F5F4F8;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
	background:var(--accent);
}