/*!
Theme Name: stua
Theme URI: http://underscores.me/
Author: YURII OSADCHYI
Author URI: http://osadchy.pp.ua
Description: SvitTepla brands theme
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: stua
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.

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

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

--------------------------------------------------------------*/
@font-face {
  font-family: "gotham_pro";
  src: url("fonts/gothampro_black-webfont.woff2") format("woff2"), url("fonts/gothampro_black-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "gotham_pro";
  src: url("fonts/gothampro_blackitalic-webfont.woff2") format("woff2"), url("fonts/gothampro_blackitalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
/**
*   https://github.com/Necromancerx/media-queries-scss-mixins
*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #717782;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "gotham_pro", Arial, sans-serif;
  color: var(--second-color);
  font-weight: 700;
  margin: 0;
}

.h1,
h1 {
  font-size: 45px;
  line-height: 55px;
  text-transform: uppercase;
  letter-spacing: 0;
}
@media screen and (max-width: 767.98px) {
  .h1,
  h1 {
    font-size: 22px;
    line-height: 30px;
  }
}

.h2,
h2 {
  font-size: 40px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}
@media screen and (max-width: 1279.98px) {
  .h2,
  h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767.98px) {
  .h2,
  h2 {
    font-size: 20px;
  }
}

.h3,
h3 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}
@media screen and (max-width: 767.98px) {
  .h3,
  h3 {
    font-size: 19px;
    line-height: 23px;
  }
}

.h4,
h4 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
}
@media screen and (max-width: 1279.98px) {
  .h4,
  h4 {
    font-size: 16px;
    line-height: 20px;
  }
}

.h5,
h5 {
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .h5,
  h5 {
    font-size: 26px;
    line-height: 1.27;
    letter-spacing: 0.3px;
  }
}

.h6,
h6 {
  font-size: 18px;
  line-height: 1.15;
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .h6,
  h6 {
    font-size: 20px;
    line-height: 1.27;
    letter-spacing: 0.3px;
  }
}

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  position: relative;
  padding: 58px 30px 30px;
  margin: 50px 0 40px;
  border: 1px solid rgba(4, 15, 35, 0.2);
}
blockquote::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 70 48'%3E%3Cpath fill='%23e7232a' stroke='%23e7232a' d='M68.72 1H38.056v26.194h15.332V47h7.667l7.667-23.64V1ZM31.666 1H1v26.194h15.332V47H24l7.667-23.64V1Z'/%3E%3C/svg%3E");
  width: 70px;
  height: 48px;
  position: absolute;
  top: -10px;
  left: 30px;
}

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;
}

body,
html {
  height: 100%;
}

.colored-title {
  font-family: "gotham_pro", Arial, sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 1279.98px) {
  .colored-title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767.98px) {
  .colored-title {
    font-size: 19px;
    line-height: 28px;
  }
}

.colored-title--main {
  color: var(--second-color);
}
.colored-title--main span,
.colored-title--main em {
  color: var(--main-color);
}

.colored-title--white {
  color: #fff;
}
.colored-title--white span,
.colored-title--white em {
  color: var(--main-color);
}

.breadcrumbs {
  margin-bottom: 10px;
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.breadcrumbs .separator {
  padding: 0 10px;
  font-size: 14px;
}
.breadcrumbs--white .breadcrumbs .separator {
  color: #fff;
}
.breadcrumbs a {
  color: var(--second-color);
  white-space: nowrap;
  font-size: 14px;
}
@media screen and (max-width: 767.98px) {
  .breadcrumbs a {
    font-size: 13px;
  }
}
.breadcrumbs--white .breadcrumbs a {
  color: #fff;
}
.breadcrumbs .current-item {
  white-space: nowrap;
  color: #717782;
  font-size: 14px;
}
.breadcrumbs .current-item .breadcrumbs--white {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767.98px) {
  .breadcrumbs .current-item {
    font-size: 13px;
  }
}

.title__text--white {
  color: #fff;
}

.title__text {
  width: 100%;
  max-width: 100%;
  word-break: normal;
}
.title__text span {
  color: var(--main-color);
}

.dash-title {
  position: relative;
  margin-bottom: 30px;
  color: var(--main-color);
}
@media screen and (max-width: 767.98px) {
  .dash-title {
    margin-bottom: 10px;
  }
}
.dash-title::before {
  content: "";
  position: absolute;
  top: 15px;
  left: -100px;
  width: 74px;
  height: 1px;
  background-color: var(--main-color);
}
@media screen and (max-width: 767.98px) {
  .dash-title::before {
    top: 10px;
    left: -30px;
    width: 20px;
  }
}
.dash-title--main {
  color: var(--main-color);
}
.dash-title--main span {
  display: block;
  color: var(--second-color);
}

.dash-title--reverse {
  color: var(--second-color);
}
.dash-title--reverse span {
  display: block;
  color: var(--main-color);
}

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;
}

.link {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #717782;
  transition: 0.3s;
}
.link.link_styled {
  cursor: pointer;
  outline: none;
}

/* 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 {
  border-spacing: 0;
  border-collapse: collapse;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .blocker {
    padding: 0 !important;
  }
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  text-align: left;
  transition: 0.3s ease-in-out all;
  transform: translateY(100px);
  opacity: 0;
}
.current .modal {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 767.98px) {
  .modal {
    width: 100%;
  }
}
.modal-wrapp {
  padding: 50px;
}
@media screen and (max-width: 767.98px) {
  .modal-wrapp {
    padding: 40px 15px;
  }
}
.modal a.close-modal {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 10px;
  cursor: pointer;
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}
.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
  animation-delay: -1.1s;
}
.modal-spinner .rect3 {
  animation-delay: -1s;
}
.modal-spinner .rect4 {
  animation-delay: -0.9s;
}

.modal-title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.33;
  text-transform: inherit;
  color: var(--second-color);
}
@media screen and (max-width: 767.98px) {
  .modal-title {
    font-size: 19px;
  }
}

.modal-description {
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 767.98px) {
  .modal-description {
    font-size: 14px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 15px;
  font-size: 14px;
}
.wpcf7 form.init .wpcf7-response-output {
  display: none;
}
.wpcf7 form.resetting .wpcf7-response-output {
  display: none;
}
.wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.wpcf7 form.failed .wpcf7-response-output {
  border-color: var(--main-color);
}
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: var(--main-color);
}
.wpcf7 form.spam .wpcf7-response-output {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.wpcf7 form.invalid .wpcf7-response-output {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.wpcf7 form.unaccepted .wpcf7-response-output {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.wpcf7 input[type=file] {
  cursor: pointer;
}
.wpcf7 input[type=file]:disabled {
  cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}
.wpcf7 input[type=url] {
  direction: ltr;
}
.wpcf7 input[type=email] {
  direction: ltr;
}
.wpcf7 input[type=tel] {
  direction: ltr;
}

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

.wpcf7-not-valid-tip {
  color: var(--main-color);
  border-color: var(--main-color);
  font-size: 1em;
  font-weight: normal;
  display: block;
  position: absolute;
  position: absolute;
  left: 0;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  word-wrap: break-word;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: relative;
  top: -2ex;
  left: 1em;
  z-index: 100;
  border: 1px solid var(--main-color);
  background: #fff;
  padding: 0.2em 0.8em;
  width: 24em;
}

.wpcf7-list-item {
  display: inline-block;
}

.wpcf7-spinner {
  display: none !important;
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}
.wpcf7-spinner::before {
  content: "";
  position: absolute;
  background-color: #fbfbfc;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

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

.wpcf7-reflection > output {
  display: list-item;
  list-style: none;
}

@media (prefers-reduced-motion: reduce) {
  .wpcf7-spinner::before {
    animation-name: blink;
    animation-duration: 2000ms;
  }
}
.form-acceptance {
  margin: 15px 0 0 0;
}
.form-acceptance input[type=checkbox] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  border: 0 !important;
}
.form-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' fill='none'%3E%3Cpath fill='%23717782' d='M12.405 0c-.402.012-.785.166-1.066.432-2.418 2.231-4.283 4.102-6.5 6.19L2.588 4.87a1.634 1.634 0 0 0-1.142-.363 1.6 1.6 0 0 0-1.078.502c-.27.294-.4.677-.36 1.061a1.4 1.4 0 0 0 .578.977l3.359 2.616c.297.232.678.352 1.067.337a1.616 1.616 0 0 0 1.032-.418c2.788-2.572 4.769-4.622 7.492-7.135.299-.27.466-.639.465-1.024a1.375 1.375 0 0 0-.472-1.02A1.626 1.626 0 0 0 12.405 0Z'/%3E%3C/svg%3E");
}
.form-acceptance .wpcf7-list-item-label {
  display: flex;
  flex-wrap: wrap;
}
.form-acceptance .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #717782;
  top: 7px;
  left: 0;
}
.form-acceptance .wpcf7-list-item-label span {
  font-size: 14px;
  padding-left: 30px;
}
@media screen and (max-width: 767.98px) {
  .form-acceptance .wpcf7-list-item-label span {
    font-size: 12px;
  }
}

.form-text-field {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1279.98px) {
  .form-text-field {
    margin-bottom: 20px;
    padding-top: 0;
  }
}
.form-text-field input {
  position: relative;
  z-index: 1;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  color: var(--second-color) !important;
  border: none !important;
  border-bottom: 1px solid #717782 !important;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
}
.form-text-field svg {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 10px;
  z-index: 2;
  width: 12px;
  height: 12px;
  fill: var(--main-color);
  transform: translateY(-50%);
}

.form-text-field_light .form-text-field__input {
  background-color: #fff;
  transition: 0.3s;
}
.form-text-field_light .form-text-field__input::-moz-placeholder {
  color: #717782;
  opacity: 1;
}
.form-text-field_light .form-text-field__input::placeholder {
  color: #717782;
  opacity: 1;
}
.form-text-field_light .form-text-field__input:-ms-input-placeholder {
  color: #717782;
}
.form-text-field_light .form-text-field__input::-ms-input-placeholder {
  color: #717782;
}

.base-form br {
  display: none !important;
}
.base-form .btn {
  padding: 22px 48px;
  margin-top: 30px;
}
.wpcf7-form.sent .base-form {
  display: none !important;
}

.form-radio-group {
  margin-top: 30px;
}
.form-radio-group .form-radio-group__label {
  position: relative;
  padding-left: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.form-radio-group .form-radio-group__label p {
  margin-bottom: 0;
}
.form-radio-group .wpcf7-form-control.wpcf7-radio {
  display: block;
}
.form-radio-group .wpcf7-list-item {
  display: inline-flex;
  align-items: flex-start;
  width: 50%;
  margin: 0 !important;
}
.form-radio-group label {
  padding-bottom: 8px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  transition: color 0.3s ease;
}
@media screen and (max-width: 767.98px) {
  .form-radio-group label {
    font-size: 16px;
  }
}
.form-radio-group input[type=radio] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  border: 0 !important;
}
.form-radio-group input[type=radio]:checked + .wpcf7-list-item-label {
  color: var(--main-color);
}
.form-radio-group input[type=radio]:checked + .wpcf7-list-item-label::before {
  background-color: var(--main-color);
}
.form-radio-group .wpcf7-list-item-label {
  display: block;
  transition: 0.3s ease-in-out color;
}
.form-radio-group .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: rgba(113, 119, 130, 0.4);
  left: 0;
  bottom: 0;
  transition: 0.3s ease-in-out background-color;
}

.section-cooperation-contact__form .base-form {
  display: flex;
}
@media screen and (max-width: 1279.98px) {
  .section-cooperation-contact__form .base-form {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.section-cooperation-contact__form .form-text-field__input {
  color: #fff !important;
  border-color: #fff !important;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
}
.section-cooperation-contact__form .form-text-field__input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.section-cooperation-contact__form .form-text-field__input::placeholder {
  color: #fff;
  opacity: 1;
}
.section-cooperation-contact__form .form-text-field__input:-ms-input-placeholder {
  color: #fff;
}
.section-cooperation-contact__form .form-text-field__input::-ms-input-placeholder {
  color: #fff;
}
.section-cooperation-contact__form .form-text-field {
  max-width: 260px;
  margin-right: 45px;
}
@media screen and (max-width: 1279.98px) {
  .section-cooperation-contact__form .form-text-field {
    max-width: 45%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .section-cooperation-contact__form .form-text-field {
    max-width: 100%;
  }
}
.section-cooperation-contact__form input[type=submit] {
  max-width: 250px;
  padding: 21px 30px;
}
@media screen and (max-width: 1279.98px) {
  .section-cooperation-contact__form input[type=submit] {
    max-width: 100%;
    width: 100% !important;
    margin-top: 30px;
  }
}

/* Links
--------------------------------------------- */
a {
  color: #717782;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: var(--main-color);
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover, a:active {
  outline: 0;
  cursor: pointer;
}

/* Forms
--------------------------------------------- */
.btn {
  position: relative;
  display: inline-block;
  min-width: 175px;
  padding: 21px 10px;
  overflow: hidden;
  font-size: 14px;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.21;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--main-color);
  border: none;
  outline: none;
  transition: 0.3s ease;
}
@media screen and (max-width: 767.98px) {
  .btn {
    min-width: 100%;
    padding: 17px 5px;
    font-size: 12px;
  }
}
.btn.btn--main {
  background-color: var(--main-color);
  color: #fff;
}
.btn.btn--main span {
  color: #fff;
}
.btn.btn--main::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  transition: 0.3s ease-in-out background-color;
}
.btn.btn--main:hover::before {
  background-color: rgba(0, 0, 0, 0.1);
}
.btn.btn--main:hover span {
  color: #fff;
}
.btn.btn--empty {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.btn.btn--empty:hover {
  color: #fff;
  background-color: #717782;
  border-color: #717782;
}
.btn.btn--grey {
  color: #717782;
  background-color: transparent;
  border: 1px solid rgba(113, 119, 130, 0.5);
}
.btn.btn--grey:hover {
  color: #fff;
  background-color: #717782;
  border-color: #717782;
}
.btn.btn--full-white {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: var(--second-color);
  background-color: #fff;
}
.btn.btn--full-white:hover {
  color: #fff;
  background-color: transparent;
}
.btn.btn--white {
  color: #fff;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.btn.btn--white:hover {
  color: var(--second-color);
  background-color: #fff;
}
.btn.btn--full-width {
  width: 100%;
}

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

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/* Preoloader
--------------------------------------------- */
@keyframes loaderRotate {
  30% {
    background: white;
    transform: rotate(90deg) scaleX(0.05);
  }
  50% {
    background: white;
    opacity: 1;
    transform: rotate(90deg) scaleX(1);
  }
  100% {
    background: #000;
    opacity: 0;
    transform: rotate(90deg) scaleX(1);
  }
}
@keyframes loaderRotateMobile {
  30% {
    background: white;
    transform: rotate(90deg) scaleX(0.05);
  }
  50% {
    background: white;
    opacity: 1;
    transform: rotate(90deg) scaleX(2.5);
  }
  100% {
    background: #000;
    opacity: 0;
    transform: rotate(90deg) scaleX(2.5);
  }
}
@keyframes loaderInfinite {
  from {
    transform: scaleX(0.05);
  }
  to {
    transform: scaleX(0);
  }
}
.preloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.preloader__screen {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: #000;
  transition: transform 0.7s ease-in-out 0.7s;
}
.preloader__screen_left {
  left: 0;
  transform-origin: 0% 50%;
}
.preloader__screen_right {
  right: 0;
  transform-origin: 100% 50%;
}
.preloader__loader-infinite {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background: white;
  transform: scaleX(0.05);
  transform-origin: 50% 50%;
  background: black;
  animation: loaderInfinite 0.7s infinite alternate;
}
.preloader__loader {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background: white;
  transform: scaleX(0.05);
  transform-origin: 50% 50%;
}

.preloader_hide .preloader__screen_left {
  transform: scaleX(0);
}
.preloader_hide .preloader__screen_right {
  transform: scaleX(0);
}
.preloader_hide .preloader__loader-infinite {
  display: none;
}
.preloader_hide .preloader__loader {
  animation: loaderRotate 1.2s forwards;
}

@media (max-width: 1279px) and (orientation: portrait) {
  .preloader_hide .preloader__loader {
    animation: loaderRotateMobile 1.2s forwards;
  }
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  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 {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.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%;
}

/* Lang Switcher
--------------------------------------------- */
/*
 *  Menu Language Switcher
 */
/*
 *  Shortcode Language Switcher
 */
/*
 *  Front-end Admin Bar Icon
 */
.menu-item-object-language_switcher .trp-flag-image {
  display: inline-block;
  margin: -1px 5px;
  vertical-align: baseline;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.trp-language-switcher {
  position: relative;
  display: inline-block;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
.active-menu .trp-language-switcher {
  color: #fff;
}
.trp-language-switcher svg {
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 7px);
  right: 15px;
  transition: 0.3s transform ease-in-out;
}
@media screen and (max-width: 1279.98px) {
  .trp-language-switcher svg {
    right: 10px;
  }
}
@media screen and (max-width: 479.98px) {
  .trp-language-switcher svg {
    right: 5px;
  }
}
.trp-language-switcher > div {
  box-sizing: border-box;
}
.trp-language-switcher > div > a {
  color: #fff;
  width: 86px;
  height: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  transition: 0.3s color ease-in-out;
}
@media screen and (max-width: 1279.98px) {
  .trp-language-switcher > div > a {
    width: 60px;
    height: 60px;
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
    font-size: 12px;
  }
}
@media screen and (max-width: 479.98px) {
  .trp-language-switcher > div > a {
    width: 50px;
  }
}
.header__light .trp-language-switcher > div > a {
  color: var(--second-color);
}
.trp-language-switcher > div > a > img {
  display: inline;
  margin: 0 3px;
  width: 18px;
  height: 12px;
  border-radius: 0;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
  background: none;
}
.trp-language-switcher .trp-ls-shortcode-current-language {
  display: inline-block;
  width: 100% !important;
}
.trp-language-switcher .trp-ls-shortcode-current-language a {
  padding-right: 15px;
}
.trp-language-switcher:focus {
  color: var(--main-color);
}
.active-menu .trp-language-switcher:focus {
  color: #fff;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language {
  visibility: hidden;
}
.trp-language-switcher:focus .trp-ls-shortcode-language {
  visibility: visible;
  max-height: 250px;
  height: auto;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block !important;
  min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language > a {
  color: var(--main-color);
}
.trp-language-switcher:focus .trp-ls-shortcode-language > a:not(:first-child) {
  max-height: 100%;
  opacity: 1;
  color: #717782;
}
.trp-language-switcher:focus svg {
  transform: rotate(180deg) translateY(-3px);
  transform-origin: center;
}
.trp-language-switcher:hover {
  color: var(--main-color);
}
.active-menu .trp-language-switcher:hover {
  color: #fff;
}
.trp-language-switcher:hover .trp-ls-shortcode-current-language {
  visibility: hidden;
}
.trp-language-switcher:hover .trp-ls-shortcode-language {
  visibility: visible;
  max-height: 250px;
  height: auto;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block !important;
  min-height: auto;
}
.trp-language-switcher:hover .trp-ls-shortcode-language > a {
  color: var(--main-color);
}
.active-menu .trp-language-switcher:hover .trp-ls-shortcode-language > a {
  color: #fff;
}
.trp-language-switcher:hover .trp-ls-shortcode-language > a:not(:first-child) {
  max-height: 100%;
  opacity: 1;
  color: #717782;
}
.trp-language-switcher:hover svg {
  transform: rotate(180deg) translateY(-3px);
  transform-origin: center;
}
.trp-language-switcher .trp-ls-shortcode-language {
  width: 100% !important;
}
.trp-language-switcher .trp-ls-shortcode-language > a:first-child {
  padding-right: 15px;
}
.trp-language-switcher .trp-ls-shortcode-language > a:not(:first-child) {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  color: #717782;
  background-color: #f7f9fa;
  border: 1px solid #717782;
  opacity: 0;
  transition: 0.4s;
}

#wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
  content: "\f326";
  top: 3px;
}

@media screen and (max-width: 782px) {
  #wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
    text-indent: 0;
  }
  #wpadminbar li#wp-admin-bar-trp_edit_translation {
    display: block;
  }
}
/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.gs_reveal {
  opacity: 0;
  visibility: hidden;
}

.section-editor {
  padding: 100px 0;
}
@media screen and (max-width: 1279.98px) {
  .section-editor {
    padding: 50px 0;
  }
}

/* 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;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          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;
  -webkit-clip-path: none;
          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;
}

/* Theme
--------------------------------------------- */
.header {
  position: fixed;
  z-index: 999;
  display: flex;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: transform 0.7s, box-shadow 0.8s, opacity 0.7s ease-in-out;
  flex-shrink: 0;
}
@media screen and (max-width: 767.98px) {
  .header {
    height: 60px;
  }
}
.header, .header::before {
  top: 0;
  left: 0;
  width: 100%;
}
.header::before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  background-color: #1e2635;
  opacity: 0;
  transition: transform 0.7s, opacity 0.7s, background-color 0.5s;
  transform: translateY(-100%);
}
.active-menu .header::before {
  background-color: var(--main-color);
}
.header.active {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.header.active::before {
  opacity: 1;
  transform: translate(0);
}
.header.scroll-down {
  transform: translate3d(0, -100%, 0);
}
.header__logo {
  display: flex;
  align-items: center;
  padding: 0 23.5px;
  line-height: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 1279.98px) {
  .header__logo {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .header__logo {
    padding: 0 10px;
    transform: none !important;
  }
}
.active-menu .header__logo {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.header__logo svg {
  display: block;
}
@media screen and (max-width: 1279.98px) {
  .header__logo svg {
    width: 60px;
    height: 44px;
  }
}
.header__logo svg path {
  transition: 0.3s ease;
}
.active-menu .header__logo svg path {
  fill: #fff !important;
}
.header__logo img {
  display: block;
}
.header.header__light {
  border-color: rgba(113, 119, 130, 0.2);
}
.active-menu .header.header__light {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.header.header__light::before {
  background-color: #fff;
}
.header.header__light .head__block .head__block__catalog,
.header.header__light .head__block .head__block__phone {
  border-color: rgba(113, 119, 130, 0.2);
}
.header.header__light .head__block .head__block__catalog a,
.header.header__light .head__block .head__block__phone a {
  color: var(--second-color);
}
.header.header__light .head__block .head__block__catalog a:hover,
.header.header__light .head__block .head__block__phone a:hover {
  color: var(--main-color);
}
.header.header__light .header__logo {
  border-color: rgba(113, 119, 130, 0.2);
}
.header.header__light .head__block__locales {
  border-color: rgba(113, 119, 130, 0.2);
  color: var(--second-color);
}

.head__block {
  display: flex;
}
@media screen and (max-width: 1279.98px) {
  .head__block.header__content {
    display: none !important;
  }
}
.head__block__locales {
  position: relative;
  width: 86px;
  padding: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.head__block__phone {
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.head__block .head__block__catalog, .head__block .head__block__phone {
  display: flex;
  align-items: center;
  min-height: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.21;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: color 0.3s ease;
}
@media screen and (max-width: 767.98px) {
  .head__block .head__block__catalog, .head__block .head__block__phone {
    font-size: 12px;
  }
}
@media screen and (max-width: 1279.98px) {
  .head__block .head__block__catalog, .head__block .head__block__phone {
    border-left: none !important;
  }
}
.head__block .head__block__catalog a, .head__block .head__block__phone a {
  padding: 30px;
  color: #fff;
  transition: color 0.3s ease;
}
.head__block .head__block__catalog a:hover, .head__block .head__block__phone a:hover {
  color: var(--main-color);
}
.head__block__catalog {
  border-right: none !important;
}
.head__block__partner.btn {
  min-width: 244px;
  padding: 30px 0;
  text-align: center;
}

.header__content-mobile {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 60px;
}
@media screen and (min-width: 1280px) {
  .header__content-mobile {
    display: none !important;
  }
}
.header__content-mobile .header__phone {
  flex-grow: 1;
  font-weight: 400;
  border: none;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1279.98px) {
  .header__content-mobile .header__phone {
    padding-left: 24px;
  }
}
@media screen and (max-width: 767.98px) {
  .header__content-mobile .header__phone {
    padding-left: 10px !important;
    font-size: 12px;
  }
}
.header__content-mobile .header__phone a {
  color: #fff;
  white-space: nowrap;
}
.header__light .header__content-mobile .header__phone a {
  color: var(--second-color);
}
.active-menu .header__light .header__content-mobile .header__phone a {
  color: #fff;
}
@media screen and (max-width: 360px) {
  .header__content-mobile .header__phone a {
    display: none !important;
  }
}
@media screen and (max-width: 1279.98px) {
  .header__content-mobile .header__phone {
    padding-left: 24px;
  }
}

.header__toggle {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.2);
}
.active-menu .header__toggle {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.header__light .header__toggle {
  background-color: rgba(113, 119, 130, 0.5);
}
@media screen and (max-width: 1279.98px) {
  .header__toggle {
    width: 60px;
    height: 60px;
  }
}
.header__toggle span {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 20px;
  height: 1px;
  background-color: #fff;
  transition: opacity 0.1s ease;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1279.98px) {
  .header__toggle span {
    width: 13px;
  }
}
.active-menu .header__toggle span {
  opacity: 0;
}
.header__toggle::after, .header__toggle::before {
  content: "";
  position: absolute;
  top: 42%;
  left: 50%;
  z-index: 1;
  width: 20px;
  height: 1px;
  background-color: #fff;
  transition: transform 0.3s ease;
  transform: translateX(-50%);
  will-change: transform, top;
}
@media screen and (max-width: 1279.98px) {
  .header__toggle::after, .header__toggle::before {
    width: 13px;
  }
}
.header__toggle::after {
  top: 56%;
}
.active-menu .header__toggle::before {
  transform: rotate(45deg) translate3d(-4px, 14px, 0);
}
@media screen and (max-width: 1279.98px) {
  .active-menu .header__toggle::before {
    transform: rotate(45deg) translate3d(-2px, 7px, 0);
  }
}
.active-menu .header__toggle::after {
  transform: rotate(-45deg) translate3d(-4px, -13.5px, 0);
}
@media screen and (max-width: 1279.98px) {
  .active-menu .header__toggle::after {
    transform: rotate(-45deg) translate3d(-1px, -8px, 0);
  }
}

#site-navigation.header__nav {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  color: #fff;
}
@media screen and (max-width: 1279.98px) {
  #site-navigation.header__nav {
    display: none !important;
  }
}
#site-navigation.header__nav > div[class$=container] {
  width: 100%;
}
#site-navigation .header__items {
  position: relative;
  display: flex;
  justify-content: space-around;
  width: 100%;
  font-size: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.landing--page #site-navigation .header__items {
  justify-content: center;
}
#site-navigation .header__items li {
  padding: 0 20px;
  position: relative;
}
#site-navigation .header__items li.menu-item-has-children svg {
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
  transition: 0.3s ease;
}
#site-navigation .header__items li.menu-item-has-children:hover {
  color: var(--main-color);
}
#site-navigation .header__items li.menu-item-has-children:hover svg {
  transform: rotate(180deg) translateY(-3px);
  transform-origin: center;
}
#site-navigation .header__items li a {
  position: relative;
  display: inline-block;
  padding: 28px 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s ease;
}
.header__light #site-navigation .header__items li a {
  color: var(--second-color);
}
#site-navigation .header__items li a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  background-color: var(--main-color);
  opacity: 0;
  transition: opacity 0.3s ease;
}
#site-navigation .header__items li a:hover {
  color: var(--main-color);
}
#site-navigation .header__items li a:hover::after {
  opacity: 1;
}
#site-navigation .header__items li ul.sub-menu {
  position: absolute;
  top: 100%;
  left: -40px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  width: calc(100% + 80px);
  max-height: 0;
  overflow: hidden;
  background-color: #f7f9fa;
  border: 1px solid #717782;
  opacity: 0;
  transition: 0.4s;
  padding: 0;
  margin: 0;
}
#site-navigation .header__items li ul.sub-menu li {
  border-bottom: 1px solid rgba(4, 15, 35, 0.2);
}
#site-navigation .header__items li ul.sub-menu li a {
  color: #717782;
  display: inline-block;
  padding: 20px 30px;
  font-size: 16px;
  transition: 0.3s;
}
#site-navigation .header__items li ul.sub-menu li a:hover {
  color: var(--main-color);
}
#site-navigation .header__items li ul.sub-menu li a::after {
  display: none !important;
}
#site-navigation .header__items li:hover ul.sub-menu {
  max-height: 200px;
  opacity: 1;
}

body.active-menu {
  overflow: hidden;
}
body.active-menu .mobile_menu {
  opacity: 1;
  visibility: visible;
}

.mobile_menu {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 990;
  width: 100vw;
  padding: 230px 100px 100px;
  overflow-y: auto;
  color: #fff;
  background: var(--main-color);
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out all;
}
@media screen and (max-width: 1279.98px) {
  .mobile_menu {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .mobile_menu {
    padding: 90px 30px 30px;
  }
}
.mobile_menu .menu__body {
  display: flex;
  flex-direction: column;
}
.mobile_menu ul.menu-nav {
  margin: 0 0 100px 0;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .mobile_menu ul.menu-nav {
    margin-bottom: 30px;
  }
}
.mobile_menu ul.menu-nav li {
  display: block;
  width: 100%;
  padding-bottom: 30px;
  position: relative;
}
.mobile_menu ul.menu-nav li.menu-item-has-children svg {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 15px;
  right: 0;
  transition: 0.3s ease;
}
.mobile_menu ul.menu-nav li.menu-item-has-children.show svg {
  transform: rotate(180deg) translateY(-3px);
  transform-origin: center;
}
.mobile_menu ul.menu-nav li a {
  display: block;
  width: 100%;
  padding: 10px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  border-bottom: 1px solid #fff;
  color: #fff;
}
@media screen and (max-width: 1279.98px) {
  .mobile_menu ul.menu-nav li a {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mobile_menu ul.menu-nav li a {
    font-size: 14px !important;
  }
}
.mobile_menu ul.menu-nav li ul.sub-menu {
  margin: 25px 0 0 0;
  padding: 0;
  display: none;
}
.mobile_menu ul.menu-nav li ul.sub-menu li {
  padding-bottom: 15px !important;
}
.mobile_menu ul.menu-nav li ul.sub-menu li a {
  font-weight: 400 !important;
  border-bottom: none !important;
  padding: 0 0 0 20px !important;
}
.mobile_menu .menu__partners {
  margin-top: 20px;
  background-color: #fff;
  border: none;
}
.mobile_menu .menu__partners:hover {
  background-color: transparent;
  border-color: #fff;
}

#page {
  height: 1px;
  min-height: 100%;
}
body.error404 #page {
  display: flex;
}

.page-content-wrapper {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.page-content {
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.container {
  width: 100%;
  max-width: 1280px;
  padding: 0 15px;
  margin: 0 auto;
}
.container--md {
  max-width: 1072px;
}
.container--sm {
  max-width: 863px;
}
@media screen and (min-width: 768px) {
  .container {
    padding: 0 30px;
  }
}
@media screen and (min-width: 1280px) {
  .container {
    padding: 0 104px;
  }
}

.section-home-banner {
  height: 100vh;
  min-height: 600px;
  padding-top: 80px;
  overflow: hidden;
  background: url(img/home-banner-bg.jpg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner {
    background-position: 50%;
  }
}
.section-home-banner__wrapp {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 100%;
  padding: 0 104px;
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__wrapp {
    right: 23px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-home-banner__wrapp {
    right: 0;
    padding: 0 15px;
  }
}
.section-home-banner__wrapp .animationVerticalLine,
.section-home-banner__wrapp .animationVerticalLine2 {
  position: absolute;
  top: -80px;
  width: 1px;
  height: calc(100% + 80px);
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
}
.section-home-banner__row {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  margin-left: -1px;
}
.section-home-banner__content .btn {
  min-width: 318px;
}
@media screen and (max-width: 767.98px) {
  .section-home-banner__content .btn {
    min-width: 100%;
  }
}
.section-home-banner__img {
  z-index: 1;
  width: 100%;
  max-width: 342px;
  position: relative;
}
.section-home-banner__img::before {
  content: "";
  display: block;
  padding-top: 131.28655%;
}
@media screen and (min-width: 1500px) {
  .section-home-banner__img {
    max-width: 420px;
  }
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__img {
    position: absolute;
    right: 0;
  }
}
.section-home-banner__img img.circles {
  position: absolute;
  top: 30px;
  left: -60%;
  max-width: initial;
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__img img.circles {
    top: 0;
    right: 0;
    left: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .section-home-banner__img img.circles {
    width: 250px;
    height: 250px;
  }
}
.section-home-banner__slider {
  position: absolute;
  top: 50px;
  left: -50px;
  width: 450px;
  height: 450px;
  overflow: visible;
}
@media screen and (min-width: 1920px) {
  .section-home-banner__slider {
    width: 600px;
    height: 600px;
  }
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__slider {
    display: none;
  }
}
.section-home-banner__slider img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-home-banner__title {
  width: 100%;
  max-width: 631px;
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  text-transform: uppercase;
  font-family: "gotham_pro", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__title {
    font-size: 30px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279.98px) {
  .section-home-banner__title {
    list-style: 1.2;
  }
}
.section-home-banner__title span {
  color: var(--main-color);
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__title {
    font-size: 30px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-home-banner__title {
    font-size: 22px;
    line-height: 30px;
  }
}
.section-home-banner__description {
  width: 100%;
  max-width: 365px;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
@media screen and (max-width: 767.98px) {
  .section-home-banner__description {
    font-size: 14px;
    line-height: 21px;
  }
}
.section-home-banner__theses {
  position: relative;
  display: flex;
  padding-right: 141px;
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__theses {
    width: calc(100% + 68px);
    padding-right: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .section-home-banner__theses {
    display: none;
  }
}
.section-home-banner__theses::before {
  content: "";
  position: absolute;
  top: -1px;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.section-home-banner__thesis {
  position: relative;
  flex: 1;
  padding: 60px 60px 63px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 1279.98px) {
  .section-home-banner__thesis {
    padding: 30px 30px 33px;
  }
}
.section-home-banner__thesis-number {
  margin-bottom: 5px;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-transform: uppercase;
}
.section-home-banner__thesis-text {
  font-size: 13px;
  line-height: 18px;
  color: #acaeb1;
}

.section-low-prices {
  margin: 87px 0 100px;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width: 767.98px) {
  .section-low-prices {
    margin: 50px 0;
  }
}
.section-low-prices__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .section-low-prices__head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__head {
    flex-wrap: wrap;
    margin-bottom: 90px;
  }
}
.section-low-prices__title {
  width: 100%;
  max-width: 541px;
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__title {
    margin-bottom: 20px;
  }
}
.section-low-prices__description {
  width: 100%;
  max-width: 447px;
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__description {
    font-size: 14px;
    line-height: 21px;
    max-width: 100%;
  }
}
.section-low-prices__body {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 100px 104px 100px 0;
  overflow: hidden;
}
@media screen and (max-width: 1279.98px) {
  .section-low-prices__body {
    padding: 50px 34px 50px 0;
  }
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__body {
    flex-wrap: wrap;
    width: calc(100% + 30px);
    padding: 50px 15px;
    margin-left: -15px;
    overflow: inherit;
  }
}
.section-low-prices__body::before, .section-low-prices__body::after {
  content: "";
  position: absolute;
}
.section-low-prices__body::before {
  bottom: 265px;
  left: -15px;
  z-index: 1;
  width: 755px;
  height: 1px;
  background-color: rgba(113, 119, 130, 0.2);
  transform: rotate(46.5deg);
}
@media screen and (max-width: 1279.98px) {
  .section-low-prices__body::before {
    display: none;
  }
}
.section-low-prices__body::after {
  top: 0;
  right: 0;
  z-index: 0;
  width: calc(100% - 104px);
  height: 100%;
  background-color: #edf2f5;
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__body::after {
    width: 100%;
  }
}
.section-low-prices__img {
  z-index: 1;
  width: 100%;
  max-width: 521px;
  position: relative;
}
@media screen and (max-width: 1279.98px) {
  .section-low-prices__img {
    max-width: 450px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__img {
    max-width: 100%;
    margin-top: -100px;
    margin-bottom: 40px;
  }
}
.section-low-prices__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 327px;
}
@media screen and (max-width: 1279.98px) {
  .section-low-prices__content {
    max-width: 367px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279.98px) {
  .section-low-prices__content {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__content {
    max-width: 100%;
    padding-left: 0 !important;
  }
}
.section-low-prices__subtitle {
  margin-bottom: 30px;
  font-family: "Montserrat", Arial, sans-serif !important;
  text-transform: inherit !important;
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__subtitle {
    margin-bottom: 20px;
  }
}
.section-low-prices__subdescription {
  margin-bottom: 40px;
}
@media screen and (max-width: 767.98px) {
  .section-low-prices__subdescription {
    font-size: 14px;
    line-height: 21px;
  }
}

.section-product-categories {
  margin-bottom: 100px;
}
@media screen and (max-width: 767.98px) {
  .section-product-categories {
    margin-bottom: 50px;
  }
}
.section-product-categories__title {
  margin-bottom: 60px;
}
.section-product-categories__body {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin: 0 -5px;
}

.categories-item {
  position: relative;
  width: calc(25% - 10px);
  min-height: 194px;
  padding: 30px;
  margin: 0 5px 10px;
  background-color: #f7f9fa;
}
@media screen and (max-width: 1279.98px) {
  .categories-item {
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 767.98px) {
  .categories-item {
    width: 100%;
  }
}
.categories-item__img {
  z-index: 1;
  width: 100%;
  max-width: 40px;
  margin-bottom: 20px;
  position: relative;
}
.categories-item__name {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
}
.categories-item__svg {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.categories-item:hover .hovered-block {
  opacity: 1;
  visibility: visible;
}
.categories-item:hover .hovered-block .categories-item__name {
  color: #fff;
}
.categories-item .hovered-block {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 30px;
  visibility: hidden;
  background-color: var(--second-color);
  box-shadow: 8px 8px 30px rgba(71, 78, 90, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  min-height: 100%;
}
.categories-item .hovered-block__brands {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 7px);
  margin: 0 -3.5px 20px;
}
.categories-item .hovered-block__brand {
  padding: 5px 10px;
  margin: 0 3.5px 7px;
  font-size: 14px;
  line-height: 21px;
  color: #f7f9fa;
  background-color: #333c4d;
  border: 1px solid transparent;
  transition: 0.3s ease;
}
.categories-item .hovered-block__brand:hover {
  background-color: transparent;
  border-color: #fff;
}

.section-our-brands {
  padding: 100px 0;
  overflow: hidden !important;
  background-color: #f7f9fa;
}
@media screen and (max-width: 767.98px) {
  .section-our-brands {
    padding: 50px 0;
  }
}
.section-our-brands__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .section-our-brands__head {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-our-brands__head .btn {
    display: none;
  }
}
.section-our-brands__body {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 -15px;
}
.section-our-brands__all_brands {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .section-our-brands__all_brands {
    display: block;
  }
}

.brand-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: calc(25% - 30px);
  padding: 0 0 0 20px;
  margin: 0 15px 30px;
  background-color: rgba(237, 242, 245, 0.2);
  border: 1px solid rgba(113, 119, 130, 0.2);
  transition: 0.3s ease;
}
@media screen and (max-width: 1279.98px) {
  .brand-item {
    width: calc(33.33% - 30px);
  }
}
@media screen and (max-width: 767.98px) {
  .brand-item {
    width: 100%;
    margin-bottom: 10px;
  }
}
.brand-item__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.brand-item__img {
  position: relative;
  display: flex;
  align-items: center;
}
.brand-item__img img {
  max-width: 100px;
  max-height: 27px;
}
.brand-item__language {
  position: relative;
  min-width: 60px;
  padding: 20px 0;
  font-size: 14px;
  font-weight: 500;
  color: #717782;
  text-align: center;
  background-color: #edf2f5;
  transition: background-color 0.2s ease;
}
.brand-item__flag {
  position: absolute;
  top: 22px;
  left: 18px;
  max-width: 25px;
  max-height: 17px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
}
.brand-item:hover {
  background-color: var(--second-color);
}
.brand-item:hover .brand-item__language {
  background-color: rgba(255, 255, 255, 0.2);
}
.brand-item:hover .brand-item__flag {
  visibility: visible;
  opacity: 1;
}

.section-advantages {
  padding: 100px 0;
  background-color: var(--second-color);
}
.section-advantages.light {
  background-color: #f7f9fa;
}
.section-advantages__title {
  margin-bottom: 60px;
}
.section-advantages__title span {
  display: block;
}

.section-advantages__tabs {
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.44;
  color: #717782;
}
.section-advantages__tabs ul {
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid rgba(113, 119, 130, 0.5);
}
.section-advantages__tabs ul li {
  position: relative;
}
.section-advantages__tabs ul li span {
  display: block;
  padding: 0 20px 15px;
  cursor: pointer;
}
.section-advantages__tabs ul li.active {
  color: var(--main-color);
}
.section-advantages__tabs ul li.active::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--main-color);
}

.section-advantages__tabs-details [data-tab-content] {
  display: none;
}
.section-advantages__tabs-details .active[data-tab-content] {
  display: block;
}

.advantages__list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 66px);
  margin: 0 -33px;
  counter-reset: list;
  padding: 0;
  list-style: none;
}

.advantages__item {
  width: calc(33.33% - 66px);
  margin: 0 33px 60px;
  color: #fff;
}
.section-advantages.light .advantages__item {
  color: var(--second-color);
}
@media screen and (max-width: 1279.98px) {
  .advantages__item {
    width: calc(50% - 66px);
    margin: 0 33px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .advantages__item {
    width: 100%;
    margin-bottom: 40px;
  }
}
.advantages__item__number {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--main-color);
}
.advantages__item__number::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: var(--main-color);
}
.advantages__item__number::after {
  content: "0" counter(list) "";
  font-size: 16px;
  font-weight: 600;
  color: var(--main-color);
  counter-increment: list;
}
@media screen and (max-width: 767.98px) {
  .advantages__item__number::after {
    font-size: 14px;
    line-height: 21px;
  }
}
@media screen and (max-width: 767.98px) {
  .advantages__item__number {
    margin-bottom: 10px;
  }
}
.advantages__item__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
@media screen and (max-width: 767.98px) {
  .advantages__item__title {
    font-size: 16px;
    line-height: 20px;
  }
}
.advantages__item__description {
  font-weight: 400;
  line-height: 24px;
  color: #717782;
}
@media screen and (max-width: 767.98px) {
  .advantages__item__description {
    font-size: 14px;
    line-height: 21px;
  }
}

@media screen and (max-width: 1279.98px) {
  .advantages__btns {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 767.98px) {
  .advantages__btns {
    flex-wrap: wrap;
  }
}

.advantages__btn_popup {
  padding: 22px 48px;
}
@media screen and (max-width: 1279.98px) {
  .advantages__btn_popup {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .advantages__btn_popup {
    margin-bottom: 20px;
  }
}

.advantages__btn {
  padding: 21px 48px;
}
@media screen and (max-width: 767.98px) {
  .advantages__btn {
    padding: 21px 0;
  }
}
.advantages__btn:first-child {
  margin-right: 120px;
}
@media screen and (max-width: 1279.98px) {
  .advantages__btn:first-child {
    margin-right: 0;
  }
}

.section-advertising-support {
  padding: 100px 0 300px;
  background-color: var(--second-color);
}
@media screen and (max-width: 767.98px) {
  .section-advertising-support {
    padding: 50px 0;
  }
}
.section-advertising-support__title {
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .section-advertising-support__title {
    margin-bottom: 40px;
  }
}
.section-advertising-support + .section-download-presentation {
  margin-top: -268px;
}
@media screen and (max-width: 767.98px) {
  .section-advertising-support + .section-download-presentation {
    margin-top: 0 !important;
  }
}
.section-advertising-support__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .section-advertising-support__body {
    flex-wrap: wrap;
  }
}
.section-advertising-support__image {
  z-index: 1;
  width: 100%;
  max-width: 467px;
  height: 290px;
}
@media screen and (max-width: 1279.98px) {
  .section-advertising-support__image {
    max-width: 45%;
  }
}
@media screen and (max-width: 767.98px) {
  .section-advertising-support__image {
    max-width: 100%;
    height: 180px;
    margin-bottom: 40px;
  }
}
.section-advertising-support__content {
  width: 100%;
  max-width: 447px;
}
@media screen and (max-width: 1279.98px) {
  .section-advertising-support__content {
    max-width: 45%;
  }
}
@media screen and (max-width: 767.98px) {
  .section-advertising-support__content {
    max-width: 100%;
  }
}
.section-advertising-support__description {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
@media screen and (max-width: 767.98px) {
  .section-advertising-support__description {
    font-size: 14px;
    line-height: 21px;
  }
}

.welcome {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 720px;
  padding: 180px 0 158px;
}
@media screen and (max-width: 767.98px) {
  .welcome {
    min-height: 568px;
    padding: 100px 0 50px;
  }
}
.welcome__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(9, 13, 21, 0.75);
}
.welcome__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.welcome__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.welcome__breadcrumbs {
  margin-bottom: 50px;
}
.welcome__title {
  max-width: 736px;
  margin-bottom: 20px;
  color: #fff;
}
.welcome__title h1 {
  font-size: 80px;
  line-height: 1;
}
@media screen and (max-width: 1279.98px) {
  .welcome__title h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .welcome__title h1 {
    font-size: 26px;
  }
}
.welcome__description, .welcome__price {
  max-width: 543px;
  margin-top: 20px;
  color: #fff !important;
}
@media screen and (max-width: 767.98px) {
  .welcome__description p {
    font-size: 14px;
    margin: 0 0 15px;
  }
}
.welcome__buttons {
  margin-top: 20px;
}
@media screen and (max-width: 767.98px) {
  .welcome__buttons {
    display: flex;
    flex-direction: column;
  }
}
.welcome__buttons .btn {
  padding-right: 50px;
  padding-left: 50px;
}
@media screen and (min-width: 768px) {
  .welcome__buttons .btn:first-child {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .welcome__buttons .btn:first-child {
    margin-bottom: 20px;
  }
}

.quality,
.quality-text,
.quality .container {
  position: relative;
}

.quality-text {
  top: -40px;
  right: 0;
  left: 260px;
  z-index: 1;
  width: calc(100% - 156px);
  min-height: 470px;
  padding: 100px 0 100px 220px;
  background-color: #edf2f5;
}
@media screen and (max-width: 1279.98px) {
  .quality-text {
    left: 90px;
    width: calc(100% - 60px);
    min-height: 350px;
    padding: 100px 30px 100px 155px;
  }
}
@media screen and (max-width: 767.98px) {
  .quality-text {
    left: 15px;
    width: 100%;
    height: auto;
    padding: 50px 15px 50px 36px;
  }
}
.quality-text__description {
  width: 100%;
  max-width: 550px;
  color: #717782;
}
@media screen and (max-width: 767.98px) {
  .quality-text__description {
    font-size: 14px;
  }
}

.quality__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-top: -150px;
}
@media screen and (max-width: 1279.98px) {
  .quality__wrapper {
    margin-top: -100px;
  }
}
@media screen and (max-width: 767.98px) {
  .quality__wrapper {
    flex-wrap: wrap;
  }
}

.quality-lowcost {
  position: relative;
  width: 100%;
  max-width: 360px;
  padding: 100px 30px 100px 0;
}
@media screen and (max-width: 1279.98px) {
  .quality-lowcost {
    max-width: 333px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .quality-lowcost {
    order: 2;
    padding: 50px 0 50px 15px;
  }
}
@media screen and (max-width: 1279.98px) {
  .quality-lowcost .dash-title {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .quality-lowcost .dash-title {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .quality-lowcost__description {
    padding-left: 20px;
  }
}
.quality-lowcost::before {
  content: "";
  position: absolute;
  top: 0;
  left: -210px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f7f9fa;
}
@media screen and (max-width: 767.98px) {
  .quality-lowcost::before {
    left: -150px;
  }
}

.quality__imgs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 767.98px) {
  .quality__imgs {
    margin-bottom: 40px;
  }
}
.quality__imgs img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.quality__img-large {
  position: relative;
  width: 100%;
  max-width: 368px;
  margin-right: 100px;
}
.quality__img-large::before {
  content: "";
  position: relative;
  display: block;
  padding-top: 150%;
}
@media screen and (max-width: 1279.98px) {
  .quality__img-large::before {
    padding-top: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .quality__img-large::before {
    padding-top: 67%;
  }
}
@media screen and (max-width: 1279.98px) {
  .quality__img-large {
    max-width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .quality__img-large {
    max-width: 255px;
  }
}

.quality__img-small {
  position: relative;
  width: 100%;
  max-width: 187px;
}
.quality__img-small::before {
  content: "";
  position: relative;
  display: block;
  padding-top: 168%;
}
@media screen and (max-width: 1279.98px) {
  .quality__img-small {
    display: none;
  }
}

.main_category {
  padding: 100px 0 0;
  background-color: #f7f9fa;
}
@media screen and (max-width: 1279.98px) {
  .main_category {
    padding: 50px 0 0;
  }
}
.main_category__title {
  margin-bottom: 0;
}
.main_category__list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin: 60px -10px 0;
}
@media screen and (max-width: 1279.98px) {
  .main_category__list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.98px) {
  .main_category__list {
    margin-top: 30px;
  }
}

.main_category-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: calc(33% - 20px);
  padding: 40px;
  margin: 0 10px 20px;
  border: 1px solid rgba(113, 119, 130, 0.2);
  transition: background-color 0.5s ease;
}
.main_category-item:hover {
  background-color: #edf2f5;
}
@media screen and (max-width: 1279.98px) {
  .main_category-item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767.98px) {
  .main_category-item {
    width: 100%;
    padding: 25px;
  }
}
.main_category-item__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.main_category-item__content {
  flex-grow: 1;
  margin-right: 30px;
}
@media screen and (max-width: 767.98px) {
  .main_category-item__content {
    margin-right: 40px;
  }
}
.main_category-item__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.44;
  color: var(--second-color);
}
@media screen and (max-width: 767.98px) {
  .main_category-item__title {
    font-size: 16px;
  }
}
.main_category-item__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #717782;
}
@media screen and (max-width: 767.98px) {
  .main_category-item__description {
    font-size: 13px;
  }
}
.main_category-item__img {
  position: relative;
  width: 100%;
  min-width: 70px;
  max-width: 70px;
}
.main_category-item__img::before {
  content: "";
  position: relative;
  display: block;
  padding-top: 100%;
}
.main_category-item__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product {
  padding: 100px 0 40px;
  background-color: #f7f9fa;
}
.product:nth-child(2n) {
  background-color: #fff;
}
.product-single .product__wrapper {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .product-single .product__wrapper {
    flex-wrap: wrap;
  }
}
.product__title {
  padding-left: 104px;
  margin-bottom: 60px;
}
.product__title::before {
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .product__title {
    padding-left: 30px;
    margin-bottom: 20px;
  }
  .product__title::before {
    top: 10px;
    left: 0;
    width: 20px;
  }
}
.product__content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .product__content {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
.product-single .product__content {
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 600px;
}
.product__description {
  max-width: 550px;
  margin-right: 30px;
  color: #717782;
}
@media screen and (max-width: 1279.98px) {
  .product__description {
    max-width: 50%;
  }
}
@media screen and (max-width: 767.98px) {
  .product__description {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    font-size: 14px;
  }
}
.product-single .product__description {
  margin-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .product-single .product__description {
    max-width: 100%;
  }
}
@media screen and (max-width: 1279.98px) {
  .product-single .product__description {
    margin-bottom: 30px;
  }
}
.product__advantages {
  max-width: 350px;
}
@media screen and (max-width: 1279.98px) {
  .product__advantages {
    max-width: 50%;
  }
}
@media screen and (max-width: 767.98px) {
  .product__advantages {
    max-width: 100%;
    font-size: 14px;
  }
}
.product-single .product__advantages {
  max-width: 100%;
}
@media screen and (max-width: 1279.98px) {
  .product-single .product__advantages {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .product-single .product__advantages {
    margin-right: 0;
  }
}
.product__advantages ol {
  position: relative;
  padding-left: 0;
  counter-reset: list;
  margin: 0;
}
.product__advantages ol li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 20px;
  color: #717782;
  list-style-type: none;
}
@media screen and (max-width: 767.98px) {
  .product__advantages ol li {
    margin-bottom: 10px;
  }
}
.product__advantages ol li::before {
  content: "0" counter(list) ". ";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--main-color);
  counter-increment: list;
}

.product__items {
  display: flex;
  flex-wrap: wrap;
}
.product-single .product__items {
  flex: 1 0 auto;
  justify-content: flex-end;
}
@media screen and (max-width: 767.98px) {
  .product-single .product__items {
    flex: inherit;
    width: 100%;
  }
}

.product-item {
  width: 31.3%;
  margin-right: 30px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .product-item {
    width: 100%;
    margin-right: 0 !important;
  }
}
.product-item:last-child {
  margin-bottom: 0;
}
.product-item:nth-child(3n) {
  margin-right: 0;
}
.product-single .product-item {
  width: 100%;
  max-width: 340px;
  margin-right: 0;
}
.product-item__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 338px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 5px 5px 20px 0 rgba(57, 57, 57, 0.1);
}
@media screen and (max-width: 767.98px) {
  .product-item__img {
    max-width: 100%;
  }
}
.product-item__img::before {
  content: "";
  position: relative;
  display: block;
  padding-top: 100%;
}
.product-item__img a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-item__img a img {
  width: 100%;
  padding: 20px;
}
.product-item__img a svg {
  width: 200px;
  height: auto;
}
@media screen and (max-width: 767.98px) {
  .product-item__img a svg {
    width: 150px;
  }
}
.product-item__img a svg path {
  fill: rgba(113, 119, 130, 0.3);
}
.product-item__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.44;
  color: var(--second-color);
}
@media screen and (max-width: 1279.98px) {
  .product-item__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .product-item__title {
    font-size: 14px;
  }
}
.product-item__announce {
  margin-bottom: 30px;
}

.production {
  position: relative;
  padding: 100px 0;
}
@media screen and (max-width: 767.98px) {
  .production {
    padding: 50px 0;
  }
}
.production::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 58%;
  z-index: 0;
  min-height: 910px;
  background-color: #edf2f5;
}
@media screen and (max-width: 1279.98px) {
  .production::before {
    left: 63%;
  }
}
@media screen and (max-width: 767.98px) {
  .production::before {
    display: none;
  }
}
.production__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .production__head {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.production__title {
  max-width: 60%;
  margin-bottom: 0;
}
@media screen and (max-width: 767.98px) {
  .production__title {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.production__center .video-block {
  position: relative;
  max-width: 760px;
  min-height: 377px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .production__center .video-block {
    min-height: 360px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .production__center .video-block {
    min-height: 170px;
    margin-bottom: 20px;
  }
}

.production-images {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 767.98px) {
  .production-images {
    flex-wrap: wrap;
  }
}
.production-images .production-images__right img, .production-images__right .production-images img, .production-images .production-images__left img, .production-images__left .production-images img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.production-images__left {
  position: relative;
  min-width: 343px;
  margin-right: 74px;
}
@media screen and (max-width: 1279.98px) {
  .production-images__left {
    min-width: 306px;
    margin-right: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .production-images__left {
    min-width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.production-images__left::before {
  content: "";
  position: relative;
  display: block;
  padding-top: 144%;
}
@media screen and (max-width: 1279.98px) {
  .production-images__left::before {
    padding-top: 71%;
  }
}
.production-images__right {
  position: relative;
  min-width: 551px;
}
@media screen and (max-width: 1279.98px) {
  .production-images__right {
    min-width: 278px;
  }
}
@media screen and (max-width: 767.98px) {
  .production-images__right {
    min-width: 100%;
  }
}
.production-images__right::before {
  content: "";
  position: relative;
  display: block;
  padding-top: 53%;
}
@media screen and (max-width: 767.98px) {
  .production-images__right::before {
    padding-top: 71%;
  }
}
.section-product-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 720px;
  padding: 180px 0 158px;
}
@media screen and (max-width: 767.98px) {
  .section-product-banner {
    min-height: 568px;
    padding: 100px 0 50px;
  }
}
.section-product-banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(9, 13, 21, 0.75);
}
.section-product-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.section-product-banner__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-product-banner__breadcrumbs {
  margin-bottom: 50px;
}
.section-product-banner__title {
  max-width: 736px;
}
.section-product-banner__description, .section-product-banner__price {
  max-width: 543px;
  margin-top: 20px;
  color: #fff !important;
}
.section-product-banner__buttons {
  margin-top: 20px;
}
@media screen and (max-width: 767.98px) {
  .section-product-banner__buttons {
    display: flex;
    flex-direction: column;
  }
}
.section-product-banner__buttons .btn {
  padding-right: 50px;
  padding-left: 50px;
}
@media screen and (min-width: 768px) {
  .section-product-banner__buttons .btn:first-child {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-product-banner__buttons .btn:first-child {
    margin-bottom: 20px;
  }
}

.section-heading-editor {
  position: relative;
  padding: 100px 0 0;
  margin-top: -100px;
}
@media screen and (max-width: 767.98px) {
  .section-heading-editor {
    padding: 50px 0;
    margin-top: 0;
  }
}
.section-heading-editor::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 65%;
  height: calc(100% + 150px);
  background-color: #f7f9fa;
}
@media (max-width: 1279.98px) and (orientation: landscape) {
  .section-heading-editor::before {
    width: 65%;
  }
}
@media screen and (max-width: 1279.98px) {
  .section-heading-editor::before {
    width: 80%;
  }
}
@media screen and (max-width: 767.98px) {
  .section-heading-editor::before {
    width: 100%;
    height: 100%;
  }
}
.section-heading-editor__content {
  width: 100%;
  max-width: 551px;
  margin-bottom: 80px;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 1279.98px) {
  .section-heading-editor__content {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-heading-editor__content {
    margin-bottom: 30px;
  }
}
.section-heading-editor__content p {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767.98px) {
  .section-heading-editor__content p {
    font-size: 14px;
    line-height: 21px;
  }
}
.section-heading-editor__description ul {
  margin-bottom: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-heading-editor__description ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.section-heading-editor__description ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: var(--main-color);
}
.section-heading-editor h2,
.section-heading-editor h3 {
  margin-bottom: 30px;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-transform: none;
  color: var(--second-color);
  text-transform: uppercase;
}
.section-heading-editor h2 em,
.section-heading-editor h3 em {
  color: var(--main-color);
  font-style: normal !important;
}

.section-image-editor {
  position: relative;
  padding: 100px 0 100px;
}
.section-banner + .section-image-editor {
  padding-top: 100px;
}
@media screen and (max-width: 767.98px) {
  .section-banner + .section-image-editor {
    padding: 50px 0 50px;
  }
}
.section-image-editor + .section-image-editor, .section-image-editor + .section-blog {
  padding: 0 0 100px;
}
@media screen and (max-width: 767.98px) {
  .section-image-editor + .section-image-editor, .section-image-editor + .section-blog {
    padding: 0 0 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-image-editor {
    padding: 30px 0 30px;
  }
}
.section-image-editor__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .section-image-editor__body {
    flex-wrap: wrap;
  }
}
.section-image-editor__body_right {
  flex-direction: row-reverse;
}
.section-image-editor__image {
  z-index: 1;
  width: 100%;
  max-width: 521px;
  position: relative;
}
@media screen and (max-width: 1279.98px) {
  .section-image-editor__image {
    max-width: 330px;
  }
}
@media (max-width: 1279.98px) and (orientation: landscape) {
  .section-image-editor__image {
    max-width: 45%;
  }
}
@media screen and (max-width: 767.98px) {
  .section-image-editor__image {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.section-image-editor__image::before {
  content: "";
  display: block;
  padding-top: 76%;
}
.section-image-editor__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-image-editor__image img.contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.section-image-editor__image img[src*=".svg"] {
  -o-object-fit: contain;
     object-fit: contain;
}
.section-image-editor__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 447px;
}
@media screen and (max-width: 1279.98px) {
  .section-image-editor__content {
    max-width: 330px;
  }
}
@media (max-width: 1279.98px) and (orientation: landscape) {
  .section-image-editor__content {
    max-width: 45%;
  }
}
@media screen and (max-width: 767.98px) {
  .section-image-editor__content {
    max-width: 100%;
  }
}
.section-image-editor__content.big_nums ol {
  counter-reset: list;
}
.section-image-editor__content.big_nums ol li {
  margin-bottom: 30px;
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.section-image-editor__content.big_nums ol li::before {
  content: "0" counter(list) "";
  counter-increment: list;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 33px;
  line-height: 44px;
  color: transparent;
  text-transform: uppercase;
  -webkit-text-stroke: 1.5px var(--main-color);
  position: absolute;
  top: -4px;
  left: 0;
}
.section-image-editor__content.big_nums ol li strong {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: var(--second-color);
  display: inline-block;
}
.section-image-editor__title {
  margin-bottom: 30px;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-transform: inherit !important;
}
@media screen and (max-width: 767.98px) {
  .section-image-editor__title {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 23px;
  }
}
.section-image-editor__description p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767.98px) {
  .section-image-editor__description p {
    font-size: 14px;
    line-height: 21px;
  }
}
.section-image-editor__description h3 {
  margin-bottom: 20px;
}
.section-image-editor__description ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: list;
}
.section-image-editor__description ol li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  list-style-type: none;
}
.section-image-editor__description ol li::before {
  content: counter(list) ". ";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.56;
  color: var(--main-color);
  counter-increment: list;
}
.section-image-editor__description ul {
  margin-bottom: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-image-editor__description ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.section-image-editor__description ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: var(--main-color);
}
.section-image-editor__btn {
  padding: 21px 48px;
  margin-top: 40px;
}
@media screen and (max-width: 767.98px) {
  .section-image-editor__btn {
    margin-top: 10px;
  }
}

.section-text-editor {
  position: relative;
  padding: 100px 0 100px;
}
.section-banner + .section-text-editor {
  padding-top: 100px;
}
@media screen and (max-width: 767.98px) {
  .section-banner + .section-text-editor {
    padding-top: 50px;
  }
}
.section-text-editor + .section-text-editor {
  padding: 0 0 100px;
}
@media screen and (max-width: 767.98px) {
  .section-text-editor + .section-text-editor {
    padding: 0 0 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-text-editor {
    padding: 30px 0 30px;
  }
}
.section-text-editor__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .section-text-editor__body {
    flex-wrap: wrap;
  }
}
.section-text-editor__body_right {
  flex-direction: row-reverse;
}
.section-text-editor__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.section-text-editor__content.big_nums ol {
  counter-reset: list;
}
.section-text-editor__content.big_nums ol li {
  margin-bottom: 30px;
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.section-text-editor__content.big_nums ol li::before {
  content: "0" counter(list) "";
  counter-increment: list;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 33px;
  line-height: 44px;
  color: transparent;
  text-transform: uppercase;
  -webkit-text-stroke: 1.5px var(--main-color);
  position: absolute;
  top: -4px;
  left: 0;
}
.section-text-editor__content.big_nums ol li strong {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: var(--second-color);
  display: inline-block;
}
.section-text-editor__title {
  margin-bottom: 30px;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-transform: inherit !important;
}
@media screen and (max-width: 767.98px) {
  .section-text-editor__title {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 23px;
  }
}
.section-text-editor__description p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767.98px) {
  .section-text-editor__description p {
    font-size: 14px;
    line-height: 21px;
  }
}
.section-text-editor__description ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: list;
}
.section-text-editor__description ol li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  list-style-type: none;
}
.section-text-editor__description ol li::before {
  content: counter(list) ". ";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.56;
  color: var(--main-color);
  counter-increment: list;
}
.section-text-editor__description ul {
  margin-bottom: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-text-editor__description ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.section-text-editor__description ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: var(--main-color);
}

.section-simple-table {
  background-color: #fff;
}

.simple-table__title {
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .simple-table__title {
    margin-bottom: 20px;
  }
}

.simple-table__wrapp {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.simple-table {
  width: 100%;
  margin-bottom: 20px;
}
table.simple-table thead tr th:not(:empty) {
  font-weight: 600;
}
table.simple-table tbody tr:nth-child(odd) {
  background-color: #f7f9fa;
}
table.simple-table td,
table.simple-table th {
  padding: 22px 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
}
@media screen and (max-width: 767.98px) {
  table.simple-table td,
  table.simple-table th {
    padding: 22px 15px;
    font-size: 13px;
    line-height: 19px;
    white-space: normal;
  }
}
table.simple-table td:first-child,
table.simple-table th:first-child {
  color: var(--second-color);
}
table.simple-table td {
  width: 50% !important;
  min-width: 230px;
}

.section-comparative-table {
  background-color: #edf2f5;
  padding: 100px 0;
  margin-top: 100px;
}
@media screen and (max-width: 767.98px) {
  .section-comparative-table {
    padding: 50px 0;
    margin-top: 50px;
  }
}
.section-image-editor + .section-comparative-table {
  margin-top: 0;
}
.section-comparative-table__title {
  width: 100%;
  max-width: 532px;
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 32px;
  text-transform: none;
}
@media screen and (max-width: 767.98px) {
  .section-comparative-table__title {
    margin-bottom: 50px;
    font-size: 19px;
    line-height: 23px;
  }
}
.section-comparative-table__table-wrapp {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.section-comparative-table__signature {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 21px;
}
.section-comparative-table__btns {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .section-comparative-table__btns {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.section-comparative-table__btn {
  padding: 21px 48px;
}
.section-comparative-table__btn:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 767.98px) {
  .section-comparative-table__btn:first-child {
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}

.base-table {
  width: 100%;
  margin-bottom: 20px;
}
.base-table__row-heading {
  background-color: transparent !important;
}
.base-table td:nth-child(2):not(:last-child), .base-table th:nth-child(2):not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}
.base-table td:nth-child(2), .base-table th:nth-child(2) {
  color: #fff;
  background-color: var(--second-color);
}
.base-table th, .base-table td {
  padding: 22px 30px;
  line-height: 1.2;
  text-align: left;
}
.base-table th {
  font-size: 18px;
  font-weight: 600;
  color: var(--second-color);
}
.base-table td {
  padding: 22px 30px;
  font-size: 14px;
}
.base-table__row {
  background-color: #fff;
}
.base-table__row:nth-child(2n) {
  background-color: #f7f9fa;
}

.section-heading {
  position: relative;
  padding: 100px 0 0;
}
@media screen and (max-width: 767.98px) {
  .section-heading {
    padding: 50px 0 0;
  }
}
.section-heading__title {
  max-width: 600px;
}
.section-heading + * {
  margin-top: 0;
  padding-top: 0;
}

.section-technical-information {
  padding: 100px 0;
  color: #fff;
  background-color: var(--second-color);
}
@media screen and (max-width: 767.98px) {
  .section-technical-information {
    padding: 50px 0;
  }
}
.section-technical-information__head {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 865px;
  padding: 50px;
  color: #fff;
  background-color: var(--main-color);
}
@media screen and (max-width: 1279.98px) {
  .section-technical-information__head {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-technical-information__head {
    padding: 40px 15px;
  }
}
.section-technical-information__title {
  margin-bottom: 30px;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 33px;
  line-height: 45px;
  text-transform: uppercase;
}
@media screen and (max-width: 1279.98px) {
  .section-technical-information__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-technical-information__title {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 28px;
  }
}
.section-technical-information__description {
  width: 100%;
  max-width: 661px;
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767.98px) {
  .section-technical-information__description {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 21px;
  }
}
.section-technical-information__btns {
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .section-technical-information__btns {
    flex-wrap: wrap;
  }
}
.section-technical-information__btn {
  padding: 21px 48px;
}
@media screen and (max-width: 1279.98px) {
  .section-technical-information__btn {
    padding: 21px;
  }
}
.section-technical-information__btn:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 767.98px) {
  .section-technical-information__btn:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.section-technical-information__body {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -185px;
}
@media screen and (max-width: 1279.98px) {
  .section-technical-information__body {
    justify-content: center;
    margin-top: 40px;
  }
}
.section-technical-information .section-technical-information__big-image img, .section-technical-information__big-image .section-technical-information img, .section-technical-information .section-technical-information__small-image img, .section-technical-information__small-image .section-technical-information img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-technical-information__small-image {
  z-index: 1;
  width: 100%;
  max-width: 387px;
  margin-left: 100px;
  position: relative;
}
@media screen and (max-width: 1279.98px) {
  .section-technical-information__small-image {
    margin-left: 0;
  }
}
.section-technical-information__small-image::before {
  content: "";
  display: block;
  padding-top: 114.72868%;
}
.section-technical-information__big-image {
  z-index: 1;
  width: 100%;
  max-width: 447px;
  margin-bottom: 137px;
  position: relative;
}
@media screen and (max-width: 1279.98px) {
  .section-technical-information__big-image {
    display: none;
  }
}
.section-technical-information__big-image::before {
  content: "";
  display: block;
  padding-top: 135.12304%;
}
.section-video {
  position: relative;
  padding: 100px 0;
}
@media screen and (max-width: 1279.98px) {
  .section-video {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767.98px) {
  .section-video {
    padding: 30px 0;
  }
}
.section-video::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 56.4%;
  z-index: -1;
  height: 100%;
  background-color: #f7f9fa;
}
.section-video__title {
  max-width: 625px;
  margin-bottom: 60px;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.13;
  color: var(--second-color);
  text-transform: uppercase;
}
@media screen and (max-width: 767.98px) {
  .section-video__title {
    margin-bottom: 30px;
    font-size: 24px;
  }
}
.section-video__title span {
  color: var(--main-color);
}

.featured-products,
.section-two-cards {
  padding: 100px 0;
}
@media screen and (max-width: 1279.98px) {
  .featured-products,
  .section-two-cards {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767.98px) {
  .featured-products,
  .section-two-cards {
    padding: 50px 0;
  }
}

.two-cards {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .two-cards {
    flex-direction: column;
  }
}
.two-cards__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(50% - 15px);
  height: auto;
  padding: 40px 50px 40px 40px;
  border: 1px solid #717782;
}
@media screen and (max-width: 1279.98px) {
  .two-cards__card {
    padding: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .two-cards__card {
    width: calc(100% + 30px);
    min-height: 312px;
    padding: 50px 15px;
    margin-bottom: 50px;
    margin-left: -15px;
    border-right: none;
    border-left: none;
  }
  .two-cards__card:last-child {
    margin-bottom: 0;
  }
}
.two-cards__card_bg {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: -2;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  opacity: 0;
  transition: 0.3s;
}
.two-cards__card_bg img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.two-cards__card_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(9, 13, 21, 0.8);
}
.two-cards__card_title {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  color: var(--second-color);
}
@media screen and (max-width: 1279.98px) {
  .two-cards__card_title {
    font-size: 24px;
    line-height: 27px;
  }
}
@media screen and (max-width: 767.98px) {
  .two-cards__card_title {
    font-size: 19px;
    line-height: 28px;
  }
}
.two-cards__card_title span {
  color: var(--main-color);
}
.two-cards__card_subtitle {
  display: block;
  margin-bottom: 30px;
  transition: 0.3s;
}
.two-cards__card_button {
  color: #717782;
  background-color: transparent;
  border: 1px solid rgba(113, 119, 130, 0.5);
}
.two-cards__card--active .two-cards__card_bg {
  opacity: 1;
}
.two-cards__card--active .two-cards__card_title,
.two-cards__card--active .two-cards__card_subtitle {
  color: #fff !important;
}
.two-cards__card--active .two-cards__card_button {
  color: #fff;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}

.section-facts {
  padding: 100px 0;
  background: #edf2f5;
}
.section-facts.main-page_facts_numbers {
  background: transparent;
}
@media screen and (max-width: 1279.98px) {
  .section-facts.main-page_facts_numbers {
    padding: 50px 0;
  }
}
@media screen and (max-width: 1279.98px) {
  .section-facts {
    padding: 60px 0;
  }
}
@media screen and (max-width: 1279.98px) {
  .section-facts {
    padding: 50px 0;
  }
}

.facts {
  display: flex;
  justify-content: space-between;
}
.main-page_facts_numbers .facts {
  align-items: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1279.98px) {
  .facts {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.98px) {
  .facts {
    flex-direction: column;
  }
}
.facts .colored-title {
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .facts .colored-title {
    margin-bottom: 30px;
  }
}
.facts__numbers {
  width: 284px;
}
.main-page_facts_numbers .facts__numbers {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
@media screen and (max-width: 1279.98px) {
  .main-page_facts_numbers .facts__numbers {
    max-width: 100%;
    padding-left: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .main-page_facts_numbers .facts__numbers {
    padding-left: 0;
  }
}
.facts__achievement {
  margin-bottom: 35px;
}
.main-page_facts_numbers .facts__achievement {
  position: relative;
  flex: 1 0 auto;
  width: 50%;
  max-width: 330px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1279.98px) {
  .main-page_facts_numbers .facts__achievement {
    width: 46.5%;
  }
}
@media screen and (max-width: 767.98px) {
  .main-page_facts_numbers .facts__achievement {
    width: 100%;
    padding-top: 25px !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 767.98px) {
  .main-page_facts_numbers .facts__achievement:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 1px;
    background-color: rgba(113, 119, 130, 0.2);
  }
}
.main-page_facts_numbers .facts__achievement:first-child::after {
  top: 20px !important;
}
.main-page_facts_numbers .facts__achievement:nth-child(odd) {
  margin-right: 75px;
}
@media screen and (max-width: 1279.98px) {
  .main-page_facts_numbers .facts__achievement:nth-child(odd) {
    margin-right: 45px;
  }
}
.main-page_facts_numbers .facts__achievement:nth-child(odd)::after {
  content: "";
  position: absolute;
  top: 50px;
  right: 0;
  width: 1px;
  height: 88px;
  background-color: rgba(113, 119, 130, 0.2);
}
@media screen and (max-width: 767.98px) {
  .main-page_facts_numbers .facts__achievement:nth-child(odd)::after {
    display: none !important;
  }
}
.main-page_facts_numbers .facts__achievement:nth-child(n+3) {
  padding-top: 30px;
}
.main-page_facts_numbers .facts__achievement:nth-child(n+3)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 1px;
  background-color: rgba(113, 119, 130, 0.2);
}
@media screen and (max-width: 767.98px) {
  .facts__achievement {
    margin-bottom: 30px;
  }
}
.facts__achievement_title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
@media screen and (max-width: 1279.98px) {
  .facts__achievement_title {
    max-width: 50%;
  }
}
@media screen and (max-width: 767.98px) {
  .facts__achievement_title {
    max-width: 100%;
    font-size: 13px;
  }
}
.main-page_facts_numbers .facts__achievement_title {
  margin-bottom: 20px;
}
@media screen and (max-width: 1279.98px) {
  .main-page_facts_numbers .facts__achievement_title {
    align-items: center;
  }
}
@media screen and (max-width: 767.98px) {
  .main-page_facts_numbers .facts__achievement_title {
    align-items: baseline;
    margin-bottom: 10px;
  }
}
.main-page_facts_numbers .facts__achievement_description {
  width: 100%;
  max-width: 240px;
  font-size: 16px;
  font-weight: 400;
  color: #717782;
  min-height: 50px;
}
@media screen and (max-width: 767.98px) {
  .main-page_facts_numbers .facts__achievement_description {
    max-width: 100%;
    font-size: 13px;
    min-height: inherit;
  }
}
.facts__achievement_title--red {
  margin-right: 15px;
  -webkit-text-stroke: 1.5px var(--main-color);
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 33px;
  line-height: 33px;
  color: #edf2f5;
}
@media screen and (max-width: 767.98px) {
  .facts__achievement_title--red {
    font-size: 24px;
  }
}
.main-page_facts_numbers .facts__achievement_title--red {
  color: #fff;
}
.facts__achievement_title--bold {
  font-weight: 600;
}
.facts__image {
  width: 355px;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .facts__image {
    width: 100%;
  }
}
.facts__image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.facts__image img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facts__description {
  width: 238px;
  white-space: pre-line;
}
@media screen and (max-width: 1279.98px) {
  .facts__description {
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .facts__description {
    margin-top: 40px;
    font-size: 14px;
  }
}
.facts .number__title {
  width: 100%;
  max-width: 320px;
  padding-right: 5px;
}

.contact {
  padding: 100px 0 0;
  background-color: #f7f9fa;
}
@media screen and (max-width: 1279.98px) {
  .contact {
    padding: 50px 0 0;
  }
}
.contact .colored-title--main {
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .contact .colored-title--main {
    margin-bottom: 30px;
  }
}
.contact__title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.33;
  color: var(--second-color);
}
@media screen and (max-width: 767.98px) {
  .contact__title {
    font-size: 19px;
  }
}
.contact__row {
  display: flex;
  padding-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .contact__row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.98px) {
  .contact__row {
    padding: 0;
  }
}
.contact__col {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 360px;
  max-width: 100%;
  padding-right: 30px;
  margin-right: 30px;
}
@media screen and (max-width: 1279.98px) {
  .contact__col {
    flex-basis: auto;
    flex-grow: 0;
    width: 48.9%;
    min-width: auto;
    padding-right: 15px;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .contact__col {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1279.98px) {
  .contact__col:first-child {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .contact__col:first-child {
    margin-right: 0;
  }
}
.contact__col:last-child {
  padding-right: 0;
  margin-right: 0;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .contact__col:last-child {
    justify-content: space-between;
  }
}
.contact__col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(113, 119, 130, 0.2);
}
@media screen and (max-width: 1279.98px) {
  .contact__col:not(:first-child)::after {
    display: none;
  }
}
.contact__col a {
  margin-left: 10px;
  font-weight: 600;
  color: var(--second-color);
  transition: color 0.3s ease;
}
@media screen and (max-width: 767.98px) {
  .contact__col a {
    margin-left: 15px;
  }
}
.contact__col a:hover {
  color: var(--main-color);
}
.contact__address, .contact__phone, .contact__address, .contact__phone {
  margin-bottom: 10px;
}
.contact__social {
  display: inline-block;
  margin-right: 15px;
}
.contact__links {
  display: inline-flex;
  align-items: baseline;
  font-size: 0;
  margin: 0;
  padding: 0;
}
.contact__links li {
  list-style: none;
}
.contact__link {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.contact__link svg {
  width: 25px;
  height: 25px;
  transition: color 0.3s ease;
}

.contact-bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 100px 0;
}
@media screen and (max-width: 1279.98px) {
  .contact-bottom {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.98px) {
  .contact-bottom {
    padding: 30px 0;
  }
}
.contact-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  right: 30%;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 1279.98px) {
  .contact-bottom::before {
    right: 10%;
  }
}
@media screen and (max-width: 767.98px) {
  .contact-bottom::before {
    right: 33%;
  }
}
.contact-bottom__content {
  position: relative;
  max-width: 350px;
}
@media screen and (max-width: 1279.98px) {
  .contact-bottom__content {
    max-width: 75%;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .contact-bottom__content {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.contact-bottom__title {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.33;
  text-transform: inherit;
}
@media screen and (max-width: 767.98px) {
  .contact-bottom__title {
    margin-bottom: 20px;
    font-size: 19px;
  }
}
.contact-bottom__map {
  position: relative;
  min-width: 655px;
}
@media screen and (max-width: 1279.98px) {
  .contact-bottom__map {
    min-width: 100%;
  }
}
.contact-bottom .btn {
  padding: 22px 48px;
}
@media screen and (max-width: 767.98px) {
  .contact-bottom .btn {
    padding: 19px 33px 17px;
    font-size: 12px;
  }
}

.acf-map {
  width: 100%;
  height: 400px;
  border: none;
}

.acf-map img {
  max-width: inherit !important;
}

.section-blocks {
  padding: 100px 0;
  background-color: #f7f9fa;
}
@media screen and (max-width: 1279.98px) {
  .section-blocks {
    padding: 50px 0;
  }
}
.section-blocks__title {
  margin-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .section-blocks__title {
    margin-bottom: 40px;
  }
}
.section-blocks__body {
  display: flex;
}
@media screen and (max-width: 1279.98px) {
  .section-blocks__body {
    flex-wrap: wrap;
  }
}

.blocks__item {
  margin-bottom: 0;
}
@media screen and (max-width: 1279.98px) {
  .blocks__item {
    margin-bottom: 40px;
  }
}
.blocks__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px;
}

.section-blog {
  padding: 100px 0;
}
@media screen and (max-width: 1279.98px) {
  .section-blog {
    padding: 50px 0;
  }
}
.section-blog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .section-blog__head {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-blog__head .btn {
    display: none;
  }
}
.section-blog__title {
  width: 100%;
  max-width: 625px;
}
.section-blog__body {
  display: flex;
  width: calc(100% + 30px);
  margin: 0 -15px;
}
.section-blog__body-wrapp {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section-blog__body-wrapp::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .section-blog__body-wrapp {
    width: calc(100% + 15px);
    margin-right: -15px;
    margin-bottom: 40px;
    overflow-x: auto;
  }
}
.section-blog__all_news {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .section-blog__all_news {
    display: block;
  }
}

.blog-item {
  position: relative;
  width: calc(25% - 30px);
  margin: 0 15px;
  background-color: #f7f9fa;
}
.blog-item--large {
  width: calc(50% - 30px);
}
@media screen and (min-width: 1280px) {
  .blog-item--large {
    display: flex;
  }
}
@media screen and (max-width: 1279.98px) {
  .home .blog-item {
    width: calc(33.33% - 30px);
  }
}
@media screen and (max-width: 767.98px) {
  .home .blog-item {
    min-width: 245px;
  }
}
.blog-item__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.blog-item__image-block {
  z-index: 1;
  width: 100%;
  max-width: 245px;
  position: relative;
}
.blog-item__image-block::before {
  content: "";
  display: block;
  padding-top: 59.18367%;
}
.blog-item__image-block img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1279.98px) {
  .blog-item__image-block {
    max-width: 100%;
  }
}
.blog-item__date {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 30px 10px 25px;
  font-size: 14px;
  line-height: 21px;
  color: #717782;
}
.blog-item__date svg {
  margin-right: 10px;
  width: 12px;
  height: 12px;
}
.blog-item__date span {
  line-height: 1;
}
.blog-item__content {
  padding: 15px 30px 15px 25px;
}
.blog-item__title {
  font-weight: 700;
  line-height: 24px;
  color: var(--second-color);
}
@media screen and (min-width: 1280px) {
  .blog-item__title {
    margin-bottom: 15px;
  }
}
.blog-item__description {
  font-size: 14px;
  line-height: 21px;
  color: #717782;
}
.blog-item__description p {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
}
@media screen and (min-width: 1280px) {
  .blog-item__description {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .blog-item.blog-item--large .blog-item__image-block {
    min-width: 270px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
}
.blog-item.blog-item--large .blog-item__image-block::before {
  display: none !important;
}
.blog-item.blog-item--large .blog-item__image-block img {
  position: relative;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1280px) {
  .blog-item.blog-item--large .blog-item__date {
    padding: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .blog-item.blog-item--large .blog-item__content {
    padding: 15px 30px 15px 25px;
  }
}

.section-consultation-offer {
  position: relative;
  padding: 100px 0;
}
@media screen and (max-width: 767.98px) {
  .section-consultation-offer {
    padding: 50px 0;
  }
}
.section-consultation-offer__bg-image {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.section-consultation-offer__bg-image::before {
  content: "";
  display: block;
  padding-top: 32.03125%;
}
.section-consultation-offer__bg-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 13, 21, 0.8);
}
.no_bg .section-consultation-offer__bg-image::after {
  background-color: var(--second-color) !important;
}
.section-consultation-offer__bg-image img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no_bg .section-consultation-offer__bg-image img {
  display: none !important;
}
.section-consultation-offer__body {
  position: relative;
  z-index: 1;
}
.section-consultation-offer__title {
  width: 100%;
  max-width: 997px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .section-consultation-offer__title {
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .section-consultation-offer__title {
    margin-bottom: 40px;
    font-size: 19px;
    line-height: 28px;
  }
}
.section-consultation-offer__title span {
  display: block;
}
.section-consultation-offer__btns {
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .section-consultation-offer__btns {
    flex-wrap: wrap;
  }
}
.section-consultation-offer__btn {
  padding: 21px 48px;
}
@media screen and (max-width: 767.98px) {
  .section-consultation-offer__btn {
    padding: 21px 0;
  }
}
.section-consultation-offer__btn:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 767.98px) {
  .section-consultation-offer__btn:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.section-download-presentation {
  position: relative;
  padding: 100px 0 0;
}
.section-blog + .section-download-presentation, .section-image-editor + .section-download-presentation {
  padding-top: 0;
}
.section-download-presentation__wrapp {
  position: relative;
  z-index: 1;
  padding: 100px;
}
@media screen and (max-width: 767.98px) {
  .section-download-presentation__wrapp {
    width: calc(100% + 30px);
    padding: 50px 15px;
    margin-left: -15px;
  }
}
.section-download-presentation__bg-image {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.section-download-presentation__bg-image::before {
  content: "";
  display: block;
  padding-top: 38.89925%;
}
.section-download-presentation__bg-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(4, 15, 35, 0.8);
}
.section-download-presentation__bg-image img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-download-presentation__title {
  margin-bottom: 20px;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 33px;
  line-height: 45px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.section-download-presentation__title span {
  color: var(--main-color);
}
@media screen and (max-width: 1279.98px) {
  .section-download-presentation__title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-download-presentation__title {
    font-size: 19px;
    line-height: 28px;
  }
}
.section-download-presentation__subtitle {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
  z-index: 2;
}
.section-download-presentation__subtitle > p:first-child {
  margin-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .section-download-presentation__subtitle > p:first-child {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1279.98px) {
  .section-download-presentation__subtitle > p:first-child {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .section-download-presentation__subtitle {
    margin-bottom: 40px;
    font-size: 19px;
    line-height: 23px;
  }
}
.section-download-presentation__btns .btn--main {
  padding: 18px 48px;
  margin-right: 40px;
}
@media screen and (max-width: 767.98px) {
  .section-download-presentation__btns .btn--main {
    padding: 18px 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.section-download-presentation__btns .presentation-btn {
  padding: 18px 38px;
}

.section-banner {
  position: relative;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 461px;
}
.section-banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(9, 13, 21, 0.75);
}
.section-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.section-banner__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-banner .container {
  z-index: 5;
}
.section-banner__breadcrumbs {
  margin-bottom: 50px;
}

.section-catalog {
  padding: 130px 0 70px;
  background: #f7f9fa;
}
@media screen and (max-width: 767.98px) {
  .section-catalog {
    padding: 80px 0 30px;
  }
}
.section-catalog__title {
  margin-bottom: 60px;
  color: var(--second-color);
}
@media screen and (max-width: 767.98px) {
  .section-catalog__title {
    margin-bottom: 20px;
  }
}

.catalog {
  display: flex;
}
.catalog__left {
  margin-right: 30px;
}
@media screen and (max-width: 1279.98px) {
  .catalog__left {
    display: none;
  }
}
.catalog__categories {
  width: 240px;
}
.catalog__right {
  width: 100%;
}
.catalog__items {
  position: relative;
  display: flex !important;
  flex-wrap: wrap !important;
}

.catalog-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(25% - 18.75px);
  margin-right: 25px;
  overflow: hidden;
  margin-bottom: 40px;
}
@media screen and (max-width: 767.98px) {
  .catalog-item {
    width: calc(50% - 7px);
    margin-right: 14px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .catalog-item:last-child, .catalog-item:nth-child(2n) {
    margin-right: 0;
  }
}
.catalog-item:last-child, .catalog-item:nth-child(4n) {
  margin-right: 0;
}
.catalog-item__image {
  display: block;
  width: 100%;
  padding: 25px;
  background: #fff;
  box-shadow: 5px 5px 20px rgba(57, 57, 57, 0.1);
  transition: 0.3s;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .catalog-item__image {
    padding: 25px;
  }
}
.catalog-item__image:hover {
  cursor: pointer;
  box-shadow: 5px 5px 20px rgba(57, 57, 57, 0.3);
}
.catalog-item__image_wrapp {
  aspect-ratio: 1/1;
}
.catalog-item__image_wrapp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalog-item__label {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.catalog-item__btn {
  min-width: 100px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500 !important;
  text-transform: none;
}

.catalog__categories .wpc-filter-layout-submit-button {
  margin-bottom: 0 !important;
}
.catalog__categories .wpc-filters-submit-button {
  display: none !important;
}
.catalog__categories .wpc-term-item {
  margin-bottom: 0 !important;
  opacity: 1 !important;
}
.catalog__categories .wpc-term-item.wpc-term-selected a {
  color: var(--main-color) !important;
}
.catalog__categories .widget-title.wpc-filter-title {
  margin-bottom: 0 !important;
}
.catalog__categories .wpc-filters-ul-list {
  padding: 0 !important;
}
.catalog__categories .wpc-term-item-content-wrapper label, .catalog__categories .reset-filter {
  padding: 14px 40px 14px 30px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  background: #edf2f5 !important;
  border-bottom: 1px solid #f7f9fa !important;
  transition: 0.3s !important;
  display: block !important;
  width: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  text-align: left !important;
  opacity: 1 !important;
}
.catalog__categories .wpc-term-item-content-wrapper input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}
.catalog__categories .wpc-term-item-content-wrapper input[type=radio]:checked + label span {
  background-color: #717782 !important;
}
.catalog__categories .wpc-term-item-content-wrapper label {
  border: none !important;
  border-radius: 0;
}
.catalog__categories .wpc-term-item-content-wrapper label span {
  background-color: #f7f9fa !important;
  border-radius: 0;
  border: none;
  color: #fff;
}
.catalog__categories .wpc-term-item-content-wrapper label a {
  opacity: 1 !important;
}

.catalog__filters {
  display: flex;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .catalog__filters {
    justify-content: space-between;
  }
}
.catalog__filters.opened {
  padding-bottom: 120px;
}
.catalog__filters .wpc-term-item-content-wrapper input:checked + label span {
  background-color: #717782 !important;
}
.catalog__filters .wpc-term-item-content-wrapper input:checked + label span * {
  color: #fff !important;
}
.catalog__filters .wpc-term-item-content-wrapper label {
  border: none !important;
  border-radius: 0 !important;
}
.catalog__filters .wpc-term-item-content-wrapper label span {
  background-color: rgba(113, 119, 130, 0.1) !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 !important;
}
.catalog__filters .wpc-term-item-content-wrapper label span:hover {
  background-color: rgba(113, 119, 130, 0.8) !important;
}
.catalog__filters .wpc-term-item-content-wrapper label span:hover * {
  color: #fff;
}
.catalog__filters .wpc-term-item-content-wrapper label span * {
  color: var(--second-color);
}
.catalog__filters .wpc-term-item-content-wrapper label > span {
  padding: 4px 18px !important;
}
@media screen and (max-width: 767.98px) {
  .catalog__filters .wpc-term-item-content-wrapper label > span {
    padding: 4px 10px !important;
    font-size: 12px;
  }
}
.catalog__filters .wpc-filters-ul-list {
  background: #edf2f5 !important;
  padding: 30px !important;
}
@media screen and (max-width: 1279.98px) {
  .catalog__filters .wpc-filters-ul-list {
    padding: 20px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .catalog__filters .wpc-filters-ul-list {
    padding: 10px !important;
  }
}
.catalog__filters .widget_wpc_filters_widget,
.catalog__filters .wpc-filters-widget-main-wrapper,
.catalog__filters .wpc-filters-section {
  position: static !important;
}
.catalog__filters .wpc-filter-content {
  position: absolute;
  left: 0;
  width: 100%;
}
.catalog__filters .wpc-filter-title {
  padding: 0 10px;
}
@media screen and (max-width: 767.98px) {
  .catalog__filters .wpc-filter-title {
    padding: 0px 5px;
    font-size: 14px;
  }
}
.catalog__filters .wpc-filter-title .wpc-open-icon {
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  .catalog__filters .category__filter {
    display: none;
  }
}

.wpc-edit-filter-set {
  display: none !important;
}

.section-brands {
  padding: 130px 0 70px;
}
@media screen and (max-width: 767.98px) {
  .section-brands {
    padding: 80px 0 30px;
  }
}
.section-brands .page-header {
  margin-top: 80px;
}
@media screen and (max-width: 767.98px) {
  .section-brands .page-header {
    margin-top: 0;
  }
}

.brands-list-section-item {
  padding: 100px 0;
}
.brands-list-section-item:first-child {
  padding: 50px 0 100px;
}
@media screen and (max-width: 1279.98px) {
  .brands-list-section-item:first-child {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767.98px) {
  .brands-list-section-item:first-child {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1279.98px) {
  .brands-list-section-item {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767.98px) {
  .brands-list-section-item {
    padding: 30px 0;
  }
}
.brands-list-section-item:nth-child(even) {
  background-color: #f7f9fa;
}

.brand-list-item__wrapper {
  display: flex;
  flex-direction: column;
}
.brand-list-item__wrapper.brand-list-item__wrapper--row {
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__wrapper.brand-list-item__wrapper--row {
    flex-direction: column;
  }
}
.brand-list-item__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__head {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.brand-list-item__head.brand-list-item__head--column {
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 0;
}
.brand-list-item__head.brand-list-item__head--column .brand-list-item__description {
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__head.brand-list-item__head--column .brand-list-item__description {
    margin-bottom: 30px;
  }
}
.brand-list-item__title {
  position: static;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
.brand-list-item__title-link {
  display: block;
  margin-top: 3px !important;
  margin-bottom: 0 !important;
  margin-left: 40px;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 17px;
  color: var(--main-color) !important;
  text-transform: uppercase;
  border-bottom: 1px solid;
  transition: 0.2s;
}
.brand-list-item__title-link p {
  margin: 0 !important;
}
.brand-list-item__title-link p span {
  margin-right: 5px;
}
.brand-list-item__description {
  width: 550px;
}
@media screen and (max-width: 1279.98px) {
  .brand-list-item__description {
    width: 340px;
  }
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__description {
    width: 100%;
    margin-bottom: 30px;
    font-size: 14px;
  }
}
.brand-list-item__theses {
  width: 350px;
}
@media screen and (max-width: 1279.98px) {
  .brand-list-item__theses {
    width: 300px;
  }
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__theses {
    width: 100%;
    margin-bottom: 40px;
  }
}
.brand-list-item__theses ol,
.brand-list-item__theses ul {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: list;
}
.brand-list-item__theses ol li,
.brand-list-item__theses ul li {
  display: flex;
  margin-bottom: 20px;
}
.brand-list-item__theses ol li::before,
.brand-list-item__theses ul li::before {
  content: "0" counter(list) ".";
  color: var(--main-color);
  counter-increment: list;
  width: 37px;
  min-width: 37px !important;
  font-size: 16px;
  font-weight: 600;
}
.brand-list-item__categories {
  display: flex;
  flex-wrap: wrap;
}
.brand-list-item__categorie {
  position: relative;
  width: calc(25% - 22.5px);
  margin-right: 30px;
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__categorie {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.brand-list-item__categorie--solo {
  width: 245px;
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__categorie--solo {
    width: 100%;
  }
}
.brand-list-item__image {
  display: block;
  width: 100%;
  box-shadow: 5px 5px 20px rgba(57, 57, 57, 0.1);
  transition: 0.3s;
  position: relative;
  aspect-ratio: 1/1;
}
.brand-list-item__image__wrapper {
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  margin: 25px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__image__wrapper {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .brand-list-item__image__wrapper img {
    width: 100%;
  }
}
.brand-list-item__cat-title {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--second-color);
}
.brand-list-item__cat-theses ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.brand-list-item__cat-theses ul li {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
}
.brand-list-item__cat-theses ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background: var(--main-color);
}

@media screen and (max-width: 767.98px) {
  .brands-banner {
    display: none !important;
  }
}
.brands-banner__fixed {
  position: fixed;
  top: 80px;
  z-index: 998;
  width: 100%;
  transition: 0.7s;
}
@media screen and (max-width: 1279.98px) {
  .brands-banner__fixed {
    top: 60px;
  }
}
.brands-banner__fixed--inactive {
  top: 0;
}

.brands {
  position: relative;
  z-index: 998;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2px);
  margin-left: -1px;
  background-color: #f7f9fa;
  border: 1px solid #dfe1e4;
  border-top: none;
  border-bottom: none;
}
.brands__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16.66667%;
  height: 84px;
  border-right: 1px solid #dfe1e4;
  border-bottom: 1px solid #dfe1e4;
}
@media screen and (max-width: 1279.98px) {
  .brands__item {
    height: 55px;
  }
}
.brands__item a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.brands__item a:hover {
  cursor: pointer;
}
.brands__image {
  position: static !important;
  width: 100px !important;
  height: 30px !important;
}

.main-news-block {
  padding: 130px 0 70px;
  background: #fff;
}
@media screen and (max-width: 1279.98px) {
  .main-news-block {
    padding-top: 100px;
  }
}
.main-news-block__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.main-news-block__title {
  margin-bottom: 60px;
}
@media screen and (max-width: 1279.98px) {
  .main-news-block__title {
    margin-bottom: 20px;
  }
}
.main-news-block__date {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
}
.main-news-block__date svg {
  width: 12px;
  height: 12px;
  margin-right: 12px;
}
.main-news-block__date span {
  line-height: 1;
}
.main-news-block__image {
  margin: 40px 0;
  position: relative;
}
.main-news-block__image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.main-news-block__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-news-block__content {
  font-size: 18px;
  line-height: 26px;
  color: var(--second-color);
}
.main-news-block__content ul {
  margin: 15px 0 40px !important;
  padding: 0;
  list-style: none;
}
.main-news-block__content ul li {
  margin-left: 30px;
  margin-bottom: 15px;
  position: relative;
}
.main-news-block__content ul li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: -15px;
  width: 5px;
  height: 5px;
  font-weight: 600;
  background-color: var(--main-color);
}

.footer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #f7f9fa;
}
.footer .footer-main {
  padding: 60px 0 40px;
  border-bottom: 1px solid rgba(113, 119, 130, 0.2);
}
@media screen and (max-width: 767.98px) {
  .footer .footer-main {
    padding: 30px 0 40px;
  }
}
.footer .footer-main .container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .footer .footer-main .container {
    flex-direction: column;
  }
}
.footer .footer-main__brands-social, .footer .footer-main__contacts, .footer .footer-main__goods {
  flex: 1;
}
.footer .footer-main__brands-social {
  padding-right: 35px;
}
@media screen and (max-width: 767.98px) {
  .footer .footer-main__brands-social {
    padding-right: 0;
  }
}
.footer .footer-main__brands_list {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer-main__brands_item {
  width: 140px;
}
.footer .footer-main__social_list {
  display: flex;
  align-items: center;
}
.footer .footer-main__social_item {
  width: 25px;
  height: 25px;
  margin-right: 20px;
  color: var(--second-color);
  transition: 0.3s;
}
.footer .footer-main__social_item:hover {
  color: var(--main-color);
  fill: var(--main-color);
}
.footer .footer-main__goods {
  padding-right: 120px;
  padding-left: 35px;
}
@media screen and (max-width: 1279.98px) {
  .footer .footer-main__goods {
    padding-right: 40px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .footer .footer-main__goods {
    padding-right: 0;
    padding-left: 0;
  }
}
.footer .footer-main__contacts {
  max-width: 260px;
}
@media screen and (max-width: 767.98px) {
  .footer .footer-main__contacts {
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
  .footer .footer-main__contacts .footer-main__contacts_partner {
    order: 5;
  }
}
@media screen and (min-width: 768px) {
  .footer .footer-main__contacts_title {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .footer .footer-main__contacts_title {
    display: block;
  }
}
.footer .footer-main__contacts a:hover {
  color: var(--main-color);
}
.footer .footer-main__contacts_partner {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  padding: 0 !important;
  margin-bottom: 30px;
}
.footer .footer-main__contacts_label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600 !important;
  line-height: 21px;
  color: var(--second-color);
}
.footer .footer-main__contacts_item {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #717782;
  transition: 0.3s;
}
@media screen and (max-width: 767.98px) {
  .footer .footer-main__list {
    display: none;
  }
}
.footer .footer-title {
  position: relative;
  padding: 23px 0 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  border-bottom: 1px solid rgba(113, 119, 130, 0.5);
  color: var(--second-color);
}
.footer .footer-title svg {
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc((100% + 2px) / 2);
  right: 0;
  color: #717782;
  transition: 0.3s ease;
}
@media screen and (min-width: 768px) {
  .footer .footer-title svg {
    display: none;
  }
}
.footer .footer-title.show svg {
  transform: rotate(180deg) translateY(-3px);
  transform-origin: center;
}
@media screen and (max-width: 767.98px) {
  .footer .footer-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.footer .footer-copyright .container {
  display: flex;
  justify-content: space-between;
  padding: 40px 15px 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767.98px) {
  .footer .footer-copyright .container {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 20px 15px 15px;
  }
}
.footer .footer-copyright .container a.link {
  margin-bottom: 0 !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
}

.footer-landing {
  position: relative;
  overflow: hidden;
  background-color: var(--second-color);
  border-color: #717782 transparent;
  border-style: none;
  border-width: medium;
}
.footer-landing__head {
  display: flex;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}
.footer-landing__logo {
  display: flex;
  align-items: center;
  padding: 0 30px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2);
}
@media screen and (max-width: 1279.98px) {
  .footer-landing__logo {
    border-right: none;
  }
}
@media screen and (max-width: 767.98px) {
  .footer-landing__logo {
    padding: 0 20px;
  }
}
.footer-landing__logo svg {
  max-height: 40px;
  display: block;
}
.footer-landing__content {
  justify-content: flex-end;
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .footer-landing__content .head__block__catalog,
  .footer-landing__content .head__block__phone {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .footer-landing__content .head__block__partner {
    min-width: 200px;
    padding: 20px 0;
  }
}
.footer-landing__center {
  padding: 40px 0;
}
.footer-landing__links {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  margin: 0;
  padding: 0;
}
.footer-landing__links li {
  width: 33%;
  margin-bottom: 10px;
}
@media screen and (max-width: 1279.98px) {
  .footer-landing__links li {
    width: 50%;
  }
}
@media screen and (max-width: 767.98px) {
  .footer-landing__links li {
    width: 100%;
  }
}
.footer-landing__links li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  transition: color 0.5s ease;
}
.footer-landing__links li a:hover {
  color: var(--main-color);
}
@media screen and (max-width: 767.98px) {
  .footer-landing__links li a {
    font-size: 14px;
  }
}
.footer-landing__bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  color: #fff;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
.footer-landing__bottom::before, .footer-landing__bottom::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -100%;
  width: 100%;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.footer-landing__bottom::after {
  right: -100%;
  left: auto;
}
.footer-landing__copyright, .footer-landing__terms {
  font-size: 14px;
  font-weight: 400;
  color: #717782;
}
.footer-landing__copyright a, .footer-landing__terms a {
  font-size: 14px;
}

.error {
  position: relative;
  flex: 1 0 auto;
  overflow: hidden;
  background-color: var(--second-color);
}
.error .container {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
@media (min-height: 651px) and (orientation: landscape) {
  .error .container {
    min-height: 650px;
  }
}
.error__body {
  position: relative;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .error__body {
    display: flex;
    flex-direction: column;
  }
}
.error__number {
  position: absolute;
  top: 15px;
  right: 0;
  left: 230px;
  z-index: 1;
  font-family: "gotham_pro", Arial, sans-serif;
  font-size: 400px;
  font-weight: 900;
  line-height: normal;
  color: #182234;
  text-shadow: 0 10px 50px rgba(2, 8, 19, 0.3);
  letter-spacing: 1px;
}
@media screen and (max-width: 1279.98px) {
  .error__number {
    top: 140px;
    font-size: 210px;
  }
}
@media screen and (max-width: 767.98px) {
  .error__number {
    position: relative;
    top: 0;
    bottom: auto;
    left: 0;
    order: 2;
    font-size: 136px;
    text-align: center;
  }
}
.error__number::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -105px;
  left: -153px;
  z-index: -1;
  width: 300%;
  min-height: 237px;
  background-color: #182234;
}
@media screen and (max-width: 1279.98px) {
  .error__number::after {
    bottom: -165px;
    left: -83px;
  }
}
@media screen and (max-width: 767.98px) {
  .error__number::after {
    bottom: -191px;
  }
}
.error__content {
  position: relative;
  z-index: 1;
}
.error__title {
  margin-bottom: 20px;
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
}
@media screen and (max-width: 767.98px) {
  .error__title {
    font-size: 19px;
  }
}
.error__description {
  max-width: 600px;
  margin-bottom: 60px;
  color: #717782;
}
@media screen and (max-width: 1279.98px) {
  .error__description {
    font-size: 14px;
  }
}

.error404 .page-content-wrapper {
  flex: auto;
}
.error404 .header.scroll-down {
  transform: translate3d(0, 0, 0) !important;
}/*# sourceMappingURL=style.css.map */