/*!
Theme Name: makey
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: makey
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.

makey 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/
*/

/* @font-face {
    font-family: "FixelDisplayThin";
    src: url("./fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.eot");
    src: url("./fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "FixelDisplayExtraLight";
    src: url("./fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.eot");
    src: url("./fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "FixelDisplayLight";
    src: url("./fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.eot");
    src: url("./fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "FixelDisplayMedium";
    src: url("./fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.eot");
    src: url("./fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "FixelDisplaySemiBold";
    src: url("./fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.eot");
    src: url("./fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  } */
/* 
  @font-face {
    font-family: "FixelDisplayBold";
    src: url("./fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.eot");
    src: url("./fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  } */

@font-face {
  font-family: "FixelDisplayRegular";
  src: url("./fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.eot");
  src: url("./fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "FixelDisplayExtraBold";
  src: url("./fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.eot");
  src: url("./fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

/*   @font-face {
    font-family: "FixelDisplayBlack";
    src: url("./fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.eot");
    src: url("./fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.eot?#iefix")format("embedded-opentype"),
    url("./fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.woff2") format("woff2"),
    url("./fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  } */





:root {
  --container: 1920px;

  --primary-dark: #004AAD;
  --primary-blue: #8DBBFC;
  --main-blue: #8DBBFC;
  --banner-bg: #A6B2F0;
  --banner-main: #6D94E4;
  --white: #FFFFFF;
  --black: #000000;
  --grey: #D9D9D9;

  --text-size: 16px;
  --text-size-md: 18px;
  --text-size-lg: 24px;
  --text-color: #000;

  --h1-size: 40px;
  --h2-size: 38px;
  --h3-size: 36px;
  --h4-size: 32px;
  --h5-size: 30px;
  --h6-size: 28px;

  --gap: 32px;
  --gap-container: 80px;

  --border-r-16: 16px;
  --border-r-20: 20px;
  --border-r-24: 24px;
  --border-r-40: 40px;
}

*,
::after,
::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "FixelDisplayExtraBold", sans-serif;
  line-height: 1.2;
  /* letter-spacing: 0.2px; */
  color: var(--primary-dark);
  background: var(--primary-blue);
}


a {
  color: var(--primary-blue);
  transition: all 0.1s ease;
}

a:hover {
  text-decoration: none;
}

img {
  margin: 0;
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  transition: .5s;
}

.bg-cover {
  position: relative;
}

.bg-cover img,
.bg-cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bg-cover-span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.bg-contain img{
    width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "FixelDisplayExtraBold", sans-serif;
  font-weight: normal;
  margin: 40px 0 25px;
  line-height: 1.111;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h1 {
  font-size: var(--h1-size);
}

h2 {
  font-size: var(--h2-size);
}

h3 {
  font-size: var(--h3-size);
}

h4 {
  font-size: var(--h4-size);
}

h5 {
  font-size: var(--h5-size);
}

h6 {
  font-size: var(--h6-size);
}

p,
ul,
ol,
blockquote {
  margin: 0 0 25px;
  line-height: 1.5;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child {
  margin-bottom: 0;
}

iframe {
  max-width: 100%;
}

.form-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px -15px;
}

.form-field {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 7px;
  margin-bottom: 15px;
}

.form-field.mt-20 {
  margin-top: 20px;
}

.form-field p {
  font-size: 16px;
}

.form-field-50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.form-field-label {
  display: block;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: var(--text-size);
  line-height: 1.25;
}

.form-field-label label {
  -webkit-user-select: none;
  user-select: none;
  font-size: var(--text-size);
}

.form-heading {
  padding: 3px calc(var(--gap) / 2);
  font-weight: 500;
  border-left: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
}

::-webkit-input-placeholder {
  color: var(--primary-dark);
}

::-moz-placeholder {
  color: var(--primary-dark);
}

:-ms-input-placeholder {
  color: var(--primary-dark);
}

:-moz-placeholder {
  color: var(--primary-dark);
}

.wpcf7-list-item input[type="checkbox"] {
  display: none;
}

.wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}

.wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  gap: 10px;
}

.wpcf7-list-item label a{
    display: flex;
  align-items: flex-start;
  cursor: pointer;
  gap: 10px;
      flex: 100% 0 0;
}

.wpcf7-list-item-label::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #D3D3D3;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
}

.wpcf7-list-item input[type="checkbox"]:checked+.wpcf7-list-item-label::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--primary-blue);
  top: 4px;
  left: 4px;
}

.wpcf7-list-item-label {
  position: relative;
  display: flex;
  gap: 10px;
  font-size: 14px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
  font-size: var(--text-size-md);
  font-weight: 600;
  font-family: 'FixelDisplayBold', sans-serif;
  line-height: 1.5;
  width: 100%;
  background: var(--white);
  border: 1px solid var(--primary-blue);
  color: var(--primary-dark);
  -moz-border-radius: var(--border-r-16);
  -webkit-border-radius: var(--border-r-16);
  border-radius: var(--border-r-16);
  box-shadow: 0 4px 0 var(--primary-dark);
  padding: 20px;
  height: 80px;
  outline: none;
  transition: .5s;
}

textarea {
  height: 120px;
  resize: vertical;
}

select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(images/arrow-select.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
}

.form-field-button.center {
  text-align: center;
}

.wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 0;
}

.wpcf7-not-valid-tip {
  margin-top: 10px;
  font-size: var(--text-size);
}

.wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 10px 16px;
}

.file-upload input[type="file"] {
  display: none;
}

.file-upload-label {
  display: block;
  text-align: center;
  padding: 10px 16px;
  border: 2px solid #eeeeee;
  background: #eeeeee;
  cursor: pointer;
  transition: 0.2s;
}

.file-upload-heading {
  margin-bottom: 5px;
  font-size: var(--text-size);
}

.file-upload-label:hover {
  background: #000;
  color: #fff;
}

.file-upload-info {
  margin-top: 6px;
  font-size: 14px;
  color: #666;
}

.form-field-contacts {
  margin-bottom: 40px;
}

.form-field-contacts input[type=radio] {
  background: none;
  border: 1px solid #F0E3FF;
  border-radius: 10px;
  width: 55px;
  height: 55px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.form-field-contacts input[type=radio]:checked,
.form-field-contacts input[type=radio]:checked~.wpcf7-list-item-label {
  background-color: var(--primary-dark);
  border: none;
  color: #fff;
}

.form-field-contacts input[type=radio]:before {
  content: '';
  flex: 0 0 39px;
  max-width: 39px;
  height: 39px;
  border-radius: 2px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.form-field-contacts .wpcf7-list-item-label {
  position: relative;
  display: flex;
  gap: 0;
  font-size: var(--text-size);
  height: 100px;
  flex: 1 0 0;
  border-radius: var(--border-r-16);
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size:auto 60%;
  font-size: 0;
  color: transparent
}

.form-field-contacts input[value=Viber]:before {
  background-image: url(images/viber.svg);
}

.form-field-contacts input[value=Telegram]:before {
  background-image: url(images/telegram.svg);
}

.form-field-contacts input[value=Phone]:before {
  background-image: url(images/whatsapp.svg);
}

.form-field-contacts input[type=radio]:after {
  display: none;
}

.form-field-contacts .wpcf7-list-item-label::before,
.form-field-contacts .wpcf7-list-item-label::after {
  display: none;
}

.form-field-contacts input[value=Viber]+.wpcf7-list-item-label {
  background-color: #A6B2F0;
  background-image: url(/wp-content/themes/makey-theme/images/social-header/viber.svg);
}

.form-field-contacts input[value=Telegram]+.wpcf7-list-item-label {
  background-color: rgb(127 195 229);
  background-image: url(/wp-content/themes/makey-theme/images/social-header/telegram.svg);
}

.form-field-contacts a:hover input[value=Phone]~.wpcf7-list-item-label,
.form-field-contacts input[value=Phone]~.wpcf7-list-item-label {
  background-color: var(--primary-blue);
  background-image: url(/wp-content/themes/makey-theme/images/phone.svg);
}

.form-field-contacts a:hover input[value=Telegram]~.wpcf7-list-item-label,
.form-field-contacts input[value=Telegram]:checked~.wpcf7-list-item-label {
  background-color: #0088CC
}
.form-field-contacts a:hover input[value=Viber]~.wpcf7-list-item-label,
.form-field-contacts input[value=Viber]:checked~.wpcf7-list-item-label {
  background-color: #7360f2
}

.form-field-contacts .wpcf7-list-item {
  display: inline-block;
  margin: 0;
  flex: calc(100% / 3 - 40px / 3) 0 0;

}

.form-field-contacts .wpcf7-form-control {
  display: flex;
  gap: 20px;
}




.screen-reader-text {
  display: none;
}

.section {
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: var(--container);
  padding-left: var(--gap-container);
  padding-right: var(--gap-container);
  margin-left: auto;
  margin-right: auto;
}

.container-pv {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container.container-full {
  padding: 0;
}

.shop-container {
  display:flex;
  flex-direction: column;
}

.woocommerce-products-header{

}

.term-description{
  display:none
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

@media (min-width: 992px) {
  .hide-lg {
    display: none !important;
  }
}

.heading-overlay {
  overflow: hidden;
}

.heading {
  margin-bottom: calc(var(--gap)*2);
  position: relative;
}

.woocommerce-products-header.heading{
  margin-bottom:var(--gap);
}

.heading-simple{
  margin-bottom: var(--gap);
}

.heading :is(h1, h2, h3, h4, h5, h6) {
  padding: 15px 40px 10px;
  position: relative;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  border-radius: var(--border-r-16);
  background-color: var(--primary-dark);
  height: 120px;
  z-index: 1;
}

.heading-simple  :is(h1, h2, h3, h4, h5, h6) {
  position: relative;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  color:  var(--primary-dark);
  z-index: 1;
}

.heading-simple.white  :is(h1, h2, h3, h4, h5, h6){
  color:#fff;
}

.heading.heading-white :is(h1, h2, h3, h4, h5, h6) {
  color: var(--primary-dark);
  background-color: #fff;
}

.heading:before {
  content: '';
  position: absolute;
  top: 60px;
  left: calc(var(--container)*3/2 - var(--container)*3);
  right: 0;
  height: 5px;
  width: calc(var(--container)*3);
  background-image: url(/wp-content/themes/makey-theme/images/dashed-line.svg);
  background-repeat: repeat-x;
  background-position: -12px 0;
  border-radius: 100px;
  z-index: 0;
}

.heading.heading-white:before {
  background-image: url(/wp-content/themes/makey-theme/images/dashed-line-white.svg);
}

.heading p:first-child {
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.heading p:last-child {
  margin-top: 10px;
}

.heading.center {
  text-align: center;
}


.btn {
  position: relative;
  display: inline-flex;
  text-align: center;
  font-size: var(--text-size-md);
  font-family: "FixelDisplayExtraBold", sans-serif;
  line-height: 1.2;
  background-color: var(--primary-dark);
  border: none;
  padding: 20px;
  -moz-border-radius: var(--border-r-16);
  -webkit-border-radius: var(--border-r-16);
  border-radius: var(--border-r-16);
  outline: none;
  min-height: 80px;
  cursor: pointer;
  text-decoration: none;
  z-index: 1;
  transition: .5s;
}

.btn.btn-sm {
    padding: 5px 15px;
  width: auto;
  min-height: 40px;
  font-size: var(--text-size);
  font-weight: 600;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}


.btn.btn-md {
    padding: 10px 45px;
  min-height: 70px;
  font-size: 24px;
  -moz-border-radius: var(--border-r-16);
  -webkit-border-radius: var(--border-r-16);
  border-radius: var(--border-r-16);
}


.btn.btn-lg {
  min-height: 70px;
  font-size: 22px;
  -moz-border-radius: var(--border-r-16);
  -webkit-border-radius: var(--border-r-16);
  border-radius: var(--border-r-16);
}

.btn.btn-lg span {
  padding: 15px 52px;
  -moz-border-radius: var(--border-r-16);
  -webkit-border-radius: var(--border-r-16);
  border-radius: var(--border-r-16);
}

.btn-primary {
  background-color: var(--primary-dark);
  color: #fff;
  width: 100%;
  max-width: 500px;
  justify-content: center;
  align-items: center;
}

.btn-primary:hover {
  background: var(--primary-blue);
  color: var(--primary-dark);
}



.form-field-button {
  margin-top: 40px;
  position: relative;
  padding: 2px;
  -moz-border-radius: var(--border-r-16);
  -webkit-border-radius: var(--border-r-16);
  border-radius: var(--border-r-16);
}

.form-field-button .btn {
  width: 100%;
  max-width: 100%;
}

.form-field-button .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 100%;
}

.btn.btn-secondary {
  background-color: #000;
  background-image: none;
  border: none;
  color: #fff;
  padding: 15px 52px;
  -moz-border-radius: var(--border-r-40);
  -webkit-border-radius: var(--border-r-40);
  border-radius: var(--border-r-40);
  width: 100%;
  font-size: 18px;
}

.btn.btn-secondary:hover {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: var(--white);
}

.btn.btn-link {
  padding: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: var(--blue);
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 4px;
  min-height: inherit;
}

.btn.btn-link:hover {
  color: var(--blue-dark);
}

/*
.swiper-pagination {
	position: relative !important;
	bottom: auto !important;
	top: auto !important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: calc(var(--gap) * 1.5);
	gap: 8px;
}
.swiper-pagination-bullet {
	flex: 0 0 20px;
	max-width: 20px;
	width: 20px !important;
	height: 10px !important;
	background: #E2E5F0 !important;
	margin: 0 !important;
	opacity: 1 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	transform: skew(-25deg);
}
.swiper-pagination.white .swiper-pagination-bullet {
	background: #ffffff !important;
	opacity: .4 !important;
}
.swiper-pagination-bullet-active {
	background: #019658 !important;
}
.swiper-pagination.white .swiper-pagination-bullet-active {
	background: #ffffff !important;
	opacity: 1 !important;
}*/


button.swiper-navigation {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  top: calc(50% - 30px);
  transition: .5s;
  z-index: 9;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.swiper-navigation:hover {
  background-color: transparent;
}

button.swiper-navigation:disabled {
  opacity: .15;
  cursor: no-drop;
}

button.swiper-navigation:before {
  content: '';
  -webkit-mask-image: url(images/arrow-slider.svg);
  mask-image: url(images/arrow-slider.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--primary-dark);
  mask-size: 80px;
  width: 80px;
  height: 80px;
  transition: .5s;
}

button.swiper-navigation.swiper-navigation-white:before {
  background-color: var(--white);
}

button.swiper-navigation:hover:before {
  background-color: var(--white);
}

button.swiper-navigation.swiper-navigation-white:hover:before {
  background-color: var(--primary-blue);
}

button.swiper-navigation.prev {
  left: 0;
  transform: scale(-1, 1);
}

button.swiper-navigation.next {
  right: 0;
}


button.swiper-navigation.swiper-button-lock {
  display: none !important;
}

.soc-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.soc-links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.soc-links li a svg {
  flex: 0 0 100%;
  max-width: 100%;
  height: 100%;
}


.soc-links li a path {
  fill: var(--primary-dark);
  transition: .5s;
}

.soc-links li a:hover path {
  fill: var(--primary-blue);
}

.footer-soc{
  margin-bottom:20px;
}

.soc-links.footer-soc-mess li a {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 100px;
     opacity:1
}

.soc-links.footer-soc-mess li a svg {
    flex: 0 0 60%;
    max-width: 60%;
    height: 60%;
}
.soc-links.footer-soc-mess li a svg path{
  fill:#fff;
}

.soc-links.footer-soc-mess li a:hover{
  background-color:#fff;
}

.soc-links.footer-soc-mess li a[href*="instagram"]:hover svg path {
    fill: #fff;
}
.soc-links.footer-soc-mess li a[href*="facebook"]:hover svg path {
    fill: #fff;
}
.soc-links.footer-soc-mess li a[href*="tiktok"]:hover svg path {
    fill: #fff;
}
.soc-links.footer-soc-mess li a[href*="t.me"]:hover svg path {
    fill: #fff;
}
.soc-links.footer-soc-mess li a[href*="instagram"]:hover {
    background-color: #E4405F;
    border-color: #E4405F;
}
.soc-links.footer-soc-mess li a[href*="facebook"]:hover {
    background-color: #1877F2;
    border-color: #1877F2;
}
.soc-links.footer-soc-mess li a[href*="tiktok"]:hover {
    background-color: #010101;
    border-color: #010101;
}
.soc-links.footer-soc-mess li a[href*="t.me"]:hover {
    background-color: #26A5E4;
    border-color: #26A5E4;
}



.modal-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: .5s;
}

.modal-mobile.show {
  pointer-events: visible;
  z-index: 9999;
  opacity: 1;
}

.modal-mobile-bg {
  background: rgb(0 0 0 / 45%);
  position: absolute;
  opacity: 0;
  transition: .5s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.modal-mobile.show .modal-mobile-bg {
  opacity: 1;
}

.modal-mobile-wrap {
  position: relative;
  background: var(--primary-blue);
  height: 100%;
  width: 100%;
  max-width: 360px;
  transform: translateX(-100%);
  padding: 64px 24px 24px;
  transition: .5s;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
}

.modal-mobile.show .modal-mobile-wrap {
  transform: translateX(0);
}

.modal-mobile .lang-menu,
.modal-mobile .lang-menu:hover {
  position: absolute;
  left: 24px;
  top: 15px;
}

.modal-mobile .lang-menu {
  height: 30px;
}

.modal-mobile .lang-menu>li>a {
  font-size: 14px;
  padding: 9px 6px 4px;
}

.modal-mobile-close {
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-mask-image: url(images/close.svg);
  mask-image: url(images/close.svg);
  -webkit-mask-size: 24px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background: var(--primary-dark);
  width: 30px;
  height: 30px;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: none !important;
  transition: .5s;
}
.header-logo.mobile-logo {
margin: -30px auto 40px;
    flex: inherit;
    width: 180px;
    height: auto;
    text-align: center;
    line-height: 0;
}

.header-logo.mobile-logo{
  display:block;
  line-height:0;
}

.header-logo.mobile-logo a:before, .header-logo.mobile-logo a:after {
        width: 23px;
        height: 23px;
    }

.mobile-menu {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  font-weight: 600;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mobile-menu li {
  position: relative;
  flex-wrap: wrap;
  z-index: 1;
  width: 100%;
}

.mobile-menu>li {
  border-bottom: 1px solid var(--light);
}

.mobile-menu>li:last-child {
  border-bottom: 0;
}

.mobile-menu li a {
  position: relative;
  top: 0;
  padding: 13px 20px 10px;
  display: flex;
  align-items: center;
  height: 45px;
  background-color: #fff;
  box-shadow: 0 4px 0 var(--primary-dark);
  border-radius: 100px;
  color: var(--primary-dark);
  text-decoration: none;
}

.mobile-menu li.menu-item-has-children>a {
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: space-between;
  width: 100%;
}

.mobile-menu li:hover>a,
.mobile-menu li.current-menu-item>a {
  top: 2px;
  box-shadow: 0 2px 0 var(--primary-dark);
  color: var(--primary-blue);
}

.modal-mobile .mobile-menu ul {
    padding: 10px 0;
    display: none;
    flex-direction: column;
    gap: 10px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    order: 1;
    background: none;
}

.modal-mobile .mobile-menu ul.active {
  display: flex;
}

.mobile-menu li:not(.menu-item-has-children) a[href*="#"] {
  color: #000;
}

.mobile-menu li:not(.menu-item-has-children) a[href*="#"]:hover {
  color: var(--primary-blue);
}

 li.menu-item-has-children ul a{
  padding-left:30px;
  display: block;
 }
  li.menu-item-has-children ul li{
    list-style: none;
    position: relative;
    margin-left: 14px;
    width: calc(100% - 14px);
  }
  li.menu-item-has-children ul li:before{
  content: '';
    position: absolute;
    left: 17px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border: 1px solid var(--primary-dark);
    border-radius: 100px;
    z-index: 1;
  }
   li.menu-item-has-children ul li:hover:before{
    top:4px;
   }


   .fancybox__backdrop {
    background: rgb(0 74 173 / 74%) !important;
   }


.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
    height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modalForm.f-html {
    max-width: 580px;
    padding: 0;
}

.modal-dialog {
  position: relative;
    width: auto;
    max-width: 100%;
    margin: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
}

.modal-body{
  padding:20px;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--white);
  background-clip: padding-box;
  outline: 0;
  padding: calc(var(--gap) * 1.5) var(--gap) var(--gap);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  z-index: 1;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  opacity: 0;
  z-index: -1;
}

.modal-backdrop.show {
  opacity: .7;
  z-index: 1049;
}

.modal-title {
  font-size: var(--h4-size);
  color: var(--black);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: var(--gap);
  text-align: center;
}

.modal-close {
  position: absolute;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(images/close.svg);
  mask-image: url(images/close.svg);
  background-color: #999999;
  width: 34px;
  height: 34px;
  top: 12px;
  right: 12px;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: .5s;
  z-index: 9;
}

.modal-close:hover {
  background-color: var(--black);
}


.modal :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea){
  height: 60px;
}



.wp-caption {
  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;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 32px -15px 2px;
}

.gallery:first-child {
  margin-top: 0;
}

.gallery:last-child {
  margin-bottom: -30px;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 12px;
}

.gallery-item>* {
  overflow: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--line);
}

.gallery-columns-2 .gallery-item {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
}

.gallery-columns-2 .gallery-item>* {
  height: calc((var(--container) - 30px) / 2 / 1.4);
}

.gallery-columns-3 .gallery-item {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}

.gallery-columns-3 .gallery-item>* {
  height: calc((var(--container) - 30px * 2) / 3 / 1.4);
}

.gallery-columns-4 .gallery-item {
  flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
}

.gallery-columns-4 .gallery-item>* {
  height: calc((var(--container) - 30px * 3) / 4 / 1.4);
}

.gallery-columns-5 .gallery-item {
  flex: 0 0 calc(100% / 5);
  max-width: calc(100% / 5);
}

.gallery-columns-5 .gallery-item>* {
  height: calc((var(--container) - 30px * 4) / 5 / 1.4);
}

.gallery-columns-6 .gallery-item {
  flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6);
}

.gallery-columns-6 .gallery-item>* {
  height: calc((var(--container) - 30px * 5) / 6 / 1.4);
}

.gallery-columns-7 .gallery-item {
  flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6);
}

.gallery-columns-7 .gallery-item>* {
  height: calc((var(--container) - 30px * 6) / 7 / 1.4);
}

.gallery-columns-8 .gallery-item {
  flex: 0 0 calc(100% / 8);
  max-width: calc(100% / 8);
}

.gallery-columns-8 .gallery-item>* {
  height: calc((var(--container) - 30px * 7) / 8 / 1.4);
}

.gallery-columns-9 .gallery-item {
  flex: 0 0 calc(100% / 9);
  max-width: calc(100% / 9);
}

.gallery-columns-9 .gallery-item>* {
  height: calc((var(--container) - 30px * 8) / 9 / 1.4);
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: .5s;
}

.gallery-item a:hover img {
  transform: scale(1.08);
}

.gallery-caption {
  display: block;
}

.alignleft {
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}

.alignright {
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

img.alignleft,
img.alignright,
img.aligncenter {
  -moz-border-radius: var(--border-r-20);
  -webkit-border-radius: var(--border-r-20);
  border-radius: var(--border-r-20);
}



.wrapper {
  position: relative;
  z-index: 1;
}


.header {
  position: sticky;
  top: 0;
  z-index: 92;
  background: rgba(141, 187, 252, 0);
  box-shadow: rgba(0, 0, 0, 0) 0 5px 15px 2px;
  transition:all 0.3s ease;
}

.header.fixed{
  background: var(--primary-blue);
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 25px 2px;

}

.header-wrap {
  display: flex;
  align-items: center;
  gap: calc(var(--gap)*2 - 2px);
  height: 116px;
  padding: 8px 0;
}

.header-logo {
  margin: 0 auto;
  position: relative;
  flex: 228px 0 0;
}

.header-logo img {
  position: relative;
  max-height: 100px;
  z-index: 1;

}

.header-logo a:before {
  content: '';
  position: absolute;
  left: 20%;
  bottom: 20%;
  background-image: url(/wp-content/themes/makey-theme/images/pelmen-logo-1.png);
  background-size: cover;
  width: 41px;
  height: 41px;
  transform: rotate(35deg);
  transition: left 0.4s ease, bottom 0.3s ease, transform 0.5s ease;
}

.header-logo:hover a:before {
  left: 0;
  bottom: 0;
  transform: rotate(0)
}


.header-logo:before {
  content: '';
  position: absolute;
  left: 30%;
  top: 20%;
  background-image: url(/wp-content/themes/makey-theme/images/pelmen-logo-1.png);
  background-size: cover;
  width: 31px;
  height: 31px;
  transform: rotate(135deg);
  transition: left 0.4s ease, top 0.3s ease, transform 0.5s ease;
}

.header-logo:hover:before{
    left: 30%;
    top: -10px;
    transform: rotate(40deg);
}

.header-logo a:after {
  content: '';
  position: absolute;
  right: 20%;
  top: 20%;
  background-image: url(/wp-content/themes/makey-theme/images/pelmen-logo-2.png);
  background-size: cover;
  width: 38px;
  height: 38px;
  transform: rotate(35deg);
  transition: right 0.4s ease, top 0.3s ease, transform 0.5s ease;
}

.header-logo:hover a:after {
    right: -4px;
    top: 45%;
    transform: rotate(0);
}

.header-menu,
.header-contacts {
  flex: calc(50% - 228px/2 - var(--gap)*2) 0 0;
}

/* .header-cart {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
}

.header-cart:before {
	content: '';
	background: url(/) no-repeat center;
	background-size: contain;
	flex: 0 0 20px;
	max-width: 20px;
	width: 20px;
	height: 20px;
} 

.header-cart:hover {
	color: var(--primary-blue);
} */

.header-contacts {
  display: flex;
  justify-content: flex-end;
  gap: calc(var(--gap)*2 - 2px);

}

.header-phone a,
.header-email,
.header-account,
.header-mess,
.header-soc,
.lang-menu {
  position: relative;
  top: 0;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 4px 0 var(--primary-dark);
  border-radius: 100px;
  color: var(--primary-dark);
  text-decoration: none;
  height: 45px;
}

.header-phone a {
  display: flex;
  align-items: center;
  padding: 13px 10px 10px;
  display: block;
  color: var(--primary-dark);
  text-decoration: none;
  font-size: var(--text-size-md);
}

.header-soc:hover,
.header-mess:hover,
.header-phone a:hover {
  /* color: var(--primary-blue) */
  top: 2px;
  box-shadow: 0 2px 0 var(--primary-dark);
}

.lang-menu {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  font-weight: 700;
  text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.lang-menu:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  height: 90px;
  border-radius: 100px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.lang-menu:hover {
  top: 2px;
  box-shadow: 0 2px 0 var(--primary-dark);
}

.lang-menu:hover:before {
  opacity: 1;
  pointer-events: auto;
}

.lang-menu>li {
  position: relative;
  z-index: 1;
}

.lang-menu>li.current-lang{
  order:-1
}

.lang-menu>li:not(.current-lang) {
  opacity: 0;
  pointer-events: none;
}

.lang-menu:hover>li:not(.current-lang) {
  opacity: 1;
  pointer-events: auto;
}

.lang-menu>li>a {
  padding: 13px 10px 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-dark);
  text-decoration: none;
  font-size: var(--text-size-md);
  border-radius: 100px;
  line-height: 1.2;
}

.lang-menu>li:hover>a {
  background: var(--primary-dark);
  color: var(--white)
}

.lang-menu ul {
  display: none;
  margin: 0;
  padding: 0;
  background: var(--light);
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.lang-menu>li:hover>ul {
  display: block;
}

.lang-menu ul li a {
  display: block;
  color: var(--primary-dark);
  text-decoration: none;
}

.lang-menu ul li a:hover {
  color: var(--white);
}

.header-toggle {
  display: flex;
  align-items: center;
  order: -1;
}

.header-toggle button {
  content: '';
  background: url(images/menu.svg) no-repeat center;
  background-size: 24px;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
        flex: 0 0 34px;
        max-width: 34px;
        width: 34px;
        height: 34px;
  transition: .5s;
}



.main-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
  font-size: var(--text-size-md);
  font-weight: 600;
}

.main-menu:last-child {
  margin-bottom: 0;
}

.main-menu li {
  position: relative;
  text-align: center;
  z-index: 1;
}

.main-menu li a {
  position: relative;
  top: 0;
  padding: 13px 10px 10px;
  display: flex;
  align-items: center;
  height: 45px;
  background-color: #fff;
  box-shadow: 0 4px 0 var(--primary-dark);
  border-radius: 100px;
  color: var(--primary-dark);
  text-decoration: none;
}

.main-menu li a:hover {
  top: 2px;
  box-shadow: 0 2px 0 var(--primary-dark);
}

li.menu-item-has-children a {
  display: inline-flex;
  align-items: center;
}

li.menu-item-has-children>a:after {
    content: '';
    flex: 0 0 12px;
    max-width: 12px;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image: url(images/arrow-breads.svg);
    mask-image: url(images/arrow-breads.svg);
    background-color: var(--primary-dark);
    transform: rotate(90deg);
}

.lang-menu li.menu-item-has-children a:after {
  content: '';
  flex: 0 0 8px;
  max-width: 8px;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(images/arrow-slider.svg);
  mask-image: url(images/arrow-slider.svg);
  background-color: #000;
  transform: rotate(90deg);
}

li.pll-parent-menu-item {
  padding: 0;
  line-height: normal;
}

li.pll-parent-menu-item>a {
  line-height: 0;
}

.main-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--white);
  border-bottom: 1px solid var(--light-blue);
  margin: 0;
  padding: 10px 0;
  list-style: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

.main-menu li:hover>ul {
  display: block;
}

.main-menu ul li {
  position: relative;
  margin-right: 0;
  justify-content: left;
}

.main-menu ul li a {
  flex: 1 0 0;
  padding: 15px 15px;
  display: block;
  font-size: 0.9em;
  color: var(--black);
}

.main-menu ul li:hover>a {
  color: var(--primary-blue);
  background: var(--light);
}

.main-menu ul ul {
  background: var(--grey-light);
  left: 100%;
  top: -15px;
}

.main-menu ul li.right ul {
  left: auto;
  right: 100%;
}

.main-menu ul ul li:hover>a {
  background: var(--white);
}





.footer {
  position: relative;
  margin-top: 60px;
  padding: 64px 0 0;
  background-color: #004AAD;
  border-radius: 40px 40px 0 0;
  z-index: 1;
  font-family: "FixelDisplayRegular";
}

.footer-wrap {
  display: flex;
  justify-content: space-between;
  gap: var(--gap);
}


.footer-widget-title {
  margin-bottom: 24px;
  font-size: var(--text-size-md);
  text-transform: uppercase;
  color: #fff;
}

.footer-widget:nth-child(1) {
  margin-right: auto;
  max-width: 480px;
  flex: 1 0 0;
}

.footer-slogan {
    margin: 0 0 16px;
    font-size: var(--text-size-md);
    color: #fff;
    line-height: 1.2;
    font-weight: 600;
}

.footer-description{
    margin: -7px 0 24px;
    font-size: var(--h5-size);
    color: #fff;
    line-height: 1.1;
    font-family: "FixelDisplayExtraBold", sans-serif;
}

.bodylang_en .footer-description{
      font-size: var(--text-size-lg);
}

.footer-slogan p {
  line-height: 1.2;
}

.footer-logo{
  text-align:center;
}

.footer-logo img {
    max-width: 300px;
}

.footer-widget-menus {
  margin-right: 16%;
  display: flex;
  gap: 100px;
}

.footer-widget-menus:before {
  content: '';
  background-image: url(/wp-content/themes/makey-theme/images/line-footer.svg);
background-repeat: no-repeat;
  width: 5px;
  height: 100%;
  order: 2;
  border-radius: 100px;
}

.footer-widget-menus .footer-widget-menus-column:first-child {
  order: 1;
}

.footer-widget-menus .footer-widget-menus-column:last-child {
  order: 3;
}

.footer-widget-menus-column_address{
    margin-top: var(--gap);
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-radius: var(--border-r-16);
}

.footer-widget:last-child .footer-widget-menus-column_address{
  display:none;
}

address p{
  margin-bottom:10px;
  font-style: normal;
}

address p:last-child{
  margin-bottom:0;
}


.footer-widget:last-child{
  display: flex;
  flex-direction: column;
  align-items: center;
}


.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: var(--text-size-md);
  line-height: 1.2;
  order: 3;
}

.footer-menu li a {
  color: var(--white);
  text-decoration: none;
  line-height: 1.4;
}

.footer-menu li.current-menu-item a,
.footer-menu li a:hover {
  color: var(--primary-blue);
}

.footer-menu ul {
  display: none;
}

.footer-email,
.footer-phone {
  margin-bottom: 20px;
}

.footer-phone a,
.footer-email a {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  font-size: var(--text-size-md);
  color: var(--white);
  text-decoration: none;
}


.footer-phone a:before,
.footer-email a:before {
  content: '';
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(images/email.svg);
  mask-image: url(images/email.svg);
  background-color: var(--white);
  flex: 0 0 32px;
  max-width: 32px;
  width: 32px;
  height: 32px;
  transition: .5s;
}



.footer-phone a:before {
  -webkit-mask-image: url(images/phone.svg);
  mask-image: url(images/phone.svg);
}

.footer-email a:hover,
.footer-phone a:hover {
  color: var(--primary-blue);
}



.footer-email a:hover:before,
.footer-phone a:hover:before {
  background-color: var(--primary-blue);
}

.footer-phone.mobile-phone,
.footer-email.mobile-email{
  width:100%;
  background: var(--primary-dark);
  border-radius: 100px;
  display: flex;
    align-items: center;
    justify-content: center;
}

.footer-phone.mobile-phone a,
.footer-email.mobile-email a{
  width:100%;
    padding: 8px 20px;
}

.mobile-social{
    padding: 8px 20px;
  width:100%;
  display:flex;
  justify-content: space-between;
  gap:var(--gap);
  background: var(--primary-dark);
  border-radius: 100px;
}

.mobile-social .soc-links:is(.footer-mess, .footer-soc) li a{
  width:32px;
  height:32px;
}



.copyright-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap)
}

.copyright-footer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  width: 100%;
  background-image: url(/wp-content/themes/makey-theme/images/line-footer-hor.svg);
  background-repeat: repeat-x;
  background-position: -12px 0;
  border-radius: 100px;
}

.copyright-text {
  color: var(--white)
}

.soc-links.footer-mess {
  margin-left: auto;
}

.soc-links:is(.footer-mess, .footer-soc) li a {
  width: 32px;
  height: 32px;
}

.soc-links:is(.footer-mess, .footer-soc) li a path {
  fill: var(--white);
  transition: .5s;
}

.soc-links:is(.footer-mess, .footer-soc) li a:hover path {
  fill: var(--primary-blue);
}

.copyright-footer {
  position: relative;
  margin-top: 40px;
  padding: 25px 0 40px;
}




.main {
  
  overflow: hidden;
}


.page-header {
  position: relative;
  padding: 0;
  z-index: 1;
  overflow: hidden;
}

.page-title {
  text-align: center;
  font-size: var(--h1-size);
}

.term-description{
  margin-bottom: calc(var(--gap)*2);
  font-size: var(--text-size-md)
}

.page-body {
  position: relative;
  padding: 0 0 90px;
  z-index: 1;
  overflow: hidden;
}

.page-content{
    font-size: var(--text-size-md);
    font-family: "FixelDisplayRegular", sans-serif;
}

.page-content>h1 {
    font-size: var(--h2-size);
}

.page-content>h2 {
    font-size: var(--h3-size);
}

.page-content>h3 {
  font-size: var(--h4-size);
}

.page-content>h4 {
  font-size: var(--h5-size);
}

.page-content>h5 {
  font-size: var(--h6-size);
}

.page-content>h6 {
  font-size: var(--h6-size);
}

.page-content>ul,
.page-content>ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 30px;
}



.indicator {
    --base: 1rem;

    display: flex;
    justify-content: center;
    align-items: center;
}
.indicator.sm {
	--base: .75rem;
}
.chevron {
    position: absolute;
    width: calc(var(--base) * 3.5);
    height: calc(var(--base) * 0.8);
    opacity: 0;
    transform: scale(0.3);
    animation: move-chevron 6s ease-out infinite;
}
.chevron:first-child {
    animation: move-chevron 6s ease-out 2s infinite;
}
.chevron:nth-child(2) {
    animation: move-chevron 6s ease-out 4s infinite;
}
.chevron:before,
.chevron:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: var(--main-blue);
	opacity: .65;
}
.indicator.blue .chevron:before,
.indicator.blue .chevron:after {
	background: var(--primary-dark);
}
.chevron:before {
    left: 0;
    transform: skewY(30deg);
}
.chevron:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
}
@keyframes move-chevron {
    25% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
        transform: translateY(calc(var(--base) * 3.8));
    }
    66.6% {
        opacity: 1;
        transform: translateY(calc(var(--base) * 5.2));
    }
    100% {
        opacity: 0;
        transform: translateY(calc(var(--base) * 8)) scale(0.5);
    }
}


.indicator-career {
	margin: 5px auto 16px;
}
.singleBlogLine-wrap {
	position: relative;
}
.indicator-singleBlogLine {
	position: absolute;
    bottom: 120px;
    right: 40px;
    z-index: 2;
}




.error-404-number {
  text-align: center;
  font-size: 340px;
  color: var(--white);
  line-height: 1;
  opacity: .65;
  margin-bottom: 30px;
  font-weight: 600;
}

.error-404-button {
  text-align: center;
}

.home .main{
    margin-top: -116px;
}

.hero-full-section {
    position:relative;
    height: 100vh;
}
.hero-media-full{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.hero-media-full:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background: rgba(0,0,0,0.2);
  z-index: 1;
}
.hero-media-full video{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: cover;
}


.hero-section {
  position: relative;
  padding: 40px 0 0;
  z-index: 1;
}

.hero-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  z-index: 1;
}

.hero-wrap>div {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
  overflow: hidden;
  height: 500px;
}

.hero-media video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  object-fit: cover;
}

.hero-media a {
  display: block;
  line-height: 0;
}

.hero-static-banner {
  height: 100%;
  width: 100%;
}


.hero-banner {
  display: flex;
}

.hero-banner-wrap {
  position: relative;
  height: 680px;
}

.hero-banner-content {
    padding: 110px 80px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.hero-banner-media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-r-40);
  overflow: hidden
}

.hero-animated-banner {
  position: relative;
  background-color: #6D94E4;
  width: 100%;
}

.hero-animated-image {
  position: absolute;
  transform: scale(0.2) translate(0, 0);
  transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 1;
}

.hero-animated-image-1 {
  max-width: 151px;
  max-height: 151px;
  width: 17.32%;
  top: -5.4%;
  left: 11%;
  transform: scale(0.2) translate(-5px, -10px);
  transition-delay: 0.1s;
}

.hero-animated-image-2 {
  width: 28.66%;
  max-width: 250px;
  max-height: 250px;
  top: -25%;
  left: 50%;
  transform: scale(0.2) translate(0, -10px);
  transition-delay: 0.2s;
}

.hero-animated-image-3 {
  width: 22.82%;
  max-width: 199px;
  max-height: 199px;
  top: 9%;
  right: -7.45%;
  transform: scale(0.2) translate(8px, 0);
  transition-delay: 0.3s;
}

.hero-animated-image-4 {
  width: 35.2%;
  max-width: 307px;
  max-height: 307px;
  top: 24.6%;
  left: -2%;
  transform: scale(0.2) translate(-10px, 5px);
  transition-delay: 0.2s;
}

.hero-animated-image-5 {
  width: 25.34%;
  max-width: 221px;
  max-height: 221px;
  right: -1.6%;
  bottom: 5%;
  transform: scale(0.2) translate(5px, 8px);
  transition-delay: 0.1s;
}

.hero-animated-image.active {
  transform: scale(1) translate(0, 0);
}


.hero-animated-image-logo {
  margin: auto;
  position: absolute;
  top: 101px;
  right: 0;
  left: 0;
  max-width: 332px;
}

.hero-animated-slogan {
  padding: 4px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(167 191 239);
  color: var(--primary-dark);
  height: 83px;
  font-size: var(--h4-size);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  z-index: 0;
}

.hero-animated-text {
  position: absolute;
  top: 287px;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  line-height: 0.9;
}

.hero-animated-text .hero-adnimted-text-bg {
  font-size: 63px;
}

.hero-animated-text .hero-adnimted-text-md {
  font-size: 72px;
}

.hero-banner-heading {}

.hero-banner-heading :is(h1, h2) {
  line-height: 1;
  font-size: 58px;
  margin-bottom: 40px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.hero-banner-heading p {
  font-size: var(--h4-size);
  text-transform: uppercase;
  color: #fff;
  line-height:1.2;
      letter-spacing: 0.8px;
}


.hero-banner-button {
  max-width: 340px;
  width: 100%;
  margin-top: calc(var(--gap)*2)
}

.hero-banner-button-white a.btn{
  background-color:#fff;
  color:var(--primary-dark);
}

.hero-banner-button-white:hover a.btn{
  color:var(--primary-dark);
  background-color: var(--primary-blue);
}


/* text-line */

.text-line{
  position:absolute;
  bottom:0;left:0;right:0;
}
.text-line-banner-image-1{
    position: absolute;
    bottom: 2%;
    left: 4%;
    right: 0;
    width: 16%;
    max-width: 300px;
    height: auto;
}
.text-line-banner-image-2{
  margin:0 auto;
  position:absolute;
  bottom:5%;left:22%;right:30%;
  max-width:48%;
}
.text-line-banner-image-2 img{
  max-width: 100%;
}
.text-line-banner-image-3{
    position: absolute;
    bottom: 2%;
    right: 3%;
    width: 25%;
    max-width: 490px;
    height: auto;
    text-align: right;
}


.special-section {
  width: 100%;
  overflow: hidden;
}

.special-section .container {
  position: relative;
}

.special-carousel {
  position: relative;
}

.special-item {
  height: auto !important;
}

.special-item__wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  transform: scale(1);
  transition: transform 0.8s ease;
}
    
.special-item__wrap:hover{
  transform: scale(1.05);
}

.special-item__name {
  background: var(--primary-dark);
  border-radius: var(--border-r-16);
  flex: 1 0 0;
}

.special-item__name a {
  padding: 21px;
  display: flex;
  color: #fff;
  font-size: var(--text-size-lg);
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  height: 100%;
  min-height: 100px;
}

.special-item__wrap:hover .special-item__name a {
  color: var(--primary-blue)
}

.special-item__image {
  max-height: 416px;
  border-radius: var(--border-r-16);
  order: 1;
  overflow: hidden;
/*   transform-style: preserve-3d;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.55s ease; */
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0) 0 25px 25px -5px;
}

.special-item__wrap:hover .special-item__image {
/*   transform: rotate3d(1, 1, 0, 14deg);
  box-shadow: rgba(141, 187, 252, 0.45) 28px 48px 28px -38px, rgba(0, 255, 214, 0.12) 0 0 60px -10px, rgba(5, 71, 17, 0.15) 0 25px 35px 0; */
}

.special-swiper.swiper {
  overflow: visible;
}

.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {}

.special-item:not(.swiper-slide-visible) .special-item__wrap {
  opacity: 0;
  pointer-events: none;
}


.items-nav {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  z-index: 1;
}

.items-navigation.swiper-navigation {
  margin: auto;
  position: absolute;
  flex: 0 0 60px;
  max-width: 60px;
  top: 0;
  bottom: 0;
  order: 2;
}

.items-navigation.swiper-navigation.prev {
  left: auto;
  right: calc(100% + 10px);
}

.items-navigation.swiper-navigation.next {
  right: auto;
  left: calc(100% + 10px);
}


.catalog-items,
.products-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(var(--gap) * 2) var(--gap);

}

.catalog-item,
.products-items .product-item,
.catalog-items .product-item{
  flex: calc(100% / 4 - var(--gap) * 3 / 4) 0 0;
  max-width: calc(100% / 4 - var(--gap) * 3 / 4);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.catalog-item__title {
  width: 100%;
  max-width: 380px;
  background-color: var(--primary-dark);
  border-radius: var(--border-r-16);
}

.catalog-item__title a {
  padding: 34px 20px 30px;
  display: block;
  height: 100px;
  font-size: var(--h4-size);
  color: var(--white);
  text-align: center;
  text-decoration: none;
}

.catalog-item__image {
  margin-top: 50px;
  position: relative;
  bottom: 0;
  transition: transform 0.8s ease, bottom 0.8s ease;
  cursor: pointer;
  border-radius: var(--border-r-16);
  overflow: hidden
}

.catalog-item:hover .catalog-item__image {
  transform: scale(1.2);
  bottom: 40px;
}



.catalog-item:hover .catalog-item__title a {
  color: var(--primary-blue)
}

.products-section {
  position: relative;
  background-color: var(--primary-dark);
  border-radius: var(--border-r-40);
  z-index: 1;
}

.product-item__wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-item__image {
  background: #fff;
  border-radius: var(--border-r-24);
  overflow: hidden;
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0) 0 25px 25px -5px;
  transform: scale(1);
  aspect-ratio: 1 / 1;
  transition: transform 0.8s ease;
  padding:5px;
}
    
.product-item__image:hover{
  transform: scale(1.05);
}

.product_hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    transition:all 0.5s ease;
}

.product-item:hover .product-item__image a > img.product_hover ~ img:not(.product_hover){
  opacity:0;
}

.product-item:hover .product-item__image a > .product_hover{
  opacity:1;
}


.product-item__title {
  margin-top: 24px;
  flex: 1 0 0;
}

.product-item__title a {
  text-decoration: none;
  color: #fff;
  font-size: var(--text-size-lg);
  text-align: center;
  display: block;
}

.product-item__title a:hover {}

.products-items .product-item__title a,
.catalog-items .product-item__title a{
  color: var(--primary-dark);
}

.products-carousel {
  position: relative;
}

.products-swiper {
  margin-left: 0;
  max-width: 85%;
  overflow: visible;
}

.product-item {
  height: auto;
}

.products-swiper.splide__track {
  overflow: visible !important;
}



.seo-section {
  position: relative;
  background: #fff;
  border-radius: 0 0 40px 40px;
  overflow: visible;
}

.products-section+.seo-section:before {
  content: '';
  position: absolute;
  height: 100px;
  background: #fff;
  left: 0;
  right: 0;
  bottom: 99%;
}

.seo-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 70px;
}

.seo-wrap-steps {
  position: sticky;
  top: calc(80px + 50px);
  margin-left: 0;
  padding: 0;
  border-radius: 0;
  flex: calc(50% - 75px) 0 0;
  max-width: calc(50% - 75px);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.seo-wrap-video {
  position: sticky;
  top: calc(80px + 50px);
  overflow: hidden;
  width: calc(50% - 75px);
  height: 591px;
  order: 1;
  border-radius: var(--border-r-40);
}

.seo-dynamic-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
  opacity: 0;
  /* visibility: hidden; */
  transition: opacity 0.5s ease;
}

.seo-dynamic-img.active {
  opacity: 1;
  /* visibility: visible; */
  z-index: 2;
}

.step-item {
  cursor:pointer;
  padding-bottom: 0;
  max-width: 100%;
  opacity: 0;
  transform: scale(0.8);
    transition: all 0.5s ease;
}

.step-item:nth-child(2){
  transition: all 0.5s ease 0.8s;
}

.step-item:nth-child(3){
  transition: all 0.5s ease 1.6s;
}

.step-item:nth-child(4){
  transition: all 0.5s ease 2.4s;
}

.seo-section.active .step-item {
  opacity: 1;
  transform: scale(1);
}

.step-item-number {
  position: relative;
  font-size: 100px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  transition: all 0.3s ease;
}

.step-item-number .center-chapters-item {
  margin-bottom: 30px;
  padding-left: 0;
  align-items: flex-start;
}

.step-item-number .center-chapters-item__icon {
  flex-basis: 100px;
}

.step-item-number .center-chapters-item__icon:before {
  top: -10px;
  left: -10px;
  bottom: -10px;
  width: calc(50% + 10px);
  border-radius: 30px 0 0 30px;
}

.step-item-number .center-chapters-item__icon span {
  width: 100px;
  height: 100px;
  -webkit-mask-size: 50px 50px;
}

.step-item:nth-child(4n+1) .step-item-number {
  color: var(--dark-magenta)
}

.step-item:nth-child(4n+2) .step-item-number {
  color: var(--bright-aqua)
}

.step-item:nth-child(4n+3) .step-item-number {
  color: var(--yellow)
}

.step-item:nth-child(4n+4) .step-item-number {
  color: var(--violet)
}

.step-item-number i {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(100% + 88px);
  width: 25px;
  height: 25px;
  background-color: rgb(60 153 242);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}


.step-item-title {
  color: #000;
  font-size: var(--h4-size);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  background-color: var(--primary-dark);
  color: #fff;
  padding: 20px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  transform: scale(1);
  transition:transform 0.5s ease, background-color 0.5s ease;
}

.step-item-title:hover{
  background-color: var(--primary-blue);
  transform: scale(1.05);
}

.seo-step-activation {
  height: 0;
  max-height: 700px;
}


.seo-section+.banner-section {
  margin-top: -50px;
}

.banner-image {
  border-radius: var(--border-r-40);
  overflow: hidden
}

.banner-button{
    position: absolute;
    top: 64%;
    left: 3.5%;
    width: 18%;
    height: 14%;
    display: flex;
    container-type: inline-size;
  transform: scale(1);
  transition: transform 0.8s ease, opacity 0.8s ease;
}
    
.banner-button:hover{
  transform: scale(1.05);
  opacity:1;
}

.banner-button a{
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: var(--primary-dark);
    background: #fff;
    font-size: clamp(5px, 8cqw, 26px);
    min-height: 1px;
}

.banner-button a {
    position: relative;
}

.banner-button:before {
    content: '';
    border: 3px dashed #fff;
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    border-radius: var(--border-r-20);
    animation: bannerPulse 2s ease-in-out infinite;
}

.banner-button:hover:before {
    animation-play-state: paused;
}

@keyframes bannerPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.06);
        opacity: 0.65;
    }
}


.partners-section {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: var(--border-r-40);
}

.partners-carousel {
  position: relative;
  padding: 0 90px;
  z-index: 1;
}

.partners-items {
  padding: 0 calc(var(--gap)/2);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--gap)*2) 0;
}

.partners-item {
  flex: calc(100%/6) 0 0;
  max-width: calc(100%/6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners-item img {
  max-height: 100px;
  opacity: 0.5;
  transform: scale(1);
  transition: transform 0.8s ease, opacity 0.8s ease;
}
    
.partners-item:hover img{
  transform: scale(1.05);
  opacity:1;
}



.partnership-wrap {
  padding: 100px;
  background-color: #fff;
  border-radius: var(--border-r-40);
  display: flex;
  gap: 80px;
}

.heading-partnership h3,
.partnership-form .form-field-label {
  margin-bottom: var(--gap);
  font-size: var(--h4-size);
}

.heading-partnership{
    margin-top: 14px;
    text-align: center;
}

.partnership-info,
.partnership-form {
  flex: 1 0 0;
      align-self: center;
}

.partnership-dashed-line {
  flex: 5px 0 0;
  background-image: url(/wp-content/themes/makey-theme/images/line-blue-ver.svg);
  background-repeat: repeat-y;
  width: 5px;
  border-radius: 100px;
}

.partnership-image {
  margin-top: 40px;
  margin-bottom: -50px;
}

.partnership-image img {
  max-height: 400px;
}



.blog-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.blog-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
  gap: var(--gap) 0;
}

.blog-item {
  flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
  margin: 0;
  padding: 0 calc(var(--gap) / 2);
  display: flex;
}

.blog-item a{
  
  transform: scale(1);
  transition: transform 0.8s ease;
}
    
.blog-item a:hover{
  transform: scale(1.05);
}

.blog-item__wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.blog-item__more {
  margin-top: auto;
}

.blog-item a {
  background: #fff;
  border-radius: var(--border-r-16);
  text-decoration: none;
}

.blog-item__image {
  height: auto;
  margin-bottom: 0;
  border-radius: var(--border-r-16);
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.blog-item__image img{
      object-position: top;
}

.blog-item__title {
  padding: 20px;
  color: var(--primary-dark);
  text-decoration: none;
  font-size: var(--text-size-lg);
}

.blog-item__title:hover {
  color: var(--primary-blue);
}

.blog-item__excerpt {
  margin-bottom: 20px;
  padding: 0 20px 0;
  color: var(--primary-dark);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-height: 1.2;
}

.blog-item__excerpt * {
  line-height: 1.2;
  font-family: "FixelDisplayRegular", sans-serif;
}



.singleProduct-section {
  position: relative;
  padding: 0 0 100px;
  z-index: 2;
  overflow: hidden;
}

.singleProduct-wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc(var(--gap)*4);
}

.singleProduct-images {
  position: relative;
  flex: 0 0 715px;
  max-width: 715px;
  z-index: 1;
}


.singleProductImagesMain-swiper.swiper {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  z-index: 1;
}

.singleProductImagesMain-item__image {
  position: relative;
  z-index: 1;
  width: 715px;
  height: 715px;
  background: #f4f2f5;
  border-radius: 30px;
  overflow: hidden;
}

.singleProductImagesOther-swiper {
  overflow: hidden;
  position: relative;
  width: calc(100% - 180px);
  margin: 0 auto;
}

.singleProductImagesOther-swiper .swiper-slide {
  opacity: .5;
  cursor: pointer;
}

.singleProductImagesOther-swiper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.singleProductImagesOther-item__image {
  height: calc((((var(--container) * .66) - 180px) - 20px * 3) / 4 / 1.3636);
}

button.swiper-navigation.singleProductImagesMain-navigation {
  margin: auto;
  top: 0;
  bottom: 0;
}

button.swiper-navigation.singleProductImagesMain-navigation.next {
  right: -30px;
  background-color: #fff;
}

button.swiper-navigation.singleProductImagesMain-navigation.prev {
  left: -30px;
  background-color: #fff;
}

button.swiper-navigation.singleProductImagesMain-navigation:is(.next, .prev) {
  top: 0;
  transition: all 0.2s ease;
  box-shadow: 0 4px 0 var(--primary-dark);
}

button.swiper-navigation.singleProductImagesMain-navigation:is(.next, .prev):hover {
  top: 4px;
  box-shadow: 0 2px 0 var(--primary-dark);
}

button.swiper-navigation.singleProductImagesMain-navigation:is(.next, .prev):before {
  mask-size: 60px;
  width: 60px;
  height: 60px;
}

button.swiper-navigation.singleProductImagesMain-navigation:is(.next, .prev):hover:before {
  background-color: var(--primary-dark);
}

.singleProduct-summary {
  position: relative;
  flex: 0 0 calc(100% - 715px - calc(var(--gap)*4));
  max-width: calc(100% - 715px - calc(var(--gap)*4));
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.singleProduct-summary .product_title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

.singleProduct-parameters {
  margin-bottom: 40px;
  padding: 16px;
  background-color: #fff;
  border-radius: var(--border-r-16);
  display: inline-flex;
  gap: calc(var(--gap)*2);
  flex-wrap: wrap;
}

.singleProduct-parameter-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: var(--primary-dark)
}

.singleProduct-parameter-content {
  padding-top: 3px;
  font-size: var(--h4-size);
  text-transform: uppercase;
  line-height: 1.2;
}

.singleProduct-parameter {
  display: flex;
  align-items: center;
  gap: 12px;
}

.singleProduct-tags {
  margin-top: auto;
  margin-bottom: 0;
  padding: 20px 0;
  display: inline-flex;
  gap: var(--gap);
  flex-wrap: wrap;
}

.singleProduct-tags.singleProduct-tags-loop{
    padding: 0;
    position: absolute;
    top: calc(var(--gap)/2);
    right: calc(var(--gap)/2);
    flex-direction: column;
    gap: 14px;
}

.singleProduct-tag {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.singleProduct-tag-link:hover{
  opacity: 0.8;
}

.singleProduct-tag-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: var(--white)
}

.singleProduct-tags-loop .singleProduct-tag-icon {
    padding: 2px;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid;
    box-shadow: 0 4px 0 var(--primary-dark);
    top: 0;
    transition: .3s;
}

.singleProduct-tags-loop .singleProduct-tag-icon:hover{
    box-shadow: 0 2px 0 var(--primary-dark);
    top: 2px;

}

.singleProduct-tag-content {
    padding-top: 3px;
    font-size: var(--text-size-lg);
    line-height: 1.2;
    color: var(--primary-dark);
    text-decoration: none;
}

.singleProduct-tag-content-hover{
    position: absolute;
    margin: auto;
    padding: 5px;
    top: 0;
    bottom: 0;
    right: calc(100% + 4px);
    background-color: #fff;
    pointer-events: none;
    border-radius: 8px;
    opacity: 0;
    white-space: nowrap;
    font-size: var(--text-size);
    height: 30px;
    box-shadow: 0 2px 0 var(--primary-dark);
    transition: .3s;
}

.singleProduct-tag:hover .singleProduct-tag-content-hover{
    opacity: 1;
    right: calc(100% + 8px);
}

.singleProduct-summary .price {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  display: none
}

.singleProduct-summary .price del {
  font-size: 25px;
  font-weight: 400;
  color: var(--grey);
}

.singleProduct-summary .price ins {
  text-decoration: none;
  color: var(--primary-blue);
}

.woocommerce-product-details__short-description {
  font-size: 18px;
  margin-bottom: 30px;
}

.singleProduct-content {
  font-size: 16px;
  margin-bottom: 30px;
}

.singleProduct-content~form.cart,
.product-template-default #wc-stripe-express-checkout-element {
  max-width: 420px;
}

.singleProduct-action {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 32px;
}

.singleProduct-qty {
  flex: 0 0 110px;
  max-width: 110px;
  height: 44px;
  border: 1px solid #D3D3D3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: flex;
}

.singleProduct-qty span {
  flex: 0 0 42px;
  max-width: 42px;
  width: 42px;
  -webkit-mask-size: 14px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--black);
  cursor: pointer;
  user-select: none;
  transition: .5s;
}

.singleProduct-qty span.minus {
  -webkit-mask-image: url(images/minus.svg);
  mask-image: url(images/minus.svg);
}

.singleProduct-qty span.plus {
  -webkit-mask-image: url(images/plus.svg);
  mask-image: url(images/plus.svg);
}

.singleProduct-qty span:hover {
  background-color: var(--primary-blue);
}

.singleProduct-qty .quantity {
  flex: auto;
}

.singleProduct-qty input {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  line-height: 1.5;
  border: none;
  text-align: center;
  outline: none;
  padding: 10px 0;
  color: var(--black);
  -moz-appearance: textfield;
}

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

.singleProduct-content ul {
  padding-left: 20px;
}

.singleProduct-content ul li {
  margin-bottom: 10px;
}

.singleProduct-action .btn {
  flex: 1 0 0;
  max-width: 100%;
  text-transform: uppercase;
  font-weight: 700;
}

.singleProduct-action-before-text {
  margin-bottom: 5px;
  margin-left: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.singleProduct-title {
  margin-bottom: 4px;
  font-size: var(--text-size-md);
}

.singleProduct-additional-content {
  margin-bottom: var(--gap);
  font-size: var(--text-size-md);
  font-family: "FixelDisplayRegular";
}

.singleProduct-additional-content::first-letter {
    text-transform: uppercase;
}

.singleProduct-additional-content:last-child {
  margin-bottom: 0;
}


.singleProduct-additional-content>*:last-child {
  margin-bottom: 0;
}

.singleProduct-additional-content strong {
    font-weight: 500;
    font-family: "FixelDisplayExtraBold", sans-serif;
}

.singleProduct-additional-content table {
  width: 100%;
  border-collapse: collapse;
}

.singleProduct-additional-content th,
.singleProduct-additional-content td {
  padding: 5px;
}

.singleProduct-additional-content th:first-child,
.singleProduct-additional-content td:first-child {
  padding-left: 0;
}

.singleProduct-additional-content th:last-child,
.singleProduct-additional-content td:last-child {
  padding-right: 0;
}

.singleProduct-additional-content th strong {
  font-weight: 800;
}

.singleProduct-additional-content td {
  color: #404040;
}

.singleProduct-additional-content td strong {
  font-weight: 700;
}

.singleProductAccordion {
  margin-bottom: 15px;
}

.singleProductAccordion:last-child {
  margin-bottom: 0;
}

.singleProductAccordion-item {
  position: relative;
  padding: 15px 0;
  transition: .5s;
  z-index: 1;
}

.singleProductAccordion-item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: url(images/product-accordion-sep.svg) repeat-x center;
  background-size: contain;
  z-index: 1;
}

.singleProductAccordion-item:last-child:after {
  display: none;
}

.singleProductAccordion-item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 800;
  cursor: pointer;
  transition: .5s;
}

.singleProductAccordion-item__head:hover {
  color: var(--primary-blue);
}

.singleProductAccordion-item__toggle {
  flex: 0 0 30px;
  max-width: 30px;
  width: 30px;
  height: 30px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(images/arrow-btn.svg);
  mask-image: url(images/arrow-btn.svg);
  background-color: var(--black);
  transition: .5s;
}

.active .singleProductAccordion-item__toggle {
  transform: rotate(180deg);
}

.singleProductAccordion-item__head:hover .singleProductAccordion-item__toggle {
  background-color: var(--primary-blue);
}

.singleProductAccordion-item__body {
  font-size: 16px;
  margin-top: 10px;
}


.singleProductAdvantages {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.singleProductAdvantages-item {
  display: flex;
  align-items: center;
  min-height: 68px;
  gap: 35px;
}

.singleProductAdvantages-item__image {
  flex: 0 0 68px;
  max-width: 68px;
}

.singleProductAdvantages-item__info {
  flex: auto;
  font-size: 16px;
  line-height: 1.25;
}

.singleProductAdvantages-item__title {
  font-weight: 800;
  margin: 0;
}




.woocommerce-notices-wrapper {
  position: relative;
  z-index: 2;
}

.woocommerce-result-count {
  display: none
}

.wc-block-components-notice-banner,
.woocommerce-message,
.woocommerce-NoticeGroup,
.woocommerce-info:not(ul),
.woocommerce-error:not(ul),
.woocommerce-notices-wrapper>.woocommerce-error {
padding: 30px var(--gap);
    background: var(--light);
    display: flex;
    align-items: center;
    margin-bottom: 40px !important;
    outline: none !important;
    list-style: none;
    font-size: var(--text-size-md);
}

.woocommerce-message,
.woocommerce-NoticeGroup,
.woocommerce-info:not(ul),
.woocommerce-error:not(ul),
.woocommerce-notices-wrapper>.woocommerce-error {
  display: block;
}

.wc-block-components-notice-banner svg {
  flex: 0 0 36px;
  max-width: 36px;
  margin-right: 30px;
}

.wc-block-components-notice-banner__content {
  position: relative;
  overflow: hidden;
  flex: auto;
  max-width: 100%;
}

.wc-block-components-notice-banner__content .button,
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
  float: right;
  margin-left: 30px;
  margin-bottom: 0px;
}

.woocommerce-ordering {
  display: none
}

.wc_payment_methods {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid #eee;
  padding: 0;
  margin: 0;
}

.wc_payment_methods .wc_payment_method {
  list-style: none;
  margin: 0;
  flex: 1 1 auto;
  position: relative;
  outline: none;
}

.wc_payment_methods input[type="radio"] {
  display: none;
}

ul.wc_payment_methods li>label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border-radius: 0;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 60px;
  outline: none !important;
}

.wc_payment_methods li>label img {
  margin-left: 5px;
  opacity: 0.7;
}

.wc_payment_methods li>label:hover {
  background: #ccc;
}

.wc_payment_methods li>input[type="radio"]:checked+label {
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  box-shadow: none !important;
  flex: 0 0 100%;
  max-width: 100%;
  outline: none;
}

.mwc-payments-gateway-card-icons img {
  width: 34px !important;
}

.wc_payment_methods .payment_box {
  display: none;
  padding: 16px;
  border: 1px solid #ddd;
  border-top: none;
  background: #f9f9f9;
  border-radius: 0;
}

.wc_payment_methods>li input[type="radio"]:checked+label+.payment_box {
  display: block;
}

.mwc-payments-payment-form {
  width: 100%;
}

/* .form-row {
    align-items: center;
    gap: 8px;
} */
.wc_payment_methods>li .form-row.woocommerce-validated {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.wc_payment_methods>li .form-row.woocommerce-validated label {
  margin-bottom: 0;
  font-size: 14px
}


.woocommerce-shipping-methods {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eee;
  padding: 0;
  margin: 0;
}

.woocommerce-shipping-methods li {
  list-style: none;
  position: relative;
}

.woocommerce-shipping-methods input[type="radio"] {
  display: none;
}

.woocommerce-shipping-methods li>label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  cursor: pointer;
  background: #fff;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 44px;
  font-size: 14px;
  transition: all 0.2s ease;
}

.woocommerce-shipping-methods li>label:hover {
  background: #f5f5f5;
}

.woocommerce-shipping-methods li>label::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: #fff;
}

.woocommerce-shipping-methods li>label::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--primary-blue);
  transition: transform 0.2s ease;
}

.woocommerce-shipping-methods input[type="radio"]:checked+label::after {
  transform: translateY(-50%) scale(1);
}

.woocommerce-shipping-methods input[type="radio"]:checked+label::before {
  border-color: #D3D3D3;
}

.woocommerce-shipping-methods input[type="radio"]:checked+label {
  background: #fafafa;
  font-weight: 600;
}



.woocommerce-pagination,
.navigation.pagination {
  position: relative;
  margin-top: 60px;
  z-index: 2;
}

ul.page-numbers,
.nav-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.page-numbers li a,
ul.page-numbers li span,
.nav-links .page-numbers:not(.dots) {
    min-width: 48px;
    height: 48px;
    color: var(--primary-dark);
    border: 1px solid var(--light);
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    text-decoration: none;
    border-radius: 100px;
    position:relative;
    top:0;
    box-shadow: 0 4px 0 var(--primary-dark);

}

ul.page-numbers li a:hover,
ul.page-numbers li span.current,
.nav-links .page-numbers:not(.dots):hover,
.nav-links .page-numbers.current {
  background: var(--white);
  border-color: var(--primary-blue);
  color: var(--primary-dark);
    top:3px;
    box-shadow: 0 2px 0 var(--primary-dark);
}


ul.page-numbers li span.current{
  color:var(--primary-blue)
}

.mk-q {
  display: flex;
  margin: 36px 0 16px;
}
.mk-q--left  { justify-content: flex-start; }
.mk-q--right { justify-content: flex-end; }

.mk-q > span {
  display: block;
  max-width: 80%;
  padding: 14px 22px;
  background: #1f4ea3;
  color: #fff;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(31, 78, 163, .18);
}
.mk-q--left > span  { border-bottom-left-radius: 4px; }
.mk-q--right > span { border-bottom-right-radius: 4px; background: #2f6fd6; }

@media (max-width: 767px) {
  .mk-q > span { max-width: 100%; }
}

.imo-razom-wrap{ 
    position: relative;
    display: flex;
    background: linear-gradient(45deg, rgb(255 255 255 / 60%), rgb(255 255 255 / 20%));
    padding: 60px;
    border-radius: 30px;}

.imo-razom-image {
    position: absolute;
    right: 0;
    top: 39%;
    bottom: 0;
    border-radius: 0;
    z-index: 1;
}

.imo-razom-content {
    max-width: 660px;
}
.zalashtunkami{
	background: linear-gradient(45deg, rgb(255 255 255 / 60%), rgb(255 255 255 / 20%));
    padding: 30px;
    border-radius: 40px;
}

.singleBlog-wrap {
  overflow: hidden;
}

.singleBlogLine-wrap{
  overflow: visible;
  display:flex;gap:100px;
}

.singleBlogLine-image{
margin: -100px 0;
    order: 1;
    flex: 43% 0 0;
    border-radius: var(--border-r-40);
    overflow: hidden;
}

.singleBlog-image {
  position: relative;
  float: right;
  width: 560px;
  margin: 0 0 40px 40px;
  z-index: 1;
  border-radius: var(--border-r-40);
  overflow: hidden;
}

.singleBlog-date {
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: var(--light);
  font-size: 14px;
  letter-spacing: 0;
  padding: 12px 15px;
  display: inline-block;
  z-index: 1;
  display: none;
}

.singleBlog-wrap .page-content{
  text-align: justify;
  flex: 1 0 0;
}

.overheading-mark{
      margin-bottom: 20px;
    padding: 10px 20px 8px;
    position: relative;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: var(--border-r-16);
    background-color: #233b7a;
    z-index: 1;
    font-size: var(--text-size);
    font-weight: bold;
}

.heading-line{
  margin-bottom:var(--gap);
      text-align: left;
}


/* line page */

body.line-template-default{
      background: #bedcfb;
          color: #233b7a;
}

.line-template-default .wrapper{
  overflow:hidden;
}

.line-template-default .page-body{
  overflow: visible;
}

.line-template-default .header {
    background: var(--primary-blue);
}

.line-template-default .wrapper:before{
  content: '';
    position: absolute;
    top: -1000px;
    left: 50%;
    width: 2000px;
    height: 2000px;
    background: #233b7a;
    border-radius: 100%;
    transform: skew(-3deg, 2deg);
}


.line-template-default .products-items .product-item__title a, 
.line-template-default .catalog-items .product-item__title a,
.line-template-default .woocommerce-breadcrumb {
    color: #233b7a;
}

.line-template-default .heading:before {
    opacity: 0.3;
}

.line-template-default .heading :is(h1, h2, h3, h4, h5, h6),
.line-template-default .special-item__name,
.line-template-default button.swiper-navigation:before{
  background:#233b7a;
}

.line-template-default .singleProduct-tags-loop .singleProduct-tag-icon {
    box-shadow: 0 4px 0 #233b7a;
}

.line-template-default .singleProduct-tags-loop .singleProduct-tag-icon:hover{
    box-shadow: 0 2px 0 #233b7a;

}


.items-line-wrapper{
    margin-top: 60px;
padding: 40px 60px;
    display: flex;
    justify-content: space-around;
    align-items:center;
    background: #fff;
    border-radius: var(--border-r-40);
}

.item-line{
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 324px 0 0;
}

.item-line__icon{
    flex: 100px 0 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #bedcfb;
}

.item-line__icon img{
    width: 55%;
    height: 55%;
}

.item-line__title {
    font-size: calc(var(--text-size-lg) - 2px);
    font-family: "FixelDisplayRegular", sans-serif;
}

.item-line__separator{
    height: 80px;
    border-right: 1px solid rgb(0 0 0 / 20%);
}

.heading-tastes:before {
    content: '';
    position: absolute;
    top: 26px;
    left: calc(var(--container) * 3 / 2 - var(--container) * 3);
    right: 0;
    height: 5px;
    width: calc(var(--container) * 3);
    background-image: url(/wp-content/themes/makey-theme/images/dashed-line.svg);
    background-repeat: repeat-x;
    background-position: -12px 0;
    border-radius: 100px;
    z-index: 0;
    opacity: 0.3;
}

.heading-tastes{
  margin-bottom:calc(var(--gap)*2);
  position:relative;
  text-align:center;
}

.heading-tastes h2 {
    margin-bottom: 10px;
    position: relative;
    padding: 0 40px;
    font-size: calc(var(--h1-size) * 1.2);
    display: inline-block;
    background: #bedcfb;
    z-index: 1;
    color: #233b7a;
}

.heading-tastes p{
  font-size: var(--text-size-lg);
    font-family: "FixelDisplayExtraRegular", sans-serif
}

.yakshho-pelmeni-to-makey-heading{
    font-size: calc(var(--h1-size) * 1.7);
    color: #233b7a;
    text-align: left;
      line-height: 1.1;
}

.yakshho-pelmeni-to-makey-heading-md{

}

.yakshho-pelmeni-to-makey-heading-lg{
    color: #fff;
    font-size: 1.4em;
        position: relative;
}

.yakshho-pelmeni-to-makey-heading-lg:before{
content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(ellipse at center, rgb(141 187 252) 0%, transparent 75%);
    z-index: -1;
}

.hapaj-ta-namynaj-heading{
    text-transform: uppercase;
    font-size: calc(var(--h1-size) * 2.2);
    text-align: left;
    line-height: 1;
}

.hapaj-ta-namynaj-heading-lite{
    color: #63a5ff;
}

.hapaj-ta-namynaj-heading-dark{
color: #153487;
}


/* partnership page */

.items-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.item-card {
  flex: calc(50% - 10px);
  padding: 0;
  background-color: #fff;
  border-radius: var(--border-r-20);
  display: flex;
  gap: 0;
}

.item-card__content{
	padding: 30px;
}

.item-card__icon {
  flex: 40% 0 0;
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-dark);
  border-radius: var(--border-r-16);
  overflow: hidden;
}

.item-card:nth-child(2) ~ .item-card .item-card__icon{
	order:1
}

.item-card__title {
  font-size: var(--h6-size);
  margin-bottom: 12px;
}

.item-card__desc{
      text-align: justify;
}

.item-card__desc p {
  font-size: var(--text-size-md);
  margin-bottom: 0;
  font-family: "FixelDisplayRegular";
}




/* contact page */

.contact-section.section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-section .container {
  position: relative;
  height: 100%;
}

.contact-wrap {
  padding-bottom: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap:60px;
}

.contact-wrap>div {
    width: 100%;
}

.contact__email:not(:last-child),
.contact__phone:not(:last-child){
    margin-bottom: 10px;
}
.contact__item{
    padding: 30px;
    background: linear-gradient(45deg, rgb(255 255 255 / 60%), rgb(255 255 255 / 20%));
    border-radius: 30px;
    gap: 0;
    align-items: center;
    margin-bottom: 0;
}

.contact__item address,
.contact__item .contact__phone a,
.contact__item .contact__email a,
.contact__item .contact__schedule {
  font-size: var(--text-size-lg);
}

.contact__item address{
      font-family: "FixelDisplayRegular";
}

.contact__item address strong{
      font-family: "FixelDisplayExtraBold", sans-serif;
}

.contact__item .contact__phone a,
.contact__item .contact__email a {
    color: var(--primary-dark);
    text-decoration: none;
}

.contact__item h2 {
  font-size: 42px;
}

.contact-content {
  display: grid;
    grid-template-columns: repeat(3, 3fr);
    column-gap: 20px;
    row-gap: 40px;
}

@media screen and (max-width:1099px) {
  .contact-content {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 20px;
  }
}

@media screen and (max-width:899px) {
  .contact-content {
    grid-template-columns: repeat(1, 1fr);
  }

  .contact-wrap {
    flex-wrap: wrap;
    gap: 100px;
  }

  .contact-wrap>div {
    flex: 100% 0 0;
  }
}

@media screen and (max-width:599px) {
  .contact-content {
    grid-template-columns: repeat(1, 1fr);
  }

  .contact_heading {
    margin-bottom: 5px;
  }
}

.contact__item.contact_item_map {
  grid-column: 1 / -1;

}

.contact_heading {
    margin-bottom: 18px;
    font-size: var(--text-size-md);
    font-family: "FixelDisplayExtraBold", sans-serif;
}

.contact-subheading {
  margin: 50px 0 0;
  font-weight: 300;
  line-height: 150%;
}

.contact-text {
  margin: 20px 0 var(--gap);
  white-space: pre-wrap;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.contact-button {
  margin-top: var(--gap);
}

.soc-links.contact-soc {
  margin-top: 10px;
}

.contact__phone a,
.contact__email a {
  font-style: normal;
  font-weight: 500;
  color: var(--text-color);
}

.contact__email a {
  text-decoration: underline;
}

.contact__phone a:hover,
.contact__email a:hover {
  opacity:0.7;
}

.contact__phone span,
.contact__email span {
  margin-right: 10px;
  width: 24px;
  line-height: 0;
}

.contact__phone span svg,
.contact__email span svg {
  width: 21px;
  fill: var(--primary-color);
}

.contact-content .soc-links ul li a {
  background-color: var(--primary-color);
}

.contact-content .soc-links ul li a:hover svg path {
  fill: var(--white);
}

.contact-content .soc-links ul li a:hover {
  background-color: var(--bg-grey);
}

.contact-form .modal-heading {
  margin-bottom: var(--gap);
}

.contact-form form {
  margin: 0 auto;
max-width: 100%;
}

.contact-form .form-field-button button {
  width: 100%;

}

.banner-form {
    padding: 42px 36px;
    border: none;
    background: var(--white);
    border-radius: var(--border-r-40);
}

.heading-form{
  margin-bottom:var(--gap);
}

.modal .heading-form {
    text-align: center;
    color: var(--primary-dark);
    font-weight: 400;
    font-size: var(--text-size-lg);
}

.modal .f-button {
    top: 10px !important;
    right: 10px !important;
}

.modal .f-button svg path{
    stroke: var(--text-color);
}

.modal .f-button:hover svg path{
    stroke: var(--primary-dark);
}

.banner-form .heading-form :is(h2, h3) {
  font-size: var(--h5-size);
}

/* about us page */

.pro_comp_block {
    background: url(/themes/img/bg-pro_komp.jpg) no-repeat center top;
    min-height: 805px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_comp_block .center_block {
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
    color: white;
    text-align: justify;
}

.pro_comp_cont {
    margin-top: 50px;
}

.pro_comp_cont ul{
  padding:0;
}

.pro_comp_cont ul.ul_prod li {
    position: relative;
    display: inline-block;
    width: 22%;
    background: var(--primary-dark);
    margin: 2px 0px;
    padding: calc(var(--gap) / 2);
    text-align: center;
    transition: all 0.3s linear;
}

.pro_comp_cont ul.ul_prod li:hover {
    background: #6D94E4;
    transition: all 0.3s linear;
}

.pro_comp_cont ul.ul_prod li:hover a {
    color: #fff;
    text-decoration: none;
}

.pro_comp_cont ul.ul_prod li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration:none;
    font-size:var(--text-size-md)
}

/*ul.ul_prod li:before {
    content: '';
    position: absolute;
    top: 8px;
    width: 10px;
    height: 10px;
    background: #00426f;
    margin-left: -21px;
    border-radius: 100%;
}*/
@media screen and (max-width: 500px) {
    .pro_comp_cont ul.ul_prod li {
        display: block;
        width: 100%;
    }


}


/* FAQ page */

.faq-page,
.testimonials-page {
  position: relative;
  z-index: 0;
}

.faq-page:before {
  content: '';
  background: url(images/bg-gradient-2.png) no-repeat center;
  background-size: 2998px;
  position: absolute;
  width: 100%;
  height: 1145px;
  top: -11%;
  left: 0;
  z-index: -1;
}

.faq-items {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) / 1.2);
  max-width: 960px;
  margin: auto;
}

.faq-item {
  position: relative;
  border: 1px solid rgb(224 224 224);
  background: #fff;
  -moz-border-radius: var(--border-r-24);
  -webkit-border-radius: var(--border-r-24);
  border-radius: var(--border-r-24);
  transition: .5s;
  z-index: 1;
}

.faq-item.active {
  border-color: var(--primary-blue);
  background: #fff;
}

.faq-item__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--gap) / 1.5);
  min-height: 92px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.1667;
  color: #000;
  margin: 0;
  padding: calc(var(--gap) / 1.2) calc(var(--gap) / 1.5) calc(var(--gap) / 1.2) calc(var(--gap) * 1.333);
  cursor: pointer;
  transition: .5s;
}

.faq-item__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  max-width: 48px;
  width: 48px;
  height: 48px;
  -moz-border-radius: calc(24px / 3.333);
  -webkit-border-radius: calc(24px / 3.333);
  border-radius: calc(24px / 3.333);
  transition: .5s;
}


.faq-item__toggle:before {
  content: '';
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(images/chevron-down.svg);
  mask-image: url(images/chevron-down.svg);
  background-color: #000;
  flex: 0 0 24px;
  max-width: 24px;
  width: 24px;
  height: 24px;
  transition: .5s;
}

.active .faq-item__toggle:before {
  background-color: var(--primary-blue);
  transform: rotate(180deg);
}

.faq-item__body {
  line-height: 1.4;
  padding: 0 calc(var(--gap) / 1.5 + 48px + var(--gap) / 1.5) calc(var(--gap) * 1.333) calc(var(--gap) * 1.333);
}

.faq-button {
  margin-top: calc(var(--gap) * 1.5);
}


.categories-item a {
  position: relative;
  text-decoration: none;
  height: 500px;
  padding: calc(var(--gap) * 2);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--white);
  border-right: 1px solid var(--black);
  z-index: 1;
}

.categories-item__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.categories-item__image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.categories-item a:hover .categories-item__image img {
  transform: scale(1.05);
}

.categories-item__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap);
}

.woocommerce-loop-category__title {

  font-weight: 400;
  font-size: var(--h5-size);
  letter-spacing: -.05em;
  text-transform: uppercase;
  margin: 0;
}

.woocommerce-loop-category__title mark {
  display: none;
}

.categories-item__more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  max-width: 40px;
  width: 40px;
  height: 40px;
  background: var(--white);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  transition: .5s;
}

.categories-item__more:hover {
  background: var(--black);
}

.categories-item__more:before {
  content: '';
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(images/chevron-right.svg);
  mask-image: url(images/chevron-right.svg);
  background-color: var(--black);
  flex: 0 0 24px;
  max-width: 24px;
  width: 24px;
  height: 24px;
  transition: .5s;
}

.categories-item__more:hover:before {
  background-color: var(--white);
}


.woocommerce-breadcrumb {
  max-width: var(--container);
  margin: 0 auto;
  padding: 20px 0 40px;
  color: var(--primary-dark);
  font-size: var(--text-size-md);
}

.woocommerce-breadcrumb.yoast-breadcrumb>span {
  display: flex;
}

.woocommerce-breadcrumb a {
  color: var(--primary-dark);
  opacity: 0.5;
  text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
  opacity: 1;
}

.breadcrumb-arrow-overlay {
  margin: 0 10px;
}

.breadcrumb-arrow-overlay img {
  opacity: 0.5;
}

.products-section {
  overflow: hidden;
}

.products-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 calc(var(--gap) * 2);
}

.products-heading.heading {
  flex: auto;
  max-width: calc(100% - var(--gap) * 2 - 120px);
}

.products-item__wrap {
  position: relative;
  height: 100%;
  z-index: 1;
}

.woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  height: 100%;
  text-decoration: none;
}

.products-item__image {
  position: relative;
  background: linear-gradient(180deg, #F1F1F1 0%, #D7D7D5 100%);
  height: 330px;
  z-index: 1;
}

.products-item__image-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 1;
  transition: .5s;
}

.products-item__image img {
  max-height: 340px;
  transition: opacity 0.4s;
}

.swiper-slide .products-item__image {
  height: 500px;
}

.swiper-slide .products-item__image img {
  max-height: 300px;
}

.products-item__image-inner.image-hover {
  opacity: 0;
  z-index: -1;
}

.products-item__wrap:hover .products-item__image-inner.image-default {
  opacity: 0;
  z-index: -1;
}

.products-item__wrap:hover .products-item__image-inner.image-hover {
  opacity: 1;
  z-index: 1;
}

.products-item__image-inner.image-default:last-child {
  opacity: 1 !important;
  z-index: 1 !important;
}

.products-item__image .onsale {
  background: rgba(47, 106, 175, 0.86);
  color: var(--white);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: var(--gap);
  right: var(--gap);
  font-size: calc(var(--text-size) / 1.066667);
  line-height: 1.16;
  padding: 8px 14px;
  text-transform: uppercase;
  letter-spacing: -.04em;
  z-index: 2;
}

.products-item__info {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--gap)/2);
}

.products-items__price {
  line-height: 1.3;
  font-size: var(--h6-size);
  letter-spacing: -.05em;
  color: var(--black);
}

.products-items__price del {
  font-size: var(--text-size);
  opacity: .5;
}

.products-items__price ins {
  text-decoration: none;
}


.products-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--gap) / -1.6);
}

.categories-block .products-items {
  margin: 0;
}

.products-item {
  margin: 0 0 calc(var(--gap) * 2.5);
  padding: 0 calc(var(--gap) / 1.6);
}

.swiper-slide .products-item {
  margin: 0;
  padding: 0;
}

.products-items.columns-5 .categories-item,
.products-items.columns-5 .products-item {
  flex: 0 0 calc(100% / 5);
  max-width: calc(100% / 5);
}

.products-items.columns-4 .categories-item,
.products-items.columns-4 .products-item {
  flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
}

.products-items.columns-3 .categories-item,
.products-items.columns-3 .products-item {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}

.products-items.columns-2 .categories-item,
.products-items.columns-2 .products-item {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
}

.products-items.columns-1 .categories-item,
.products-items.columns-1 .products-item {
  flex: 0 0 calc(100% / 1);
  max-width: calc(100% / 1);
}



/*  fixedContacts */
.fixedContacts {
  position: fixed;
  bottom: 100px;
  right: 65px;
  z-index: 90;
}

.fixedContacts-main {
  display: flex;
  align-items: center;
  gap: var(--gap);
}

.fixedContacts-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  background: var(--heading-color);
  opacity: .8;
  color: var(--white);
  font-size: 14px;
  padding: 10px 10px 10px 16px;
  z-index: 1;
}

.fixedContacts-label:after {
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid var(--heading-color);
  position: absolute;
  left: calc(100%);
  top: 0;
  z-index: 1;
}

.fixedContacts-button {
  padding: 0;
  position: relative;
  flex: 0 0 60px;
  max-width: 60px;
  width: 60px;
  height: 60px;
  background: #00aeef;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  animation: pulse-fixed-contacts 2s infinite;
  animation-timing-function: linear;
  transition: 0.5s;
  z-index: 1;
}

@-webkit-keyframes pulse-fixed-contacts {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
  }

  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse-fixed-contacts {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
    transform: scale(1);
  }

  70% {
    -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    transform: scale(1.08);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    transform: scale(1);
  }
}

.fixedContacts-button:hover {
  animation: none;
  box-shadow: none;
}

.active .fixedContacts-button {
  background: var(--white);
  animation: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
}

.fixedContacts-button svg.open {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: .5s;
}

.fixedContacts-button svg.close {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: .5s;
}

.active .fixedContacts-button svg.open {
  opacity: 0;
}

.active .fixedContacts-button svg.close {
  opacity: 1;
}

.fixedContacts-sub {
  position: absolute;
  bottom: calc(100% + var(--gap) / 1.5);
  right: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: calc(var(--gap) / 2);
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition: .5s;
  z-index: -1;
}

.active .fixedContacts-sub {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 1;
}

.fixedContacts-sub a {
  display: flex;
  align-items: center;
  gap: var(--gap);
  text-decoration: none;
}

.fixedContacts-sub a i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
  max-width: 50px;
  width: 50px;
  height: 50px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.fixedContacts-sub a.phone i {
  background: #ffffff;
}

.fixedContacts-sub a.sms i {
  background: #FE5B2C;
}

.fixedContacts-sub a.schedule i {
  background: #1cbe68;
}

.fixedContacts-sub a span {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  background: var(--heading-color);
  opacity: .8;
  color: var(--white);
  font-size: 14px;
  padding: 10px 10px 10px 16px;
  opacity: 0;
  transition: .5s;
  z-index: 1;
}

.fixedContacts-sub a:hover span {
  opacity: 1;
}

.fixedContacts-sub a span:after {
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid var(--heading-color);
  position: absolute;
  left: calc(100%);
  top: 0;
  z-index: 1;
}

@media screen and (min-width:1000px) {
  .fixedContacts-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    background: var(--heading-color);
    opacity: .8;
    color: var(--white);
    font-size: 20px;
    padding: 20px 20px 20px 24px;
    z-index: 1;
  }

  .fixedContacts-label:after {
    content: '';
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 18px solid var(--heading-color);
    position: absolute;
    left: calc(100%);
    top: 0;
    z-index: 1;
  }
}


.grecaptcha-badge {
  display: none !important
}

/* filters woo */

.products-filter{
    padding-top: 10px;
    margin-bottom: 40px;
}

.products-filter__options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.products-filter__option {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.products-filter__option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.products-filter__radio {
    display: none;
}

.products-filter__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    background: #fff;
    color: #0755a5;
    border-radius: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    border: 0;
    box-shadow: 0 4px 0 #0755a5;
    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.15s ease;
}

.products-filter__option:hover .products-filter__label {
    transform: translateY(-1px);
    box-shadow: 0 5px 0 #0755a5;
}

.products-filter__option input:checked + .products-filter__radio + .products-filter__label {
    background: #0755a5;
    color: #fff;
    box-shadow: 0 4px 0 #043d78;
}

.products-filter__option:active .products-filter__label {
    transform: translateY(3px);
    box-shadow: 0 1px 0 #0755a5;
}

.products-filter__title {
 /*  display:none; */
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
}

.products-filter__group {
    margin-bottom: 20px;
    display:flex;
    align-items:center;
    gap:10px;
}

.products-filter__reset {
    display: inline-block;
    margin-top: 5px;
    color: #0755a5;
    font-weight: 700;
    text-decoration: none;
}

.products-filter__reset:hover {
    text-decoration: underline;
}
.singleProduct-tags-cross_sells a{
    padding-right: 10px;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
}

/* career */

.hero-banner-career .hero-banner-heading :is(h1, h2){
      line-height: 1;
    font-size: calc(var(--h1-size) * 1.8);
    margin-bottom: 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
}
.hero-banner-career .hero-banner-heading p {
    font-family: "FixelDisplayRegular", sans-serif;
    font-size: var(--text-size-lg);
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0;
}
.hero-banner-career .hero-banner-button{
    margin-top: var(--gap);
}
.hero-banner-career .hero-banner-button-white a.btn {
    min-height: auto;
    padding: 20px 20px;
    background-color: #fff;
    color: var(--primary-dark);
    border-radius: 100px;
    max-width: 340px;
}

.hero-banner-career .hero-banner-button-white a.btn:hover{
    transform: translateY(-4px);
}

.items-list-wrapper-career{
  display:flex;
  flex-wrap:wrap;
    gap: 60px 0;
}
.item-card-career{
    display:flex;
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
    margin: 0;
    padding: 0 calc(var(--gap) / 2);
}
.item-card-career__wrap{
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: var(--border-r-16);
}
.item-card-career__content{
  flex:1 0 0;
  display:flex;
  flex-direction:column;
}
.item-card-career__title{
    padding: 20px;
    color: var(--primary-dark);
    text-decoration: none;
    font-size: var(--text-size-lg);
}
.item-card-career__desc{
    padding: 0 20px 20px 20px;
    font-family: "FixelDisplayКупгдфк", sans-serif;
}
.item-card-career__icon{
    max-height: 416px;
    border-radius: var(--border-r-16);
    overflow: hidden;
    box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0) 0 25px 25px -5px;
}
.career-button{
    padding: 0 20px 20px;
    margin-top: auto;
}


/* filters */

.woocommerce-ordering{
    margin-top:-30px;

}

.widget_wpc_filters_widget {
    z-index: 3;
}

.flrextra-all-button, .flrextra-invert-button{
  display:none
}

body ul.wpc-filter-chips-list li.wpc-chip-reset-all a, 
body ul.wpc-filter-chips-list li.wpc-chip-reset-all span.wpc-apply-button-chips-reset {
    border-color: var(--primary-dark);
    color: var(--primary-dark);
    background: #fff;
}


div.wpc-filters-section {
    margin-bottom: 10px;
    position: relative;
    display: flex;
    gap: 20px;
}

.wpc-filter-content{
  display:flex !important;
  gap:10px;
}

.flrextra-button-wrapper{
    margin-top: 2px;
}

div.flrextra-button-wrapper button {
  text-transform: uppercase;
    padding: 13px 10px 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: "FixelDisplayExtraBold", sans-serif;
}

body .wpc-filters-main-wrap li.wpc-term-item .wpc-term-item-content-wrapper,
.wpc-filters-section .flrextra-none-button {
    position: relative;
    top: 0;
    padding: 13px 10px 10px;
    display: flex;
    align-items: center;
    height: 45px;
    background-color: #fff;
    box-shadow: 0 4px 0 var(--primary-dark);
    border-radius: 100px;
    color: var(--primary-dark);
    text-decoration: none;
    border:none
}

body .wpc-filters-main-wrap li.wpc-term-item .wpc-term-item-content-wrapper:hover,
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-selected .wpc-term-item-content-wrapper,
.flrextra-none-button:hover,
.wpc-filters-section:not(.wpc-filter-has-selected) .flrextra-none-button {
  top: 2px;
  box-shadow: 0 2px 0 var(--primary-dark);
}

body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-selected .wpc-term-item-content-wrapper,
.wpc-filters-section:not(.wpc-filter-has-selected) .flrextra-none-button{
  color:#fff;
  background-color:var(--primary-dark);
}

.wpc-filters-main-wrap li.wpc-term-item label:before{
  content:'';
  position:absolute;
  top:0;right:0;left:0;bottom:0;
}

.wpc-filters-main-wrap ul.wpc-filters-ul-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio]{
  display:none
}

.wpc-filter-datepicker .ui-datepicker-current, .wpc-term-count-brackets-close, .wpc-term-count-brackets-open {
    display: block !important;
}

 .wpc-filters-main-wrap li.wpc-term-item span.wpc-term-count{
    text-align: center;
    display:flex;  margin-right:-7px;
 }

 .wpc-filter-title {
    margin-bottom: 12px;
    padding-top: 18px;
 }
.wpc-filter-terms-count-0{
  display:none !important
}
body .wpc-filters-widget-containers-wrapper{
  margin-bottom: var(--gap);
  display:none !important
}
body:is(.term-21,.term-22,.term-27,.term-24,.term-20, .term-74, .term-76, .term-84, .term-80, .term-92) .wpc-filters-widget-containers-wrapper{
  display:block !important
}
body:is(.term-21, .term-74, .term-80) .wpc-filters-section-1600,
body:is(.term-74, .term-76, .term-84) .wpc-filters-section-1603,
body:is(.term-21, .term-27) .wpc-filters-section-1595,
body:is(.term-76, .term-84) .wpc-filters-section-1596,
body.term-21 .wpc-filters-section-1389,
body.term-24 .wpc-filters-section-1389,
body:is(.term-24, .term-22) .wpc-filters-section-1384,
body:is(.term-24, .term-22) .wpc-filters-section-1389,
body.term-20 :is(.wpc-filters-section-1389, .wpc-filters-section-1384, .wpc-filters-section-1387, .wpc-filters-section-1388 ),
body.term-20 .wpc-filters-list-1383 :is(.wpc-term-id-116, .wpc-term-id-206, .wpc-term-id-208),
body.term-92 :is(.wpc-filters-section-1603, .wpc-filters-section-1596, .wpc-filters-section-1598, .wpc-filters-section-1599 ),
body.term-20 .wpc-filters-list-1383 :is(.wpc-term-id-116, .wpc-term-id-206, .wpc-term-id-208),
body.term-92 .wpc-filters-list-1367 :is(.wpc-term-id-259, .wpc-term-id-263, .wpc-term-id-267, .wpc-term-id-271),
body:not(.term-92) .wpc-filters-list-1367 :is(.wpc-term-id-74, .wpc-term-id-76, .wpc-term-id-78, .wpc-term-id-80, .wpc-term-id-84),
body:not(.term-20) .wpc-filters-list-1383 :is(.wpc-term-id-21, .wpc-term-id-22, .wpc-term-id-23, .wpc-term-id-24, .wpc-term-id-27),
body.term-80 .wpc-filters-section-1367,
body.term-27 .wpc-filters-section-1383{
  display:none !important;
}


/* filter meat */

.wpc-filters-list-1384 .wpc-checkbox-item label,
.wpc-filters-list-1596 .wpc-checkbox-item label{
  align-items:center;
}
.wpc-filters-list-1384 .wpc-checkbox-item label:after,
.wpc-filters-list-1596 .wpc-checkbox-item label:after{
    margin-right: 10px;
    margin-bottom: 2px;
    order: -1;
    line-height: 0;
}
#wpc-term-taxonomy-pa_myaso-177 label:after,
#wpc-term-taxonomy-pa_meat-292 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/kur-svin-yalov.webp');
}
#wpc-term-taxonomy-pa_myaso-178 label:after,
#wpc-term-taxonomy-pa_meat-295 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/svin-yalov.webp');
}
#wpc-term-taxonomy-pa_myaso-179 label:after,
#wpc-term-taxonomy-pa_meat-293 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/kur-yalov.webp');
}
#wpc-term-taxonomy-pa_myaso-180 label:after,
#wpc-term-taxonomy-pa_meat-289 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/kur.webp');
}
#wpc-term-taxonomy-pa_myaso-181 label:after,
#wpc-term-taxonomy-pa_meat-288 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/indich-yalov.webp');
}
#wpc-term-taxonomy-pa_myaso-182 label:after,
#wpc-term-taxonomy-pa_meat-291 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/kur-svin.webp');
}
#wpc-term-taxonomy-pa_myaso-183 label:after,
#wpc-term-taxonomy-pa_meat-294 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/svin.webp');
}
#wpc-term-taxonomy-pa_myaso-184 label:after,
#wpc-term-taxonomy-pa_meat-290 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/kur-indich.webp');
}

#wpc-term-taxonomy-pa_myaso-450 label:after,
#wpc-term-taxonomy-pa_meat-449 label:after{
  content:url('/wp-content/themes/makey-theme/images/meat/kur-telyatina.webp');
}

.wpc-filters-list-1384 .wpc-checkbox-item .wpc-filter-link,
.wpc-filters-list-1596 .wpc-checkbox-item .wpc-filter-link{
    position: absolute;
    opacity: 1;
    top: 100%;
    left:0;right:0;
    text-align: center;
    background: #fff;
    padding: 3px 4px;
    border-radius: 4px;
    font-size: 14px;
    color: var(--primary-dark);
    opacity:0;
    transition:all 0.3s ease;
}

.wpc-filters-list-1384 .wpc-checkbox-item:hover .wpc-filter-link,
.wpc-filters-list-1596 .wpc-checkbox-item:hover .wpc-filter-link{
    top: calc(100% + 5px);
    opacity:1;    
    box-shadow: rgba(0, 0, 0, 0.1) 0 5px 20px 2px;
}

.wpc-filters-list-1384,
.wpc-filters-list-1596{
      overflow: visible !important;
}

body .wpc-filters-main-wrap li.wpc-term-item:hover{
  position:relative;
  z-index:1;
}

/* work-jobs */

#work-jobs-list{
	display:flex;
	flex-wrap:wrap;
	gap: 40px 60px;
	margin:0;
	padding:0;
}

#work-jobs-list li{
	padding:20px;
  position:relative;
	background:#fff;
	border-radius: var(--border-r-20);
	list-style:none;
	flex: calc(33% - 40px) 0 0;
  transition: transform 0.3s ease;
}

#work-jobs-list li a{
	text-decoration:none;
	color:var(--primary-dark);
	font-size:var(--text-size-lg);
}

#work-jobs-list li:hover{
    transform: translateY(-4px);
}

#work-jobs-list li b{
	color:#000;
	font-size:var(--text-size-md);
	display: block;
}

a.work-a:before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
}

/*  */



@media (max-width: 1899px) {
  :root {
    --gap-container: 60px;
    --gap: 30px;
  }
  .hero-animated-image-logo { max-width: 320px; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 58px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 66px; }
  .hero-animated-slogan { font-size: 30px; }
  .partners-item img { max-height: 110px; }
  .step-item-title,
  .heading :is(h1, h2, h3, h4, h5, h6) { height: 110px; }
  .heading:before { top: calc(50% - 2px); }

}

@media (max-width: 1799px) {
  :root {
    --gap-container: 58px;
    --gap: 28px;
    --text-size: 15px;
    --text-size-md: 16px;
    --text-size-lg: 22px;
    --h1-size: 36px;
    --h2-size: 34px;
    --h3-size: 32px;
    --h4-size: 28px;
    --h5-size: 26px;
    --h6-size: 24px;
  }
  .hero-animated-slogan { font-size: 28px; }
  .partners-item img { max-height: 100px; }
  .step-item-title,
  .catalog-item__title a,
  .heading :is(h1, h2, h3, h4, h5, h6) { height: 100px; }
  .form-field-contacts .wpcf7-list-item-label { height: 90px; }
  .lang-menu:before { height: 85px;}
  .hero-banner-heading :is(h1, h2) {
    font-size: 50px;
  }
  .hero-banner-button-white a.btn {
    min-height: 74px;
    padding: 18px;
}
}

@media (max-width: 1699px) {
  :root {
    --gap-container: 56px;
    --gap: 28px;
    --text-size: 15px;
    --text-size-md: 16px;
    --text-size-lg: 22px;
    --h1-size: 36px;
    --h2-size: 34px;
    --h3-size: 32px;
    --h4-size: 28px;
    --h5-size: 26px;
    --h6-size: 24px;
  }
  .hero-animated-image-logo { max-width: 300px; }
  .lang-menu:before { height: 85px; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 56px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 64px; }
  .hero-animated-slogan { font-size: 26px; height: 78px; }
  .singleProduct-wrap { gap: calc(var(--gap) * 3); }
  .singleProductImagesMain-item__image { width: 615px; height: 615px; }
  .singleProduct-images { flex: 0 0 615px; max-width: 615px; }
  .singleProduct-summary {
    flex: 0 0 calc(100% - 615px - calc(var(--gap) * 3));
    max-width: calc(100% - 615px - calc(var(--gap) * 3));
  }
  .hero-banner-heading :is(h1, h2) { /* font-size: 65px; */         font-size: 48px; margin-bottom: var(--gap); }
.item-card__icon {
        flex: 40% 0 0;
        width: 40%;
        height: 100%;
    }

  .form-field-contacts .wpcf7-list-item-label { background-size: auto 55%; }
  .hero-banner-career .hero-banner-heading img{max-width: 14%;}
  .hero-banner-career .hero-banner-heading :is(h1, h2) {
    font-size: calc(var(--h1-size) * 1.6);
  }
  .item-line__icon {
    flex: 80px 0 0;
    width: 80px;
    height: 80px;
  }
  .item-line {
    flex: 22% 0 0;
  }
  .yakshho-pelmeni-to-makey-heading {
    font-size: calc(var(--h1-size) * 1.4);
  }
}

@media (max-width: 1599px) {
  :root {
    --gap-container: 60px;
    --gap: 28px;
    --text-size: 15px;
    --text-size-md: 16px;
    --text-size-lg: 20px;
    --h1-size: 36px;
    --h2-size: 34px;
    --h3-size: 32px;
    --h4-size: 28px;
    --h5-size: 26px;
    --h6-size: 24px;
  }
  .container-pv { padding-top: 90px; padding-bottom: 90px; }
  .hero-wrap>div { flex: 0 0 50%; max-width: 50%; height: 450px; }
  .heading :is(h1, h2, h3, h4, h5, h6) { padding: 15px 30px 10px; }
  .header-wrap { height: 100px; gap: var(--gap); }
  .header-menu,
  .header-contacts { flex: calc(50% - 180px/2 - var(--gap)*2) 0 0; }
  .header-logo { flex: 180px 0 0; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 32px; height: 32px; }
  .header-phone a,
  .lang-menu>li>a { font-size: var(--text-size-md); padding: 13px 8px 10px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 40px; }
  .main-menu li a { height: 40px; padding: 13px 8px 10px; font-size: var(--text-size-md); }
  .hero-animated-image-logo { max-width: 260px; }
  .woocommerce-breadcrumb { padding: 18px 0 30px; font-size: var(--text-size); }
  .singleProduct-parameter-icon,
  .singleProduct-tag-icon { width: 48px; height: 48px; }
  .singleProduct-parameter-icon svg,
  .singleProduct-tag-icon img { width: 80%; height: 80%; }
  .hero-banner-wrap { height: 580px; }
  .heading :is(h1, h2, h3, h4, h5, h6) { height: auto; min-height: 80px; }
  .header-contacts { gap: var(--gap); }
  .lang-menu:before { height: 85px; }
  .hero-banner-content { padding: 80px 60px; }
  .hero-banner-heading :is(h1, h2) { /* font-size: 58px;  */ 
        font-size: 46px;}
  .hero-animated-slogan { height: 70px; font-size: 24px; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 50px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 57px; }
  .hero-animated-image-logo { top: 80px; }
  .hero-animated-text { top: 230px; }
  .special-item__name a { padding: 16px; min-height: 80px; font-size: var(--text-size-lg); }
  .special-item__image { max-height: 350px; }
  .catalog-item {
    flex: calc(100% / 4 - var(--gap) * 3 / 4) 0 0;
    max-width: calc(100% / 4 - var(--gap) * 3 / 4);
  }
  .catalog-item__title a {
    padding: 28px 15px 24px;
    font-size: var(--h4-size);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .step-item-title,
  .catalog-item__title a { min-height: 74px; height: auto; }
  .products-swiper { max-width: 80%; }
  .seo-section+.banner-section { margin-top: 50px; }
  .seo-wrap { gap: 50px; }
  .seo-wrap-steps { flex: calc(50% - 50px) 0 0; max-width: calc(50% - 50px); }
  .seo-wrap-video { width: calc(50% - 50px); height: 444px; }
  .step-item-number { font-size: 80px; }
  .step-item-title { padding: 16px; }
  .partners-item { flex: calc(100% / 6) 0 0; max-width: calc(100% / 6); }
  .partners-item img { max-height: 90px; }
  .partnership-wrap { padding: 80px; gap: 60px; }
  .partnership-info,
  .partnership-form { flex: 1 0 0; }
  .partnership-image img { max-height: 320px; }
  .blog-item { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); }
  .blog-item__title { font-size: var(--text-size-lg); padding: 16px; }
  .blog-item__excerpt { margin-bottom:16px;padding: 0 16px 0; }
  .singleProduct-wrap { gap: calc(var(--gap) * 3); }
  .form-field-contacts .wpcf7-list-item-label { height: 80px; }
  .singleProduct-images { flex: 0 0 580px; max-width: 580px; }
  .singleProductImagesMain-item__image { width: 580px; height: 580px; }
  .singleProduct-summary {
    flex: 0 0 calc(100% - 580px - calc(var(--gap) * 3));
    max-width: calc(100% - 580px - calc(var(--gap) * 3));
  }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-lg); }
  .singleProduct-summary .price { font-size: 34px; }
  .footer { padding: 50px 0 0; }
  .footer-wrap { gap: var(--gap); }
  .footer-widget:nth-child(1) { max-width: 400px; }
  .footer-widget-menus { gap: 70px; }
  .copyright-footer { padding: 30px 0 30px; }
  .items-line-wrapper {
    margin-top: 60px;
    padding: 30px 40px;
  }
  .heading-tastes:before {
    top: 21%;
  }
  
}

@media (max-width: 1499px) {
  :root {
    --gap-container: 50px;
    --gap: 24px;
    --text-size: 14px;
    --text-size-md: 15px;
    --text-size-lg: 20px;
    --h1-size: 32px;
    --h2-size: 30px;
    --h3-size: 28px;
    --h4-size: 24px;
    --h5-size: 22px;
    --h6-size: 20px;
  }
  .hero-animated-image-logo { top: 90px; max-width: 240px; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 42px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 48px; }
  .hero-wrap>div { height: 430px; }
  .hero-animated-slogan { height: 68px; font-size: 22px; }
  .items-navigation.swiper-navigation { flex: 0 0 40px; max-width: 40px; }
  .container-pv { padding-top: 80px; padding-bottom: 80px; }
  button.swiper-navigation { width: 50px; height: 50px; }
.hero-banner-heading :is(h1, h2) {
        font-size: 36px;
    }
        .hero-banner-button-white a.btn {
        min-height: 60px;
        padding: 16px 40px;
        width: auto;
    }

    .hero-banner-wrap {
        height: auto;
    }
      .lang-menu:before {
        height: 84px;
    }
    .footer-widget-menus {
        margin-right: auto;
    }
    .footer-widget-menus-column_address strong{
      display:block;
    }
    .footer-logo img {
    max-width: 300px;
}
}

@media (max-width: 1399px) {
  :root {
    --gap-container: 40px;
    --gap: 24px;
    --text-size: 14px;
    --text-size-md: 15px;
    --text-size-lg: 20px;
    --h1-size: 32px;
    --h2-size: 30px;
    --h3-size: 28px;
    --h4-size: 24px;
    --h5-size: 22px;
    --h6-size: 20px;
  }
  .btn { min-height: 74px; }
  .heading :is(h1, h2, h3, h4, h5, h6) { padding: 12px 24px 8px; font-size: var(--h3-size); }
  .header-wrap { height: 84px; gap: var(--gap); }
  .header-logo { flex: 140px 0 0; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 26px; height: 26px; }
  .header-phone a,
  .lang-menu>li>a { font-size: var(--text-size); padding: 11px 6px 8px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 34px; }
  .header-mess,
  .header-soc { padding: 0 10px; }
  .main-menu li a { height: 34px; padding: 11px 6px 6px; font-size: var(--text-size); }
  .hero-section { padding: 30px 0 0; }
  .hero-wrap>div { height: 400px; }
  .hero-banner-content { padding: 60px 40px; }
  .hero-banner-heading :is(h1, h2) {  margin-bottom: 20px; }
  .hero-banner-heading p { font-size: var(--h5-size); }
  .hero-banner-button {  margin-top: calc(var(--gap) * 1.5); }
  .hero-animated-slogan { height: 60px; font-size: 22px; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 38px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 43px; }
  .hero-animated-image-logo { top: 110px; max-width: 210px; }
  .form-field-contacts .wpcf7-list-item-label { height: 70px; }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select{ height: 70px; }
    .item-card__icon {
        flex: 40% 0 0;
        width: 40%;
        height: 100%;
    }
  button.swiper-navigation { width: 30px; height: 30px; }
  button.swiper-navigation.singleProductImagesMain-navigation { width: 50px; height: 50px; }
  .items-navigation.swiper-navigation { flex: 0 0 30px; max-width: 30px; }
  button.swiper-navigation:before { mask-size: 60px; width: 30px; height: 30px; }
  .items-navigation.swiper-navigation.prev { right: calc(100% + 5px); }
  .seo-step-activation { height: 100vh; max-height: 500px; }
  .seo-wrap-video { height: 370px; }
  .items-navigation.swiper-navigation.next { left: calc(100% + 5px); }
  .special-item__name a { min-height: 64px; padding: 12px; font-size: var(--text-size-md); }
  .special-item__image { max-height: 280px; }
  .catalog-item {
    flex: calc(100% / 3 - var(--gap) * 2 / 3) 0 0;
    max-width: calc(100% / 3 - var(--gap) * 2 / 3);
  }
  .catalog-item__title a { height: 64px; padding: 16px 12px; font-size: var(--h4-size); }
  .products-swiper { max-width: 75%; }
  .singleProduct-section { padding-bottom: 0; }
  .partners-item { flex: calc(100% / 4) 0 0; max-width: calc(100% / 4); }
  .blog-item { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); }
  .blog-item__title { padding: 12px; }
  .blog-item__excerpt { margin-bottom:0; padding: 0 12px 12px; }
  .singleProduct-wrap { gap: calc(var(--gap) * 3); }
  .singleProduct-images { flex: 0 0 460px; max-width: 460px; }
  .singleProductImagesMain-item__image { width: 460px; height: 460px; }
  .singleProduct-summary {
    flex: 0 0 calc(100% - 460px - calc(var(--gap) * 3));
    max-width: calc(100% - 460px - calc(var(--gap) * 3));
  }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-md); }
  .singleProduct-summary .price { font-size: 28px; }
  .singleProduct-parameter-icon,
  .singleProduct-tag-icon { width: 44px; height: 44px; }
      .lang-menu:before {
        height: 73px;
    }
        .hero-banner-career .hero-banner-heading :is(h1, h2) {
        margin: 20px 0;
        font-size: calc(var(--h1-size) * 1.4);
    }
        .hero-banner-career .hero-banner-heading img {
        max-width: 12%;
    }
    .hero-banner-career .hero-banner-button-white a.btn {
    padding: 18px;
    max-width: 280px;
}
.banner-button a:before {
    border: 2px dashed #fff;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
}
#work-jobs-list {
    gap: 20px;
}
#work-jobs-list li {
    flex: calc(33% - 15px) 0 0;
}
    .item-line__icon {
        flex: 70px 0 0;
        width: 70px;
        height: 70px;
    }
    .singleBlogLine-wrap {
    gap: 60px;
}
}

@media (max-width: 1299px) {
  :root {
    --gap-container: 40px;
    --gap: 20px;
    --text-size: 13px;
    --text-size-md: 14px;
    --text-size-lg: 18px;
    --h1-size: 28px;
    --h2-size: 26px;
    --h3-size: 24px;
    --h4-size: 22px;
    --h5-size: 20px;
    --h6-size: 18px;
  }
  .container-pv { padding-top: 70px; padding-bottom: 70px; }
  .lang-menu:before { height: 62px; }
  .heading :is(h1, h2, h3, h4, h5, h6) {
    height: 64px;
    padding: 9px 20px 6px;
    font-size: var(--h3-size);
  }
  .heading:before { top: 32px; height: 3px; }
  .header-wrap { height: 72px; gap: var(--gap); }
  .header-logo { flex: 150px 0 0; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 20px; height: 20px; }
  .header-phone a,
  .lang-menu>li>a { font-size: var(--text-size); padding: 9px 6px 6px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 30px; }
  .header-contacts { gap: calc(var(--gap) * 1.5); }
  .main-menu li a { height: 30px; padding: 9px 4px 6px; font-size: var(--text-size); }
  .hero-banner-wrap { height: 400px; }
 .item-card__icon {
        flex: auto;
        width: 100%; height: auto; }
  .partnership-wrap { padding: 70px; }
  .hero-banner-heading :is(h1, h2) { font-size: 36px; margin-bottom: var(--gap); }
  .hero-banner-button-white a.btn {
    min-height: 62px;
}
    .hero-banner-button {
        max-width: 280px;
    }
  .hero-wrap>div { height: 320px; }
  .btn.btn-md { min-height: 56px; font-size: 18px; padding: 8px 30px; }
  .hero-animated-slogan { height: 50px; font-size: var(--h5-size); }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 32px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 37px; }
  .hero-animated-image-logo { max-width: 180px; top: 80px; }
  .hero-animated-text { top: 180px; }
  .special-item__name a { min-height: 56px; padding: 10px; font-size: var(--text-size-md); }
  .special-item__image { max-height: 220px; }
  .catalog-item {
    flex: calc(100% / 3 - var(--gap) * 2 / 3) 0 0;
    max-width: calc(100% / 3 - var(--gap) * 2 / 3);
  }
  .catalog-item__title a { height: 56px; padding: 15px 10px 12px; font-size: var(--h4-size); }
  .partners-items { padding: 0 calc(var(--gap)); gap: calc(var(--gap)) 0; }
  .partners-item img { max-width: 80%; }
  .products-items .product-item,
  .catalog-items .product-item {
    flex: calc(100% / 3 - var(--gap) * 2 / 3) 0 0;
    max-width: calc(100% / 3 - var(--gap) * 2 / 3);
  }
  .products-swiper { max-width: 70%; }
  .form-field-contacts .wpcf7-list-item-label { height: 60px; }
  .step-item-title { font-size: var(--h5-size); }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-md); }
  .singleProduct-summary .price { font-size: 24px; }
  .soc-links:is(.footer-mess, .footer-soc) li a { width: 28px; height: 28px; }
  .item-card {
    flex-direction: column;
  }
	
	.indicator {
		--base: .8em;
	}
	.indicator.sm {
    	--base: .6rem;
	}
	.indicator-career {
		margin: 5px auto 30px;
	}
}

@media (max-width: 1199px) {
  :root {
    --gap-container: 40px;
    --gap: 16px;
    --text-size: 13px;
    --text-size-md: 14px;
    --text-size-lg: 18px;
    --h1-size: 28px;
    --h2-size: 26px;
    --h3-size: 24px;
    --h4-size: 22px;
    --h5-size: 20px;
    --h6-size: 18px;
  }
  .header-menu,
  .header-contacts { flex: calc(50% - 150px / 2 - var(--gap)) 0 0; }
  .hero-animated-slogan { font-size: var(--h6-size); }
  .special-item__image { max-height: 416px; }
  .seo-wrap-video { height: 345px; }
  .seo-wrap { gap: 30px; }
  .products-swiper { max-width: 100%; }
}

@media (max-width: 991px) {
  :root {
    --container: 100%;
    --gap-container: 30px;
    --gap: 16px;
    --text-size: 13px;
    --text-size-md: 14px;
    --text-size-lg: 16px;
    --h1-size: 26px;
    --h2-size: 24px;
    --h3-size: 22px;
    --h4-size: 20px;
    --h5-size: 18px;
    --h6-size: 16px;
    --border-r-16: 12px;
    --border-r-20: 16px;
    --border-r-24: 18px;
    --border-r-40: 32px;
  }
  .btn { min-height: 56px; }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select { height: 56px; }
  .hero-banner-button { max-width: 250px; margin-top: var(--gap); }
  .header-toggle { display: flex; }
  .heading:before {
    top: calc(50% - 2px);
    background-image: url(/wp-content/themes/makey-theme/images/dashed-line.svg);
    background-size: auto 100%;
    height: 4px;
  }
  .copyright-footer:before { height: 4px; background-size: auto 100%; }
  .container { padding-left: var(--gap-container); padding-right: var(--gap-container); }
  .container-pv { padding-top: 60px; padding-bottom: 60px; }
  .heading :is(h1, h2, h3, h4, h5, h6) {
    height: auto;
    padding: 4px 16px;
    font-size: var(--h3-size);
    min-height: 70px;
  }
  .header-wrap { height: 80px; gap: calc(var(--gap) * 1.2); }
  .header-logo { margin: 0 auto 0 0; flex: 160px 0 0; }
  .header-menu,
  .header-contacts { flex: 1 0 0; }
  .header-menu { display: none; }
  .soc-links li a { width: 21px; height: 21px; }
  .special-swiper.swiper,
  .products-carousel { max-width: 85%; margin: 0; }
  .special-item:not(.swiper-slide-visible) .special-item__wrap { opacity: 1; pointer-events: auto; }
  .header-contacts { gap: calc(var(--gap) * 1.2); }
  .header-phone a,
  .lang-menu>li>a { font-size: 12px; padding: 4px 6px 4px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 26px; }
  .hero-section { padding: 20px 0 0; }
  .hero-wrap>div:first-child { order: 0; }
  .hero-wrap>div { flex: 0 0 100%; max-width: 100%; height: auto; }
  .hero-media video { position: relative; height: auto; max-height: 400px; }
  .hero-banner-content { padding: 40px 30px; }
  .hero-banner-heading p { font-size: var(--h4-size); }
  .hero-banner-button { max-width: 320px; margin-top: var(--gap); }
  .hero-banner-wrap { height: auto; }
  .hero-banner-content { padding: 30px 20px; }
  .hero-banner-heading :is(h1, h2) { font-size: 22px; margin-bottom: 12px; }
  .hero-banner-heading p {         font-size: var(--text-size-md); line-height: 1.2; }
  .hero-banner-button {max-width: 199px;margin-top: var(--gap);}
      .hero-banner-button-white a.btn {
        min-height: 45px;
        padding: 12px;
        font-size: 12px;
    }
  .lang-menu:before { height: 53px; }
  .hero-banner-button { max-width: 250px; margin-top: var(--gap); }
  .btn.btn-md { min-height: 48px; font-size: 16px; padding: 6px 20px; }
  .hero-animated-banner { height: 400px; }
  .hero-animated-slogan { height: 68px; font-size: 22px; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 44px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 50px; }
  .hero-animated-image-logo { top: 80px; max-width: 240px; }
  .hero-animated-text { top: 210px; }
  .special-item__name a { min-height: 48px; padding: 8px; font-size: var(--text-size-md); }
  .special-item__image { max-height: 100%; }
  .items-navigation.swiper-navigation { display: none; }
  .catalog-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .catalog-item__title a { height: 54px; padding: 11px 8px 8px; font-size: var(--h4-size); }
  .catalog-item { padding: 0 20px; }
  .step-item-title,
  .catalog-item__title a { min-height: 54px; }
  .products-items .product-item,
  .catalog-items .product-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .products-swiper { max-width: 100%; }
    .seo-wrap {
        gap: 30px;
        justify-content: flex-start;
        flex-direction: column;
        height: auto;
    }
    .seo-wrap-steps {
        height: stretch;
        flex: inherit;
        max-width: 100%;
        width: 100%;
    }
  .seo-wrap-video {
        width: 100%;
        height: 345px;
        top: 0;
        position: relative;
        order: -1;
  }
  .products-filter__group{
    flex-wrap:wrap;
  }
  .heading-overlay {
position: relative;
        top: 0;
  }
  .seo-wrap-steps{
    top: 0;
  }

  .seo-steps-activation { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; }
  .seo-step-activation { height: 25%; }
  .partners-item { flex: calc(100% / 3) 0 0; max-width: calc(100% / 3); }
  .form-field-button { margin-top: var(--gap); }
  .footer-phone a,
  .footer-email a { font-size: var(--text-size-lg); }
  .heading-partnership h3,
  .partnership-form .form-field-label { font-size: var(--h2-size); }
  .partnership-wrap {
    padding: 60px;
    gap: 30px;
    border-radius: var(--border-r-20);
    text-align: center;
    flex-wrap: wrap;
  }
  .partnership-info,
  .partnership-form { flex: 100% 0 0; }
  .partnership-dashed-line { display: none; }
  .partnership-image { margin-top: 20px; margin-bottom: 0; }
  .partnership-image img { max-height: 260px; }
  .blog-item { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); }
  .blog-item__title { padding: 10px; }
  .blog-item__excerpt { margin-bottom:12px;padding: 0 8px 8px; }
  .singleProduct-wrap { flex-direction: column; gap: var(--gap); }
  .singleProduct-images { flex: 100% 0 0; max-width: 100%; }
  .singleProductImagesMain-item__image { width: 100%; height: auto; aspect-ratio: 1/1; }
  .singleProduct-summary { flex: 100% 0 0; max-width: 100%; }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-md); }
  .singleProduct-summary .price { font-size: 22px; }
  .singleProductImagesOther-swiper { width: calc(100% - 120px); }
  button.swiper-navigation.singleProductImagesMain-navigation.next { right: -15px; }
  button.swiper-navigation.singleProductImagesMain-navigation.prev { left: -15px; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 27px; height: 27px; }
  .footer { padding: 40px 0 0; }
  .footer-wrap { flex-wrap: wrap; gap: var(--gap); }
  .footer-widget:nth-child(1) { max-width: 100%; flex: 100% 0 0; }
  .footer-slogan { font-size: var(--h4-size); }
  .footer-widget-menus { gap: 40px; flex: 100% 0 0; margin-right: 0; }
  .footer-widget-menus:before { display: none; }
  .copyright-footer { padding: 24px 0; }
  .footer { padding: 24px 0 0; }
  .footer-wrap { flex-direction: column; gap: calc(var(--gap) * 2.5); }
  .footer-widget:nth-child(1) { max-width: 100%; flex: 100% 0 0; }
  .footer-slogan { font-size: var(--h4-size); }
  .footer-widget-menus { flex: 100% 0 0; gap: 20px; flex-wrap: wrap; }
  .footer-widget-menus:before { display: none; }
  .footer-menu, .footer-widget-menus-column { flex: 1 1 auto; }
  .copyright-footer { flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; }
  .copyright-text { order: 1; width: 100%; }
  .soc-links.footer-mess { margin-left: 0; }
  .contact-wrap { flex-wrap: wrap; gap: 40px; }
  .contact-wrap>div { flex: 100% 0 0; }
  .lang-menu:before { display: none; }
  .lang-menu>li:not(.current-lang) { opacity: 1; pointer-events: auto; }
  .lang-menu>li.current-lang { display: none; }
  body { font-size: 14px; }
  .item-card-career {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
      .hero-banner-career .hero-banner-button-white a.btn {
        padding: 12px;
        max-width: 220px;
    }
        .hero-banner-career .hero-banner-heading :is(h1, h2) {
        margin: 20px 0;
        font-size: calc(var(--h1-size) * 1.3);
    }
	.item-card:nth-child(2) ~ .item-card .item-card__icon{
		order:-1
	}
  #work-jobs-list {
    gap: 20px;
}
#work-jobs-list li {
    flex: calc(50% - 10px) 0 0;
}
    .items-line-wrapper {
        flex-wrap: wrap;
        gap: 30px 0;
    }
    .item-line {
        flex: 50% 0 0;
        padding-right:30px;
    }
    .item-line__separator{
      display:none
    }
        .singleBlogLine-wrap {
        gap: 30px;
        align-items: flex-start;
    }
.singleBlogLine-image {
    margin: 0;
    flex: 45% 0 0;
}
.line-template-default .wrapper:before {
    left: 55%;
    transform: skew(-7deg, -9deg);
}

}

@media (max-width: 991px) and (min-width: 768px) {
  .catalog-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .products-items .product-item,
  .catalog-items .product-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
}

@media (max-width: 799px) {
  .hero-banner-career .hero-banner-heading p {
    font-size: var(--text-size);
  }
 .item-card-career {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .text-line {
    bottom: -2px;
  }
  .text-line-banner-image-2{
    display:none
  }
  .text-line-banner-image-1{
    width:34%;
    bottom:5%;
  }
  .text-line-banner-image-3 {
      width: 40%;
  }
  .banner-button:before {
    border: 1px dashed #fff;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;    border-radius: var(--border-r-16);
}
div.wpc-filters-section {
    display: flex;
    gap: 0;
    flex-direction: column;
}
div.flrextra-button-wrapper button {
    font-size: 14px;
}
    body .wpc-filters-main-wrap li.wpc-term-item {
        padding: 0 !important;
    }
    body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
      border: 1px solid var(--primary-dark) !important;
      background-color: #fff !important;
      color: var(--primary-dark) !important;
  }
  .wpc-open-close-filters-button {
    width:100%;
  }
  .wpc-open-close-filters-button .wpc-button-inner{
    justify-content: space-between;
  }
  .product-item__wrap {
    opacity: 1 !important;
        transform: translateZ(0) !important;
  }
  .wpc-filters-main-wrap ul.wpc-filters-ul-list {
    display: flex;
    gap: 0 5px;
  }
}

@media (max-width: 767px) {
  :root {
    --container: 100%;
    --gap: 20px;
    --gap-container: 20px;
    --text-size: 12px;
    --text-size-md: 13px;
    --text-size-lg: 15px;
    --h1-size: 22px;
    --h2-size: 20px;
    --h3-size: 18px;
    --h4-size: 16px;
    --h5-size: 15px;
    --h6-size: 14px;
    --border-r-16: 10px;
    --border-r-20: 14px;
    --border-r-24: 16px;
    --border-r-40: 28px;
  }
  .container-pv { padding-top: 40px; padding-bottom: 40px; }
  .heading :is(h1, h2, h3, h4, h5, h6) {
    height: auto;
    min-height: 56px;
    font-size: var(--h3-size);
  }
  .header-wrap { height: 56px; gap: var(--gap); }
  .header-logo { flex: 80px 0 0; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 14px; height: 14px; }
  .header-contacts { gap: calc(var(--gap) * 0.8); }
  .header-phone a,
  .lang-menu>li>a { font-size: 12px; }
  .soc-links li a { width: 20px; height: 19px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 24px; border-radius: 50px; }
  .header-toggle button { flex: 0 0 24px; max-width: 24px; width: 24px; height: 24px; }
  .hero-section { padding: 10px 0 0; }
  .hero-animated-banner { height: 300px; }
  .hero-banner-wrap { height: auto; }
  .hero-banner-content { padding: 20px 16px; }
  .hero-banner-heading :is(h1, h2) { font-size: 23px; margin-bottom: 10px; }
  .hero-banner-heading p { font-size: 14px; font-family: "FixelDisplayRegular", sans-serif; }
  .hero-banner-button { max-width: 190px; margin-top: calc(var(--gap) * 0.8); }
  .btn.btn-md { min-height: 40px; font-size: 14px; padding: 4px 16px; border-radius: 12px; }
  .btn { padding: 13px; font-size: var(--text-size); }
  .hero-banner-button .btn { min-height: 40px; }
  .hero-animated-slogan { height: 46px; font-size: var(--h5-size); }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 31px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 35px; }
  .hero-animated-image-logo { top: 70px; max-width: 180px; }
  .hero-animated-text { top: 172px; }
  .special-item__name a { min-height: 40px; padding: 6px; font-size: var(--text-size-md); border-radius: 12px; }
  .catalog-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .catalog-item__title a { height: 40px; padding: 9px 6px 6px; font-size: var(--h4-size); border-radius: 12px; }
  .products-items .product-item,
  .catalog-items .product-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .products-swiper { max-width: 100%; }
  .seo-wrap { gap: 16px; }
  .step-item-number { font-size: 32px; }
  .step-item-title { height: 48px; font-size: var(--h4-size); padding: 6px; }
  .partners-item__image { height: 80px; }
  .partners-item img { max-height: 60px; max-width: 90%; }
  .partnership-wrap { padding: 20px; gap: 30px; border-radius: var(--border-r-20); text-align: center; }
  .item-card {         flex: 100% 0 0; flex-direction: column; }
  .singleProduct-images { flex: 100% 0 0; max-width: 100%; }
  .singleProductImagesMain-item__image { border-radius: var(--border-r-16); }
  .singleProduct-summary .product_title { font-size: 24px; }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-md); }
  .singleProduct-summary .price { font-size: 20px; }
  .singleProduct-parameters { padding: 12px; gap: var(--gap); }
  .singleProduct-parameter-icon { width: 40px; height: 40px; }
  .singleProduct-tag-icon { width: 40px; height: 40px; }
  .singleProduct-action .btn { font-size: 14px; min-height: 48px; }
  .footer { padding: 16px 0 0; border-radius: 20px 20px 0 0; }
  .footer-slogan { font-size: var(--h4-size); }
  .footer-widget-menus { gap: 16px; }
  .footer-menu { font-size: var(--text-size-md); }
  .copyright-footer { padding: 24px 0; }
  .soc-links:is(.footer-mess, .footer-soc) li a { width: 24px; height: 24px; }
  .hero-banner-career .hero-banner-heading :is(h1, h2) {
        margin: 10px 0;
        font-size: var(--h1-size);
    }
    .hero-banner-career .hero-banner-heading p {
        font-size: 9px;
        margin-bottom: 0;
    }    .hero-banner-career .hero-banner-button-white a.btn {
        padding: 8px;
        max-width: 140px;
    }
    
.banner-button a{
  padding-top: 5px;
  border-radius: 4px;
}

    .singleBlogLine-wrap {
        flex-direction: column;
    }
        .singleBlogLine-image {
        margin: 0;
        flex: auto;
        order: -1;
    }
    .line-template-default .wrapper:before {
        top: 88px;
        left: 5%;
        width: 628px;
        height: 300px;
        border-radius: 100%;
        transform: skew(9deg, -16deg);
}
.singleBlogLine-image {
        margin: -20px 0;
	position: relative;
}
	.singleBlogLine-wrap {
		gap: 64px;
	}

.item-line {
        flex: 1 0 0;
        padding-right: 0;
    }
        .items-line-wrapper {
        margin-top: 30px;
        }
        .item-line__icon {
        flex: 60px 0 0;
        width: 60px;
        height: 60px;
    }

}

@media screen and (max-width: 599px) {
  :root {
    --container: 100%;
    --gap: 20px;
    --gap-container: 20px;
    --text-size: 12px;
    --text-size-md: 13px;
    --text-size-lg: 15px;
    --h1-size: 22px;
    --h2-size: 20px;
    --h3-size: 18px;
    --h4-size: 16px;
    --h5-size: 15px;
    --h6-size: 14px;
    --border-r-16: 10px;
    --border-r-20: 14px;
    --border-r-24: 16px;
    --border-r-40: 28px;
  }
  .singleProduct-tags-loop .singleProduct-tag-icon {
    padding: 0;
    position: relative;
    width: 25px;
    height: 25px;
  }
  .singleProduct-tag-content-hover{
    display:none !important
  }
  .singleProduct-tags-loop .singleProduct-tag-icon {
    box-shadow: 0 1px 0 var(--primary-dark);
  }
  .singleProduct-tags.singleProduct-tags-loop {
      gap: 6px;
  }
  .singleBlog-image { float: none; width: 100%; margin: 0 0 var(--gap) 0; }
  .woocommerce-breadcrumb {
    padding: 14px 0 20px;
    font-size: var(--text-size);
    margin-bottom: 20px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .breadcrumb-arrow-overlay { margin: 0 7px; flex: 4px 0 0; }
  .breadcrumb-arrow-overlay img { height: 7px; }
  .container-pv { padding-top: 40px; padding-bottom: 40px; }
  .heading :is(h1, h2, h3, h4, h5, h6) { height: auto; min-height: 56px; font-size: var(--h3-size); }
  .header-soc { display: none; }
  .header-wrap { height: 56px; gap: var(--gap); }
  .header-logo { flex: 100px 0 0; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 14px; height: 14px; }
  .header-contacts { gap: calc(var(--gap) * 0.8); }
  .header-phone a,
  .lang-menu>li>a { font-size: 12px; }
  .modal-mobile .lang-menu>li>a { font-size: 14px; padding: 7px 6px 4px; }
  .soc-links li a { width: 20px; height: 19px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 24px; border-radius: 50px; }
  .header-toggle button { flex: 0 0 24px; max-width: 24px; width: 24px; height: 24px; }
  .hero-section { padding: 10px 0 0; }
  .hero-animated-banner { height: 300px; }
  .hero-banner-wrap { height: auto; }
  .hero-banner-content { padding: 20px 16px; }
      .hero-banner-heading :is(h1, h2) {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .hero-banner-heading p {
        font-size: 10px;
        font-family: "FixelDisplayRegular", sans-serif;
    }
  .hero-banner-button { max-width: 160px; margin-top: calc(var(--gap) * 0.8); }
  .hero-banner-button-white a.btn {
        min-height: 33px;
        padding: 11px;
        font-size: 10px;
    }
  .btn.btn-md { min-height: 40px; font-size: 14px; padding: 4px 16px; border-radius: 12px; }
  .btn { padding: 13px; font-size: var(--text-size); }
  .hero-banner-button .btn { min-height: 36px; padding: 10px; font-size: 10px; }
  .hero-animated-slogan { height: 46px; font-size: var(--h5-size); }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 31px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 35px; }
  .hero-animated-image-logo { top: 70px; max-width: 180px; }
  .hero-animated-text { top: 172px; }
  .special-item__name a { min-height: 40px; padding: 6px; font-size: var(--text-size-md); border-radius: 12px; }
  .catalog-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .catalog-item__image { margin-top: 20px; }
  .catalog-item:hover .catalog-item__image { transform: scale(1.1); bottom: 20px; }
  .catalog-item__title a { height: 40px; padding: 6px 6px; font-size: var(--h4-size); border-radius: 12px; }
  .products-items .product-item,
  .catalog-items .product-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .products-swiper { max-width: 100%; }
  .seo-wrap { gap: 16px; }
  .step-item-number { font-size: 32px; }
  .step-item-title { height: 48px; font-size: var(--h4-size); padding: 6px; }
  .partners-item__image { height: 80px; }
  .partners-item img { max-height: 60px; max-width: 90%; }
  .partnership-wrap { padding: 20px; gap: 30px; border-radius: var(--border-r-20); text-align: center; }
  .item-card { flex-direction: column; }
  .singleProduct-images { flex: 100% 0 0; max-width: 100%; }
  .singleProductImagesMain-item__image { border-radius: var(--border-r-16); }
  .singleProduct-summary .product_title { font-size: 24px; }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-md); }
  .singleProduct-summary .price { font-size: 20px; }
  .singleProduct-parameters { padding: 12px; gap: var(--gap); }
  .singleProduct-parameter-icon { width: 40px; height: 40px; }
  .singleProduct-tag-icon { width: 40px; height: 40px; }
  .singleProduct-action .btn { font-size: 14px; min-height: 48px; }
  .footer { padding: 16px 0 0; border-radius: 20px 20px 0 0; }
  .footer-slogan { font-size: var(--h4-size); }
  .footer-widget-menus { gap: 16px; }
  .footer-menu { font-size: var(--text-size-md); }
  .copyright-footer { padding: 24px 0; }
  .soc-links:is(.footer-mess, .footer-soc) li a { width: 24px; height: 24px; }
  .woocommerce-breadcrumb { padding: 14px 0 0; }
  
  .blog-item__image, .blog-item a {
    border-radius: var(--border-r-40);
  }
      .blog-item__title {
        font-size: var(--h3-size);
      }
}

@media screen and (max-width: 499px) {
  :root {
    --container: 100%;
    --gap: 20px;
    --gap-container: 20px;
    --text-size: 12px;
    --text-size-md: 13px;
    --text-size-lg: 15px;
    --h1-size: 22px;
    --h2-size: 20px;
    --h3-size: 18px;
    --h4-size: 16px;
    --h5-size: 15px;
    --h6-size: 14px;
    --border-r-16: 8px;
    --border-r-20: 12px;
    --border-r-24: 14px;
    --border-r-40: 24px;
  }
  header .lang-menu { display: none; }
  .breadcrumb-arrow-overlay { margin: 0 7px; }
  .container-pv { padding-top: 40px; padding-bottom: 40px; }
  button.swiper-navigation.singleProductImagesMain-navigation { width: 40px; height: 40px; }
  button.swiper-navigation.singleProductImagesMain-navigation:is(.next, .prev):before {
    mask-size: 43px;
    width: 40px;
    height: 40px;
  }
  .heading :is(h1, h2, h3, h4, h5, h6) { height: auto; min-height: 56px; font-size: var(--h3-size); }
  .header-soc { display: none; }
  .header-wrap { height: 56px; gap: 16px; }
  .header-logo { flex: 100px 0 0; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 14px; height: 14px; }
  .header-contacts { gap: calc(var(--gap) * 0.8); }
  .header-phone a,
  .lang-menu>li>a { font-size: 12px; padding: 5px 6px 4px; }
  .soc-links li a { width: 20px; height: 19px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 24px; border-radius: 50px; }
  .header-toggle button {         flex: 0 0 34px;
        max-width: 34px;
        width: 34px;
        height: 34px; }
  .hero-section { padding: 10px 0 0; }
  .hero-animated-banner { height: 245px; }
  .hero-banner-wrap { height: auto; }
  .hero-banner-content { padding: 20px 16px; }
    .hero-banner-heading :is(h1, h2) {
        font-size: 11px;
        margin-bottom: 10px;
        letter-spacing:0;
    }
    .hero-banner-heading p {
        font-size: 8px;
        font-family: "FixelDisplayRegular", sans-serif;
    }
        .hero-banner-button-white a.btn {
        min-height: 25px;
        padding: 7px;
        font-size: 8px;
    }
  .btn.btn-md { min-height: 40px; font-size: 14px; padding: 4px 16px; border-radius: 12px; }
  .btn { padding: 13px; font-size: var(--text-size); }
    .hero-banner-button {
        max-width: 115px;
        margin-top: calc(var(--gap) * 0.8);
    }
    .footer-widget-menus-column .footer-widget-menus-column_address{
      display:none
    }
    .footer-widget:last-child .footer-widget-menus-column_address {
      margin-top:0;
        margin-bottom: calc(var(--gap) * 2);
        display: block;
        text-align: center;
        width: 100%;
    }
    .footer-description {
      margin: 30px 0 24px;
      text-align: center;
  }
    .footer-widget:last-child .footer-widget-menus-column_address .contact_heading {
        font-size: var(--h4-size);font-weight: 600;
    }
  .hero-banner-button .btn { min-height: 30px; padding: 8px; font-size: 9px; }
  .hero-animated-slogan { height: 40px; font-size: 12px; white-space: nowrap; }
  .special-swiper.swiper,
  .products-carousel { max-width: 60%; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 24px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 27px; }
  .hero-animated-image-logo { top: 60px; max-width: 130px; }
  .hero-animated-text { top: 134px; }
  .special-item__name a { min-height: 40px; padding: 6px; font-size: var(--text-size-md); border-radius: 12px; }
  .catalog-item { flex: calc(100% / 2 - var(--gap) / 2) 0 0; max-width: calc(100% / 2 - var(--gap) / 2); padding: 0 5px; }
  .partners-items { padding: 0; }
  .catalog-item__image { margin-top: 20px; }
  .catalog-item:hover .catalog-item__image { transform: scale(1.1); bottom: 20px; }
  .catalog-item__title a { height: 40px; padding: 6px 6px; font-size: var(--h4-size); border-radius: 12px; }
  .products-items .product-item,
  .catalog-items .product-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .partners-item img { max-height: 43px; max-width: 90%; }
.footer-logo img {
        max-width: 60%;
    }
    .footer-logo{
      text-align: center;
    }
  .products-swiper { max-width: 100%; }
  .seo-wrap { gap: 16px; }
  .step-item-number { font-size: 32px; }
  .step-item-title { height: 48px; font-size: var(--h4-size); padding: 6px; }
  .partners-item__image { height: 80px; }
  .partners-item img { max-height: 50px; max-width: 80%; }
  .form-field-contacts .wpcf7-list-item-label { height: 50px; }
  .partnership-wrap { padding: 20px; gap: 30px; border-radius: var(--border-r-20); text-align: center; }
  .form-field-contacts { margin-bottom: var(--gap); }
  .item-card {  flex-direction: column; }
  .heading-partnership h3,
  .partnership-form .form-field-label { font-size: var(--h4-size); }
  .singleProduct-images { flex: 100% 0 0; max-width: 100%; }
  .singleProductImagesMain-item__image { border-radius: var(--border-r-16); }
  .singleProduct-summary .product_title { font-size: 24px; }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-md); }
  .singleProduct-summary .price { font-size: 20px; }
  .singleProduct-parameters { padding: 12px; gap: var(--gap); }
  .singleProduct-parameter-icon { width: 40px; height: 40px; }
  .singleProduct-tag-icon { width: 40px; height: 40px; }
  .singleProduct-action .btn { font-size: 14px; min-height: 48px; }
  .footer { padding: 16px 0 0; border-radius: 20px 20px 0 0; }
  .footer-slogan { font-size: var(--h4-size); }
  .footer-widget-menus { gap: 16px; }
  .footer-menu { font-size: var(--text-size-md); }
  .copyright-footer { padding: 24px 0; }
  .soc-links:is(.footer-mess, .footer-soc) li a { width: 24px; height: 24px; }
  .seo-wrap-video { width: 100%; height: 300px; }
  .blog-item { flex: 100% 0 0; max-width: 100%; }
  .blog-item__title {
    padding: 10px 20px;
  }
  .blog-item__excerpt{
        margin-bottom:12px;padding: 0 20px 0;
  }
  .banner-form .heading-form :is(h2, h3) {
    font-size: var(--h2-size);
}.banner-form {
    padding: var(--gap);
}
    .header-mess, .header-soc {
        gap: 4px;
    }
        .hero-banner-career .hero-banner-heading :is(h1, h2) {
        margin: 10px 0;
        font-size: var(--h5-size);
    }
        .hero-banner-career .hero-banner-heading p {
        font-size: 7px;
        margin-bottom: 0;
    }
        .hero-banner-career .hero-banner-button-white a.btn {
        padding: 8px;
        max-width: 105px;
        font-size: 7px;
    }
    .hero-banner-career .hero-banner-button {
      margin-top: 10px;
  }
      .item-card-career {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact__item {
    padding: 20px;
    border-radius: var(--border-r-24);
    }
    .page-template-page-contact .page-body{
      padding-bottom:40px;
    }
    
.banner-button a{
  padding-top: 3px;
}
#work-jobs-list {
    gap: 20px;
}
#work-jobs-list li {
    flex: 100% 0 0;
}
	
	.indicator.sm {
    	--base: .5rem;
	}
}

@media screen and (max-width: 400px) {
  :root {
    --container: 100%;
    --gap: 18px;
    --gap-container: 20px;
    --text-size: 11px;
    --text-size-md: 12px;
    --text-size-lg: 14px;
    --h1-size: 21px;
    --h2-size: 19px;
    --h3-size: 17px;
    --h4-size: 15px;
    --h5-size: 14px;
    --h6-size: 14px;
    --border-r-16: 6px;
    --border-r-20: 10px;
    --border-r-24: 12px;
    --border-r-40: 22px;
  }
      body {
        font-size: 13px;
    }
    .footer-phone a:before, .footer-email a:before {
    flex: 0 0 20px;
    max-width: 20px;
    width: 20px;
    height: 20px;
    }
  header .lang-menu { display: none; }
  .breadcrumb-arrow-overlay { margin: 0 7px; }
  .container-pv { padding-top: 40px; padding-bottom: 40px; }
  button.swiper-navigation.singleProductImagesMain-navigation { width: 40px; height: 40px; }
  button.swiper-navigation.singleProductImagesMain-navigation:is(.next, .prev):before {
    mask-size: 43px;
    width: 40px;
    height: 40px;
  }
  .heading :is(h1, h2, h3, h4, h5, h6) { height: auto; min-height: 56px; font-size: var(--h3-size); }
  .header-soc { display: none; }
     .header-wrap {
        height: 56px;
        gap: 8px;
     }
  .header-logo { flex: 100px 0 0; }
  .header-logo a:before,
  .header-logo a:after, .header-logo:before { width: 14px; height: 14px; }
  .header-contacts { gap: calc(var(--gap) * 0.8); }
  .header-phone a,
  .lang-menu>li>a { font-size: 12px; white-space: nowrap; }
  .soc-links li a { width: 20px; height: 19px; }
  .header-phone a,
  .header-email,
  .header-account,
  .header-mess,
  .header-soc,
  .lang-menu { height: 24px; border-radius: 50px; }
  .header-toggle button { flex: 0 0 24px; max-width: 24px; width: 24px; height: 24px; }
  .hero-section { padding: 10px 0 0; }
  .hero-animated-banner { height: 230px; }
  .hero-banner-wrap { height: auto; }
  .hero-banner-content { padding: 20px 16px; }
  .hero-banner-heading :is(h1, h2) { font-size: 13px; margin-bottom: 10px; }
  .hero-banner-heading p { font-size: 9px; font-family: "FixelDisplayRegular", sans-serif; }
  .btn.btn-md { min-height: 40px; font-size: 13px; padding: 4px 16px; border-radius: 12px; }
  .hero-banner-button { max-width: 130px; margin-top: calc(var(--gap) * 0.8); white-space: nowrap; }
  .hero-banner-button .btn { min-height: 30px; padding: 8px; font-size: 9px; }
  .hero-animated-slogan { height: 40px; font-size: 12px; white-space: nowrap; }
  .special-swiper.swiper,
  .products-carousel { max-width: 75%; }
  .hero-animated-text .hero-adnimted-text-bg { font-size: 24px; }
  .hero-animated-text .hero-adnimted-text-md { font-size: 27px; }
  .hero-animated-image-logo { top: 60px; max-width: 130px; }
  .hero-animated-text { top: 134px; }
  .special-item__name a { min-height: 40px; padding: 6px; font-size: var(--text-size-md); border-radius: 12px; }
  .catalog-item { flex: 100% 0 0; max-width: 100%; padding: 0 40px; }
  .partners-items { padding: 0; }
  .catalog-item__image { margin-top: 20px; }
  .catalog-item:hover .catalog-item__image { transform: scale(1.1); bottom: 20px; }
  .catalog-item__title a { height: 40px; padding: 6px 6px; font-size: var(--h4-size); border-radius: 12px; }
  .products-items .product-item,
  .catalog-items .product-item {
    flex: calc(100% / 2 - var(--gap) / 2) 0 0;
    max-width: calc(100% / 2 - var(--gap) / 2);
  }
  .partners-item img { max-height: 43px; max-width: 90%; }
.footer-logo img {
        max-width: 60%;
    }
  .products-swiper { max-width: 100%; }
  .seo-wrap { gap: 16px; }
  .step-item-number { font-size: 32px; }
  .step-item-title { height: 48px; font-size: var(--h4-size); padding: 6px; }
  .partners-item__image { height: 80px; }
  .partners-item img { max-height: 50px; max-width: 80%; }
  .form-field-contacts .wpcf7-list-item-label { height: 50px; }
  .partnership-wrap { padding: 20px; gap: 30px; border-radius: var(--border-r-20); text-align: center; }
  .form-field-contacts { margin-bottom: var(--gap); }
  .heading-partnership h3,
  .partnership-form .form-field-label { font-size: var(--h4-size); }
  .singleProduct-images { flex: 100% 0 0; max-width: 100%; }
  .singleProductImagesMain-item__image { border-radius: var(--border-r-16); }
  .singleProduct-summary .product_title { font-size: 24px; }
  .singleProduct-parameter-content { font-size: var(--h4-size); }
  .singleProduct-tag-content { font-size: var(--text-size-md); }
  .singleProduct-summary .price { font-size: 20px; }
  .singleProduct-parameters { padding: 12px; gap: var(--gap); }
  .singleProduct-parameter-icon { width: 40px; height: 40px; }
  .singleProduct-tag-icon { width: 40px; height: 40px; }
  .singleProduct-action .btn { font-size: 14px; min-height: 48px; }
  .footer { padding: 16px 0 0; border-radius: 20px 20px 0 0; }
  .footer-slogan { font-size: var(--h4-size); }
  .footer-widget-menus { gap: 16px; }
  .footer-menu { font-size: var(--text-size-md); }
  .copyright-footer { padding: 24px 0; }
  .soc-links:is(.footer-mess, .footer-soc) li a { width: 24px; height: 24px; }
  .hero-banner-career .hero-banner-heading img{
    display:none
  }
  .banner-button a{
  padding-top: 2px;
}
    .banner-button:before {
        border: 1px dashed #fff;
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px;
        border-radius: var(--border-r-16);
    }
}

@media screen and (max-width: 376px) {
  .banner-button a{
  padding-top: 1px;
}
}