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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");

:root {
	--white: #fff;
	--dark: #111;
	--red: #f05b4e;
	--lgray: #f3f3f3;
	--dgray: #8c8c8c;
	--gray: #e0e0e0;
	--black: #050505;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
}
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	transition: all 0.4s ease;
  	border-style: none;
}
/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body, button, input, select, optgroup, textarea {
  color: #111;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	color: var(--dark);
	margin-bottom: 1.5rem;
}

h1, .page-title {
	font-family: "Roboto", sans-serif;
	font-size: 64px;
	line-height: 112%;
	letter-spacing: 0.04em;
}

h2, .section-title {
	font-family: "Roboto", sans-serif;
	font-size: 48px;
	line-height: 129%;
	letter-spacing: 0.04em;
}
p {
  margin-bottom: 1.5rem;
}
dfn, cite, em, i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code, kbd, tt, var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
/* Elements
--------------------------------------------- */
body {
  background: #fff;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul, ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
  max-width: 100%;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/* Links
--------------------------------------------- */
a {
  text-decoration: none;
  color: #111;
  transition: color 0.4s ease;
}

a:hover {
  color: #f05b4e;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
/* Forms
--------------------------------------------- */
.button,
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	padding: 17px 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--white);
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--red);
	border: none;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.4s ease;
}

.button:hover,
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background: var(--red);
	color: var(--white);
}
.button--border:active,
.button--border {
	border: 1px solid var(--dark);
	background: var(--red);
	color: var(--dark);
}

.button--border:hover {
	background: var(--white);
	border-color: var(--white);
	color: var(--red);
}

.button--transparent {
	background: transparent;
	border-color: var(--red);
	color: var(--red);
}

.border--red {
	border-color: var(--red);
	background: var(--white);
}

.border--red:hover {
	background: var(--red);
	color: var(--white);
	border-color: var(--red);
}

.button--red:focus,
.button--red:active,
.button--red {
	background: var(--red);
	color: var(--white);
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
 	padding: 17px 24px;
	background: var(--white);
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
	width: 100%;
	border: none;
}

input[type="text"]::placeholder, 
input[type="email"]::placeholder, 
input[type="url"]::placeholder, 
input[type="password"]::placeholder, 
input[type="search"]::placeholder, 
input[type="number"]::placeholder, 
input[type="tel"]::placeholder, 
textarea::placeholder {
	color: var(--dark);
}


input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
	width: 100%;
	max-height: 100px;
}
label {
	display: block;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
}
.main-navigation ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #8c8c8c;
  display: block;
  text-decoration: none;
}
.main-navigation a:hover {
  color: #f05b4e;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
  color: #f05b4e;
}
@media (max-width: 1199px) {
  .main-navigation {
    display: none;
  }
}

body:has(.hero) .secondary-navigation a {
  color: #fff;
}

body:has(.hero) .secondary-navigation a:hover,
body:has(.hero) .current_page_item > a,
body:has(.hero) .current-menu-item > a {
	color: var(--red);
}
.secondary-navigation {
  display: block;
}
.secondary-navigation ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 16px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.secondary-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.secondary-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.secondary-navigation ul ul li:hover > ul, .secondary-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.secondary-navigation ul ul a {
  width: 200px;
}
.secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
  left: auto;
}
.secondary-navigation li {
  position: relative;
}
.secondary-navigation a {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #111;
  display: block;
  text-decoration: none;
  padding: 1rem 0;
}
.secondary-navigation a:hover {
  color: #f05b4e;
}
.secondary-navigation .current_page_item > a, .secondary-navigation .current-menu-item > a, .secondary-navigation .current_page_ancestor > a, .secondary-navigation .current-menu-ancestor > a {
  color: #f05b4e;
}
@media (max-width: 1199px) {
  .secondary-navigation {
    display: none;
  }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}
.page-content, .entry-content, .entry-summary {
  margin: 0;
}
.entry-content p:last-child,
.entry-content ul:last-child{
	margin-bottom: 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/* Contacts form
--------------------------------------------- */
body #fancybox-close {
	position: absolute;
    top: 20px;
    right: 20px;
	cursor: pointer;
	width: 36px;
	height: 36px;
}

body #fancybox-outer {
	box-shadow: none;
}

body #fancybox-content {
	background: var(--white);
}

#fancybox-outer .fancy-ico span {
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	border: none;
	width: 36px;
	height: 36px;
	left: 0;
}

body #fancybox-close:hover span {
	transform: none !important;
}

body #fancybox-close span::after {
	width: 24px;
	background-color: var(--red);
}

body #fancybox-close span::before {
	width: 24px;
	background-color: var(--red);
}

#fancybox-next span,
#fancybox-prev span{
	display: none;
}

body .fancy-ico {
	border-radius: 0;
	width: 32px;
	height: 32px;
}

#fancybox-next {
	background: var(--lgray) url(assets/img/arrow_right.svg) center no-repeat;
}

#fancybox-prev {
	background: var(--lgray) url(assets/img/arrow_left.svg) center no-repeat;
}

.popup__form .wpcf7-form {
	height: inherit;
    display: flex;
    flex-direction: column;
	padding: 1.5rem 30px 0;
	max-width: 570px;
}

.popup__form .wpcf7-form .wpcf7-text,
.popup__form .wpcf7-form .wpcf7-tel,
.popup__form .wpcf7-form .wpcf7-email {
	background: var(--lgray);
}

.popup__form .wpcf7-form .wpcf7-text::placeholder,
.popup__form .wpcf7-form .wpcf7-tel::placeholder,
.popup__form .wpcf7-form .wpcf7-email::placeholder {
	color: var(--dgray);
}

.popup__form .form__privacy {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: var(--dark);
	max-width: 300px;
}

.popup__form .form__privacy a {
	color: var(--red);
}

.wpcf7-form label {
	display: block;
}

.wpcf7-form p {
	margin-bottom: 16px;
}

.wpcf7-spinner {
	opacity: 0;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
}

.form__title p {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 129%;
	letter-spacing: 0.04em;
	color: var(--dark);
	margin-bottom: 0.5rem;
}

.form__vacancy {
	border-left: 1px solid var(--red);
	padding-left: 16px;
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dgray);
}

.form__vacancy span {
	color: var(--dark);
}

.form__text p {
	color: var(--dark);
	margin-bottom: 1.5rem;
}

.wpcf7 form .wpcf7-response-output {
	background: #FFFFFF;
}

.popup__thanks {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99999;
} 

.popup__thanks .popup__content {
	background: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 570px;
	min-height: 340px;
	position: relative;
	padding: 48px;
}

.popup__thanks .popup__logo {
	margin-top: auto;
}

.popup__thanks .popup__close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	color: var(--pink);
	cursor: pointer;
}

.popup__thanks .popup__close svg { 
	width: 20px;
}

.form__privacy {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: var(--white);
}
.form__privacy a {
	color: var(--red);
}

input.wpcf7-submit {
	background: var(--red);
	color: var(--white);
}

.codedropz-upload-handler {
	border: none;
	border-radius: 0;
}

.codedropz-upload-container {
	padding: 0;
}

.codedropz-btn-wrap {
	text-align: left;
}

.codedropz-upload-container .cd-upload-btn {
	background: transparent url('assets/img/icon_file.svg') left center / 24px no-repeat;
	padding: 0 0 0 32px;
	color: var(--red);
}

.dnd-upload-counter,
.codedropz-upload-inner > span {
	display: none;
}

body.page {margin:0;overflow-x:hidden;}
#page {min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;}
#content {flex: 1;}
.entry-content ul {margin: 0 0 1.5em 20px;padding: 0;list-style: none;}
.entry-content ul li {padding: 5px 0;position: relative;}
.entry-content ul li:before {content: "";width: 8px;height: 8px;border-radius: 8px;background: var(--red);top: 12px;left: -15px;position: absolute;}

/* Breadcrumbs
--------------------------------------------- */

#breadcrumbs {
	z-index: 10;
	position: relative;
	padding-bottom: 1.5rem;
}

.bread_wrap {
	font-size: 12px;
	line-height: 18px;
	color: var(--red);
}

.bread_wrap .home,
.bread_wrap a {
	color: var(--red);
}

.bread_wrap .current-item {
	color: var(--dgray);
}
/* Header
--------------------------------------------- */
.site-header {
	padding: 1rem 0;
	z-index: 999;
	position: sticky;
}
.site-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #8c8c8c;
}
@media (max-width: 1199px) {
  .site-header__top {
    justify-content: flex-end;
    padding-bottom: 0;
    border: none;
  }
}
.site-header__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.125rem;
}
.site-header__link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 162%;
  color: #111;
}
.site-header__link--phone {
  font-weight: 700;
}
body:has(.hero) .site-header__link--phone {
	color: var(--white);
}
.site-header__link--mail {
  color: #f05b4e;
}
@media (max-width: 575px) {
  .site-header__link {
    display: none;
  }
}
.cover-image .site-header {
  background: transparent;
}
.toggle-button {
  display: none;
  padding: 0;
  background: transparent;
  border: none;
  width: 25px;
  flex: 0 0 25px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.mobile-active {
	overflow: hidden;
}
@media (max-width: 1199px) {
  .toggle-button {
    display: flex;
  }
	.toggle-button:hover {
		background: transparent;
	}
}
.toggle-button__line {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #f05b4e;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.toggle-button__line:nth-child(1) {
  top: 0px;
}
.toggle-button.toggle-button--active .toggle-button__line:nth-child(1) {
  width: 0%;
}
.toggle-button__line:nth-child(2) {
  top: 10px;
}
.toggle-button.toggle-button--active .toggle-button__line:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.toggle-button__line:nth-child(3) {
  top: 20px;
}
.toggle-button.toggle-button--active .toggle-button__line:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 10px;
}
.toggle-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
}
.toggle-container--open {
  opacity: 1;
  visibility: visible;
}
.toggle-container__close {
  position: fixed;
  top: 28px;
  right: 16px;
  z-index: 1;
  background: transparent;
  padding: 0;
  border: none;
  display: none;
}
.toggle-container__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.toggle-container--open .toggle-container__overlay {
  opacity: 0.4;
}
.toggle-container__body {
  background: #fff;
  padding: 0.75rem;
  z-index: 999;
  width: 75%;
  overflow-y: scroll;
  transition: all 0.4s ease;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.07);
  z-index: 1;
  position: relative;
  height: 100%;
  transform: translateX(-100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 3rem;
}
.toggle-container--open .toggle-container__body {
  transform: translateX(0);
}
.toggle-container__navigation ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: grid;
  row-gap: 1rem;
}
.toggle-container__navigation ul a {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #8c8c8c;
}
.toggle-container__info {
  display: grid;
  row-gap: 1rem;
}
.toggle-container__link {
  display: inline-flex;
}

.toggle-container__link--email {
	color: var(--red);
}

.toggle-container__link--phone {
	font-weight: 700;
	font-size: 18px;
}

/* Hero
--------------------------------------------- */

.hero {
	margin-top: -135px;
	position: relative;
	overflow: hidden;
}

.hero__slider {
	margin-bottom: 0;
}

.hero__actions {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	row-gap: 4px;
}

.hero__actions-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--dgray);
	width: 59px;
	height: 59px;
}

.hero .hero__item {
	min-height: 800px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 277px 0 96px;
}

.hero__item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.hero__content {
	z-index: 10;
	position: relative;
}

.hero--about .hero__content {
	backdrop-filter: blur(30px);
	background: rgba(0, 0, 0, 0.15);
	padding: 48px;
}

.hero__title {
	color: var(--white);
	margin-bottom: 3rem;
}

.hero__details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 60px;
}

.hero__details-item {
	display: flex;
	flex-direction: column;
	padding-right: 42px;
	border-right: 1px solid var(--white);
}

.hero__details-number {
	font-weight: 800;
	font-size: 30px;
	line-height: 87%;
	color: var(--white);
	margin-bottom: 8px;
}

.hero__details-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
}

.hero__navigation-wrapper {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	left: 0;
	right: 0;
	top: 277px;
}

.hero__navigation {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	row-gap: 24px;
	max-width: 196px;
	width: 100%;
	backdrop-filter: blur(15px);
	background: rgba(0, 0, 0, 0.15);
	padding: 32px;
}

.hero__navigation .slick__numbers {
	padding: 29px 0;
	border-top: 1px solid var(--dgray);
	border-bottom: 1px solid var(--dgray);
	font-weight: 800;
	font-size: 30px;
	line-height: 87%;
	color: var(--white);
}

.hero__navigation .next-slick {
	order: 3;
}

.hero__navigation .slick-arrow {
	cursor: pointer;
}

.hero__navigation .slick-arrow svg path {
	transition: all 0.4s ease;
}

.hero__navigation .slick-arrow:hover svg path {
	fill: var(--red);
}

/* Advantage
--------------------------------------------- */

.advantages {
	padding: 3rem 0;
}

.advantages__item {
	display: grid;
	row-gap: 1rem;
	border-right: 1px solid var(--red);
	padding: 0 clamp(1.5rem, -5.1810rem + 10.7759vw, 5rem);
}

.advantages__number {
	font-weight: 400;
	font-size: clamp(1.5rem, 1.0599rem + 1.8779vw, 2.75rem);
	line-height: 59%;
	letter-spacing: 0.02em;
	color: var(--dark);
	white-space: nowrap;
}

.advantages__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.advantages .col-lg-3:last-child .advantages__item {
	border: none;
}

/* About
--------------------------------------------- */

.about {
	padding: 6rem 0;
	position: relative;
	background: var(--lgray);
	overflow: hidden;
}

.home .about::before {
	content: "";
	position: absolute;
	left: -350px;
	bottom: 114px;
	width: 30%;
	height: 27px;
	background: url(assets/img/about_decor.svg) right center / contain no-repeat;
}

.about__image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 43.646%;
	width: 100%;
}

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

.about__text {
	margin-bottom: 24px;
}

/* Services
--------------------------------------------- */

.services {
	padding: 6rem 0;
	background: var(--lgray);
}

.services__info {
	background: var(--white);
}

.services__info-block {
	padding: 3rem;
}

.services__title {
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	letter-spacing: 0.02em;
	color: var(--dark);
	margin-bottom: 4px;
}

.services__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dgray);
	margin: 0;
}

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

/* .services__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	row-gap: 1rem;
} */

.services__item {
	display: flex;
	height: 100%;
	margin: 1px;
}

.services__link {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	align-items: stretch;
	justify-content: space-between;
	padding: 28px 48px;
	background: var(--white);
}

.services__item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.services__item-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--red);
	padding: 17px 32px;
	transition: all 0.4s ease;
	background: var(--white);
}

.services__link:hover .services__item-arrow {
	background: var(--red);
}

.services__link:hover .services__item-arrow svg path {
	fill: var(--white);
}

/* Vacancies
--------------------------------------------- */

.home .vacancies {
	padding-top: 6rem;
}

.vacancies__box {
	background: var(--black);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vacancies__box-content {
	padding: 3rem;
	position: relative;
}


.vacancies__box-content::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 64px;
	width: 86px;
	height: 27px;
	background: url(assets/img/vacancies_decor.svg) center / contain no-repeat;
}

.vacancies__box-image {
	margin-top: auto;
}

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

.vacancies__box-title {
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	letter-spacing: 0.02em;
	color: var(--white);
	margin-bottom: 1rem;
}

.vacancies__box-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dgray);
	margin-bottom: 1.5rem;
}

.vacancies__box-button {
	min-width: 228px;
}

/* Certificates
--------------------------------------------- */

.certificates {
	padding: 6rem 0;
}

.certificates__link {
	display: block;
	padding: 32px 58px;
	background: var(--lgray);
	position: relative;
	margin: 0 1px;
	transition: all 0.4s ease;
	height: 100%;
}

.certificates__link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(assets/img/icon_zoom.svg) center no-repeat;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s ease;
}

.certificates__link::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1px;
	transform: translateY(-50%);
	width: 1px;
	height: 100px;
	background: var(--red);
}

.certificates__link:hover::before {
	opacity: 1;
}

.certificates .col-lg-4:last-child .certificates__link::after {
	display: none;
}

.certificates__link:hover img {
	opacity: 0.2;
}

/* Questions
--------------------------------------------- */

.questions {
	padding: 6rem 0;
	background-image: url(assets/img/questions_bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.questions__block {
	padding: 96px 110px;
	backdrop-filter: blur(40px);
	background: rgba(0, 0, 0, 0.15);
}

.questions__title {
	color: var(--white);
	margin-bottom: 8px;
}

.questions__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
	margin-bottom: 3rem;
}

.questions__text a {
	font-weight: 700;
	color: var(--white);
	padding: 8px 16px;
	backdrop-filter: blur(15px);
	background: rgba(255, 255, 255, 0.1);
	margin-top: 8px;
	display: inline-block;
}

.questions .wpcf7-form .wpcf7-text::placeholder,
.questions .wpcf7-form .wpcf7-tel::placeholder,
.questions .wpcf7-form .wpcf7-email::placeholder {
	color: var(--dgray);
}

/* SEO TEXT
--------------------------------------------- */

.seo-text {
	padding: 6rem 0;
}

.seo-text--about {
	padding: 6rem 0 0;
}

.seo-text--products {
	padding: 0 0 6rem;
}

/* Geography
--------------------------------------------- */

.geography {
	padding: 6rem 0;
	background: var(--lgray);
}

/* Projects
--------------------------------------------- */

.projects {
	padding: 6rem 0;
	background: var(--red);
}

.projects__item {
	height: 100%;
}

.projects__link {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background: var(--white);
	height: 100%;
}

.projects__item-info {
	padding: 32px 22px 32px 32px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	row-gap: 1rem;
}

.projects__item-title {
	font-weight: 400;
	font-size: 24px;
	line-height: 150%;
	color: var(--dark);
}

.projects__item-country {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
	padding: 8px 16px;
	background: var(--lgray);
}

.projects__item-image {
	flex: 0 0 180px;
	overflow: hidden;
}

.projects__item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 180 / 120;
}

.projects .slick-list {
	display: flex;
}

.projects .slick-track {
	display: flex;
	align-items: stretch;
}

.projects .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 10px;
	background: var(--dark);
	cursor: pointer;
	width: auto;
	z-index: 10;
	line-height: 1;
}

.projects .prev-slick {
	left: -10px;
}

.projects .next-slick {
	right: -10px;
}

#project_container {
	--bs-gutter-x: 1px;
	--bs-gutter-y: 1px;
}


/* Team
--------------------------------------------- */

.team {
	padding: 6rem 0;
	background: var(--lgray);
}

.team .g-0 {
	--bs-gutter-x: 1px;
	--bs-gutter-y: 1px;
}

.team__title {
	margin-bottom: 0;
}

.team__item {
	padding: 32px;
	display: flex;
	align-items: center;
	column-gap: 16px;
	background: var(--white);
	height: 100%;
	position: relative;
}
.team__item::before {
	content: "";
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    width: 1px;
    height: 79px;
    background: var(--red);
}

.team .g-0 .col-lg-3:nth-child(4n) .team__item::before {
	display: none;
}

.team__item-image {
	flex: 0 0 69px;
	border-radius: 100%;
	height: 69px;
	width: 69px;
	overflow: hidden;
}

.team__item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 69 / 69;
}

.team__item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.team__item-state {
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	color: var(--dark);
}

/* Products
--------------------------------------------- */

.products {
	padding: 6rem 0;
}

.product__item {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
	padding: 32px;
	background: var(--lgray);
	margin: 0 1px;
}

.product__main {
	display: flex;
	column-gap: 38px;
	align-items: flex-start;
	margin-bottom: 24px;
}

.product__icon {
	flex: 0 0 40px;
}

.product__title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.product__item .button {
	margin-top: auto;
}

/* Blog
--------------------------------------------- */

.link {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--red);
	display: inline-flex;
	align-items: center;
	column-gap: 8px;
}

.blog__item {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 48px;
	min-height: 477px;
	height: 100%;
	position: relative;
}

.blog__item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.blog__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	z-index: 10;
	position: relative;
}

.blog__date {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: var(--white);
	padding: 5px 7px;
	background: rgba(0, 0, 0, 0.15);
	margin-bottom: 1.5rem;
}

.blog__title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
}

.blog__title a {
	color: var(--white);
}

.blog__link {
	margin-top: auto;
	border: 1px solid var(--red);
	padding: 17px 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	transition: all 0.4s ease;
}

.blog__link:hover {
	background: var(--red);
}


/* Footer
--------------------------------------------- */

.site-footer {
	padding: 3rem 0;
	background: var(--black);
}

.site-footer__title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dgray);
	margin-bottom: 1rem;
}

.site-footer__navigation ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	row-gap: 8px;
}

.site-footer__contacts {
	display: grid;
	row-gap: 16px;
}

.site-footer__link {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
}

.site-footer__link--phone,
.site-footer__link--email {
	display: inline-flex;
	align-items: center;
	column-gap: 16px;
}

.site-footer__link--phone::before {
	content: '';
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: inline-flex;
	background: url(assets/img/icon_phone.svg) center no-repeat;
}

.site-footer__link--email::before {
	content: '';
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: inline-flex;
	background: url(assets/img/icon_email.svg) center no-repeat;
}

.site-footer__address {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
	display: inline-flex;
	align-items: center;
	column-gap: 16px;
}

.site-footer__address::before {
	content: '';
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: inline-flex;
	background: url(assets/img/icon_address.svg) center no-repeat;
}

#company-menu {
	display: block;
	column-count: 2;
}

#company-menu li {
	break-inside: avoid;
	padding-bottom: 8px;
}

.site-footer__navigation ul.menu a {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
	transition: all 0.4s ease;
}


.site-footer__navigation ul.menu .current-menu-item a,
.site-footer__navigation ul.menu .current_page_item a,
.site-footer__navigation ul.menu a:hover {
	color: var(--red);
}

.site-copyright {
	margin-top: -100px;
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dgray);
	display: block;
	margin-bottom: 3rem;
}

.site-footer__link-privacy {
	display: inline-block;
	margin-bottom: 1rem;
}

.site-footer__wrapper {
	display: flex;
	column-gap: 4rem;
}

/* Blog
--------------------------------------------- */

.blog--category {
	margin-bottom: 6rem;
}

.blog__title--large {
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	margin-bottom: 16px;
	max-width: 744px;
}

.blog__excerpt {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
	max-width: 744px;
}

.single__blog {
	margin-bottom: 6rem;
}

.single__blog h1 {
	margin-top: 0;
}

.single__blog .blog__date {
	display: inline-block;
	color: var(--dark);
	margin-bottom: 1.5rem;
}

.single__blog-content {
	margin: 0;
}

.other-articles__title {
	font-weight: 400;
	font-size: 24px;
	line-height: 150%;
	color: var(--dark);
	margin-bottom: 1.5rem;
}

.nav-subtitle {
	border: 1px solid var(--red);
	background: var(--whit);
	padding: 17px 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
	transition: all 0.4s ease;
}

.nav-subtitle svg path {
	transition: all 0.4s ease;
}

.nav-subtitle:hover {
	background: var(--red);
	color: var(--white);
}

.nav-subtitle:hover svg path {
	fill: var(--white);
}

/* Requisites page
--------------------------------------------- */

.requisites {
	margin-bottom: 6rem;
}

.requisites__info {
	padding: 48px;
	background: var(--lgray);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 8px;
}

.requisites__info .entry-content {
	margin-top: 0;
}

.requisites__image {
	height: 100%;
}

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

/* Services page
--------------------------------------------- */

.services--page {
	padding-top: 0;
	background: var(--white);
}
 
.services--page .services__link {
	background: var(--lgray);
	flex-direction: column;
	row-gap: 24px;
	column-gap: 0;
	padding: 32px;
}

.services--page .services__item-arrow {
	margin-left: auto;
	background: transparent;
}

/* Services Single
--------------------------------------------- */

.hero--services {
	min-height: 547px;
	margin-top: -175px;
	padding: 190px 0 96px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
}

.content__hero {
	backdrop-filter: blur(30px);
	background: rgba(0, 0, 0, 0.15);
	padding: 48px;
}

.hero__text {	
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
	border-left: 1px solid var(--dgray);
	padding-left: 24px;
}

.hero__title--services {
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	letter-spacing: 0.02em;
	margin-bottom: 0;
}

.services__list--price .services__item {
	background: var(--white);
	padding: 34px 48px;
	display: flex;
	align-items: center;
	column-gap: 16px;
	justify-content: space-between;
}

.services__item-value,
.services__item-name {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.about__text blockquote {
	padding: 32px;
	background: var(--white);
	margin-left: 0;
}

.about__text blockquote p {
	padding-left: 32px;
	border-left: 1px solid var(--dark);
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.about__text blockquote p:first-child:last-child {
	margin: 0;
}

.steps {
	padding: 6rem 0 0;
}

.steps__list {
	gap: 1px;
}

.steps__item {
	position: relative;
	background: var(--lgray);
	padding: 32px 46px 32px 78px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.steps__item::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	width: 1px;
	height: 96px;
	background: var(--red);
}

.steps .row .col-lg-4 {
	padding: 1px;
}

.steps .row .col-lg-4:nth-child(1) .steps__item::before ,
.steps .row .col-lg-4:nth-child(4) .steps__item::before  {
	display: none;
}

.steps__number {
	font-weight: 400;
	font-size: 24px;
	line-height: 150%;
	color: var(--white);
	padding: 5px 9px;
	background: var(--red);
	position: absolute;
	top: 0;
	left: 0;	
}

.steps__item-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--dark);
	margin-bottom: 4px;
}

.steps__item-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.about--service .about__content {
	padding-right: 36px;
}

/* Certificates Page
--------------------------------------------- */

.certificates--page {
	padding-top: 0;
}

#certificates_container .col-lg-3:nth-of-type(4n) .certificates__link::after {
	display: none;
}

/* Responsible Page
--------------------------------------------- */

.capacity {
	padding-bottom: 6rem;
}

.capacity__text {
	margin-bottom: 3rem;
}

.capacity__item {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 1px;
	position: relative;
}

.capacity__content {
	padding: 32px;
	background: var(--lgray);
	flex: 1;
}

.capacity__item-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--dark);
	margin-bottom: 8px;
}

.capacity__item-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dgray);
}

.capacity__image img {
	aspect-ratio: 433 / 250;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.responsible {
	padding: 6rem 0;
	background: var(--lgray);
}

.capacity__item::after {
	content: "";
	position: absolute;
	top: 120px;
	right: -1px;
	width: 1px;
	height: 100px;
	background: var(--red);
}

.capacity .col-lg-4:last-child .capacity__item::after {
	display: none;
}

.responsible .team__item {
	margin: 1px;
}

.responsible .team__item::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1px;
	width: 1px;
	height: 78px;
	background: var(--red);
}

.responsible .col-lg-4:last-child .team__item::after {
	display: none;
}

/* Responsible Page
--------------------------------------------- */
.hero--design {
	min-height: 547px;
	margin-top: -175px;
	padding: 190px 0 96px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.services-design {
	padding: 6rem 0;
}

.services-design__item {
	display: flex;
	align-items: center;
	padding: 32px 48px;
	background: var(--lgray);
}

.services-design__icon {
	flex: 0 0 40px;
	margin-right: 32px;
}

.services-design__title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
	max-width: 278px;
	width: 100%;
	padding-right: 32px;
	border-right: 1px solid var(--red);
}

.services-design__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
	padding-left: 122px;
}

.responsible-person {
	background: var(--red);
	padding: 6rem 0;
}

.responsible-person__info {
	border: 1px solid var(--dark);
	padding: 32px;
}

.responsible-person__title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.responsible-person__text {
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	color: var(--dark);
}


.responsible-person__image {
	margin-bottom: 8px;
}

.responsible-person__item {
	border: 1px solid var(--dark);
	display: flex;
	align-items: center;
	column-gap: 32px;
	padding: 32px;
}

.responsible-person__number {
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	letter-spacing: 0.02em;
	color: var(--dark);
}

.responsible-person__block {
	border: 1px solid var(--dark);
	padding: 32px;
	display: flex;
	row-gap: 1.5rem;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.responsible-person__block .button {
	margin-left: auto;
}

.responsible-person__item .responsible-person__text {
	font-size: 16px;
	line-height: 162%;
}

.responsible-person__block-text {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--dark);
}

.certificates + .seo-text {
	padding-top: 0;
}

/* About Page
--------------------------------------------- */

.hero--about {
	min-height: 547px;
	padding-top: 180px;
	padding-bottom: 96px;
	margin-top: -175px;
}

.hero__text p {
	margin-bottom: 8px;
}

.hero__description {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--white);
}

/* .hero--about .hero__description {
	max-width: 480px;
} 

.about--alternative {
	background: var(--white);
}

.advantages--alternative {
	background: var(--lgray);
}

.services--solution .services__title {
	margin-bottom: 1.5rem;
}

.grade {
	background: var(--dark);
	padding: 6rem 0;
}

.grade__title {
	color: var(--white);
	position: relative;
	padding: 12px 0 0 24px;
	z-index: 1;
	position: relative;
}

.grade__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 46px;
	background: url(assets/img/decor.svg) center / contain no-repeat;
	z-index: -1;
}

.grade__info {
	border-left: 1px solid var(--white);
	padding-left: 66px;
}

.grade__text {
		font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dgray);
	margin-bottom: 1.5rem;
}

section.gallery {
	padding-bottom: 6rem;
}

section.gallery .g-0 {
	--bs-gutter-x: 1px;
	--bs-gutter-y: 1px;
}

.gallery__link {
	display: block;
}

.gallery__link img {
	aspect-ratio: 324 / 275;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Vacancies Page
--------------------------------------------- */

.vacancies--page {
	padding-bottom: 6rem;
}

.vacancies--page .entry-content a {
	color: var(--red);
}

.vacancies__item {
	background: var(--lgray);
	padding: 32px;
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: stretch;
}

.vacancies__item-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--dark);
	margin-bottom: 8px;
}

.vacancies__item-info {
	display: grid;
	justify-content: flex-start;
	row-gap: 0.5rem;
	margin-bottom: 1rem;
}

.vacancies__item-city {
	display: inline-flex;
	align-items: center;
	column-gap: 4px;
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	color: var(--dgray);
}

.vacancies__item-price {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	text-align: right;
	color: var(--dark);
}

.vacancies-feedback {
	background: var(--lgray);
	padding: 6rem 0;
}

.vacancies-feedback .form__privacy {
	color: var(--dark);
}

.zl-form-control-wrap {
	margin-bottom: 0;
}

p:empty {
	display: none;
}

.vacancies--single {
	padding-bottom: 6rem;
}

.vacancies__action {
	padding: 32px;
	background: var(--lgray);
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 1.5rem;
}

.vacancies__info-item--price {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--dark);
}

/* #mfcf7_zl_add_file {
	background: transparent url('assets/img/icon_file.svg') left center / 24px no-repeat;
	padding: 0 0 0 32px;
}

#mfcf7_zl_add_file:hover {
	color: var(--red);
}
 */
/* Projects Page
--------------------------------------------- */

.projects--page {
	padding-top: 0;
	background: transparent;
}

.page-template-page-projects {
	background: var(--lgray);
}

.hero--projects {
	min-height: 547px;
	margin-top: -175px;
	padding: 190px 0 96px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.hero--projects .container {
	position: relative;
}

.hero--projects::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.hero__excerpt {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--white);
}

.hero .container {
	z-index: 10;
}

.projects-content {
	padding: 6rem 0;
	background: var(--white);
}

.hero__info {
	background: rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(30px);
	padding: 48px 33px 48px 48px;
}

.hero__list {
	padding-left: 24px;
	border-left: 1px solid var(--dgray);
	margin: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.hero__list-item {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--white);
}

.hero__list-item span {
	font-weight: 400;
}

.projects-gallery {
	padding: 6rem 0;
}

.projects-gallery__link {
	display: block;
	min-height: 270px;
}

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

.grade--projects {
	padding: 6rem 0;
	background: var(--lgray);
}

.grade--projects .grade__title {
	color: var(--black);
}

.grade--projects .grade__text {
	color: var(--dgray);
	margin-bottom: 24px;
}

.grade--projects .grade__info {
	border-color: var(--dgray);
}

/* Contacts Page
--------------------------------------------- */

.contacts--page {
	padding-bottom: 1.5rem;
}

.contacts__block {
	background: var(--lgray);
	padding: 32px;
	display: flex;
	column-gap: 16px;
}

.contacts__block-icon {
	flex: 0 0 24px;
}

.contacts__block-content {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.contacts__block-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: var(--dark);
}

.contacts__block-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.contacts-details {
	padding-bottom: 6rem;
}

.contacts-questions {
	padding-bottom: 6rem;
}

.contacts-questions .questions__block {
	padding: 48px;
	background: var(--lgray);
}

.contacts-questions .questions__title {
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--dark);
}

.contacts-questions .questions__text {
	color: var(--dark);
	text-align: center;
}

.contacts-questions .questions__text a {
	border: 1px solid var(--gray);
	color: var(--dark);
	background: transparent;
}

.contacts-questions .form__privacy {
	color: var(--dark);
}

.team--about {
	background: transparent;
}

.team--about .team__item {
	padding: 0;
	flex-direction: column;
	align-items: stretch;
}

.team--about .team__item-image {
	width: auto;
	height: auto;
	flex: 0 0 auto;
	border-radius: 0;
}

.team--about .team__item-image img {
	aspect-ratio: 306 / 331;
}

.team--about .team__item-info {
	background: var(--lgray);
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	text-align: center;
	flex: 1;
}

.team--about .team__item-info::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 79px;
	height: 1px;
	background: var(--red);
}

.team--about .team__item-title {
	margin-bottom: 4px;
}

.team--about .team__item-state {
	margin-bottom: 16px;
}

.team--about .team__item-phone  {
	background: var(--white);
	padding: 12px;
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	color: var(--dark);
}

/* Products Page
--------------------------------------------- */

.products--page {
	padding-top: 0;
}

/* Products Category
--------------------------------------------- */

.products-category {
	padding-bottom: 6rem;
}

.products-category__item {
	background: var(--lgray);
	display: flex;
	flex-direction: column;
	height: 100%;
	row-gap: 24px;
	padding: 32px;
}

.products-category__item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: var(--dark);
}

.products-category__item-link {
	border: 1px solid var(--red);
	padding: 17px 32px;
	background: transparent;
	transition: all 0.4s ease;
}

.products-category__item-link:hover {
	background: var(--red);
}

.products-category__item-link:hover svg path{
	fill: var(--white);
}

.products-category__item-footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: auto;
}

.products-category__item-image img {
	aspect-ratio: 164 / 164;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Products Single
--------------------------------------------- */
.hero--products {
	min-height: 547px;
	margin-top: -175px;
	padding: 190px 0 96px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
}

.products-content {
	padding-bottom: 3rem;
}

.products-gallery {
	padding-bottom: 6rem;
}

.products-gallery .g-0 {
	--bs-gutter-x: 1px;
	--bs-gutter-y: 1px;
}

.products-gallery__link {
	display: block;
	height: 275px;
	overflow: hidden;
}

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

.grade--products {
	padding: 6rem 0;
	background: var(--lgray);
}

.grade--products .form__privacy,
.grade--products .grade__title {
	color: var(--dark);
}

.grade--products .grade__text {
	color: var(--dgray);
	padding-left: 24px;
}

.grade--products .grade__info {
	border-color: var(--dgray);
}

/* Responsible Page
--------------------------------------------- */
.hero--quolity {
	min-height: 547px;
	margin-top: -175px;
	padding: 190px 0 96px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

section.gallery--quolity {
	padding: 6rem 0 0;
}

section.gallery--quolity .g-0 {
	--bs-gutter-x: 1px;
	--bs-gutter-y: 1px;
}

.hero--quolity .hero__content {
	backdrop-filter: blur(30px);
    background: rgba(0, 0, 0, 0.15);
    padding: 48px;
}

/* 404 Page
--------------------------------------------- */
.error-404 {
	position: relative;
	overflow: hidden;
}

.error-404__image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
}

.error-404__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.error-404__content {
	padding: 6rem 0;
}

.error-404__uptitle {
	font-weight: 700;
	font-size: 150px;
	line-height: 100%;
	letter-spacing: 0.04em;
	color: #282727;
	margin-bottom: 8px;
}

.error-404__title {
	font-weight: 700;
	font-size: 36px;
	line-height: 122%;
	letter-spacing: 0.02em;
	color: #282727;
	margin-bottom: 8px;
}

.error-404 .entry-content {
	margin-bottom: 24px;
}

@media ( max-width: 1640px) {
	.home .about::before { left: -400px; }
	.hero__actions { left: 12px; }
	.hero__actions-link { width: 40px; height: 40px; }
}

@media ( max-width: 1440px) {
	.home .about::before { display: none; }
}

@media ( max-width: 1280px) {
	.hero__actions { display: none; }
}

@media ( max-width: 1199px) {
	/* Home page */
	.hero .hero__slider { margin-bottom: 0; }
	.hero__navigation .slick__numbers { padding: 0; border: none; }
	.hero__navigation-wrapper { top: auto; bottom: 0px; justify-content: center; }
	.hero__navigation { flex-direction: row; row-gap: 0; column-gap: 24px; align-items: center; justify-content: center; }
	.projects .col-xl-4 { display: flex; align-items: center; justify-content: space-between; }
	.certificates__link { padding: 32px; }
	.vacancies__box-content::after { display: none; }
	.vacancies__box-button { min-width: inherit; }
	/* Footer */
	.site-copyright { margin: 0; }
	.site-footer__link-privacy { margin-bottom: 0; }
	.site-footer__bottom { display: flex; align-items: center; justify-content: space-between; }
}

@media (max-width: 992px) {
	/* Home page */
	.questions__block { padding: 3rem; }
	.advantages .col-lg-3:nth-child(2) .advantages__item { border: none; }
	.team .g-0 .col-lg-3:nth-child(2n) .team__item::before { display: none; }
	/* Footer */
	.site-footer__navigation ul.menu a { font-size: 14px; }	
	.site-footer__wrapper { column-gap: 1.5rem; }
	/* Capacity */
	.capacity__item::after, .responsible .team__item::after { display: none; }
	/* Design */
	.services-design__item { flex-direction: column; align-items: flex-start; row-gap: 1rem;  }
	.services-design__title { padding-right: 0; border: none; }
	.services-design__text { padding-left: 0; }
}

@media (max-width: 768px) {
	/* Global */
	h1, .page-title { font-size: 38px; }
	h2, .section-title { font-size: 32px; }
	/* Home page */
	.seo-text { padding: 3rem 0; }
	.seo-text--about { padding: 3rem 0 0; }
	.seo-text--products { padding: 0 0 3rem; }
	.questions { padding: 3rem 0; }	
	.hero__details { column-gap: 24px; }
	.hero__details-item { padding-right: 16px; }
	.about { padding-top: 0; padding-bottom: 3rem; }
	.about .container { padding-top: 3rem; }
	.about__image { position: static; max-width: inherit;}
	.products, .services { padding: 3rem 0; }
	.services__info-block { padding: 1.5rem; }
	.services__link { padding: 24px; }
	.services__item-arrow { padding: 12px 24px; }
	.projects { padding: 3rem 0; }
	.projects .col-xl-4 { flex-direction: column; align-items: flex-start; }
	.geography { padding: 3rem 0; }
	.team { padding: 3rem 0; }
	.certificates { padding: 3rem 0; }
	.services--page { padding-top: 0; }
	.team__item::before { display: none; }
	.home .vacancies { padding-top: 3rem; }
	/* Page About */
	.hero--about { min-height: inherit; }
	.hero__title { margin-bottom: 1.5rem; }
	section.gallery { margin-bottom: 0; padding-bottom: 3rem; }
	.grade { padding: 3rem 0; }
	/* Services */
	.steps { padding: 3rem 0; }
	.steps__item::before { display: none; }
	.seo-text__content { margin-top: 0; }
	/* Vacancies */
	.vacancies--page, .vacancies--single { padding-bottom: 3rem; }
	.vacancies__item { padding: 24px; }
	.vacancies-feedback { padding: 3rem 0; }
	.vacancies__action { flex-direction: column; align-items: flex-start; column-gap: 0; row-gap: 1rem; padding: 24px; }
	/* Contacts */
	.contacts__block, .contacts-questions .questions__block { padding: 24px; }
	.contacts-questions .questions__text { margin-bottom: 1.5rem; }
	.contacts-questions { padding-bottom: 3rem; }
	.contacts-details { padding-bottom: 3rem; }
	.requisites { margin-bottom: 3rem; }
	.requisites__info { padding: 24px; }
	/* Blog */
	.single__blog, .blog--category { margin-bottom: 3rem; }
	/* Capacity */
	.capacity { padding-bottom: 3rem; }
	.responsible { padding: 3rem 0; }
	.capacity__content { padding: 24px; }
	/* Projects */ 
	.projects--page { padding-top: 0; }
	.projects__link { flex-direction: column-reverse; }
	.projects__item-info { padding: 24px; }
	.projects-content, .projects-gallery { padding: 3rem 0; }
	/* Design */
	.hero--design { min-height: inherit; }
	.services-design { padding: 3rem 0; }
	.responsible-person { padding: 3rem 0; }
	/* Quolity */
	section.gallery--quolity { padding-top: 3rem; padding-bottom: 0; }
	/* Products */
	.products-category { padding-bottom: 3rem; }
	.grade--products { padding: 3rem 0; }
	.products-gallery { padding-bottom: 3rem; }
	.products-gallery__link { height: 150px; }
	/* 404 */
	.error-404__content { padding: 3rem 0; }
	.error-404__image { position: static; width: 100%; }
	.error-404__uptitle { font-size: 72px; }
	.error-404__title { font-size: 24px; }
	/* Footer */
	.site-footer__bottom { flex-wrap: wrap; }
	.site-copyright { order: 3; margin: 1rem auto 0; }
	.site-footer__wrapper { flex-direction: column; row-gap: 1.5rem; }	
}


@media (max-width: 575px) {
	/* Global */
	h1, .page-title { font-size: 32px; }
	h2, .section-title { font-size: 28px; }
	#breadcrumbs { padding-bottom: 12px; }
	.button, button, input[type="button"], input[type="reset"], input[type="submit"] { width: 100%; }
	.form__title p { font-size: 32px; }
	.popup__form .wpcf7-form { padding: 24px 16px 0; }
	/* Home page */
	.advantages__item { border: none; }
	.questions__block { padding: 1.5rem; }
	.hero { margin-top: -100px; }
	.hero__text { font-size: 14px; }
	.hero .hero__item { min-height: 550px; padding: 120px 0 96px; }
	.hero__navigation .slick__numbers { font-size: 24px; }
	.hero__details { flex-direction: column; align-items: stretch; column-gap: 0; row-gap: 1rem; }
	.hero__details-item { border: none; padding: 0; }
	.hero__navigation { padding: 16px 24px; }
	.services__item-title { font-size: 14px; }
	.services__link { padding: 16px 12px; }
	.team__item { padding: 12px; }
	.certificates__link::after { display: none; }
	.projects .next-slick { right: 0; }
	.projects .prev-slick { left: 0; }
	.blog__item { min-height: 350px; }
	.blog__link.link { width: 100%; }
	.vacancies__box-content { padding: 1.5rem; }
	/* Page About */
	.hero--about { margin-top: -120px; padding-top: 140px; padding-bottom: 48px; }
	.services__list--price .services__item { padding: 24px; }
	.grade__info { padding-left: 0; border: none; }
	.hero--about .hero__content { padding: 12px; }
	/* Services */
	.hero--services { min-height: inherit; margin-top: -140px; padding: 140px 0 48px; }
	.services--page .services__link { padding: 24px; row-gap: 1rem; }
	.content__hero { padding: 24px; }
	.hero__title--services { font-size: 32px; }
	.about--service .about__content { padding-right: 0; }
	.about__text blockquote { margin: 0; padding: 24px; }
	.about__text blockquote p { padding-left: 24px; }
	/* Blog */
	.blog__item { padding: 24px; }
	.blog__title--large { font-size: 24px; }
	/* Contacts */
	.contacts-questions .questions__title { font-size: 24px; }
	/* Projects */ 
	.hero--projects { margin-top: -140px; padding-top: 160px; padding-bottom: 48px; }
	.hero__list { padding-left: 0; border: none; grid-template-columns: 1fr; }
	.hero__info { padding: 24px; }
	/* Design */
	.hero--design { margin-top: -140px; padding: 160px 0 48px; }
	.services-design__item { padding: 24px; }
	.responsible-person__info, .responsible-person__item, .responsible-person__block { padding: 24px; }
	/* Quolity */
	.hero--quolity { min-height: inherit;  margin-top: -140px; padding: 160px 0 48px; }
	.hero--quolity .hero__content { padding: 12px; }
	/* Products */
	.products-category__item { padding: 24px; }
	.products-category__item-title { font-size: 14px; }
	.hero--products { min-height: inherit; margin-top: -160px; padding: 180px 0 48px; }
	.hero__title--products { font-size: 24px; }
	/* Footer */
	#company-menu { column-count: auto; }
	.site-footer__bottom { flex-direction: column; row-gap: 1rem; }
	.site-copyright { margin: 0; }	
}