* {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  margin: 0;
  padding: 0;
  color: black;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
}

html {
  width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

::selection {
  background-color: rgb(16, 74, 88);
  color: rgb(193, 193, 139);
}

ol,
ul {
  list-style: none;
}

:root {
  --fontFamilyPoppins: 'Poppins', sans-serif;
  --fontFamilyArimo: 'Arimo', sans-serif;
  --fontSizeDefault: calc(16px + 0.11vw);
  --fontSizeHeaderTitle: 3vw;
  --fontSizeHeaderRight: 0.95vw;
  --colorBlueDefault: rgb(0, 0, 255);
  --colorBlueOpacity: rgba(0, 0, 255, 0.4);
  --colorBlueDark: rgb(0, 0, 189);
  --colorBlueMedium: rgb(44, 44, 199);
  --colorBlueSoft: rgb(78, 78, 200);
  --colorYellowDefault: rgb(253, 225, 81);
  --colorYellowSoft: rgb(235, 203, 37);
  --colorGreyDark: rgb(49, 49, 49);
  --colorGreySoft: rgb(233, 233, 233);
  --colorViolet: rgb(162, 116, 207);
  --widthSmallBlock: 65vw;
  --widthMediumBlock: 90vw;
  --widthLargeBlock: 85vw;
  --paddingBlocksTopBottom: 3vw;
  --paddingBlocksLeftRight: 4vw;
  --spaceBlockImages: 2vw;
  --spaceAboutUsInfoBlocks: 12vw;
  --spaceContentRightTopImage: 20vw;
  --borderAboutUsInfoBlocks: 3px;
  --navToggleSize: 5vw;
}

a {
  transition: 300ms;
}

span {
  display: inline-block;
}

p span {
  display: inline;
}

body {
  overflow-x: hidden;
  width: 100%;
  font-family: var(--fontFamilyPoppins);
  font-size: var(--fontSizeDefault);
  display: flex;
  flex-direction: column;
  align-items: center;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-button {
  display: none
}

body::-webkit-scrollbar-thumb {
  background-color: var(--colorGreyDark);
}

img {
  max-width: 100%;
  transition: 300ms;
}

@media not all and (pointer: coarse) {

  .header-info-right>div>div>div,
  .header-info-right>div>div>span {
    cursor: default;
    transition: 300ms;
  }

  .content-bottom img:hover,
  .header-info-right>div>div>div:hover,
  .header-info-right>div>div>span:hover {
    transform: translate(3%, 3%) scale(1.03);
  }
}

h2 {
  color: var(--colorBlueDefault);
  font-size: calc(var(--fontSizeDefault) * 1.65);
  font-weight: 700;
  line-height: calc(var(--fontSizeDefault) * 1.65);
}

h1 {
  margin-top: var(--paddingBlocksTopBottom);
}

h1,
.main-home h2 {
  color: var(--colorBlueDefault);
  font-size: calc(var(--fontSizeDefault) * 2.66);
  font-weight: 800;
  line-height: calc(var(--fontSizeDefault) * 2.66);
}

.icon-location-pin,
.icon-call,
.icon-at {
  display: inline-block;
  color: var(--colorBlueMedium);
  font-size: 1.6em;
  transform: translate(0%, 8%) scale(1);
  transition: 300ms;
}

@media not all and (pointer: coarse) {

  .address:hover a,
  .phone:hover a,
  .block-content a:hover,
  .mail:hover a {
    filter: invert(30%);
  }

  .address:hover .icon-location-pin,
  .phone:hover .icon-call,
  .mail:hover .icon-at {
    transform: translate(-10%, 18%) scale(1.1);
  }
}

.icon-right {
  color: var(--colorYellowDefault);
  transform: scaleX(3.8) translateX(30%);
  transition: 300ms;
}

.see-more {
  font-size: calc(var(--fontSizeDefault) * 1.16);
  transition: 300ms;
}

.see-more * {
  display: inline-block;
  color: var(--colorYellowSoft);
}

@media not all and (pointer: coarse) {
  .see-more a:hover .icon-right {
    transform: scaleX(3.8) translateX(50%);
  }
}

.mobile-top,
.mobile-contact {
  display: none;
}

/* header */

header.header-top {
  position: relative;
  width: 100%;
  background-image: url("../userfiles/backgrounds/top_stronaGlowna.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}

.head-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--widthLargeBlock);
  height: 100%;
  margin: 0 auto;
}

header.header-home {
  background-position: bottom right;
}

header.header-top::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../userfiles/backgrounds/maska.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.head-wrapper,
.header-bar {
  position: static;
}

header *,
header .icon-location-pin,
header .icon-call,
header .icon-at {
  color: white;
}

.header-bar,
.bar-logo,
.bar-nav,
.nav-contact,
.header-data-contact,
.nav-menu {
  display: flex;
  justify-content: space-between;
  transition: 300ms;
}

.nav-menu li.active a {
  color: var(--colorYellowSoft);
}

.nav-menu li.active::before {
  border-bottom: 1px solid var(--colorYellowSoft);
}

.bar-logo {
  display: flex;
  align-items: flex-end;
  width: 25%;
  padding-bottom: 1vw;
}

.bar-logo a,
.bar-logo img {
  width: 100%;
}

@media not all and (pointer: coarse) {
  .bar-logo a::before {
    z-index: 1;
    display: block;
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    opacity: 0;
  }

  .bar-logo a:hover::before {
    animation: logoAnimation 300ms;
  }

  @keyframes logoAnimation {
    0% {
      opacity: 1;
    }

    40% {
      opacity: 1;
    }

    100% {
      width: 150%;
      height: 200%;
      opacity: 0;
    }
  }
}

.header-bar,
.nav-menu {
  padding: 1.5vw 0;
}

.bar-nav {
  flex-direction: column;
  align-items: flex-end;
}

.header-data-contact,
.nav-menu {
  justify-content: flex-end;
}

.header-data-contact div {
  margin-left: 5vw;
  font-size: calc(var(--fontSizeDefault) * 0.90);
}

.nav-menu li {
  margin-left: 3vw;
  font-size: calc(var(--fontSizeDefault) * 1.05);
  overflow-x: hidden;
}

.nav-menu li::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid white;
  transition: 300ms;
}

@media not all and (pointer: coarse) {
  .nav-menu li:hover::before {
    transform: scaleX(0)
  }
}

.header-info {
  display: flex;
  margin-top: 10vw;
  margin-bottom: 0.2vw;
}

.header-info_home {
  margin-top: 6vw;
}

.header-info>div {
  width: 50%;
}

.info_main-text {
  padding-bottom: 1.5vw;
  font-size: var(--fontSizeHeaderTitle);
  line-height: var(--fontSizeHeaderTitle);
}

.info_main-content {
  display: flex;
  flex-direction: column;
}

.info_main-content span:first-child {
  display: inline-block;
  padding-bottom: 0.5vw;
}

.info_main-content span:nth-child(2) {
  width: calc(100% - 20vw);
  font-size: var(--fontSizeHeaderRight);
}

.header-info-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 5vw;
  font-size: var(--fontSizeHeaderRight);
}

.info-block-top,
.info-block-bottom {
  display: flex;
}

.info-block-top>div,
.info-block-bottom>div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vw 0;
}

.header-info-right .block-left {
  width: calc(100% *0.35);
}

.header-info-right .block-center {
  width: calc(100% *0.25);
}

.header-info-right .block-right {
  width: calc(100% *0.4);
}

.info-block-top .block-center>div,
.info-block-bottom .block-left>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.info-block-top .block-center,
.info-block-bottom .block-right {
  padding: 2.5vw;
  border: 2px solid white;
}

.info-block-bottom .block-right * {
  color: var(--colorYellowSoft);
}

.info-block-bottom .block-left {
  background-color: rgba(255, 255, 255, 0.6);
}

.info-block-top .block-center span:first-child * {
  font-size: calc(var(--fontSizeHeaderRight) * 1.66);
}

.info-block-bottom .block-left span:first-child *,
.info-block-bottom .block-right {
  font-size: calc(var(--fontSizeHeaderRight) * 1.33);
  font-weight: 500;
}

.info-block-bottom .block-left span:first-child * {
  color: var(--colorBlueDefault);
}

.info-block-bottom .block-left span:nth-child(2) * {
  color: black;
}

.info-block-bottom .block-right {
  text-align: center;
}

/* main */
.main {
  display: flex;
  flex-direction: column;
  width: var(--widthSmallBlock);
  margin-top: 2vw;
}

.main-block .block-content {
  display: flex;
  flex-wrap: wrap;
}

.main-block .block-content .content-left,
.main-block .block-content .content-right {
  display: flex;
  width: 50%;
}

.main-block .block-content .content-left {
  align-items: flex-end;
}

.main-block .block-content .content-right {
  flex-direction: column;
}

.main-block .block-content .content-bottom {
  display: flex;
  padding-left: 0;
  width: 100%;
}

.main-block .block-content .content-bottom img {
  width: 100%;
}

.block-content {
  display: flex;
  flex-wrap: wrap;
}

.block-content>div {
  width: 50%;
}

.block-content>div:nth-of-type(even) {
  padding-left: var(--paddingBlocksLeftRight);
}

.block-content_page>div:nth-of-type(odd) {
  padding-right: var(--paddingBlocksLeftRight);
}

.block-content-home {
  margin: 2vw 0;
  padding-bottom: 2vw;
}

.block-products .block-content-home::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  background-color: var(--colorGreySoft);
}

.block-content-home .content-left,
.block-content-home .content-right {
  margin-bottom: 2vw;
}

.block-content-home .content-right {
  padding-left: 2vw !important;
}

.block-products .see-more * {
  color: black;
}

.main-block .block-content .content-bottom>div {
  display: flex;
  flex-direction: column;
  width: calc(100% / 3);
  cursor: default;
}

.main-block .block-content .content-bottom a:hover {
  filter: invert(0);
}

.main-block .block-content .content-bottom>div>div {
  flex-grow: 1;
}

.main-block.block-about-us .block-content .content-left {
  width: calc(100% / 3);
}

.main-block.block-about-us .block-content .content-right {
  padding-left: 0 !important;
  width: calc(100% *2 / 3);
}

.multi-page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1vw 2vw;
}

.multi-page-link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 300ms;
}

@media not all and (pointer: coarse) {
  .multi-page-nav .multi-page-link:hover::before {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 8px solid var(--colorYellowSoft);
    box-shadow: 20px 20px 20px var(--colorGreyDark);
  }
}

.multi-page-link * {
  color: white;
  text-align: center;
}

.multi-page-link_1 {
  background-color: var(--colorBlueDark);
}

.multi-page-link_2 {
  background-color: var(--colorBlueMedium);
}

.multi-page-link_3 {
  background-color: var(--colorBlueSoft);
}

.main-block.block-about-us .see-more {
  margin-top: 2vw;
}

.main-block.block-partners {
  display: flex;
  flex-direction: column;
}

.main-block.block-partners *:first-child {
  align-self: flex-end;
  margin-bottom: 2vw;
  color: var(--colorBlueDark);
  font-size: calc(var(--fontSizeDefault) * 1.2);
}

.block-career {
  display: flex;
  width: 100%;
  background-color: var(--colorBlueDefault);
}


.block-career .block-name {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  padding: 3.3vw;
  padding-right: 3.5vw;
  padding-left: calc(var(--widthLargeBlock) / 12);
  font-size: calc(var(--fontSizeDefault) * 1.66);
  font-weight: 300;
}

.block-career .block-name span:first-child {
  padding-right: 1vw;
  color: white;
}

.block-career .block-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  overflow: hidden;
}

.block-career .block-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../userfiles/backgrounds/kariera_stronaGlowna.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 300ms;
}

@media not all and (pointer: coarse) {
  .block-career .block-image:hover::before {
    transform: translate(3%, 3%) scale(1.06);
  }
}

.main-page .block-name,
.main-multi-page .block-name {
  padding-bottom: 2vw;
}

.main-multi-page {
  overflow-x: hidden;
}

.block-content_multi-page .content-left {
  width: calc(100% / 3);
}

.block-content_multi-page .content-right {
  width: calc(100% *2 / 3);
}

.block-content_multi-page .content-right span {
  padding: 0.5vw 0;
}

.block-content_multi-page .content-right>span:nth-of-type(1) {
  padding-top: 2vw;
  font-size: calc(var(--fontSizeDefault) * 1.16);
  font-weight: bold;
}

.block-content_multi-page .content-bottom {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + calc(var(--spaceBlockImages) * 2));
  margin: 3vw calc(var(--spaceBlockImages) * -1);
  overflow: auto;
}

.block-content_multi-page .content-bottom>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: calc(100% / 4);
  padding: 3vw var(--spaceBlockImages);
}

.block-content_multi-page .content-bottom>div>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.product-description span:first-child {
  padding: 1.5vw 0;
  font-size: calc(var(--fontSizeDefault) * 1.33);
  font-weight: 800;
}

.product-img {
  display: flex;
  flex-grow: 1;
}

.product-img img {
  width: 100%;
}

.block-content_page>div {
  padding: var(--paddingBlocksTopBottom) 0;
}

.block-content_page .content-right-top::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background-color: var(--colorGreySoft);
}

.block-content_page.block-content-kontakt .content-right-top::before {
  background-color: transparent;
}

.block-content_page.block-content-kariera .content-right-top {
  display: flex;
  flex-direction: column;
}

.content-right-top-image {
  align-self: flex-end;
  width: var(--spaceContentRightTopImage);
  height: var(--spaceContentRightTopImage);
  margin-top: 20%;
  margin-right: -10%;
}

.content-right-top-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../userfiles/backgrounds/kariera_kariera.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-realizations {
  padding-bottom: var(--paddingBlocksTopBottom);
}

.block-realizations span:first-child {
  padding-bottom: calc(var(--paddingBlocksTopBottom) / 2);
  font-size: calc(var(--fontSizeDefault) * 1.33);
  font-weight: 500;
}

.about-us-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--paddingBlocksTopBottom) 0;
  margin-left: calc(var(--paddingBlocksLeftRight) * -1);
  font-size: calc(var(--fontSizeDefault) * 1.33);
  font-weight: 500;
}

.about-us-info>div {
  display: flex;
}

.about-us-info>div>div {
  display: flex;
  width: var(--spaceAboutUsInfoBlocks);
  height: var(--spaceAboutUsInfoBlocks);
  padding: 0 1.5vw;
}

.about-us-info .block-left {
  border: var(--borderAboutUsInfoBlocks) solid white;
}

.about-us-info .block-left span {
  position: absolute;
  width: max-content;
}


.about-us-info-block-top {
  transform: translateX(calc(var(--borderAboutUsInfoBlocks) * -1));
}

.about-us-info-block-bottom {
  transform: translate(20%, -10%);
}

.about-us-info-block-top .block-left * {
  color: var(--colorBlueDefault);
}

.about-us-info-block-bottom .block-right * {
  color: var(--colorViolet);
  font-size: calc(var(--fontSizeDefault) * 1.66);
}

.about-us-info-block-bottom .block-left {
  width: calc(var(--spaceAboutUsInfoBlocks) * 1.2);
}

.about-us-info-block-bottom>div {
  display: flex;
  flex-direction: column;
}

.about-us-info-block-top .block-left span {
  top: 50%;
  left: 50%;
  transform: translate(0, -50%);
}

.about-us-info-block-bottom .block-left span {
  bottom: 3%;
  left: 9%;
}

.block-content.block-content {
  justify-content: space-between;
}

.block-content.block-content-kontakt>div {
  width: 30%;
  padding-right: 0;
  padding-left: 0;
}

/* carousel */
.block-owl {
  overflow-x: hidden;
}

.owl-nav,
.owl-dots {
  display: none;
}

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

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

/* maps */
.contact-map {
  height: 35vw;
}

.contact-map .main-map {
  width: 100%;
  height: 100%;

}

.leaflet-control-container {
  display: none;
}

.leaflet-container a {
  color: black;
}

.leaflet-bottom {
  bottom: 0;
  right: 0;
  pointer-events: auto;
}

.contact-wrapper {
  font-family: var(--fontFamilyPoppins);
  font-size: var(--fontSizeDefault);
  bottom: calc(var(--widthLargeBlock) / 36);
  right: calc(var(--widthLargeBlock) / 12);
  padding: 2vw;
  padding-right: 12vw;
  background-color: white;
  box-shadow: 10px 10px 20px 0 var(--colorGreyDark);
  cursor: auto;
}

.data-contact .contact-text {
  padding-bottom: 1.5vw;
}

.data-contact .address {
  padding-bottom: 1vw;
}

.data-contact .mail:nth-last-child(2) {
  padding-top: 1vw;
}

.data-contact .contact-name span {
  color: var(--colorBlueDefault);
  font-size: calc(var(--fontSizeDefault) * 1.99);
  font-weight: 800;
}

@media not all and (pointer: coarse) {
  .data-contact .contact-name span {
    transition: 300ms;
  }

  .data-contact .contact-name span:hover {
    color: var(--colorYellowSoft);
  }
}

.data-contact .contact-text span {
  font-size: calc(var(--fontSizeDefault) * 0.9);
}

/* footer */
footer {
  width: 100%;
  font-family: var(--fontFamilyArimo);
  font-size: calc(var(--fontSizeDefault) * 0.8);
}

.footer_bottom-bar {
  background-color: var(--colorGreyDark);
}

.footer-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: var(--widthMediumBlock);
  margin: 0 auto;
}

.footer-wrapper * {
  padding: 0.5vw 0;
  color: white;
}

.bottom-bar-right {
  display: flex;
  align-items: center;
}

@media not all and (pointer: coarse) {
  .bottom-bar-right img {
    transition: 300ms;
  }

  .bottom-bar-right img:hover {
    animation: kaczkaLogoAnimation 300ms;
  }

  @keyframes kaczkaLogoAnimation {
    0% {
      transform: rotate(0);
    }

    80% {
      transform: rotate(45deg);
    }

    100% {
      transform: rotate(0);
    }
  }
}

@media not all and (pointer: coarse) {
  .bottom-bar-left a {
    transition: 300ms;
  }

  .bottom-bar-left a:hover {
    color: var(--colorYellowSoft);
  }
}

.bottom-bar-left>span:first-child,
.bottom-bar-right>span:first-child {
  padding-right: 2vw;
}

/* @media */
@media (min-width: 1921px) {
  :root {
    --fontSizeDefault: 0.94vw;
  }
}

@media (max-width: 1680px) {
  .block-content_multi-page .content-bottom>div {
    width: calc(100% / 3);
  }

  .about-us-info-block-bottom .block-right * {
    font-size: calc(var(--fontSizeDefault) * 1.5);
  }
}

@media (max-width: 1440px) {
  :root {
    --widthSmallBlock: 75vw;
    --widthMediumBlock: 95vw;
    --widthLargeBlock: 90vw;
  }

  .contact-map {
    height: 40vw;
  }
}

@media (max-width: 1366px) {
  :root {
    --fontSizeHeaderTitle: 3.3vw;
    --fontSizeHeaderRight: 1.1vw;
    --spaceAboutUsInfoBlocks: 15vw;
    --spaceContentRightTopImage: 25vw;
  }

  .about-us-info {
    font-size: calc(var(--fontSizeDefault) * 1.2);
  }

  .about-us-info-block-bottom .block-right * {
    font-size: calc(var(--fontSizeDefault) * 1.4);
  }

  .block-content.block-content-kontakt>div {
    width: 45%;
  }
}

@media (max-width: 1280px) {
  .contact-map {
    height: 45vw;
  }

  .block-career .block-name {
    width: 60%;
    padding-right: 4.5vw;
  }

  .block-career .block-image {
    width: 40%;
  }

  .about-us-info-block-bottom .block-right * {
    font-size: calc(var(--fontSizeDefault) * 1.3);
  }
}

@media (max-width: 1152px) {
  :root {
    --widthSmallBlock: 80vw;
  }
}

@media (max-width: 1023px) {
  :root {
    --fontSizeHeaderRight: 1.8vw;
    --fontSizeHeaderTitle: calc(20px + 2.2vw);
    /* --fontSizeHeaderRight: calc(15px + 1vw); */
  }

  .mobile-top {
    display: initial;
  }

  .desktop-top {
    display: none;
  }

  .header-bar .bar-nav * {
    margin: 0;
  }

  .header-bar {
    padding: 7vw 0;
  }

  .header-info {
    flex-direction: column;
  }

  .header-info-right {
    padding-top: 10vw;
  }

  .header-info-right .block-left {
    width: calc(100% / 3);
  }

  .header-info-right .block-center {
    width: calc(100% / 3);
  }

  .header-info-right .block-right {
    width: calc(100% / 3);
  }

  .header-info .header-info-left {
    width: 100%;
  }

  .header-info .header-info-right {
    align-self: flex-end;
    width: 90%;
  }

  .info-block-top .block-center,
  .info-block-bottom .block-right {
    padding: 7vw 0;
    border: 2px solid white;
  }

  .see-more {
    padding-bottom: 2vw;
  }

  .bar-logo {
    width: 35%;
  }

  .info_main-text {
    padding-bottom: 5vw;
  }

  .header-info_home {
    margin-top: 10vw;
  }

  .contact-map {
    height: 55vw;
  }

  .block-career {
    justify-content: center;
  }

  .block-career .block-name .see-more {
    padding-bottom: 0;
  }

  .block-career .block-name {
    width: 80%;
    padding-right: 0;
    padding-left: 0;
  }

  .block-career .block-image {
    display: none;
    width: 0;
  }

  .block-content.block-content-home {
    justify-content: center;
  }

  .block-content.block-content-home .content-bottom {
    flex-direction: column;
    align-items: center;
  }

  .block-content.block-content-home .content-bottom>div {
    width: 80%;
    margin-bottom: 4vw;
  }

  .block-content.block-content-home .content-bottom>div>div {
    padding: 4vw 0;
  }

  .block-content_multi-page .content-bottom>div {
    width: calc(100% / 2);
  }

  .main-block.block-about-us .block-content {
    flex-wrap: nowrap;
  }

  .main-block.block-about-us .block-content .content-right {
    width: calc(100% * 1);
  }

  .about-us-info-block-bottom .block-right {
    display: none;
  }

  .about-us-info-block-top .block-left span {
    transform: translate(-10%, -50%);
  }

  .about-us-info {
    font-size: calc(var(--fontSizeDefault) * 1.1);
  }

  .main-block.block-partners {
    margin-top: -5%;
  }

  /* nav-toggle */
  .nav-toggle {
    position: absolute;
    top: 7vw;
    right: 10vw;
    z-index: 2;
    width: var(--navToggleSize);
    height: var(--navToggleSize);
    overflow: hidden;
    cursor: pointer;
    transition: 300ms;
    -webkit-tap-highlight-color: transparent;
  }

  @media not all and (pointer: coarse) {
    .nav-toggle:hover * {
      filter: opacity(90%) invert(50%);
    }
  }

  .nav-toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 10%;
    transform: translateY(-50%);
    background-color: white;
    border-radius: 5px;
    border: 2px solid white;
    transition: 300ms;
  }

  .nav-toggle .bar-top {
    top: calc(25%);
  }

  .nav-toggle .bar-mid {
    top: calc(50%);
    background-color: transparent;
    border: 2px solid transparent;
  }

  .nav-toggle .bar-mid,
  .bar-mid {
    top: calc(50%);
    background-color: transparent;
    border: 2px solid transparent;
  }


  .nav-toggle .bar-bot {
    top: calc(75%);
  }

  .nav-toggle .bar-mid::before,
  .nav-toggle .bar-mid::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 5px;
    border: 2px solid white;
    transition: 300ms;
  }

  .nav-toggle .bar-top.hide-bar {
    transform: translate(-100%, -1000%);
  }

  .nav-toggle .bar-bot.hide-bar {
    transform: translate(100%, 1000%);
  }

  .nav-toggle .bar-mid.bar-translate::before {
    transform: translate(-50%, -50%) rotate(45deg) scaleX(1);
  }

  .nav-toggle .bar-mid.bar-translate::after {
    transform: translate(-50%, -50%) rotate(-45deg) scaleX(1);
  }

  /* bar-nav mobile */
  .bar-nav {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-110%);
    width: 55%;
    padding: 15vw 0;
    align-items: center;
    box-shadow: -5px 5px 15px 0 var(--colorGreyDark);
  }

  .bar-nav-visible {
    transform: translateY(0);
  }

  .bar-nav::before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../userfiles/backgrounds/nav_mobile_background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bar-nav::after {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .nav-menu,
  .header-data-contact {
    flex-direction: column;
  }

  .header-bar .header-data-contact {
    margin-bottom: 2vw;
  }

  .header-bar .header-data-contact>div {
    margin-left: 4vw;
  }

  .header-bar .nav-menu li {
    margin: 2vw 0;
  }
}

@media (max-width: 800px) {
  :root {
    --spaceContentRightTopImage: 30vw;
    --navToggleSize: 6vw;
    --fontSizeHeaderRight: 2vw;
    --spaceBlockImages: 4vw;
    --spaceAboutUsInfoBlocks: 20vw;
  }

  .block-products .block-content-home::before {
    display: none;
  }

  .block-content_page .content-right-top::before {
    display: none;
  }

  .bar-logo {
    width: 40%;
  }

  .bar-nav {
    width: 65%;
  }

  h2 {
    font-size: calc(var(--fontSizeDefault) * 1.4);
    line-height: calc(var(--fontSizeDefault) * 1.4);
  }

  h1,
  .main-home h2 {
    font-size: calc(var(--fontSizeDefault) * 1.8);
    line-height: calc(var(--fontSizeDefault) * 1.8);
    margin: 2vw 0;
  }

  .product-description span:first-child {
    padding: 3vw 0;
  }

  .contact-map {
    display: none;
  }

  .mobile-contact {
    display: flex;
  }

  .footer_top-bar {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .contact-wrapper {
    display: flex;
    justify-content: center;
    bottom: 0;
    right: 0;
    width: max-content;
    max-width: 95%;
    margin: 5vw 0;
    padding-left: 5vw;
  }

  .main .main-block .block-content>div,
  .main.main-multi-page .block-content>div,
  .main.main-page .block-content>div {
    width: 100%;
  }

  .main-block.block-about-us .block-content .content-left {
    width: 0;
  }

  .about-us-info .block-left {
    border: var(--borderAboutUsInfoBlocks) solid var(--colorGreySoft);
  }

  .footer_bottom-bar .footer-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: var(--widthSmallBlock);
    padding: 1vw 0;
  }

  .footer_bottom-bar .footer-wrapper .bottom-bar-left {
    display: flex;
    flex-direction: column;
  }

  .about-us-info-block-bottom {
    transform: translate(10%, -10%);
  }

  .block-content_multi-page .content-bottom {
    justify-content: space-between;
    margin: 0;
  }

  .block-content_multi-page .content-bottom>div {
    width: 45%;
    padding-left: 0;
    padding-right: 0;
  }

  .block-content>div,
  .block-content-home .content-right {
    padding: 2vw 0 !important;
  }

  .content-right-top-image {
    margin-top: 10%;
    margin-right: -10%;
  }

  .multi-page-nav>div a {
    padding: 2vw;
  }
}

@media (max-width: 600px) {
  :root {
    --navToggleSize: 8vw;
    --fontSizeHeaderRight: 2.2vw;
    --spaceAboutUsInfoBlocks: 25vw;
    --widthSmallBlock: 90vw;
    --spaceContentRightTopImage: 40vw;
  }

  .bar-nav {
    width: 80%;
  }

  .header-info .header-info-right {
    width: 100%;
  }

  .block-content_multi-page .content-bottom>div {
    width: calc(100% / 1);
    margin: 3vw 0;
  }

  .product-description span:first-child {
    padding: 5vw 0;
  }

  .block-career .block-name {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 5vw;
  }

  .footer_bottom-bar .footer-wrapper {
    padding: 2vw 0;
  }

  .block-content.block-content-home .content-bottom>div {
    width: 90%;
  }

  .content-right-top-image {
    margin-right: 0;
  }
}

@media (max-width: 500px) {
  :root {
    --navToggleSize: 10vw;
    --fontSizeHeaderTitle: calc(20px + 1.6vw);
    --spaceAboutUsInfoBlocks: 30vw;
    --spaceContentRightTopImage: 45vw;
  }

  .header-bar {
    padding: 9vw 0;
  }

  .bar-nav {
    width: 90%;
  }

  .see-more {
    padding-bottom: 2vw;
    font-size: calc(var(--fontSizeDefault) * 1.06);
  }

  .header-info .header-info-right {
    margin-left: calc((((100vw - var(--widthLargeBlock)) / 2) * -1) + 0.2vw);
    align-self: flex-start;
    width: 100%;
  }

  .header-info-right .block-left {
    display: none;
    width: 0;
  }

  .header-info-right .block-center {
    width: calc(100% / 3);
  }

  .header-info-right .block-right {
    width: calc(100% / 3);
  }

  .contact-text {
    display: none;
  }

  .about-us-info {
    font-size: calc(var(--fontSizeDefault) * 0.9);
  }

  .multi-page-nav>div a {
    padding: 3vw;
  }
}

@media (max-width: 400px) {
  :root {
    --fontSizeHeaderTitle: calc(20px + 1.2vw);
  }

  .bar-nav {
    width: 100%;
  }

  .footer_bottom-bar .footer-wrapper {
    padding: 3vw 0;
  }

  .multi-page-nav>div a {
    padding: 4vw;
  }

  .contact-wrapper {
    width: 95%;
  }
}

@media (max-width: 380px) {
  :root {
    --fontSizeHeaderTitle: calc(20px + 1vw);
  }
}

@media (max-width: 360px) {
  :root {
    --fontSizeHeaderTitle: calc(20px + 0.5vw);
  }
}

@media (max-width: 340px) {
  :root {
    --fontSizeHeaderTitle: calc(20px + 0.2vw);
  }
}

@media (max-width: 320px) {
  :root {
    --fontSizeHeaderTitle: 20px;
  }
}