@charset "UTF-8";

/*
Theme Name: ooometkor
Theme URI: https://ooometkor.ru
Author: i@dgerc.ru
Author URI: freelance web developer
Description: Завод изготовитель кабельных кронштейнов и конструкций для метрополитена.
Version: 1.0
Text Domain: ooometkor
*/

@font-face {
	font-family: "Raleway-Black";
	font-display: swap;
	src:
		url("./fonts/Raleway-Black.woff") format("woff"),
		url("./fonts/Raleway-Black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-BlackItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-BlackItalic.woff") format("woff"),
		url("./fonts/Raleway-BlackItalic.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-Bold";
	font-display: swap;
	src:
		url("./fonts/Raleway-Bold.woff") format("woff"),
		url("./fonts/Raleway-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-ExtraBold";
	font-display: swap;
	src:
		url("./fonts/Raleway-ExtraBold.woff") format("woff"),
		url("./fonts/Raleway-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-BoldItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-BoldItalic.woff") format("woff"),
		url("./fonts/Raleway-BoldItalic.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-ExtraBoldItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-ExtraBoldItalic.woff") format("woff"),
		url("./fonts/Raleway-ExtraBoldItalic.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-ExtraLight";
	font-display: swap;
	src:
		url("./fonts/Raleway-ExtraLight.woff") format("woff"),
		url("./fonts/Raleway-ExtraLight.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-ExtraLightItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-ExtraLightItalic.woff") format("woff"),
		url("./fonts/Raleway-ExtraLightItalic.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-Italic";
	font-display: swap;
	src:
		url("./fonts/Raleway-Italic.woff") format("woff"),
		url("./fonts/Raleway-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-LightItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-LightItalic.woff") format("woff"),
		url("./fonts/Raleway-LightItalic.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-Medium";
	font-display: swap;
	src:
		url("./fonts/Raleway-Medium.woff") format("woff"),
		url("./fonts/Raleway-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-Light";
	font-display: swap;
	src:
		url("./fonts/Raleway-Light.woff") format("woff"),
		url("./fonts/Raleway-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-MediumItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-MediumItalic.woff") format("woff"),
		url("./fonts/Raleway-MediumItalic.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-SemiBold";
	font-display: swap;
	src:
		url("./fonts/Raleway-SemiBold.woff") format("woff"),
		url("./fonts/Raleway-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-Regular";
	font-display: swap;
	src:
		url("./fonts/Raleway-Regular.woff") format("woff"),
		url("./fonts/Raleway-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-SemiBoldItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-SemiBoldItalic.woff") format("woff"),
		url("./fonts/Raleway-SemiBoldItalic.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-Thin";
	font-display: swap;
	src:
		url("./fonts/Raleway-Thin.woff") format("woff"),
		url("./fonts/Raleway-Thin.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "Raleway-ThinItalic";
	font-display: swap;
	src:
		url("./fonts/Raleway-ThinItalic.woff") format("woff"),
		url("./fonts/Raleway-ThinItalic.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
}

* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

p:empty,
.wpcf7-spinner {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden !important;
	display: none;
}

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

aside,
nav,
footer,
header,
section {
	display: block;
}

html,
body {
	height: 100%;
	min-width: 320px;
}

body {
	line-height: 1;
	font-family: "Raleway-Regular", sans-serif;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: white;
}

input,
button,
textarea {
	font-family: "Raleway-Regular", sans-serif;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	flex: 1 1 auto;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

body {
	color: #999999;
	font-size: 16px;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

body._lock {
	overflow: hidden;
}

body p {
	line-height: 150%;
	margin-bottom: 20px;
}

body p:last-child {
	margin-bottom: 0;
}

/* CUSTOM COLOR SHEMA FOR GUTENBERG */
.has-orange-color {
	color: #f9a34f;
}

.has-bg-dark-color {
	color: #1b232a;
}

.has-bg-light-dark-color {
	color: #222c35;
}

.has-grey-color {
	color: #999999;
}

.has-orange-background-color {
	color: #f9a34f;
}

.has-bg-dark-background-color {
	color: #1b232a;
}

.has-bg-light-dark-background-color {
	color: #222c35;
}

.has-grey-backgroundcolor {
	color: #999999;
}

/* END CUSTOM COLOR SHEMA FOR GUTENBERG */

.visually-hidden {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.wrapper {
	min-height: 100%;
	display: flex;
	overflow: hidden;
	flex-direction: column;
}

._container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0px 0px;
}

.btn._fw {
	width: 100%;
}

.select {
	position: relative;
}

.select__item {
	position: relative;
}

.select__title {
	color: #000;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	cursor: pointer;
	border-radius: 4px;
}

.select__value {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	height: 30px;
	padding: 0px 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.select__value span {
	height: 1em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.select__value:before {
	content: "";
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 11px;
	height: 7px;
	background: url("./img/icons/select.svg") center/100% no-repeat;
}

.select__input {
	width: 100%;
	background-color: transparent;
	height: 100%;
}

.select__options {
	color: #000;
	display: none;
	position: absolute;
	top: 29px;
	border-radius: 0 0 4px 4px;
	min-width: 100%;
	left: 0;
	background-color: #fff;
	border-top: 0;
	border: 1px solid #d9d9d9;
	border-top: 0;
	font-size: 14px;
	padding: 10px 0px 5px 0px;
}

.select__option {
	cursor: pointer;
	padding: 5px 15px;
	margin: 0px 0px 0px 0px;
}

.select._active {
	z-index: 5;
}

.select._active .select__value:before {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.select._active .select__options {
	display: block;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.input {
	border-radius: 0 !important;
	width: 100%;
	display: block;
	padding: 0px 20px;
}

textarea.input {
	resize: none;
	padding: 0px 0px;
}

.checkbox {
	position: relative;
}

.checkbox__input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.checkbox__input:checked + .checkbox__text:before {
	background: #fff url("./img/icons/check.svg") center no-repeat;
}

.checkbox__text {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: -0.3px;
	line-height: calc(20 / 16);
	cursor: pointer;
}

.checkbox__text:before {
	content: "";
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin: 0px 14px 0px 0px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	left: 0;
	top: 0;
	width: 20px;
	height: 18px;
	background: #fff;
	border: 1px solid #a7a9ac;
}

.checkbox a {
	color: #fff;
	text-decoration: underline;
}

.checkbox._error .checkbox__text:before {
	border: 1px solid #ee1212;
}

.options {
	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;
}

.options__item {
	position: relative;
	cursor: pointer;
}

.options__input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	left: 0;
	top: 0;
	visibility: hidden;
}

.options__input:checked + .options__text:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.options__text {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: -0.3px;
	line-height: calc(20 / 16);
}

.options__text:before {
	content: "";
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin: 0px 14px 0px 0px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	left: 0;
	top: 0;
	border-radius: 50%;
	width: 20px;
	height: 18px;
	background: #fff;
	border: 1px solid #a7a9ac;
}

.options__text:after {
	content: "";
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #77243a;
	position: absolute;
	left: 5px;
	top: 4px;
}

.rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-size: 40px;
	line-height: 0.75;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

.rating.rating_sending {
	opacity: 0.2;
}

.rating.rating_set .rating__active,
.rating.rating_set .rating__item {
	cursor: pointer;
}

.rating__body {
	position: relative;
}

.rating__body::before {
	content: "★★★★★";
	display: block;
}

.rating__active {
	position: absolute;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.rating__active::before {
	content: "★★★★★";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #ffd300;
}

.rating__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.rating__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	height: 100%;
	opacity: 0;
}

.rating__value {
	font-size: 50%;
	line-height: 1;
	padding: 0px 0px 0px 10px;
}

.quantity {
	width: 88px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid rgba(166, 166, 166, 0.45);
}

.quantity__button {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30px;
	flex: 0 0 30px;
	position: relative;
	cursor: pointer;
}

.quantity__button::before,
.quantity__button::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: 0px 0px 0px -4.5px;
	background-color: #a6a6a6;
	width: 9px;
	height: 1px;
}

.quantity__button_plus::before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.quantity__input {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.quantity__input input {
	height: 100%;
	color: #a6a6a6;
	font-size: 12px;
	width: 100%;
	text-align: center;
}

span.addfile,
.fullscreen__link,
span.submit-btn {
	font-family: "Raleway-Bold", sans-serif;
	font-size: 16px;
	background-color: #f9a34f;
	border-radius: 0.25rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	min-width: 240px;
	height: 60px;
	-webkit-transition:
		background-color ease 0.3s,
		-webkit-box-shadow ease 0.3s;
	transition:
		background-color ease 0.3s,
		-webkit-box-shadow ease 0.3s;
	-o-transition:
		box-shadow ease 0.3s,
		background-color ease 0.3s;
	transition:
		box-shadow ease 0.3s,
		background-color ease 0.3s;
	transition:
		box-shadow ease 0.3s,
		background-color ease 0.3s,
		-webkit-box-shadow ease 0.3s;
	padding: 15px;
}

span.addfile:hover,
.fullscreen__link:hover,
span.submit-btn:hover {
	background: #f8993b;
	-webkit-box-shadow: 0 0 15px rgba(249, 163, 79, 0.85);
	box-shadow: 0 0 15px rgba(249, 163, 79, 0.85);
	cursor: pointer;
}

span.addfile {
	background-color: transparent;
	border: 3px solid #f9a34f;
}

span.addfile:hover {
	border: 3px solid #f8993b;
}

.fullscreen__link:before,
span.submit-btn:before,
span.addfile:before {
	content: "";
	background: url("./img/icons/kp-icon.svg");
	width: 24px;
	height: 24px;
	margin-right: 6px;
}

.phone-icon:first-child::before {
	background: url("./img/icons/phone-accent.svg");
}

.email-icon:before {
	background: url("./img/icons/email-accent.svg");
}

.map-icon:before {
	background: url("./img/icons/map-accent.svg");
}

.text-icon:before {
	background: url("./img/icons/text-accent.svg");
}

.calendar-icon:before {
	background: url("./img/icons/calendar-accent.svg");
}

.isotope-item a:before {
	/*background: url("./img/icons/link.svg") center/32px 32px no-repeat rgba(22, 28, 34, 0.9);*/
	background: url("./img/icons/link.svg") center/32px 32px no-repeat rgba(249, 163, 79, 0.9);
}

.category-item__img:before {
	background: url("./img/icons/link.svg") center/24px 24px no-repeat rgba(249, 163, 79, 0.9);
}

.gallery__link::before {
	background: url("./img/icons/search.svg") center/42px 42px no-repeat rgba(22, 28, 34, 0.9);
}

._no-webp .fullscreen__image::before,
._no-webp .objects-metro__bg::before,
._no-webp .mailform__bg::before,
._no-webp .full-screen::before,
._no-webp .page-contact__bg::before,
._no-webp .header-blog__bg::before {
	background: url("./img/patterns/substrate.png") repeat rgba(0, 0, 0, 0.5);
}

.fullscreen__image::before,
.objects-metro__bg::before,
.mailform__bg::before,
.full-screen::before,
.header-blog__bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.scrollup {
	width: 30px;
	height: 30px;
	position: fixed;
	bottom: 30px;
	right: 15px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 1;
	background-color: #f9a34f;
	border-radius: 3px;
}

.scrollup::before {
	content: "";
	position: absolute;
	background: url(./img/icons/p-left.svg) center no-repeat;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.scrollup:hover {
	-webkit-box-shadow: 0 0 15px rgba(249, 163, 79, 0.85);
	box-shadow: 0 0 15px rgba(249, 163, 79, 0.85);
}

.row:after {
	display: block;
	content: "";
	clear: both;
}

.rub:after {
	content: "₽";
}

ol.counter {
	list-style-type: none;
	counter-reset: item;
}

ol.counter li {
	position: relative;
	padding: 0px 0px 0px 45px;
}

ol.counter li:before {
	counter-increment: item;
	content: counter(item);
	position: absolute;
	left: 0;
	top: 0;
	color: #818181;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	border: 1px solid #4274bb;
}

.ellipsis {
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.es {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.table {
	display: table;
	font-size: 0;
	width: 100%;
}

.trow {
	display: table-row;
}

.cell {
	display: table-cell;
}

.cell.full {
	width: 100%;
}

._ibg {
	position: relative;
}

._ibg img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
}

body.ie ._ibg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

body.ie ._ibg img {
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

._video {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
}

._video video,
._video iframe,
._video object,
._video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videobg video,
.videobg iframe,
.videobg object,
.videobg embed {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}

._more-content {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	overflow: hidden;
}

._more-link {
	cursor: pointer;
}

._more-link span {
	font-style: normal;
}

._more-link span:first-child {
	display: block;
}

._more-link span:last-child {
	display: none;
}

._more-link._active span {
	font-style: normal;
}

._more-link._active span:first-child {
	display: none;
}

._more-link._active span:last-child {
	display: block;
}

.partners__slider-image {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
}

.partners__slider-image:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
}

#map {
	background: url("./img/icons/loading.gif") center/50px no-repeat;
}

._swiper {
	overflow: hidden;
}

._swiper .swiper-wrapper {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

._swiper.swiper-container-vertical .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

._swiper.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.swiper-container-initialized .swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-container-android .swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
	display: none !important;
}

._tabs-block {
	display: none;
}

._tabs-block._active {
	display: block;
}

.mirror {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.nicescroll-rails {
	z-index: 1000 !important;
}

._custom-scroll {
	position: fixed;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
	z-index: 1000;
}

._custom-scroll__line {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 3px 0 0 3px;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 2px;
	color: #999;
	cursor: pointer;
	display: block;
	margin-top: -10px;
	position: absolute;
	display: block;
	width: 20px;
	height: 36px;
	top: 50%;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
	z-index: 1080;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
	color: #fff;
}

.lg-actions .lg-next {
	right: 20px;
	background: url("./img/icons/p-right.svg") 0 0/100% no-repeat;
}

.lg-actions .lg-prev {
	left: 20px;
	background: url("./img/icons/p-left.svg") 0 0/100% no-repeat;
}

@-webkit-keyframes lg-right-end {
	0% {
		left: 0;
	}

	50% {
		left: -30px;
	}

	100% {
		left: 0;
	}
}

@keyframes lg-right-end {
	0% {
		left: 0;
	}

	50% {
		left: -30px;
	}

	100% {
		left: 0;
	}
}

@-webkit-keyframes lg-left-end {
	0% {
		left: 0;
	}

	50% {
		left: 30px;
	}

	100% {
		left: 0;
	}
}

@keyframes lg-left-end {
	0% {
		left: 0;
	}

	50% {
		left: 30px;
	}

	100% {
		left: 0;
	}
}

.lg-outer.lg-right-end .lg-object {
	-webkit-animation: lg-right-end 0.3s;
	animation: lg-right-end 0.3s;
	position: relative;
}

.lg-outer.lg-left-end .lg-object {
	-webkit-animation: lg-left-end 0.3s;
	animation: lg-left-end 0.3s;
	position: relative;
}

.lg-toolbar {
	z-index: 1082;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
	color: #999;
	cursor: pointer;
	float: right;
	font-size: 24px;
	height: 47px;
	line-height: 27px;
	padding: 10px 0;
	text-align: center;
	width: 50px;
	text-decoration: none !important;
	outline: medium none;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
	color: #fff;
}

.lg-toolbar .lg-close {
	background: url("./img/icons/close.svg") center no-repeat;
}

.lg-toolbar .lg-download {
	display: none;
}

.lg-sub-html {
	background-color: rgba(0, 0, 0, 0.45);
	bottom: 0;
	color: #eee;
	font-size: 16px;
	left: 0;
	padding: 10px 40px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 1080;
}

.lg-sub-html h4 {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

.lg-sub-html p {
	font-size: 12px;
	margin: 5px 0 0;
}

#lg-counter {
	color: #999;
	display: inline-block;
	font-size: 16px;
	padding-left: 20px;
	padding-top: 12px;
	vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
	opacity: 1;
	-webkit-transition:
		-webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		color 0.2s linear;
	-o-transition:
		-o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		color 0.2s linear;
	-webkit-transition:
		opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		color 0.2s linear,
		-webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition:
		opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		color 0.2s linear,
		-webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition:
		transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		color 0.2s linear;
	transition:
		transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		color 0.2s linear;
	transition:
		transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
		color 0.2s linear,
		-webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
	opacity: 0;
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	transform: scale3d(0.5, 0.5, 0.5);
	opacity: 0;
	-webkit-transition:
		-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	-o-transition:
		-o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	-webkit-transition:
		opacity 250ms cubic-bezier(0, 0, 0.25, 1),
		-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
	transition:
		opacity 250ms cubic-bezier(0, 0, 0.25, 1),
		-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
	-o-transition:
		transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	transition:
		transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	transition:
		transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 250ms cubic-bezier(0, 0, 0.25, 1),
		-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-outer .lg-thumb-outer {
	background-color: #0d0a0a;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1080;
	max-height: 350px;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition:
		transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
		-webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
	-webkit-transition-duration: 0s !important;
	-o-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
	-webkit-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
	padding: 10px 0;
	height: 100%;
	margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
	border-radius: 5px;
	cursor: pointer;
	float: left;
	overflow: hidden;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 4px;
	margin-bottom: 5px;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
	padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
	padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
	-webkit-transition: bottom 0.25s ease;
	-o-transition: bottom 0.25s ease;
	transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
	bottom: 100px;
}

.lg-outer .lg-toggle-thumb {
	background-color: #0d0a0a;
	border-radius: 2px 2px 0 0;
	color: #999;
	cursor: pointer;
	font-size: 24px;
	height: 39px;
	line-height: 27px;
	padding: 5px 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -39px;
	width: 50px;
}

.lg-outer .lg-toggle-thumb:after {
	content: "\e1ff";
}

.lg-outer .lg-toggle-thumb:hover {
	color: #fff;
}

.lg-outer .lg-video-cont {
	display: inline-block;
	vertical-align: middle;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 0 5px;
}

.lg-outer .lg-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.lg-outer .lg-video .lg-object {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
	width: 84px;
	height: 59px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -42px;
	margin-top: -30px;
	z-index: 1080;
	cursor: pointer;
}

._no-webp .lg-outer .lg-has-vimeo .lg-video-play {
	background: url("./img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

._no-webp .lg-outer .lg-has-vimeo:hover .lg-video-play {
	background: url("./img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

._no-webp .lg-outer .lg-has-html5 .lg-video-play {
	background: transparent url("./img/video-play.png") no-repeat scroll 0 0;
}

.lg-outer .lg-has-html5 .lg-video-play {
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	width: 64px;
	opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
	opacity: 1;
}

._no-webp .lg-outer .lg-has-youtube .lg-video-play {
	background: url("./img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

._no-webp .lg-outer .lg-has-youtube:hover .lg-video-play {
	background: url("./img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
	visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
	display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
	visibility: visible;
}

.lg-progress-bar {
	background-color: #333;
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1083;
	opacity: 0;
	-webkit-transition: opacity 0.08s ease 0s;
	-o-transition: opacity 0.08s ease 0s;
	transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
	background-color: #a90707;
	height: 5px;
	width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
	width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
	opacity: 1;
}

.lg-autoplay-button:after {
	content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
	content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
	-webkit-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition:
		transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		-webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transition:
		left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition:
		left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition:
		left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition:
		-webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.15s !important;
	-o-transition:
		-o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.15s !important;
	-webkit-transition:
		opacity 0.15s,
		-webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
	transition:
		opacity 0.15s,
		-webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
	-o-transition:
		transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.15s !important;
	transition:
		transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.15s !important;
	transition:
		transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.15s,
		-webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#lg-zoom-in:after {
	content: "\e311";
}

#lg-actual-size {
	font-size: 20px;
}

#lg-actual-size:after {
	content: "\e033";
}

#lg-zoom-out {
	opacity: 0.5;
	pointer-events: none;
}

#lg-zoom-out:after {
	content: "\e312";
}

.lg-zoomed #lg-zoom-out {
	opacity: 1;
	pointer-events: auto;
}

.lg-outer .lg-pager-outer {
	bottom: 60px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1080;
	height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
	overflow: visible;
}

.lg-outer .lg-pager-cont {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
	-webkit-box-shadow: 0 0 0 2px white inset;
	box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
	background-color: #fff;
	color: #fff;
	bottom: 100%;
	height: 83px;
	left: 0;
	margin-bottom: 20px;
	margin-left: -60px;
	opacity: 0;
	padding: 5px;
	position: absolute;
	width: 120px;
	border-radius: 3px;
	-webkit-transition:
		opacity 0.15s ease 0s,
		-webkit-transform 0.15s ease 0s;
	-o-transition:
		opacity 0.15s ease 0s,
		-o-transform 0.15s ease 0s;
	transition:
		opacity 0.15s ease 0s,
		-webkit-transform 0.15s ease 0s;
	-o-transition:
		opacity 0.15s ease 0s,
		transform 0.15s ease 0s;
	transition:
		opacity 0.15s ease 0s,
		transform 0.15s ease 0s;
	transition:
		opacity 0.15s ease 0s,
		transform 0.15s ease 0s,
		-webkit-transform 0.15s ease 0s;
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
	width: 100%;
	height: 100%;
}

.lg-outer .lg-pager {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
	display: block;
	height: 12px;
	-webkit-transition: box-shadow 0.3s ease 0s;
	-o-transition: box-shadow 0.3s ease 0s;
	-webkit-transition: -webkit-box-shadow 0.3s ease 0s;
	transition: -webkit-box-shadow 0.3s ease 0s;
	transition: box-shadow 0.3s ease 0s;
	transition:
		box-shadow 0.3s ease 0s,
		-webkit-box-shadow 0.3s ease 0s;
	width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
	-webkit-box-shadow: 0 0 0 8px white inset;
	box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px dashed;
	bottom: -10px;
	display: inline-block;
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	vertical-align: middle;
	width: 0;
}

.lg-fullscreen:after {
	content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
	content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
	background-color: rgba(0, 0, 0, 0.25);
	bottom: 0;
	cursor: default;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1081;
	opacity: 0;
	visibility: hidden;
	-webkit-transition:
		visibility 0s linear 0.18s,
		opacity 0.18s linear 0s;
	-o-transition:
		visibility 0s linear 0.18s,
		opacity 0.18s linear 0s;
	transition:
		visibility 0s linear 0.18s,
		opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-ms-transform: translate3d(0, 0px, 0);
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	opacity: 1;
	visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
	color: #fff;
}

.lg-outer .lg-dropdown {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	-ms-transform: translate3d(0, 5px, 0);
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
	-webkit-transition:
		-webkit-transform 0.18s linear 0s,
		visibility 0s linear 0.5s,
		opacity 0.18s linear 0s;
	-o-transition:
		-o-transform 0.18s linear 0s,
		visibility 0s linear 0.5s,
		opacity 0.18s linear 0s;
	-webkit-transition:
		visibility 0s linear 0.5s,
		opacity 0.18s linear 0s,
		-webkit-transform 0.18s linear 0s;
	transition:
		visibility 0s linear 0.5s,
		opacity 0.18s linear 0s,
		-webkit-transform 0.18s linear 0s;
	-o-transition:
		transform 0.18s linear 0s,
		visibility 0s linear 0.5s,
		opacity 0.18s linear 0s;
	transition:
		transform 0.18s linear 0s,
		visibility 0s linear 0.5s,
		opacity 0.18s linear 0s;
	transition:
		transform 0.18s linear 0s,
		visibility 0s linear 0.5s,
		opacity 0.18s linear 0s,
		-webkit-transform 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	border: 8px solid transparent;
	border-bottom-color: #fff;
	right: 16px;
	top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
	margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
	color: #333;
}

.lg-outer .lg-dropdown a {
	color: #333;
	display: block;
	white-space: pre;
	padding: 4px 12px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
	background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
	display: inline-block;
	line-height: 1;
	margin-top: -3px;
	vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
	color: #333;
	display: inline-block;
	float: none;
	font-size: 20px;
	height: auto;
	line-height: 1;
	margin-right: 8px;
	padding: 0;
	vertical-align: middle;
	width: auto;
}

.lg-outer #lg-share {
	position: relative;
}

.lg-outer #lg-share:after {
	content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
	color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
	content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
	color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
	content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
	color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
	content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
	color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
	content: "\e903";
}

.group {
	*zoom: 1;
}

.group:before,
.group:after {
	display: table;
	content: "";
	line-height: 0;
}

.group:after {
	clear: both;
}

.lg-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
}

.lg-outer * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lg-outer.lg-visible {
	opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
	-webkit-transition-duration: inherit !important;
	-o-transition-duration: inherit !important;
	transition-duration: inherit !important;
	-webkit-transition-timing-function: inherit !important;
	-o-transition-timing-function: inherit !important;
	transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
	-webkit-transition-duration: 0s !important;
	-o-transition-duration: 0s !important;
	transition-duration: 0s !important;
	opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

.lg-outer .lg {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 100%;
}

.lg-outer .lg-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}

.lg-outer .lg-item {
	background: url("./img/icons/loading.gif") no-repeat scroll center center transparent;
	display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
	display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
	display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

.lg-outer .lg-img-wrap {
	position: absolute;
	padding: 0 5px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.lg-outer .lg-item.lg-complete {
	background-image: none;
}

.lg-outer .lg-item.lg-current {
	z-index: 1060;
}

.lg-outer .lg-image {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
	opacity: 1;
}

.lg-outer .lg-empty-html {
	display: none;
}

.lg-outer.lg-hide-download #lg-download {
	display: none;
}

.lg-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	background-color: rgba(0, 0, 0, 0.9);
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
	opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
	-webkit-transition: none 0s ease 0s !important;
	-o-transition: none 0s ease 0s !important;
	transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
	opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
	opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
	-webkit-transition: opacity 0.1s ease 0s;
	-o-transition: opacity 0.1s ease 0s;
	transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	-webkit-transition:
		-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s;
	-o-transition:
		-o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s;
	-webkit-transition:
		opacity 0.1s ease 0s,
		-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition:
		opacity 0.1s ease 0s,
		-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition:
		transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s;
	transition:
		transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s;
	transition:
		transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s,
		-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
	opacity: 0;
	position: absolute;
	left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
	left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
	left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	left: 0;
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	-webkit-transition:
		left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s;
	-o-transition:
		left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s;
	transition:
		left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
		opacity 0.1s ease 0s;
}

.popup {
	-webkit-overflow-scrolling: touch;
	z-index: 1000;
	padding: 30px 10px;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: visibility 0.8s ease 0s;
	-o-transition: visibility 0.8s ease 0s;
	transition: visibility 0.8s ease 0s;
	visibility: hidden;
}

.popup::before {
	content: "";
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.8s ease 0s;
	-o-transition: opacity 0.8s ease 0s;
	transition: opacity 0.8s ease 0s;
}

.popup.show {
	visibility: visible;
	overflow: auto;
}

.popup.show::before {
	opacity: 1;
}

.popup.show .popup__body {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.popup._active {
	overflow: auto;
	visibility: visible;
}

.popup._active::before {
	opacity: 1;
}

.popup._active .popup__body {
	-webkit-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	max-width: 500px;
}

.popup__content {
	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: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
}

.popup__body {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-color: #1b232a;
	width: 100%;
	max-width: 800px;
	/*     border: 10px solid #f9a34f; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.popup__body::before {
	content: "";
	position: absolute;
	background: url(./img/logo-m-solid.svg) center/cover no-repeat;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.3;
}

/* .popup_callback h3 {
    font-family: "Raleway-Bold", sans-serif;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #f9a34f;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
    position: relative;
    background-color: rgba(22, 28, 34, 0);
    margin-bottom: 15px;
} */

.callback__header {
	padding: 40px 40px 0;
}

.callback__title.h3-title {
	margin-bottom: 2rem;
	display: block;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 120%;
	color: white;
}

@media (min-width: 600px) {
	.callback__title.h3-title {
		font-size: 1.6rem;
	}
}

/* Popup search form */
.popup-search__body {
	padding: 40px;
}

.popup-search__title {
	margin-bottom: 20px;
}

.search-form__control {
	display: block;
	font-family: Raleway-Regular, sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 125%;
	text-decoration: none;
	padding: 15px;
	border-radius: 0.15rem;
	color: #999;
	width: 100%;
	height: 100%;
	background-color: #161c22;
}

.search-form {
	display: flex;
}

.search-form__btn {
	flex-basis: 50px;
	background-color: #c33a25;
	transition: all 0.4s ease;
}

.search-form__btn:hover {
	background-color: var(--acent-color);
}

.dashicons-search {
	color: #ffffff;
}

/* -- START callback-form -- */
.callback-form {
	padding: 0 40px 40px;
}

.callback-name {
	display: block;
	position: relative;
	height: 50px;
	margin-bottom: 30px;
}

.callback-tel {
	display: block;
	position: relative;
	height: 50px;
	margin-bottom: 30px;
}

.callback-form input:not([type="submit"]) {
	display: block;
	font-family: Raleway-Regular, sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 125%;
	text-decoration: none;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	padding: 15px;
	border-radius: 0.15rem;
	-webkit-transition:
		border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	-o-transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	color: #999;
	width: 100%;
	height: 100%;
	background-color: #161c22;
}

.callback-form .wpcf7-not-valid-tip {
	font-family: Raleway-Medium, sans-serif;
	letter-spacing: 0.05em;
	position: absolute;
	font-size: 10px;
	right: 5px;
	top: 5px;
}

form.callback-form .ajax-loader {
	display: none;
}

.callback-form.sent .wpcf7-response-output {
	background-color: #3bb746ba;
}

/* -- accept policy -- */
.callback-form .accept-policy {
	display: block;
	padding-bottom: 10px;
	text-align: left;
}

.callback-form .accept-policy + div {
	font-family: Raleway-light, sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 150%;
	border: none;
	text-align: left;
	color: white;
	margin: 0;
	background-color: #874018;
	padding: 10px 15px;
}

.callback-form .accept-policy > span > span {
	margin: 0;
}

.callback-form .accept-policy label .check-policy + span {
	margin-left: 0;
}

.callback-form .accept-policy label span {
	font-family: Raleway-Regular, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #999;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
}

/* -- privacy policy link -- */
.callback-form .privacy-policy__link {
	color: #f9a34f;
}

.callback-form .privacy-policy__link:hover {
	border-bottom: 1px dashed #f9a34f;
}

/* -- check-policy -- */
.callback-form .check-policy {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.callback-form .check-policy + span:before {
	content: "";
	position: static;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 16px;
	width: 16px;
	max-width: 16px;
	border-radius: 2px;
	border: 2px solid #f9a34f;
	margin-right: 5px;
}

.callback-form .check-policy + span:after {
	content: "";
	position: absolute;
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	transition: -webkit-transform 0.5s ease 0s;
	-o-transition: transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
	transition:
		transform 0.5s ease 0s,
		-webkit-transform 0.5s ease 0s;
	width: 10px;
	height: 10px;
	top: 2px;
	left: 3px;
	background-color: #f9a34f;
	border-radius: 4px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.contact-form .wpcf7-list-item {
	display: inline-block;
	text-align: left !important;
	margin: 0 !important;
}

.check-policy:checked + span:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* -- END callback form -- */

.fullscreen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.fullscreen__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100vh;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.fullscreen__body {
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fullscreen__title {
	font-family: "Raleway-ExtraBold", sans-serif;
	line-height: 110%;
	color: #ffffff;
	margin: 0;
	font-size: 60px;
	margin-bottom: 20px;
}

.fullscreen__title span {
	color: #f9a34f;
}

.fullscreen__text {
	font-family: "Raleway-Bold", sans-serif;
	font-style: normal;
	font-weight: bold;
	line-height: 115%;
	color: #ffffff;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-size: 32px;
	margin-bottom: 20px;
}

.fullscreen__image {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 1;
}

.fullscreen__email {
	display: inline-flex;
	flex-wrap: wrap;
}

.fullscreen__email .text-email {
	display: inline-block;
	font-family: Raleway-LightItalic, sans-serif;
	margin-bottom: 0;
	position: relative;
	padding: 6px 25px 5px 0;
}

.fullscreen__email .email__link {
	font-family: Raleway-LightItalic, sans-serif;
	color: white;
	font-size: 20px;
	background-color: #f9a34f;
	position: relative;
	padding: 7px 10px 7px;
	letter-spacing: 1.5px;
}

.fullscreen__email .email__link::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 0px 34px 26px;
	border-color: transparent transparent #f9a34f transparent;
	left: -26px;
	top: 0;
}

.fullscreen__email .email__link::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 26px 0 0;
	border-color: #f9a34f transparent transparent transparent;
	right: -26px;
	top: 0;
}

.page__advantages {
	padding-top: 100px;
	padding-bottom: 100px;
}

.advantages {
	background-color: #222c35;
	position: relative;
	z-index: 1;
}

.advantages__title {
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
}

.advantages__subtitle {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 55px;
}

.advantages__grid {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	grid-gap: 30px;
}

.advantages__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 15px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.advantages__icon {
	margin-bottom: 15px;
}

.advantages__icon:before {
	position: absolute;
	left: 50%;
	top: -10px;
	width: 60px;
	height: 60px;
	content: "";
	background-color: rgba(22, 28, 34, 0.3);
	border-radius: 100px;
	z-index: -1;
}

.advantages__title {
	margin-bottom: 17px;
	text-align: center;
}

.advantages__text {
	text-align: center;
}

.gallery {
	background-color: #1b232a;
	position: relative;
	z-index: 1;
}

.page__gallery {
	padding-top: 100px;
}

.gallery__h2-title {
	margin-bottom: 15px;
}

p.gallery__subtitle {
	max-width: 570px;
	margin: 0 auto 100px;
}

.gallery__list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-gap: 5px;
}

.gallery__item {
	position: relative;
}

.gallery__photo {
	padding: 0 0 100% 0;
	position: relative;
	overflow: hidden;
}

.gallery__link img {
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.gallery__link:hover::before {
	opacity: 1;
	cursor: pointer;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.gallery__link:hover img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.metkor__grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

.metkor__about-us {
	padding: 80px;
	padding-left: calc(15px + 65 * ((100vw - 320px) / 1600));
	padding-right: calc(15px + 65 * ((100vw - 320px) / 1600));
}

.about-us {
	background-color: #1b232a;
}

.about-us__h2-title {
	margin-bottom: 15px;
}

.about-us__subtitle {
	max-width: 400px;
	margin: 0 auto;
	margin-bottom: 55px;
}

.metkor__faq {
	padding: 80px;
	padding-left: calc(15px + 65 * ((100vw - 320px) / 1600));
	padding-right: calc(15px + 65 * ((100vw - 320px) / 1600));
}

.faq {
	background-color: #222c35;
}

.faq__h2-title {
	margin-bottom: 15px;
}

.faq__subtitle {
	max-width: 400px;
	margin: 0 auto;
	margin-bottom: 55px;
}

.tabs-block__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px -2px;
}

.tabs-block__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 33.333%;
	flex: 0 1 33.333%;
	margin: 0px 2px;
	border: 2px solid #222c35;
	border-bottom: transparent;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
}

.tabs-block__item._active {
	background-color: #f9a34f;
	border: 2px solid #f9a34f;
	color: #ffffff;
}

.tabs-block__body {
	background-color: #222c35;
	border-top: 2px solid #f9a34f;
	padding: calc(20px + 20 * ((100vw - 320px) / 1600));
}

.spollers-block__item {
	margin-bottom: 13px;
}

.spollers-block__item:last-child {
	margin: 0px 0px 0px 0px;
}

.spollers-block__title {
	background-color: #1b232a;
	cursor: pointer;
	padding: 19px 70px 19px 20px;
	position: relative;
	line-height: 140%;
}

.spollers-block__title::before {
	content: "";
	width: 20px;
	background-color: #f9a34f;
	height: 2px;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	-o-transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition:
		transform 0.3s ease 0s,
		-webkit-transform 0.3s ease 0s;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	right: 15px;
	top: 50%;
}

.spollers-block__title::after {
	content: "";
	width: 20px;
	background-color: #f9a34f;
	height: 2px;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	-o-transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition:
		transform 0.3s ease 0s,
		-webkit-transform 0.3s ease 0s;
	-webkit-transform: translate(0, -50%) rotate(90deg);
	-ms-transform: translate(0, -50%) rotate(90deg);
	transform: translate(0, -50%) rotate(90deg);
	position: absolute;
	right: 15px;
	top: 50%;
}

.spollers-block__title._active {
	display: block;
}

.spollers-block__title._active::before {
	-webkit-transform: translate(0, -50%) rotate(0deg);
	-ms-transform: translate(0, -50%) rotate(0deg);
	transform: translate(0, -50%) rotate(0deg);
}

.spollers-block__title._active::after {
	-webkit-transform: translate(0, -50%) rotate(0deg);
	-ms-transform: translate(0, -50%) rotate(0deg);
	transform: translate(0, -50%) rotate(0deg);
}

.spollers-block__body {
	padding: 20px;
	border: 2px solid #1b232a;
	border-top: transparent;
	display: none;
}

.spollers-block__link {
	color: #999999;
	-webkit-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}

.spollers-block__link:hover {
	color: #f9a34f;
}

.page__objects-metro {
	padding-top: 100px;
	padding-bottom: 60px;
}

.objects-metro {
	position: relative;
	z-index: 1;
}

.objects-metro__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.objects-metro__h2-title {
	position: relative;
	margin-bottom: 15px;
}

.objects-metro__subtitle {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 55px;
}

.portfolio-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.portfolio-slider__image {
	padding: 0 0 100% 0;
}

.portfolio-slider__title {
	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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 40px);
	background-color: #1b232a;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 20px;
	z-index: 2;
	margin: 0 auto;
}

.portfolio-slider__title p {
	font-family: "Raleway-Light", sans-serif;
	font-size: 15px;
	margin-bottom: 0;
	color: #ffffff;
}

.portfolio-slider__title h3 {
	font-family: "Raleway-Regular", sans-serif;
	color: #f9a34f;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	line-height: 150%;
	font-size: 14px;
	text-align: center;
}

.portfolio-slider__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.portfolio-slider__button-prev {
	position: absolute;
	background: url(./img/icons/p-left.svg) right/50% no-repeat;
	width: 30px;
	height: 30px;
	left: -5%;
}

.portfolio-slider__button-prev:hover {
	cursor: pointer;
}

.portfolio-slider__button-next {
	position: absolute;
	background: url(./img/icons/p-left.svg) right/50% no-repeat;
	width: 30px;
	height: 30px;
	right: -5%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.portfolio-slider__button-next:hover {
	cursor: pointer;
}

.portfolio-slider__pagging {
	position: absolute;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	bottom: 0;
	width: 100%;
}

.portfolio-slider__pagging .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: black;
	opacity: 0.2;
}

.portfolio-slider__pagging .swiper-pagination-bullet:not(:last-child) {
	margin-right: 10px;
}

.portfolio-slider__pagging .swiper-pagination-bullet-active {
	background-color: #f9a34f;
	opacity: 1;
}

.page__progress {
	padding-top: 80px;
	padding-bottom: 80px;
}

.progress {
	background-color: #222c35;
	position: relative;
	z-index: 1;
}

.progress__container {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template: 1fr / repeat(4, 1fr);
	justify-items: center;
	grid-gap: 30px;
}

.progress__circle {
	position: relative;
	width: 240px;
	height: 240px;
	margin-bottom: 15px;
}

.progress__circle-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: "Raleway-Light", sans-serif;
	font-size: 64px;
	line-height: 121.875%;
	color: #ffffff;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.progress__description {
	margin: 0 auto;
	max-width: 200px;
	text-align: center;
}

.page__mailform {
	padding-top: 100px;
	padding-bottom: 100px;
}

.mailform {
	position: relative;
	z-index: 1;
}

.mailform__h2-title {
	margin-bottom: 15px;
	position: inherit;
}

.mailform__subtitle {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 55px;
}

.mailform__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

._no-webp .full-screen:before {
	background: url("./img/patterns/substrate.png") repeat rgba(0, 0, 0, 0.6);
}

.full-screen video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	-o-object-fit: cover;
	object-fit: cover;
}

/*---- START offer-form ------*/

.offer-form {
	position: relative;
	z-index: 1;
}

.offer-form__group-input {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 60px;
	grid-column-gap: 30px;
	margin-bottom: 30px;
}

.feed-name {
	position: relative;
}

.feed-email {
	position: relative;
}

.feed-tel {
	position: relative;
}

.feed-message {
	display: block;
	margin-bottom: 30px;
}

.offer-form__group-btn {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 30px;
	margin-bottom: 20px;
}

/* -- allert (bottom) contact form 7 -- */
.wpcf7 .offer-form__group-btn + div {
	font-family: Raleway-light, sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 150%;
	border: none;
	text-align: center;
	color: white;
	margin: 0;
	background-color: #874018;
	padding: 10px 15px;
	border-radius: 2px;
}

/* -- validate message OK for input -- */
.wpcf7 form.sent .offer-form__group-btn + div {
	background-color: #3bb746ba;
}

/* -- validate message ERROR for input -- */
.offer-form__group-input input,
textarea {
	font-family: Raleway-Regular, sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 125%;
	text-decoration: none;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	padding: 15px;
	border-radius: 0.15rem;
	-webkit-transition:
		border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	-o-transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	color: #999;
	width: 100%;
	height: 100%;
	background-color: #161c22;
}

/* -- add file groupe -- */
.field__file {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.offer-form .field__file-wrapper {
	grid-column: 1/2;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.offer-form .accept-policy {
	grid-column: 3/4;
	grid-row: 2/3;
}

.field__file-fake {
	height: 60px;
	width: calc(100% - 130px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px;
	border: 2px solid #161c22;
	border-right: none;
	font-size: 14px;
}

.field__file-button {
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	width: 130px;
	height: 60px;
	background: #161c22;
	cursor: pointer;
	/* display */
	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;
	transition: all 0.4s ease;
}

.field__file-button:hover {
	background-color: var(--acent-color);
}

/* -- button send -- */
.form-kp__btn {
}

.form-kp__btn:not(:disabled):hover {
}

.offer-form__group-btn .ajax-loader {
	display: none;
}

/* -- privacy policy --*/
.offer-form .accept-policy > span > span {
	margin: 0;
}

.offer-form .accept-policy label .check-policy + span {
	margin-left: 0;
}

.offer-form .accept-policy label span {
	font-family: Raleway-Regular, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #999;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
}

.offer-form .privacy-policy__link {
	color: #f9a34f;
}

.offer-form .privacy-policy__link:hover {
	border-bottom: 1px dashed #f9a34f;
}

/* -- check-policy -- */
.offer-form .check-policy {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.offer-form .check-policy + span:before {
	content: "";
	position: static;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 16px;
	width: 16px;
	max-width: 16px;
	border-radius: 2px;
	border: 2px solid #f9a34f;
	margin-right: 5px;
}

.offer-form .check-policy + span:after {
	content: "";
	position: absolute;
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	transition: -webkit-transform 0.5s ease 0s;
	-o-transition: transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
	transition:
		transform 0.5s ease 0s,
		-webkit-transform 0.5s ease 0s;
	width: 10px;
	height: 10px;
	top: 2px;
	left: 3px;
	background-color: #f9a34f;
	border-radius: 4px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.offer-form .check-policy:checked + span:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.offer-form .wpcf7-not-valid-tip {
	/*font-family: Raleway-Medium, sans-serif;*/
	/*letter-spacing: .05em;*/
	/*position: absolute;*/
	/*font-size: 10px;*/
	/*top: 7px;*/
	/*left: 10px;*/
}

@media (max-width: 1024px) {
	.offer-form__group-input {
		display: block;
		margin-bottom: 0;
	}

	.feed-name {
		display: block;
		margin-bottom: 20px;
		height: 60px;
	}

	.feed-email {
		display: block;
		margin-bottom: 20px;
		height: 60px;
	}

	.feed-tel {
		display: block;
		margin-bottom: 20px;
		height: 60px;
	}

	.feed-message {
		margin-bottom: 0;
	}

	.offer-form__group-btn {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px 20px;
	}

	.offer-form .accept-policy {
		grid-column: 1/-1;
		grid-row: 3/4;
		text-align: center;
	}
}

@media (max-width: 540px) {
	.field__file-fake {
		display: none;
	}
}

/* ------- END contact form 7 ---------*/

.page__objects {
	padding-top: 100px;
	padding-bottom: 60px;
}

.objects {
	position: relative;
	z-index: 1;
}

._no-webp .objects:before {
	/*background: url("./img/bg/world-map-bg.png") center/contain no-repeat;*/
}

.objects__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.objects__bg:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.85;
	background: url(./img/patterns/substrate.png) repeat rgba(0, 0, 0, 0.5);
}

.objects__bg:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #222c35;
	z-index: -2;
}

.objects__map {
	opacity: 0.5;
}

.objects__content {
	position: relative;
	z-index: 1;
}

.objects__h2-title {
	margin-bottom: 15px;
	z-index: 1;
}

.objects__subtitle {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 55px;
}

.objects__container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.objects .objects-slider {
	margin-bottom: 25px;
}

.objects .objects-slider__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.objects .objects-slider__content {
	height: 100%;
}

.objects .objects-slider__image {
	padding: 0 0 70% 0;
}

.objects .objects-slider__title {
	background-color: #1b232a;
	padding: 20px;
	z-index: 2;
	text-align: center;
	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;
	height: 100%;
}

.objects .objects-slider__title h3 {
	font-family: "Raleway-Regular", sans-serif;
	color: #f9a34f;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	line-height: 150%;
	font-size: 14px;
	margin-bottom: 15px;
}

.objects .objects-slider__title p {
	font-family: "Raleway-Light", sans-serif;
	font-size: 15px;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	padding-top: 15px;
	border-top: 1px solid #222c35;
	width: 100%;
}

.objects .objects-slider__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.objects .objects-slider__button-prev {
	position: absolute;
	background: url(./img/icons/p-left.svg) right/50% no-repeat;
	width: 30px;
	height: 30px;
	left: -5%;
}

.objects .objects-slider__button-prev:hover {
	cursor: pointer;
}

.objects .objects-slider__button-next {
	position: absolute;
	background: url(./img/icons/p-left.svg) right/50% no-repeat;
	width: 30px;
	height: 30px;
	right: -5%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.objects .objects-slider__button-next:hover {
	cursor: pointer;
}

.objects .objects-slider__pagging {
	position: absolute;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	bottom: 0;
	width: 100%;
	display: none;
}

.objects .objects-slider__pagging .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: black;
	opacity: 0.2;
}

.objects .objects-slider__pagging .swiper-pagination-bullet:not(:last-child) {
	margin-right: 10px;
}

.objects .objects-slider__pagging .swiper-pagination-bullet-active {
	background-color: #f9a34f;
	opacity: 1;
}

/* -- START PAGE CATALOG -- */
.page-catalog__catalog {
	padding-bottom: 100px;
}

.catalog {
	background-color: #222c35;
}

.catalog__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.catalog__filter {
	background-color: #1b232a;
	padding: 30px 0 30px;
	margin-bottom: 100px;
}

.catalog__filter ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 15px;
}

.catalog__filter li {
	cursor: pointer;
}

.catalog__filter li:not(:last-child) {
	padding-right: 20px;
}

.catalog__filter li:hover {
	color: #f9a34f;
}

.catalog__filter .select-cat {
	color: #f9a34f;
}

/* -- START isotope */
.isotope-item {
	width: calc(100% * 1 / 3 - 30px);
	margin: 15px;
}

.isotope-item a:hover span {
	color: #f9a34f;
}

.isotope-item a:hover::before {
	opacity: 1;
	cursor: pointer;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.isotope-item .catalog__link:before {
	border-radius: 20px;
}

/* -- END isotope -- */

.card-item {
	display: flex;
	padding: 0 0 70% 0;
	position: relative;
}

.card-item__img img {
	border-radius: 20px;
}

.card-item__title {
	position: absolute;
	bottom: 0;
	font-family: "Raleway-Bold", sans-serif;
	letter-spacing: 0.5px;
	line-height: 140%;
	display: block;
	width: 100%;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	padding: 15px;
	z-index: 1;
	/* background: url(./img/patterns/rrdiagonal-line.png) repeat #f9a34f; */
}

.card-item__title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(27, 35, 42, 0.5);
	z-index: -1;
	border-radius: 0 0 20px 20px;
}

.price {
	background-color: #1b232a;
}

.page-price__price {
	padding-top: 100px;
	padding-bottom: 100px;
}

.price__container span {
	color: #f9a34f;
}

.price__subtitle {
	margin: 0 auto 70px;
}

.price__content {
	margin-bottom: 100px;
}

.price__content h3 {
	margin-bottom: 15px;
}

.price__list li {
	line-height: 150%;
}

.price__list li:not(:last-child) {
	padding: 0 0 15px 0;
}

.subtitle {
	display: block;
	max-width: 500px;
}

.price__wrap {
	border: 3px solid #222c35;
	border-radius: 30px;
	padding: 30px;
	margin-bottom: 30px;
}

.content-table thead {
	border-bottom: 3px solid #222c35;
}

.table-price {
	font-family: "Raleway-Medium", sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
}

.table-price thead {
	font-family: "Raleway-Bold", sans-serif;
}

.table-price .price__search input[type="text"] {
	font-family: "Raleway-Medium", sans-serif;
	font-size: 12px;
	line-height: 1;
	text-transform: none;
	padding: 15px;
}

.table-price .price__search th {
	padding: 0;
}

.table-price .price__search input {
	width: 100%;
	border: 3px solid #222c35;
	background-color: transparent;
	color: #999;
}

.table-price tr:nth-child(even) {
	background-color: #222c35;
}

.table-price tr.price__search {
	background: none;
}

.table-price th {
	padding: 0 30px 30px;
}

.table-price td {
	position: relative;
	padding: 5px;
	line-height: calc(22px + 6 * ((100vw - 320px) / 1600));
}

.price__table-price {
	margin: 0 auto;
}

.page-contact {
	background-color: #222c35;
	padding-top: 100px;
}

.page-contact__row {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 8fr 4fr;
	grid-template-columns: 8fr 4fr;
	grid-column-gap: 30px;
	padding-bottom: 100px;
}

.page-contact__bg {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

._no-webp .page-contact__bg:before {
	background: url("./img/patterns/substrate.png") repeat rgba(0, 0, 0, 0.35);
}

.page-contact__title {
	margin-bottom: 15px;
}

.page-contact__subtitle {
	max-width: 400px;
}

.page-contact__sidebar__item {
	text-align: left;
}

.sidebar__list {
	display: flex;
	flex-direction: column;
}

/* -- START contact form for page contact -- */
.contact-form {
	position: relative;
	z-index: 1;
}

.contact-form__group-input {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 60px);
	grid-gap: 30px;
	margin-bottom: 30px;
}

.contact-name {
	position: relative;
}

.contact-email {
	position: relative;
}

.contact-tel {
	position: relative;
}

.contact-message {
	display: block;
	margin-bottom: 30px;
}

.contact-form__group-btn {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 60px;
	grid-column-gap: 30px;
	margin-bottom: 20px;
}

/* -- validate message ERROR bottom form -- */
.wpcf7 .contact-form__group-btn + div {
	font-family: Raleway-light, sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 150%;
	border: none;
	text-align: center;
	color: white;
	margin: 0;
	background-color: #874018;
	padding: 10px 15px;
	border-radius: 2px;
}

.contact-form .accept-policy {
	grid-column: 2/3;
	grid-row: 1;
}

/* -- validate message for input -- */
.contact-form__group-input input,
textarea {
	font-family: Raleway-Regular, sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 125%;
	text-decoration: none;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	padding: 15px;
	/*caret-color: #999;*/
	border-radius: 0.15rem;
	-webkit-transition:
		border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	-o-transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	color: #999;
	width: 100%;
	height: 100%;
	background-color: #161c22;
}

/* -- validate message OK for input -- */
form.sent .contact-form__group-btn + div {
	background-color: #3bb746ba;
}

/* add file group*/
.field__file {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

/* -- baton add file -- */
.contact-form .field__file-wrapper {
	grid-column: 2/3;
	grid-row: 2/3;
	width: 100%;
	position: relative;
}

.contact-form .field__file-wrapper > span {
	width: 100%;
	height: 60px;
	display: block;
	position: absolute;
}

.contact-form .file-wrapper {
	display: flex;
	width: 100%;
	position: absolute;
}

/* -- button send -- */
.contact__btn {
	cursor: pointer;
}

.contact__btn:not(:disabled):hover {
	background-color: #161c22;
}

.contact-form__group-btn .ajax-loader {
	display: none;
}

/* -- privacy policy --*/
.contact-form .accept-policy > span > span {
	margin: 0;
}

.contact-form .accept-policy label .check-policy + span {
	margin-left: 0;
}

.contact-form .accept-policy label span {
	font-family: Raleway-Regular, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #999;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
}

.contact-form .privacy-policy__link {
	color: #f9a34f;
}

.contact-form .privacy-policy__link:hover {
	border-bottom: 1px dashed #f9a34f;
}

/* -- check-policy -- */
.contact-form .check-policy {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.contact-form .check-policy + span:before {
	content: "";
	position: static;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 16px;
	width: 16px;
	max-width: 16px;
	border-radius: 2px;
	border: 2px solid #f9a34f;
	margin-right: 5px;
}

.contact-form .check-policy + span:after {
	content: "";
	position: absolute;
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	transition: -webkit-transform 0.5s ease 0s;
	-o-transition: transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
	transition:
		transform 0.5s ease 0s,
		-webkit-transform 0.5s ease 0s;
	width: 10px;
	height: 10px;
	top: 2px;
	left: 3px;
	background-color: #f9a34f;
	border-radius: 4px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.contact-form .check-policy:checked + span:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.contact-name > span,
.contact-email > span,
.contact-tel > span,
.contact-message > span {
	display: block;
	position: relative;
	height: 100%;
}

.feed-name > span,
.feed-email > span,
.feed-tel > span,
.feed-message > span {
	display: block;
	position: relative;
	height: 100%;
}

.user-name + span,
.user-email + span,
.user-tel + span,
.user-text + span {
	font-family: Raleway-Medium, sans-serif;
	font-size: 10px;
	position: absolute;
	top: 5px;
	right: 10px;
	letter-spacing: 0.05em;
}

.feed-message .wpcf7-not-valid-tip,
.contact-name .wpcf7-not-valid-tip,
.contact-tel .wpcf7-not-valid-tip,
.contact-email .wpcf7-not-valid-tip,
.contact-message .wpcf7-not-valid-tip {
	position: absolute;
	font-family: Raleway-Medium, sans-serif;
	letter-spacing: 0.05em;
	font-size: 10px;
	top: 5px;
	z-index: 5;
	right: 10px;
}

@media (max-width: 1024px) {
	.contact-form {
		margin-bottom: 60px;
	}

	.contact-form__group-input {
		display: block;
		margin-bottom: 20px;
	}

	.contact-name {
		display: block;
		margin-bottom: 20px;
		height: 60px;
	}

	.contact-email {
		display: block;
		margin-bottom: 20px;
		height: 60px;
	}

	.contact-tel {
		display: block;
		margin-bottom: 20px;
		height: 60px;
	}

	.contact-form .field__file-wrapper {
		display: block;
	}

	.contact-form .field__file-wrapper > span {
		position: absolute;
	}

	.contact-form .file-wrapper {
		position: static;
	}

	.contact-message {
		margin-bottom: 20px;
	}

	.contact-form__group-btn {
		grid-column-gap: 30px;
	}

	.contact-form .accept-policy {
		grid-column: 2 / 3;
		text-align: left;
	}
}

@media (max-width: 540px) {
	.field__file-fake {
		display: none;
	}

	.field__file-button {
		width: 100%;
		background-color: transparent;
		border: 2px solid #f9a34f;
	}

	.contact-form__group-btn {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 60px);
		grid-row-gap: 30px;
	}

	form.contact-form .contact-form__group-btn + div {
		margin: 0em 0.5em 2em;
	}

	.contact__btn {
		grid-column: 1/-1;
		grid-row: 1/1;
	}

	.contact-form .accept-policy {
		grid-column: 1/-1;
		grid-row: 2/3;
		text-align: center;
	}
}

/* -- END contact form page contact -- */

.page-contact .sidebar__title {
	margin-bottom: 15px;
}

.page-contact .sidebar__item:not(:last-child) {
	margin-bottom: 30px;
}

.page-contact .list-contact,
.page-contact .list-work {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page-contact .list-contact__item,
.page-contact .list-work__item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	padding: 0 0 15px 0;
	line-height: 150%;
}

.page-contact .list-contact__item::before,
.page-contact .list-work__item::before {
	content: "";
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24px;
	flex: 0 0 24px;
	height: 24px;
	margin-right: 6px;
}

.page-contact .list-contact__item.whatsapp::before {
	display: none;
}

.page-contact .list-contact__link,
.page-contact .list-work__link {
	color: #999999;
}

.page-contact .whatsapp .list-contact__link {
	display: flex;
	align-items: center;
	justify-content: start;
	column-gap: 6px;
}

.page-contact .list-contact__link:hover,
.page-contact .list-work__link:hover {
	-webkit-transition: color ease 0.3s;
	-o-transition: color ease 0.3s;
	transition: color ease 0.3s;
	color: #f9a34f;
}

.page-contact .list-contact li:last-child,
.page-contact .list-work li:last-child {
	padding-bottom: 0;
}

.qrcode {
	width: 150px;
	height: 150px;
	left: 0;
	top: 0;
}

.page-post {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #222c35;
}

.page-post__row {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 4fr 8fr;
	grid-template-columns: 4fr 8fr;
	grid-column-gap: 30px;
}

.page-post__article {
	-ms-grid-column: 2;
	grid-column: 2;
	grid-row: 1 / -1;
}

/* --sidebar-- */

/** aside */
.widget-area {
	-ms-grid-column: 1;
	grid-column: 1;
	grid-row: 1 / -1;
}

.widget-area__item {
	background-color: #1b232a;

	height: max-content;
}

.widget-area__item:not(:last-child) {
	margin-bottom: 50px;
}

.widget-area h3 {
	font-family: "Raleway-SemiBold", sans-serif;
	font-size: 25px;
	color: white;
	line-height: 1.4;
	margin-bottom: 30px;
	text-transform: capitalize;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.widget-area h3 span {
	color: #f9a34f;
}

.widget-area__container {
	padding: 30px 20px;
}

/*.wp-block-categories-list {}*/

/* ul */
.wp-block-categories {
}

/* li */
.cat-item {
	font-family: Raleway-SemiBold, sans-serif;
	font-size: 16px;
	line-height: 1.8;
	/*margin-bottom: 20px;*/
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

.cat-item:not(:last-child) {
	border-bottom: 1px solid #e1e1e117;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.cat-item a {
	font-family: "Raleway-Bold", sans-serif;
	letter-spacing: 0.5px;
	width: 100%;
	color: rgb(153, 153, 153);
	padding-right: 20px;
	text-transform: uppercase;
	font-size: 14px;
}

.cat-item img {
	border-radius: 5px;
	margin-right: 20px;
}

.cat-item a:hover {
	color: #f9a34f;
	-webkit-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}

.cat-num {
	color: white;
	font-size: 10px;
	display: flex;
	justify-content: center;
	width: 32px;
	background-color: #f9a34f;
	padding: 2px 0 2px 0;
	border-radius: 3px;
}

.article {
	background-color: #1b232a;
}

.article__img {
	position: relative;
	width: 100%;
	padding: 0 0 64% 0;
	height: 100%;
	left: 0;
	top: 0;
}

.article__content {
	padding: 40px;
}

.article__content h1 {
	margin-top: 0;
}

.article__content h3 {
	font-family: Raleway-Light, sans-serif;
	font-size: 20px;
	line-height: 140%;
	color: white;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	margin-bottom: 15px;
}

.article__content h4 {
	font-family: Raleway-SemiBold, sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
	/*color: burlywood;*/
}

.article__title {
	font-size: 30px;
}

.article__title:first-child {
	margin-bottom: 20px;
}

.article__title.h3-title {
	line-height: 1.4;
	-moz-text-align-last: left;
	text-align-last: left;
	border-bottom: 5px solid #f9a34f;
	padding-bottom: 15px;
}

.article__title.h4-title {
	text-align: left;
	margin-bottom: 15px;
}

/* -- START POST NAVIGATION -- */

.nav-growpop {
	position: relative;
}

.postnavigation {
	position: relative;
	display: flex;
	justify-content: space-between;
	z-index: 1;
	bottom: 50%;
}

.nav-growpop nav a.prev {
	left: 0;
}

.nav-growpop nav a.next {
	right: 0;
}

.nav-growpop nav a svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.postnavigation .icon-wrap {
	position: relative;
	z-index: 100;
	display: block;
	padding: 20px 10px;
	-webkit-transition: border-width 0.3s 0.15s;
	transition: border-width 0.3s 0.15s;
	color: white;
	border: 0 solid #f9a34f;
	background: #f9a34f;
}

.postnavigation div {
	position: absolute;
	top: 50%;
	overflow: hidden;
	width: 440px;
	height: 144px;
	padding: 20px;
	-webkit-transition:
		-webkit-transform 0.3s,
		opacity 0.3s;
	-webkit-transition:
		opacity 0.3s,
		-webkit-transform 0.3s;
	transition:
		opacity 0.3s,
		-webkit-transform 0.3s;
	transition:
		transform 0.3s,
		opacity 0.3s;
	transition:
		transform 0.3s,
		opacity 0.3s,
		-webkit-transform 0.3s;
	opacity: 0;
}

.postnavigation a.prev div {
	left: 0;
	padding: 20px 140px 20px 70px;
	text-align: right;
	width: 50%;
	border-right: 1px solid #222c35;
}

.postnavigation a.next div {
	right: 0;
	padding: 20px 70px 20px 140px;
	width: 50%;
	border-left: 1px solid #222c35;
}

.postnavigation span {
	line-height: 1.2;
	font-size: 13px;
	display: block;
	padding-bottom: 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
	border-bottom: 1px solid #f9a34f61;
}

.postnavigation__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.postnavigation h3 {
	font-family: "Raleway-MediumLight", sans-serif;
	color: #111111;
	-webkit-transition: color ease 0.3s;
	-o-transition: color ease 0.3s;
	transition: color ease 0.3s;
	line-height: 1.2;
	font-size: 14px;
	letter-spacing: 0.5px;
	/*margin: 0;*/
	padding: 8px 0 10px;
	/* text-transform: uppercase; */
}

.postnavigation img {
	position: absolute;
	top: 20px;
	width: 104px;
	height: 104px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px;
}

.postnavigation a.prev img {
	right: 20px;
}

.postnavigation a.next img {
	left: 20px;
}

.postnavigation a .icon-wrap {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	border-top-width: 40px;
	border-bottom-width: 40px;
}

.postnavigation a div {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateY(-50%) translateX(0) scale(1);
	transform: translateY(-50%) translateX(0) scale(1);
	opacity: 1;
}

@media (max-width: 900px) {
	.postnavigation .icon-wrap {
		padding: 20px 0;
	}
}

@media (min-width: 621px) {
	.postnavigation a.first-page {
		width: 50%;
	}
}

@media (max-width: 620px) {
	.postnavigation {
		position: fixed;
		z-index: 1;
		bottom: 50%;
	}

	.nav-growpop nav a {
		position: fixed;
		z-index: 1000;
		display: block;
		text-align: left;
		outline: none;
	}

	.postnavigation a.prev div {
		-webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
		transform: translateY(-50%) translateX(-100%) scale(0.75);
	}

	.postnavigation a.next div {
		-webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
		transform: translateY(-50%) translateX(100%) scale(0.75);
	}
}

@media (max-width: 500px) {
	.postnavigation div {
		width: auto;
		height: auto;
	}

	.postnavigation a.prev div {
		padding: 20px 10px 20px 30px;
		height: 144px;
		width: 200px;
	}

	.postnavigation a.next div {
		padding: 20px 30px 20px 10px;
		height: 144px;
		width: 200px;
	}

	.postnavigation a:hover .icon-wrap {
		border-top-width: 0;
		border-bottom-width: 0;
	}

	.postnavigation span {
		font-size: 11px;
	}

	.postnavigation h3 {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-height: 20px;
		max-height: 72px;
		white-space: normal;
	}

	.postnavigation img {
		display: none;
	}
}

/* -- END POST NAVIGATION -- */

.page-policy {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #222c35;
}

.page-policy__row {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 4fr 8fr;
	grid-template-columns: 4fr 8fr;
	grid-column-gap: 30px;
}

.page-policy__article {
	-ms-grid-column: 2;
	grid-column: 2;
	grid-row: 1 / -1;
}

.page-policy__sidebar {
	-ms-grid-column: 1;
	grid-column: 1;
	grid-row: 1 / -1;
}

.page-policy__sidebar ol li {
	line-height: 150%;
}

.page-policy ol {
	list-style: none;
	counter-reset: li;
}

.page-policy ol li p {
	padding-left: 15px;
}

.page-policy .policy-title {
	margin-bottom: 20px;
	line-height: 140%;
}

.page-policy ol li:not(:last-child) {
	margin-bottom: 10px;
}

.page-policy ol li:before {
	counter-increment: li;
	content: counters(li, ".") ". ";
	color: #f9a34f;
}

.page-policy .article__content ol li:before {
	padding-top: 6px;
	padding-right: 5px;
	float: left;
}

.page-policy ol li::marker {
	color: #f9a34f;
}

.page-policy .policy-link {
	color: #f9a34f;
}

.page-policy .ol-list li {
	padding-bottom: 0;
}

.page-policy .ol-list li a {
	color: #ffffff;
	-webkit-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}

.page-policy .ol-list li a:hover {
	color: #f9a34f;
}

.page-policy .ol-list li a._active {
	color: #f9a34f;
}

.page-policy ol.policy-sublist li {
	display: flex;
}

.post-sidebar__item {
	position: relative;
}

.post-sidebar__title {
	margin-bottom: 15px;
}

.page-404 {
	height: calc(100vh - 80px);
}

.page-404 .fullscreen__image::before {
	z-index: 1;
}

.page-404 .fullscreen__container {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page-404 .fullscreen__body {
	text-align: center;
}

.page-404 .fullscreen__title {
	font-size: 130px;
	line-height: 1;
}

.page-404 .fullscreen__link:before {
	background: url("./img/icons/arrow-left.svg") no-repeat;
}

/* -- START PAGE CATEGORY DEFOULT -- */

.page-category {
}

.page-category__category {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #222c35;
}

.category {
}

.category__main {
}

.category__row {
}

.post-card__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.post-card__item {
	padding: 0 15px;
	width: 49.998%;
	display: flex;
	min-height: 150px;
}

.post-card__item {
	margin-bottom: 30px;
}

.post-card__img {
	position: relative;
	flex: 0 0 44.998%;
	max-width: 44.998%;
}

.post-card__img img {
	border-radius: 20px;
}

.post-card__content {
	flex: 0 0 54.998%;
	flex-direction: column;
	max-width: 54.998%;
	padding: calc(20px + 10 * ((100vw - 320px) / 1600));
	align-self: center;
	justify-content: center;
	display: flex;
	height: 100%;
	background: #1b232a;
	position: relative;
	border-radius: 0 20px 20px 0;
}

.search-content h3 {
	margin-bottom: 15px;
}

.post-card__content::before {
	content: "";
	right: 0;
	bottom: 0;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #f9a34f transparent;
	border-radius: 20px 0;
}

.post-card__link {
	font-family: "Raleway-Bold", sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(153, 153, 153);
	text-transform: uppercase;
	line-height: 150%;
}

.reed-more {
	color: #f9a34f;
	transition: color 0.3s ease-in;
	font-style: italic;
}

.reed-more:hover {
	color: white;
}

.post-card__content .post-card__link:hover {
	color: #f9a34f;
	-webkit-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}

.post-card__img .post-card__link::before {
	content: "";
	position: absolute;
	background: url(./img/icons/link.svg) center/24px 24px no-repeat rgba(249, 163, 79, 0.9);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	z-index: 1;
	border-radius: 20px;
}

.post-card__img .post-card__link:hover::before {
	opacity: 1;
	cursor: pointer;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* -- END PAGE CATEGORY DEFOULT -- */

.menu {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

.menu__body {
	content: "";
	overflow: auto;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 3px 0 #f9a34f;
	box-shadow: 0 3px 0 #f9a34f;
	background-color: rgba(22, 28, 34, 0.4);
}

.menu__body._active {
	position: fixed;
}

.menu__body::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	z-index: -1;
	background-color: #161c22;
	-webkit-transition: left 0.3s ease 0s;
	-o-transition: left 0.3s ease 0s;
	transition: left 0.3s ease 0s;
}

.menu__body._active::before {
	left: 0;
}

.menu__body._active::after {
	content: "";
	position: absolute;
	top: 77px;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-box-shadow: 0 3px 0 #f9a34f;
	box-shadow: 0 3px 0 #f9a34f;
	z-index: 10;
}

.menu__container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 80px 1fr;
	grid-template-columns: 1fr 80px 1fr;
	-ms-grid-rows: 80px;
	grid-template-rows: 80px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-items: center;
	position: relative;
	grid-column-gap: 30px;
	height: 80px;
}

.menu__nav:first-child {
	-ms-grid-column-align: end;
	justify-self: end;
}

.menu__nav:nth-of-type(2) {
	-ms-grid-column-align: start;
	justify-self: start;
}

.menu__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.menu__item._active a {
	color: #f9a34f;
}

.menu__link {
	font-family: "Raleway-Medium", sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 114%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: white;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.menu__link._active {
	color: #f9a34f;
}

.menu__contact {
	position: absolute;
	right: 0;
	height: 100%;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
}

.fixed-nav.isShown {
	position: fixed;
}

._scroll .menu__body {
	transform: translateY(-100%);
}

.isShown .menu__body {
	transform: translateY(0%);
	background-color: #161c22;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
}

.contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(22, 28, 34, 0.45);
}

.contact-container {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #f9a34f;
	/* border-radius: 20px; */
}

.contact__list {
	display: flex;
	flex-direction: column;
	padding: 0 8px;
	font-style: italic;
}

.contact__item {
	line-height: 150%;
}

.contact__link {
	display: flex;
	justify-content: start;
	align-items: center;
	column-gap: 3px;
	font-size: 14px;
	color: #161c22;
	font-family: "Raleway-Medium", sans-serif;
	-webkit-transition: color ease 0.3s;
	-o-transition: color ease 0.3s;
	transition: color ease 0.3s;
}

.contact__link-search {
	padding: 0 7px;
}

.contact__link-search .dashicons-search {
	color: white;
	transition: color 0.3s ease-in;
}

.contact__link-search .dashicons-search:hover {
	color: #f9a34f;
}

.contact__link:hover {
	color: #ffffff;
}

.search-block {
	display: flex;
	align-items: center;
	height: 100%;
	order: 2;
}

.phone-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.phone-link svg,
.phone-icon svg {
	width: 1.4rem;
	height: 1.4rem;
}

.call-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.call-item::before {
	content: "";
	display: inline-block;
	background: url(./img/icons/face-agent.svg) no-repeat;
	width: 24px;
	height: 24px;
	margin-right: 8px;
}

.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-shadow: none;
	z-index: 2;
}

.header-blog {
	position: relative;
	z-index: 999;
}

.header-blog__menu {
}

.header-blog__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.header-blog__bg::before {
	background-color: rgba(0, 0, 0, 0.5);
}

.header-blog__container {
	min-height: 170px;
	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;
}

.header-blog__container .h1-title {
	font-size: 30px;
	margin-bottom: 0;
}

@media (max-width: 1200px) {
	.header-blog__container .h1-title {
		font-size: calc(24px + 6 * ((100vw - 320px) / 880));
	}
}

.header-blog h1.h1-title {
	text-align: center;
	font-size: 30px;
	max-width: 600px;
	margin: 0 auto;
}

.breadcrumbs__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.breadcrumbs__item a {
	color: #f9a34f;
}

.breadcrumbs__item:not(:first-child)::before {
	content: "/";
	display: inline-block;
	margin: 0 10px 0 10px;
	color: #ffffff;
}

.breadcrumbs__item:not(:last-child) a {
	color: #999999;
}

.footer__partners {
	padding-top: 30px;
	padding-bottom: 30px;
}

._no-webp .partners {
	background: url("./img/patterns/rectangle.png") repeat #f9a34f;
}

.partners {
	background-color: #f9a34f;
}

.partners__headline {
	margin-bottom: 60px;
}

.partners__slider-image {
	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;
	height: 110px;
	width: 100%;
	min-width: 0;
	background-color: white;
	border-radius: 20px;
}

.partners__slider-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.more {
	position: relative;
}

.more__item_next {
	cursor: pointer;
	left: 10px;
}

.more__item_prev {
	cursor: pointer;
	right: 10px;
}

.footer__content {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #1b232a;
}

.footer__content-grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr [ 3] 150px;
	grid-template-columns: repeat(3, 1fr) 150px;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-column-gap: 30px;
}

.footer__column-item {
	position: relative;
}

.footer__column-item p {
	line-height: 150%;
	text-align: center;
	margin-bottom: 0;
	z-index: 1;
}

.footer__column-item h3 {
	margin-bottom: 20px;
}

.footer__logo::before {
	content: "";
	position: absolute;
	background: url("./img/logo-m-solid.svg") center/contain no-repeat;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}

.footer__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.footer__item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	/*width: 100%;*/
	padding: 0 0 15px 0;
	line-height: 150%;
}

.footer__item::before {
	content: "";
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-right: 6px;
}

.footer__item.whatsapp:before {
	display: none;
}

.footer__link {
	display: flex;
	justify-content: start;
	align-items: center;
	column-gap: 7px;
	color: #999999;
}

.footer__link:hover {
	-webkit-transition: color ease 0.3s;
	-o-transition: color ease 0.3s;
	transition: color ease 0.3s;
	color: #f9a34f;
}

.footer__copyright {
	/*background-color: white;*/
}

.footer__copyright p {
	font-family: "Raleway-Medium", sans-serif;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-align: center;
	padding: 28px 0;
}

.footer__copyright .denisgerc {
	color: inherit;
	transition: color ease 0.3s;
}

.footer__copyright .denisgerc:hover {
	color: #f9a34f;
}

.page {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.h1-title {
	font-family: "Raleway-ExtraLight", sans-serif;
	font-size: 36px;
	line-height: 140%;
	color: #ffffff;
	text-align: center;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.h2-title {
	font-family: "Raleway-ExtraLight", sans-serif;
	color: #ffffff;
	text-align: center;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	margin-bottom: 15px;
	font-size: 50px;
	line-height: calc(40px + 30 * ((100vw - 320px) / 1600));
}

.h2-title span {
	color: #f9a34f;
}

.h3-title {
	font-family: "Raleway-ExtraLight", sans-serif;
	font-size: 30px;
	line-height: 100%;
	color: #ffffff;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.h3-title span {
	color: #f9a34f;
}

.h4-title {
	font-family: "Raleway-ExtraLight", sans-serif;
	font-size: 20px;
	line-height: 115%;
	color: #ffffff;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.h5-title {
	font-family: "Raleway-Regular", sans-serif;
	font-size: 20px;
	line-height: 140%;
	color: #ffffff;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.placeholder {
	font-family: "Raleway-MediumItalic", sans-serif;
	font-size: 14px;
	line-height: 125%;
	letter-spacing: 2px;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.catalog__filter li {
	font-family: "Raleway-Medium", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	line-height: 160%;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	color: #ffffff;
}

.subtitle {
	font-family: "Raleway-Light", sans-serif;
	font-size: 20px;
	line-height: 150%;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
	color: #999999;
	text-align: center;
}

.subtitle span {
	color: #f9a34f;
}

.tab-text {
	font-family: "Raleway-Bold", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 10%;
	color: #999999;
	-webkit-font-feature-settings:
		"pnum" on,
		"lnum" on;
	font-feature-settings:
		"pnum" on,
		"lnum" on;
}

.tab-text span {
	color: #f9a34f;
}

.breadcrumbs li > a {
	font-family: "Raleway-Bold", sans-serif;
	line-height: 1.6;
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.gallery__link::before,
.isotope-item a:before,
.category-item__img:before {
	content: "";
	position: absolute;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	z-index: 1;
}

.ol-list {
	list-style-type: none;
	counter-reset: num;
	margin: 0 0 0 20px;
}

.ol-list li {
	position: relative;
	padding: 0 0 15px 0;
	line-height: 150%;
}

.ol-list li:before {
	content: counter(num) ".";
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: -26px;
	width: 20px;
	color: #f9a34f;
	text-align: right;
}

.ul-list li {
	line-height: 150%;
}

.ul-list li:not(:last-child) {
	padding: 0 0 15px 0;
}

.ul-list li span {
	color: #f9a34f;
}

/* ul post */
.ul-post {
	list-style-type: none;
	margin: 0 0 10px 20px;
}

ul.column-count-2 {
	column-count: 2;
}

ul.column-count-3 {
	column-count: 3;
}

.ul-post li {
	position: relative;
	/*padding: 0 0 10px 0;*/
	line-height: 160%;
	display: flex;
	align-items: center;
}

.ul-post li:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: -15px;
	width: 5px;
	height: 5px;
	background-color: #f9a34f;
}

button {
	padding: 0;
	border: none;
	font: inherit;
	color: inherit;
	background-color: transparent;
}

@media (min-width: 768px) {
	.page-policy .policy-sublist {
		padding-left: 30px;
	}
}

@media (min-width: 991.98px) {
	.quantity__button:hover::before,
	.quantity__button:hover::after {
		background-color: rgba(0, 0, 0, 0.5);
	}
}

@media (min-width: 992px) {
	.select__option:hover {
		background: #d9d9d9;
	}

	.checkbox a:hover {
		text-decoration: none;
	}
}

@media (min-width: 1024px) {
/*     .footer__column-item:last-child h3 {
    display: none;
} */

	.footer__column-item p {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media (min-width: 1025px) {
	.lg-outer .lg-thumb-item {
		-webkit-transition: border-color 0.25s ease;
		-o-transition: border-color 0.25s ease;
		transition: border-color 0.25s ease;
	}
}

@media (min-width: 1026px) {
	.page-policy .ol-list li {
		max-width: 280px;
	}
}

@media (min-width: 1110px) {
	.menu__item:not(:last-child) {
		margin-right: 15px;
	}

	.menu__link:hover {
		-webkit-transition: all ease 0.3s;
		-o-transition: all ease 0.3s;
		transition: all ease 0.3s;
		color: #f9a34f;
	}
}

@media (min-width: 1920px) {
	.fullscreen__title {
		margin-bottom: 20px;
	}

	.metkor__about-us {
		padding-left: 80px;
		padding-right: 80px;
	}

	.metkor__faq {
		padding-left: 80px;
		padding-right: 80px;
	}

	.tabs-block__body {
		padding: 40px;
	}

	.h2-title {
		line-height: 70px;
	}
}

@media (max-width: 1300px) {
	.portfolio-slider__button-prev {
		left: 50%;
		bottom: -3%;
		-webkit-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px);
	}

	.portfolio-slider__button-next {
		right: 50%;
		bottom: -3%;
		-webkit-transform: translateX(50px) rotate(180deg);
		-ms-transform: translateX(50px) rotate(180deg);
		transform: translateX(50px) rotate(180deg);
	}

	.objects .objects-slider__button-prev {
		display: none;
	}

	.objects .objects-slider__button-next {
		display: none;
	}

	.objects .objects-slider__pagging {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
}

@media (max-width: 1200px) {
	.fullscreen__title {
		font-size: calc(36px + 24 * ((100vw - 320px) / 880));
	}

	.fullscreen__text {
		font-size: calc(24px + 8 * ((100vw - 320px) / 880));
	}

	p.gallery__subtitle {
		max-width: calc(300px + 270 * ((100vw - 320px) / 880));
	}

	.article__content {
		padding: calc(15px + 25 * ((100vw - 320px) / 880));
	}

	.article__title {
		font-size: calc(24px + 4 * ((100vw - 320px) / 880));
	}

	.header-blog h1.h1-title {
		font-size: calc(24px + 6 * ((100vw - 320px) / 880));
	}

	.h2-title {
		font-size: calc(36px + 14 * ((100vw - 320px) / 880));
	}
}

@media (max-width: 1110px) {
	.menu__body._active .menu__nav {
		left: 0;
	}

	.menu__nav {
		position: relative;
		left: -100%;
		width: 100%;
		-webkit-transition: left 0.3s ease 0s;
		-o-transition: left 0.3s ease 0s;
		transition: left 0.3s ease 0s;
		z-index: 1;
	}

	.menu__nav:first-child {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
		grid-column: 1 / -1;
		-ms-grid-row-align: end;
		align-self: end;
		padding-top: 30px;
	}

	.menu__nav:nth-of-type(2) {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4;
		grid-column: 1 / -1;
		-ms-grid-column-align: center;
		justify-self: center;
		-ms-grid-row-align: start;
		align-self: start;
	}

	.menu__list {
		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: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.menu__item {
		padding: 10px 0 10px 0;
	}

	.menu__icon {
		z-index: 5;
		display: block;
		position: relative;
		width: 30px;
		height: 18px;
		cursor: pointer;
		-ms-grid-row: 1;
		grid-row: 1;
		-ms-grid-column-align: start;
		justify-self: start;
	}

	.menu__icon span,
	.menu__icon::before,
	.menu__icon::after {
		right: 0;
		position: absolute;
		height: 2px;
		width: 100%;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background-color: white;
	}

	.menu__icon::before,
	.menu__icon::after {
		content: "";
	}

	.menu__icon::before {
		top: 0;
	}

	.menu__icon::after {
		bottom: 0;
	}

	.menu__icon span {
		top: 50%;
		-webkit-transform: scale(1) translate(0px, -50%);
		-ms-transform: scale(1) translate(0px, -50%);
		transform: scale(1) translate(0px, -50%);
	}

	.menu__icon._active span {
		-webkit-transform: scale(0) translate(0px, -50%);
		-ms-transform: scale(0) translate(0px, -50%);
		transform: scale(0) translate(0px, -50%);
	}

	.menu__icon._active::before {
		top: 50%;
		-webkit-transform: rotate(-45deg) translate(0px, -50%);
		-ms-transform: rotate(-45deg) translate(0px, -50%);
		transform: rotate(-45deg) translate(0px, -50%);
	}

	.menu__icon._active::after {
		bottom: 50%;
		-webkit-transform: rotate(45deg) translate(0px, 50%);
		-ms-transform: rotate(45deg) translate(0px, 50%);
		transform: rotate(45deg) translate(0px, 50%);
	}
}

@media (max-width: 1025px) {
	.metkor__grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.page-post__row {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: -webkit-max-content [ 2];
		-ms-grid-rows: max-content [ 2];
		grid-template-rows: repeat(2, -webkit-max-content);
		grid-template-rows: repeat(2, max-content);
	}

	.page-post__article {
		grid-column: 1 /-1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
		margin-bottom: 60px;
	}

	.widget-area {
		grid-column: 1 /-1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr [ 2];
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 30px;
	}

	.post-sidebar__item:not(:last-child) {
		margin-bottom: 0px;
	}

	.page-policy__row {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
	}

	.page-policy__article {
		grid-column: 1 /-1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
	}

	.page-policy__sidebar {
		grid-column: 1 /-1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
		margin-bottom: 60px;
	}

	.post-card__content {
		position: static;
	}

	.post-card__list {
		flex-direction: column;
		width: 100%;
		margin: 0;
	}

	.post-card__item {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #1b232a;
		position: relative;
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.post-card__img {
		flex: 1 1 100%;
		max-width: 100%;
		padding: 0 0 28% 0;
	}

	.post-card__content {
		flex: 1 1 100%;
		height: 100%;
	}
}

@media (max-width: 1024px) {
	.progress__container {
		-ms-grid-rows: 1fr 30px 1fr;
		-ms-grid-columns: 1fr 30px 1fr;
		grid-template: repeat(2, 1fr) / repeat(2, 1fr);
	}

	.progress__item {
		-webkit-box-flex: 1;
		-ms-flex:
			1 0 49,
			99%;
		flex:
			1 0 49,
			99%;
	}

	.page-contact__row {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: -webkit-max-content [ 2];
		-ms-grid-rows: max-content [ 2];
		grid-template-rows: repeat(2, -webkit-max-content);
		grid-template-rows: repeat(2, max-content);
	}

	.page-contact__sidebar {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 150px;
		grid-template-columns: 1fr 1fr 150px;
		grid-column-gap: 30px;
	}

	.page-contact .list-contact__item,
	.page-contact .list-work__item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.footer__content-grid {
		-ms-grid-rows: 1fr 30px 1fr;
		-ms-grid-columns: 1fr [ 2];
		grid-template: repeat(2, 1fr) / repeat(2, 1fr);
		grid-row-gap: 30px;
		justify-items: center;
	}

	.footer__list {
		align-items: center;
	}

	.footer__column-item {
		text-align: center;
	}

	.footer__column-item:first-child {
		margin: 0 auto;
		-ms-flex-line-pack: center;
		align-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.footer__column-item:first-child p {
		max-width: 400px;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	}

	.footer__item {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: flex-start;
	}
}

@media (max-width: 991.98px) {
	.select__title {
		font-size: 18px;
	}

	.select__options {
		font-size: 18px;
	}
}

@media (max-width: 1024px) {
	.gallery__list {
		-ms-grid-columns: repeat(4, 1fr);
		grid-template-columns: repeat(4, 1fr);
		-ms-grid-rows: auto;
		grid-template-rows: auto;
	}
}

@media (max-width: 900px) {
	.table-price thead tr:first-child {
		display: none;
	}

	.table-price td {
		display: block;
		padding-left: 50%;
	}

	.table-price td:nth-child(even) {
		background-color: #222c35;
		border-radius: 3px;
	}

	.table-price td:before {
		content: attr(data-label);
		position: absolute;
		left: 10%;
		font-family: "Raleway-Bold", sans-serif;
	}

	.table-price tbody tr:nth-child(even) {
		background: transparent;
		border-bottom: 3px solid #222c35;
		border-top: 3px solid #222c35;
	}

	.table-price tbody tr:last-child {
		border-bottom: none;
	}
}

@media (max-width: 850px) {
	.isotope-item {
		width: calc(50% - 30px);
	}
}

@media (max-width: 768px) {
	.page-contact__title {
		text-align: center;
	}

	.page-contact__subtitle {
		text-align: center;
		margin: 0 auto 30px;
	}

	.page-contact__sidebar {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: minmax(150px, -webkit-max-content) [ 3];
		-ms-grid-rows: minmax(150px, max-content) [ 3];
		grid-template-rows: repeat(3, minmax(150px, -webkit-max-content));
		grid-template-rows: repeat(3, minmax(150px, max-content));
	}

	.page-contact .sidebar__list {
		display: flex;
		flex-direction: column;
	}

	.page-contact .sidebar__title {
		text-align: center;
	}

	.page-contact .sidebar__subtitle {
		text-align: center;
	}

	.page-contact .list-contact__item,
	.page-contact .list-work__item {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.qrcode {
		margin: 0 auto;
	}

	.widget-area {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.post-sidebar__item:not(:last-child) {
		margin-bottom: 50px;
	}

	.footer__content-grid {
		-ms-grid-rows: 1fr;
		-ms-grid-columns: 1fr;
		grid-template: 1fr / 1fr;
	}

	.footer__item {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	ul.column-count-3 {
		column-count: 2;
	}
}

@media (max-width: 590px) {
	.isotope-item {
		width: 100%;
		margin: 0;
	}

	.isotope-item:not(:last-child) {
		margin-bottom: 30px;
	}
}

@media (max-width: 570px) {
	.progress__container {
		-ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr;
		-ms-grid-columns: 1fr;
		grid-template: repeat(4, 1fr) / 1fr;
	}
}

@media (max-width: 560px) {
	.gallery__list {
		-ms-grid-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-rows: auto;
		grid-template-rows: auto;
	}

	span.submit-btn {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		grid-row: 5 / 6;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / 3;
		width: 100%;
	}

	span.addfile {
		-ms-grid-row: 6;
		-ms-grid-row-span: 1;
		grid-row: 6 / 7;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / 3;
		width: 100%;
	}

	span.addfile {
		width: 100%;
	}

	.privacy-policy {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		grid-row: 7 / 8;
		grid-column: 1 / -1;
	}

	ul.column-count-3 {
		column-count: 1;
	}
}

@media (max-width: 530px) {
	.contact {
		display: none;
	}

	.post-card__item {
		display: block;
	}

	.post-card__img {
		padding: 0 0 60% 0;
	}

	.post-card__img img {
		border-radius: 20px 20px 0 0;
	}

	.post-card__content {
		display: block;
		width: 100%;
		max-width: 100%;
		border-radius: 0 0 20px 20px;
	}

	.fullscreen__email {
		justify-content: center;
	}

	ul.column-count-2 {
		column-count: 1;
	}
}

@media (max-width: 426px) {
	.tab-text span {
		display: block;
	}
}

@media (max-width: 376px) {
	.tabs-block__nav {
		display: block;
	}
}

@media (min-width: 1920px) and (max-width: 1200px) {
	.fullscreen__title {
		margin-bottom: calc(8px + 24 * ((100vw - 320px) / 880));
	}

	.fullscreen__text {
		margin-bottom: calc(12px + 20 * ((100vw - 320px) / 880));
	}

	.metkor__about-us {
		padding-left: calc(15px + 65 * ((100vw - 320px) / 880));
	}

	.metkor__about-us {
		padding-right: calc(15px + 65 * ((100vw - 320px) / 880));
	}

	.metkor__faq {
		padding-left: calc(15px + 65 * ((100vw - 320px) / 880));
	}

	.metkor__faq {
		padding-right: calc(15px + 65 * ((100vw - 320px) / 880));
	}

	.tabs-block__body {
		padding: calc(20px + 20 * ((100vw - 320px) / 880));
	}

	.h2-title {
		line-height: calc(40px + 30 * ((100vw - 320px) / 880));
	}
}

@media (max-height: 320px) {
	.fullscreen__title {
		line-height: 100%;
		margin-top: 0;
		font-size: 34px;
	}
}

._webp .fullscreen__image::before,
._webp .objects-metro__bg::before,
._webp .mailform__bg::before,
._webp .full-screen::before,
._webp .header-blog__bg::before {
	background: url(./img/patterns/substrate.webp) repeat rgba(0, 0, 0, 0.35);
}

._webp .lg-outer .lg-has-vimeo .lg-video-play {
	background: url(./img/vimeo-play.webp) no-repeat scroll 0 0 transparent;
}

._webp .lg-outer .lg-has-vimeo:hover .lg-video-play {
	background: url(./img/vimeo-play.webp) no-repeat scroll 0 -58px transparent;
}

._webp .lg-outer .lg-has-html5 .lg-video-play {
	background: transparent url(./img/video-play.webp) no-repeat scroll 0 0;
}

._webp .lg-outer .lg-has-youtube .lg-video-play {
	background: url(./img/youtube-play.webp) no-repeat scroll 0 0 transparent;
}

._webp .lg-outer .lg-has-youtube:hover .lg-video-play {
	background: url(./img/youtube-play.webp) no-repeat scroll 0 -60px transparent;
}

._webp .full-screen:before {
	background: url(./img/patterns/substrate.webp) repeat rgba(0, 0, 0, 0.6);
}

._webp .objects:before {
	/*background: url(./img/bg/world-map-bg.webp) center/contain no-repeat;*/
}

._webp .page-contact__bg:before {
	/*background: url(./img/patterns/substrate.webp) repeat rgba(0, 0, 0, 0.35);*/
}

._webp .partners {
	background: url(./img/patterns/rectangle.webp) repeat #f9a34f;
}

/* reCAPTCHA hidden */
.grecaptcha-badge {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.posts {
}

.posts__container {
	padding-top: 100px;
	padding-bottom: 100px;
}

/* === BLOG STYLE === */
:root {
	--acent-color: #f9a34f;
	--dark-color: #1b232a;
	--light-dark-color: #222c35;
	--brown-color: #2f2222;
	--grid-gap: 40px;
}

@font-face {
	font-family: "Futura PT";
	src:
		url("./fonts/FuturaPTBook.woff2") format("woff2"),
		url("./fonts/FuturaPTBook.woff") format("woff");
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Futura PT";
	src:
		url("./fonts/FuturaPTMedium.woff2") format("woff2"),
		url("./fonts/FuturaPTMedium.woff") format("woff");
	font-display: swap;
	font-weight: 500;
	font-style: normal;
}

* {
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
}

.list-reset {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.btn-reset {
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

body {
	overflow-anchor: none;
	margin: 0;
	background-color: #f9f9f9;
}

.container {
	max-width: 1430px;
	padding: 0 15px;
	margin: 0 auto;
}

.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.blog-title {
	margin: 0;
	font-weight: 500;
	font-size: 24px;
	line-height: 31px;
	color: var(--brown-color);
}

.form-input {
	width: 100%;
	border-radius: 20px;
	background: #f5f5f5;
	padding-left: 30px;
	height: 50px;
	font-family: "Futura PT", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: rgba(47, 34, 34, 0.4);
	border: none;
	display: block;
}

.form-btn {
	width: 100%;
	border-radius: 20px;
	height: 50px;
	background-color: var(--light-dark-color);
	font-family: "Futura PT", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-btn span {
	margin-right: 12px;
}

.blog-content {
	padding-top: var(--grid-gap);
	padding-bottom: 110px;
}

.content__container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--grid-gap);
}

@media (max-width: 1110px) {
	.content__container {
		display: block;
	}
}

.posts {
	grid-column: 3 span;
}

.blog-post {
	position: relative;
	padding: var(--grid-gap);
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition:
		background-color 0.3s ease-in-out,
		box-shadow 0.3s ease-in-out;
}

.blog-post__category {
	position: relative;
	z-index: 5;
	margin-bottom: 30px;
	display: inline-block;
	border-radius: 8px;
	padding: 8px 17px;
	font-size: 16px;
	line-height: 21px;
	color: var(--light-dark-color);
	background: #f7f8fd;
}

.blog-post__title {
	margin-bottom: 20px;
}

.blog-post__link {
	display: flex;
	gap: 15px;
	align-items: center;
}

.blog-post__link img {
	border-radius: 20px;
}

.blog-post__link::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.blog-post__descr {
	margin: 0;
	padding-right: var(--grid-gap);
	font-size: 18px;
	line-height: 23px;
	color: rgba(47, 34, 34, 0.4);
}

.blog-post__date {
	position: absolute;
	right: var(--grid-gap);
	top: var(--grid-gap);
	font-size: 16px;
	line-height: 21px;
	color: rgba(47, 34, 34, 0.4);
}

.blog-post--main {
	height: 280px;
	margin-bottom: var(--grid-gap);
}

.post-grid {
	margin-bottom: 90px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/*grid-template-rows: repeat(8, 180px);*/
	grid-template-rows: minmax(180px, auto);
	gap: var(--grid-gap);
}

.post-grid__item:nth-child(6n + 1) {
	grid-column: 3 span;
	grid-row: 1 span;
}

.post-grid__item:nth-child(6n + 2) {
	grid-column: 2 span;
	grid-row: 2 span;
}

.post-grid__item:nth-child(6n + 3) {
	grid-row: 2 span;
}

.post-grid__item:nth-child(6n + 4) {
	grid-row: 2 span;
}

.post-grid__item:nth-child(6n + 5) {
	grid-column: 2 span;
}

.post-grid__item:nth-child(6n + 6) {
	grid-column: 2 span;
}

@media (max-width: 768px) {
	.post-grid__item:nth-child(6n + 2),
	.post-grid__item:nth-child(6n + 3),
	.post-grid__item:nth-child(6n + 4),
	.post-grid__item:nth-child(6n + 5) {
		grid-column: 3 span;
	}

	.post-grid__item:nth-child(6n + 3) {
		order: 2;
	}
}

.post-grid__item:nth-child(6n + 3) .blog-post__category {
	background: #f9a34f;
	color: #fff;
}

.post-grid__item:nth-child(6n + 3) .blog-post__title {
	color: #fff;
}

.post-grid__item:nth-child(6n + 3) .blog-post__date {
	top: auto;
	right: auto;
	bottom: var(--grid-gap);
	left: 30px;
	color: #fff;
}

.post-grid__item:not(:nth-child(6n + 2)) .blog-post__descr {
	display: none;
}

.post-grid__item:nth-child(6n + 3) .blog-post,
.post-grid__item:nth-child(6n + 4) .blog-post {
	background: var(--light-dark-color);
	padding-left: 30px;
	padding-right: 30px;
}

.post-grid__item:nth-child(6n + 3) .blog-post__category,
.post-grid__item:nth-child(6n + 4) .blog-post__category {
	background: var(--acent-color);
	color: #fff;
}

.post-grid__item:nth-child(6n + 3) .blog-post__title,
.post-grid__item:nth-child(6n + 4) .blog-post__title {
	color: #fff;
}

.post-grid__item:nth-child(6n + 3) .blog-post__date,
.post-grid__item:nth-child(6n + 4) .blog-post__date {
	top: auto;
	right: auto;
	bottom: var(--grid-gap);
	left: 30px;
	color: #fff;
}

.post-grid__item:nth-child(6n + 4) .blog-post {
	/*padding-top: 30px;*/
	/*padding-bottom: 30px;*/
}

.post-grid__item:nth-child(6n + 4) .blog-post__category {
	margin-bottom: 20px;
}

.post-grid__item:nth-child(6n + 5) .blog-post {
	padding-top: 30px;
	padding-bottom: 30px;
}

.post-grid__item:nth-child(6n + 5) .blog-post__date {
	top: 30px;
}

.post-grid__item:nth-child(6n + 5) .blog-post__category {
	margin-bottom: 20px;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.pagination__item:not(:last-child) {
	margin-right: 20px;
}

.pagination__link {
	position: relative;
	font-size: 18px;
	line-height: 23px;
	color: #000;
}

.pagination__link--current {
	color: var(--light-dark-color);
}

.pagination__link--current::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: currentColor;
}

.popular-posts__title {
	margin-bottom: 21px;
}

.popular-post__article {
	padding: 0;
	background: transparent;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 0;
	border-bottom: 1px solid #e5e4e4;
}

.popular-post__article .blog-post__title {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 10px;
}

.popular-post__article .blog-post__date {
	font-size: 18px;
	line-height: 23px;
	position: initial;
}

.popular-posts__item:last-child .popular-post__article {
	border-bottom: 1px solid transparent;
}

.popular-posts {
	margin-bottom: 32px;
}

.subscribe {
	padding: var(--grid-gap) 0;
	border-radius: 20px;
	background: #fff;
}

.subscribe__title {
	text-align: center;
	margin-bottom: 30px;
}

.sub-form {
	padding-left: 30px;
	padding-right: 30px;
}

.sub-form__input {
	margin-bottom: 20px;
}

/* ==PAGINATION== */
.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	padding: 10px 8px;
	border-radius: 20px;
	transition: color 0.3s ease;
	gap: 15px;
}

.page-numbers:hover {
	color: var(--acent-color);
}

.page-numbers li {
	padding: 3px;
}

.page-numbers li:not(:last-child) {
	/*margin-right: 20px;*/
}

.page-numbers li a {
	font-size: 18px;
	line-height: 23px;
	color: #000;
}

.page-numbers.current {
	position: relative;
	color: var(--acent-color);
}

.page-numbers.current:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: currentColor;
}

/* ==BREADCRUMBS== */
.breadcrumbs-yoast {
	text-align: center;
}

.breadcrumbs-yoast span span {
	display: inline-block;
	background-color: rgba(34, 44, 53, 1);
	padding: 3px 10px;
	border-radius: 8px;
}

.views-count {
	display: inline-block;
	background-color: rgba(34, 44, 53, 1);
	padding: 3px 10px;
	border-radius: 8px;
	margin-top: 20px;
}

/* ==WIDGET CATEGORY== */
.cat-link {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.cat-count {
	color: var(--acent-color);
}

/* ==ROUND DESIGN STYLE POST PAGE== */
.widget-area__item {
	border-radius: 20px;
}

.article {
	border-radius: 20px;
	margin-bottom: 20px;
}

.article__img img {
	border-radius: 20px;
}

.postnavigation div {
	/*border-radius: 20px;*/
}

.postnavigation .prev .icon-wrap {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.postnavigation .next .icon-wrap {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.postnavigation .prev .postnavigation__content {
	background-color: white;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.postnavigation .next .postnavigation__content {
	background-color: white;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.postnavigation .next.first-page .icon-wrap {
	border-radius: 20px 0 0 20px;
}

.border-radius-img-15 img {
	border-radius: 15px;
}

/* --SLIDER SECTION-- */
.certificates {
	background-color: #1b232a;
	position: relative;
	z-index: 1;
}

.page__certificates {
	padding-top: 100px;
	padding-bottom: 80px;
}

.certificates__title {
	margin-bottom: 95px;
}

.certificates__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	overflow: hidden;
}

.main-photo,
.more-photo {
	flex: 0 0 330px;
	position: relative;
}

/* --Button-- */
.sert-photo-link {
	position: relative;
	height: 100%;
	display: block;
	width: fit-content;
}

.sert-photo-link:before {
	content: "";
	left: 50%;
	top: 50%;
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' id='eye' viewBox='0 0 24 24'%3e%3cpath d='M3.58729 13.7789L4.29232 13.0697L3.58729 13.7789ZM3.58729 10.2211L2.88226 9.51193L2.88226 9.51193L3.58729 10.2211ZM20.4138 10.2211L19.7087 10.9303L20.4138 10.2211ZM20.4138 13.7789L21.1188 14.488L20.4138 13.7789ZM21.2679 11.3798L22.2186 11.0696V11.0696L21.2679 11.3798ZM21.2679 12.6202L22.2186 12.9304L21.2679 12.6202ZM2.73328 12.6202L1.78259 12.9304H1.78259L2.73328 12.6202ZM2.73328 11.3798L3.68398 11.6899L2.73328 11.3798ZM12.0007 17C8.8955 17 6.04317 14.8103 4.29232 13.0697L2.88226 14.488C4.69027 16.2855 8.04454 19 12.0007 19V17ZM4.29232 10.9303C6.04317 9.18967 8.8955 7 12.0007 7V5C8.04454 5 4.69027 7.7145 2.88226 9.51193L4.29232 10.9303ZM12.0007 7C15.1058 7 17.9578 9.18964 19.7087 10.9303L21.1188 9.51193C19.3108 7.71453 15.9568 5 12.0007 5V7ZM19.7087 13.0697C17.9578 14.8103 15.1058 17 12.0007 17V19C15.9568 19 19.3108 16.2855 21.1188 14.488L19.7087 13.0697ZM19.7087 10.9303C20.2002 11.4188 20.2534 11.4941 20.3172 11.6899L22.2186 11.0696C21.9835 10.3489 21.5667 9.95719 21.1188 9.51193L19.7087 10.9303ZM21.1188 14.488C21.5667 14.0428 21.9835 13.6511 22.2186 12.9304L20.3172 12.3101C20.2534 12.5059 20.2002 12.5811 19.7087 13.0697L21.1188 14.488ZM20.3172 11.6899C20.3172 11.6899 20.32 11.6986 20.324 11.7175C20.3278 11.736 20.3319 11.7602 20.3357 11.7902C20.3433 11.8508 20.3479 11.9231 20.3479 12C20.3479 12.0768 20.3433 12.1492 20.3357 12.2098C20.3319 12.2398 20.3278 12.264 20.3239 12.2825C20.32 12.3014 20.3172 12.3101 20.3172 12.3101L22.2186 12.9304C22.3169 12.6292 22.3479 12.2851 22.3479 12C22.3479 11.7149 22.3169 11.3708 22.2186 11.0696L20.3172 11.6899ZM4.29232 13.0697C3.80108 12.5813 3.74787 12.506 3.68398 12.3101L1.78259 12.9304C2.01768 13.651 2.43417 14.0426 2.88226 14.488L4.29232 13.0697ZM2.88226 9.51193C2.43416 9.95741 2.01767 10.349 1.78259 11.0696L3.68398 11.6899C3.74787 11.494 3.8011 11.4186 4.29232 10.9303L2.88226 9.51193ZM3.68398 12.3101C3.68399 12.3101 3.68121 12.3014 3.67727 12.2825C3.67342 12.264 3.66927 12.2398 3.66551 12.2098C3.65789 12.1492 3.65332 12.0769 3.65332 12C3.65332 11.9231 3.65789 11.8508 3.66551 11.7902C3.66927 11.7602 3.67342 11.736 3.67727 11.7175C3.68121 11.6986 3.68399 11.6899 3.68398 11.6899L1.78259 11.0696C1.68434 11.3708 1.65332 11.7149 1.65332 12C1.65332 12.2851 1.68434 12.6292 1.78259 12.9304L3.68398 12.3101ZM12.0004 13C11.4481 13 11.0004 12.5523 11.0004 12H9.00037C9.00037 13.6569 10.3435 15 12.0004 15V13ZM11.0004 12C11.0004 11.4477 11.4481 11 12.0004 11V9C10.3435 9 9.00037 10.3431 9.00037 12H11.0004ZM12.0004 11C12.5527 11 13.0004 11.4477 13.0004 12H15.0004C15.0004 10.3431 13.6572 9 12.0004 9V11ZM13.0004 12C13.0004 12.5523 12.5527 13 12.0004 13V15C13.6572 15 15.0004 13.6569 15.0004 12H13.0004Z' fill='white'/%3e%3c/svg%3e");
	z-index: 2;
	transform: translate(-50%, -50%);
}

.sert-photo-link::after {
	content: "";
	left: 50%;
	top: 50%;
	position: absolute;
	width: 50px;
	height: 50px;
	background-color: #1b232a;
	border-radius: 50%;
	opacity: 0.7;
	z-index: 1;
	transform: translate(-50%, -50%);
	transition: all 0.3s;
}

.sert-photo-link:hover::after {
	background-color: var(--acent-color);
	opacity: 1;
}

.certificates__descr-photo {
	width: calc(100% / 3 - 60px);
	flex-grow: 1;
}

@media (max-width: 1100px) {
	.certificates__descr-photo {
		width: 100%;
	}
}

.certificates__descr-photo h3 {
	font-family: "Raleway", sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 400;
	line-height: 150%;
}

/* --Custom scrollbar-- */
.slider-card__inner {
	position: relative;
	overflow-y: auto;
	padding-right: 10px;
	max-height: 390px;
}

.slider-card__inner::-webkit-scrollbar-thumb {
	background: var(--acent-color);
}

.slider-card__inner::-webkit-scrollbar {
	width: 4px;
	background: var(--light-dark-color);
}

/* --Slider Control-- */
.slider-controls {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.slider-pagination {
	position: static;
	text-align: left;
	display: flex;
	gap: 5px;
}

.slider-arrows {
	display: flex;
	align-items: center;
	gap: 10px;
}

.slider-prev,
.slider-next {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #4c525e;
	color: #4c525e;
	width: 2.4rem;
	height: 2.4rem;
	transition:
		background-color 0.3s,
		border-color 0.3s,
		color 0.3s;
	border-radius: 50%;
	cursor: pointer;
}

.slider-prev:hover,
.slider-next:hover {
	border-color: var(--acent-color);
	background-color: var(--acent-color);
}

.slider-prev:hover svg,
.slider-next:hover svg {
	fill: #fff;
}

.arrow-right svg,
.arrow-left svg {
	width: 0.9rem;
	height: 0.9rem;
	fill: currentColor;
}

.arrow-right svg {
	transform: rotate(180deg);
}

.swiper-button-disabled.slider-prev,
.swiper-button-disabled.slider-next {
	opacity: 0.65;
	pointer-events: none;
}

.swiper-button-disabled.arrow-right svg,
.swiper-button-disabled.arrow-left svg {
	opacity: 0.65;
	pointer-events: none;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #4c525e;
	border-radius: 2px;
	transition: width 0.3s;
	opacity: 0.7;
}

.swiper-pagination-bullet-active {
	width: 24px;
	height: 12px;
	border-radius: 2px;
	background-color: var(--acent-color);
	opacity: 1;
	transition: width 0.3s;
}

.certificates__descr {
	padding-left: 15px;
	margin-bottom: 20px;
}

@media (max-width: 1100px) {
	.certificates__descr ul {
		column-count: 3;
	}
}

@media (max-width: 767.98px) {
	.certificates__descr ul {
		column-count: 2;
	}
}

@media (max-width: 575.98px) {
	.certificates__descr ul {
		column-count: 1;
	}
}

.certificates__descr li {
	position: relative;
	margin-bottom: 15px;
	line-height: 140%;
	font-size: 14px;
}

.certificates__descr li:before {
	content: "";
	position: absolute;
	display: inline-block;
	position: absolute;
	top: 8px;
	left: -15px;
	width: 5px;
	height: 5px;
	background-color: var(--acent-color);
}

/* --POPUP CONTACT-- */
.popup__body {
	position: relative;
}

/* --chat close-- */
.popup__close {
	content: "";
	position: absolute;
	right: 1.2rem;
	top: 1rem;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.4rem;
	height: 2.4rem;
	background-color: #222c35;
	overflow: hidden;
}

.popup__close:hover {
	cursor: pointer;
}

.popup__close:hover:after {
	width: 100px;
	height: 100px;
}

.popup__close svg {
	width: 1.1rem;
	height: 1.1rem;
	fill: white;
}

/* --Btn-- */
.btn {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 1.2rem 1.45rem;
	background-color: #c33a25;
	color: white;
	font-family: inherit;
	font-size: 0.9rem;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	text-decoration: none !important;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
}

.btn:hover {
	background-color: #222c35;
}

.btn:after,
.popup__close:after {
	content: "";
	position: absolute;
	background-color: #222c35;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	transition:
		width 0.6s,
		height 0.6s;
}

.btn:hover:after {
	width: 500px;
	height: 500px;
}

.popup__close:after {
	background-color: var(--acent-color);
}

.btn--telegram {
	background-color: #08c;
}

.btn--whatsapp {
	background-color: #23a453;
}

/* --POSTER BUTTON--  */
.poster-btn {
	background-color: #c33a25;
}

.btn.poster-btn {
    text-transform: none;
    font-weight: 700;
    text-align: left;
    line-height: 1.4;
}

@media (max-width: 399.98px) {
	.btn.poster-btn {
		padding: .8rem;
	}
}

.btn.poster-btn span span {
    letter-spacing: 1.5px;
}

.btn--arrow {
	display: inline-flex;
	align-items: center;
	column-gap: 0.8rem;
}

.btn--arrow svg {
	width: 1.4rem;
	height: 1.4rem;
	fill: #f7f6fb;
}

/* --CALLBACK BUTTON-- */
.callback__btn {
	width: 100%;
	margin-bottom: 20px;
}

.callback__btn.btn:hover {
	background-color: #161c22;
}
