/* Start:/local/templates/master-sv/builds/prod/css/index.css?17448097791253634*/
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/style/layout/work.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 300;
  src: url("/local/templates/master-sv/builds/prod/font/ProximaNova-Light.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/master-sv/builds/prod/font/ProximaNova-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 500;
  src: url("/local/templates/master-sv/builds/prod/font/ProximaNova-Semibold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 700;
  src: url("/local/templates/master-sv/builds/prod/font/ProximaNova-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 800;
  src: url("/local/templates/master-sv/builds/prod/font/ProximaNova-Extrabld.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 900;
  src: url("/local/templates/master-sv/builds/prod/font/ProximaNova-Black.woff") format("woff");
  font-display: swap;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=48em&large=71.875em&xlarge=80em";
}

html {
  box-sizing: border-box;
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: white;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

body {
  min-width: 320px;
}

main h1,
main .h1,
main .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
main h2,
main .h2,
main .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
main h3,
main .h3,
main .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
main big,
main .big,
main .c-big {
  color: black;
  font-size: 24px;
}
main b,
main strong {
  font-weight: 700;
}
main hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
main ul {
  padding-left: 30px;
}
main ul li {
  margin-bottom: 10px;
}
main ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
main ol li {
  padding: 5px 0;
}
main ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
main a {
  color: #cacaca;
}
main a:hover {
  text-decoration: none;
}
main .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
main .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
main .c-black {
  color: black;
}
main .c-gray {
  color: #8a8a8a;
}
main .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  main .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  main .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  main .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  main .c-xlarge-hidden {
    display: none;
  }
}
main a {
  color: #ed1c24;
}

.htmlvalue {
  max-width: 100%;
  overflow: auto;
}

.c-highlighted-li {
  color: #ed1c24;
  font-weight: 700;
}
.c-highlighted-li a {
  color: inherit;
  text-decoration: none;
}
.c-highlighted-li a:hover {
  text-decoration: underline;
}

.slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 20px;
}
.slick-dots li {
  border: 2px solid black;
  width: 12px;
  height: 12px;
  font-size: 0;
  border-radius: 100%;
  margin-left: 12px;
  margin-bottom: 0;
  cursor: pointer;
}
.slick-dots li.slick-active {
  background-color: black;
}

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

.b-layout__container .viewport {
  position: relative;
  top: -128px;
}

.b-production-detail .viewport {
  position: relative;
  top: -128px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/jscrollpane/style/jquery.jscrollpane.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  background: red;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}

.jspHorizontalBar {
  background: red;
  bottom: 0;
  height: 16px;
  left: 0;
  position: absolute;
  width: 100%;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #dde;
  position: relative;
}

.jspDrag {
  background: #bbd;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  cursor: pointer;
  direction: ltr;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -20000px;
}

.jspDisabled {
  background: #80808d;
  cursor: default;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  float: left;
  height: 100%;
  width: 16px;
}

.jspVerticalBar .jspArrow:focus {
  border: 1px solid red;
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/component/jscrollpane/jscrollpane-custom.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: transparent;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: transparent;
  position: relative;
  width: 5px;
}

.jspDrag {
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  border-radius: 2px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/advantages/advantages.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-advantages {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  --primary-color-local: var(--product-color, #ed1c24);
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media print, screen and (min-width: 48em) {
  .b-advantages {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-advantages {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-advantages__item {
  flex: 0 0 auto;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  text-decoration: none;
  padding: 20px 16px;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  transition: 250ms;
}
@media print, screen and (min-width: 420px) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(50% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(30% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(20% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-advantages__item:hover {
  border-color: var(--primary-color-local);
  background-color: var(--primary-color-local);
}
.b-advantages__item:hover .b-advantages__title {
  color: white;
}
.b-advantages__item:hover .b-advantages__icon svg path {
  fill: white;
}
.b-advantages__item:hover .b-advantages__icon-bg {
  opacity: 0.16;
}
.b-advantages__popup {
  --primary-color-local: var(--product-color, #ed1c24);
  max-width: 300px;
}
.b-advantages__popup-content {
  position: relative;
  overflow: hidden;
  margin: -30px;
  padding: 20px;
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages__popup-content {
    margin: -40px;
  }
}
.b-advantages__popup--terms {
  --primary-color-local: #ed1c24;
}
.b-advantages__popup--terms .b-advantages__title {
  display: none;
}
.b-advantages__popup .b-advantages__title {
  color: var(--primary-color-local);
  font-weight: 900;
  font-size: 34px;
  font-family: "Proxima Nova";
  line-height: 34px;
}
.b-advantages__popup .b-advantages__icon {
  margin-bottom: 25px;
  height: unset;
  display: block;
}
.b-advantages__popup .b-advantages__icon svg path {
  fill: var(--primary-color-local);
}
.b-advantages__popup .b-advantages__icon-bg {
  opacity: 0.05;
  bottom: -10%;
  right: -10%;
  width: 60%;
}
.b-advantages__popup .b-advantages__icon-bg svg {
  width: 100%;
  height: 100%;
}
.b-advantages__popup .b-advantages__icon-bg svg path {
  fill: var(--primary-color-local);
}
.b-advantages__title {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3em;
  color: black;
  letter-spacing: -0.5px;
  overflow-wrap: break-word;
}
@media print, screen and (min-width: 48em) {
  .b-advantages__title {
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 0;
  }
}
.b-advantages__icon {
  margin-bottom: 45px;
  height: 61px;
  display: flex;
  align-items: center;
}
.b-advantages__icon svg path {
  fill: var(--primary-color-local);
}
.b-advantages__icon-bg {
  position: absolute;
  bottom: -25%;
  right: -25%;
  width: 100%;
  opacity: 0;
}
.b-advantages__icon-bg svg {
  width: 100%;
  height: 100%;
}
.b-advantages__icon-bg svg path {
  fill: white;
}
.b-advantages__text p.snoska {
  font-size: 13px;
  line-height: 120%;
}
.b-advantages--terms {
  --primary-color-local: #ed1c24;
}
.b-advantages--terms .b-advantages__item {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding: 24px 32px;
}
@media print, screen and (min-width: 48em) {
  .b-advantages--terms .b-advantages__item {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages--terms .b-advantages__item {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-advantages--terms .b-advantages__icon {
  min-height: 60px;
  display: flex;
  align-items: center;
}
.b-advantages--terms .b-advantages__title {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.3em;
}
@media print, screen and (min-width: 48em) {
  .b-advantages--terms .b-advantages__title {
    font-size: 14px;
  }
}
.b-advantages--soundproofing {
  margin: 50px 0 100px;
}
.b-advantages--soundproofing .b-advantages__item {
  margin-right: 20px;
  margin-left: 0;
}
@media screen and (min-width: 1024px) {
  .b-advantages--soundproofing .b-advantages__item {
    width: calc(25% - 15px);
  }
  .b-advantages--soundproofing .b-advantages__item:nth-child(4n+4) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .b-advantages--soundproofing .b-advantages__item {
    width: calc(50% - 10px);
  }
  .b-advantages--soundproofing .b-advantages__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-advantages--soundproofing .b-advantages__item {
    margin-bottom: 0;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .b-advantages--soundproofing .b-advantages__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .b-advantages--soundproofing {
    margin: 20px -20px 100px 0;
  }
  .b-advantages--soundproofing .slick-track {
    display: flex;
  }
  .b-advantages--soundproofing .slick-slide {
    margin-right: 20px;
    margin-bottom: 0;
    display: flex;
    height: auto;
  }
  .b-advantages--soundproofing .slick-slide div {
    width: 100%;
  }
  .b-advantages--soundproofing .slick-dots {
    bottom: -45px;
  }
}
.b-advantages--slider {
  margin: 0 -20px;
}
@media (max-width: 767.98px) {
  .b-advantages--slider {
    margin: 0 -10px;
  }
}
.b-advantages--slider .b-advantages__item {
  min-height: 229px;
}
.b-advantages--slider .slick-slide {
  padding: 0 20px;
}
@media (max-width: 900px) {
  .b-advantages--slider .slick-slide {
    padding: 0 10px;
  }
}
.b-advantages--slider .slick-arrow {
  font-size: 0;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%2210%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M28.4417%2014.5557C28.6019%2014.5557%2028.7658%2014.6191%2028.8887%2014.7421C29.1346%2014.9883%2029.1346%2015.3911%2028.8887%2015.6373L20.4735%2024.0626L28.7658%2032.3648C29.0117%2032.611%2029.0117%2033.0138%2028.7658%2033.2599C28.5199%2033.5061%2028.1176%2033.5061%2027.8718%2033.2599L19.1287%2024.5101C18.8829%2024.264%2018.8829%2023.8612%2019.1287%2023.615L27.991%2014.7421C28.1176%2014.6153%2028.2778%2014.5557%2028.4417%2014.5557Z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: calc(50% - 24px);
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .b-advantages--slider .slick-arrow {
    top: 25%;
  }
}
.b-advantages--slider .slick-prev {
  left: -50px;
}
@media (max-width: 900px) {
  .b-advantages--slider .slick-prev {
    left: -16px;
  }
}
.b-advantages--slider .slick-next {
  right: -50px;
  transform: rotate(180deg);
}
@media (max-width: 900px) {
  .b-advantages--slider .slick-next {
    right: -16px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/articles-list/articles-list.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-articles-list__container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.b-articles-list__image-wrapper {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  height: 200px;
}
.b-articles-list__image {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
}
.b-articles-list__item {
  flex: 1;
  margin-right: 20px;
  text-decoration: none;
}
.b-articles-list__item:last-child {
  margin-right: 0;
}
.b-articles-list__item:hover {
  background-color: white;
  border-radius: 10px;
}
.b-articles-list__item:hover .b-articles-list__title {
  color: #ed1c24;
}
@media screen and (max-width: 1024px) {
  .b-articles-list__item {
    width: calc(50% - 10px);
    flex: unset;
    margin-bottom: 20px;
  }
  .b-articles-list__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .b-articles-list__item {
    width: 100%;
    margin-right: 0;
  }
}
.b-articles-list__date {
  margin-bottom: 7px;
  font-size: 13px;
  color: #999;
  font-weight: 400;
}
.b-articles-list__title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  color: black;
}
.b-articles-list__text {
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  color: black;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/articles-slider/articles-slider.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-articles-slider {
  position: relative;
}
.b-articles-slider .slick-track {
  display: flex;
}
.b-articles-slider .slick-list {
  margin: 0 -10px;
}
.b-articles-slider .slick-prev {
  left: 0;
}
.b-articles-slider .slick-dots {
  bottom: -35px;
}
.b-articles-slider__arrow-container {
  width: calc(100% + 96px + 40px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1400px) {
  .b-articles-slider__arrow-container {
    display: none;
  }
}
.b-articles-slider__arrow {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  background-color: white;
}
.b-articles-slider__arrow[aria-disabled=true] svg path {
  fill: #999;
}
.b-articles-slider__image-wrapper {
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
  max-height: 200px;
}
.b-articles-slider__item {
  text-decoration: none;
  padding: 10px;
}
.b-articles-slider__item:hover {
  background-color: white;
  border-radius: 10px;
}
.b-articles-slider__item:hover .b-articles-slider__title {
  color: #ed1c24;
}
.b-articles-slider__image {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-articles-slider__date {
  margin-bottom: 7px;
  font-size: 13px;
  color: #999;
  font-weight: 400;
}
.b-articles-slider__title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  color: black;
}
.b-articles-slider__text {
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  color: black;
}
.b-articles-slider__btn-container {
  width: -moz-max-content;
  width: max-content;
  margin: 40px auto 0;
}
@media (max-width: 1400px) {
  .b-articles-slider__btn-container {
    margin-top: 60px;
  }
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/button/button.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-button {
  display: inline-block;
}
.b-button + .b-button {
  margin-top: 12px;
}
@media print, screen and (min-width: 48em) {
  .b-button + .b-button {
    margin-left: 12px;
    margin-top: 0;
  }
}
.b-button a {
  min-width: 150px;
  text-align: center;
  font-weight: bold;
  color: white;
  text-decoration: none;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  border-radius: 4px;
  padding: 9px 32px 10px;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.b-button--light a {
  background-color: transparent;
  color: #ed1c24;
}
.b-button--light-white a {
  background-color: white;
  color: #ed1c24;
}
.b-button--bigger a {
  font-size: 16px;
  padding: 12px 30px 13px;
  min-width: 160px;
}
@media print, screen and (min-width: 48em) {
  .b-button--bigger a {
    padding: 16px 50px 17px;
    font-size: 18px;
    min-width: 230px;
  }
}
.b-button--external-link a {
  background-color: transparent;
  color: #ed1c24;
  background-image: url("/master-sv/img/external-link.svg");
  background-position: calc(100% - 30px) center;
  background-repeat: no-repeat;
  padding-right: 62px;
}
.b-button--external-link.b-button--red a {
  background-color: #ed1c24;
  color: white;
  background-image: url("/master-sv/img/external-link-white.svg");
  padding: 18px 70px 18px 44px;
  background-position: center right 44px;
}
.b-button--arrow a {
  background-color: transparent;
  color: #ed1c24;
  background-image: url("/master-sv/img/vector.svg");
  background-position: 15px center;
  background-repeat: no-repeat;
  padding-left: 53px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/contacts-iframe/contacts-iframe.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.contacts_iframe {
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/cookie-policy/cookie-policy.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.b-cookie-policy {
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 0;
  padding: 25px 50px;
  position: fixed;
  transition: opacity 0.15s ease-in-out;
  width: 100vw;
  z-index: 3;
  display: flex;
}
@media screen and (max-width: 767px) {
  .b-cookie-policy {
    padding: 25px;
  }
}
@media screen and (max-width: 599px) {
  .b-cookie-policy {
    flex-direction: column;
  }
}
.b-cookie-policy h3 {
  color: white;
  font-size: 18px;
  font-weight: bold;
}
.b-cookie-policy div {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 120px);
  color: white;
  font-size: 14px;
}
.b-cookie-policy div a {
  color: white;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .b-cookie-policy div {
    font-size: 13px;
    width: 100%;
  }
}
.b-cookie-policy .b-button {
  margin-left: 20px;
  margin-right: 40px;
}
@media screen and (max-width: 1023px) {
  .b-cookie-policy .b-button {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-cookie-policy .b-button {
    margin-top: 20px;
  }
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/faq/faq.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-faq .b-tab {
  border-top: 0 solid #c4c4c4 !important;
  border-bottom: 1px solid #c4c4c4;
}
.b-faq .b-tab .b-tab__items {
  padding: 0 0 30px;
}
@media print, screen and (min-width: 48em) {
  .b-faq .b-tab .b-tab__items {
    padding: 0 100px 40px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-faq .b-tab .b-tab__items {
    padding: 0 210px 40px;
  }
}
.b-faq .b-tab__title {
  line-height: 120%;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/footer/footer.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-footer__top {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-footer__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-footer__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-footer__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-footer__top .b-footer__phone {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  text-align: right;
  white-space: nowrap;
  width: auto;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .b-footer__top .b-footer__phone {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .b-footer__top .b-footer__info {
    order: 3;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .b-footer__top .b-footer__info {
    display: none;
  }
}
.b-footer__top .b-footer__row {
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .b-footer__top .b-footer__row {
    flex-wrap: wrap;
  }
}
.b-footer__middle {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-footer__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-footer__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-footer__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-footer__middle {
    padding-top: 27px;
  }
}
.b-footer__middle .b-footer__phone {
  display: none;
}
@media screen and (max-width: 767px) {
  .b-footer__middle .b-footer__phone {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 55px;
  }
}
.b-footer__middle .b-footer__info {
  display: none;
}
@media screen and (max-width: 767px) {
  .b-footer__middle .b-footer__info {
    display: flex;
  }
}
.b-footer__bottom {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-footer__bottom {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-footer__bottom {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-footer__bottom {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-footer__bottom {
    padding-top: 27px;
    padding-bottom: 30px;
  }
}
.b-footer__row {
  justify-content: space-between;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-footer__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-footer__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-footer__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-footer__row > * {
  margin-bottom: 20px !important;
}
.b-footer__logo {
  font-size: 18px;
  margin: 0 20px;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 1024px) {
  .b-footer__logo {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    max-width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .b-footer__logo {
    margin: 0 10px;
  }
}
.b-footer__info {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .b-footer__info {
    margin-bottom: 40px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .b-footer__info {
    margin-left: 10px;
  }
}
.b-footer__info a {
  color: black;
  text-decoration: none;
  display: inline-block;
}
.b-footer__info a:hover {
  text-decoration: underline;
}
.b-footer__phone {
  text-align: right;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}
.b-footer__phone a {
  font-size: 18px;
  font-weight: bold;
  color: black;
  text-decoration: none;
}
.b-footer__phone a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 48em) {
  .b-footer__phone a {
    font-size: 20px;
  }
}
.b-footer__phone a span:first-child {
  white-space: nowrap;
  line-height: normal;
  margin-right: 5px;
  color: red;
  text-transform: uppercase;
  font-size: 8px !important;
  margin-bottom: -2px;
}
.b-footer__button {
  flex: 0 0 auto;
  width: calc(66.6666666667% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  white-space: nowrap;
  width: auto !important;
}
.b-footer__button a {
  padding: 9px 22px 10px;
}
@media print, screen and (min-width: 48em) {
  .b-footer__button {
    flex: 0 0 auto;
    width: calc(25% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .b-footer__button a {
    padding: 9px 32px 10px;
  }
}
.b-footer__socials {
  display: flex;
  width: auto;
}
@media screen and (max-width: 767px) {
  .b-footer__socials {
    width: 100%;
    margin-left: 10px;
    margin-bottom: 65px !important;
  }
}
.b-footer__social-link {
  background-size: cover;
  font-size: 0;
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: block;
  margin: 0 4px;
}
@media print, screen and (min-width: 48em) {
  .b-footer__social-link {
    margin: 0 8px;
    width: 42px;
    min-width: 42px;
    height: 42px;
  }
}
.b-footer__contacts {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .b-footer__contacts {
    margin-left: 20px;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .b-footer__contacts {
    margin-left: 10px;
  }
}
.b-footer__contacts img {
  margin-right: 16px;
}
@media (max-width: 1024px) {
  .b-footer__contacts img {
    display: none;
  }
}
@media (max-width: 767px) {
  .b-footer__contacts img {
    display: block;
  }
}
.b-footer__contacts a {
  color: #ed1c24;
  font-size: 18px;
  text-decoration: none;
}
.b-footer__contacts a:hover {
  text-decoration: underline;
}
.b-footer__menu {
  border: 1px solid black;
  border-radius: 4px;
  position: relative;
  padding: 9px 17px 10px;
  background: url("/master-sv/img/black-arrow-up.svg") calc(100% - 13px) calc(50% - 2px) no-repeat;
  font-size: 16px;
  cursor: pointer;
}
.b-footer__menu.open .b-footer__menu-items {
  display: block;
}
@media screen and (max-width: 767px) {
  .b-footer__menu {
    width: 100%;
  }
}
.b-footer__menu-title {
  font-weight: 500;
  margin-right: 25px;
}
.b-footer__menu-items {
  position: absolute;
  bottom: calc(100% - 3px);
  left: -1px;
  right: -1px;
  padding: 9px 17px;
  background: white;
  border: solid black;
  border-width: 1px 1px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: none;
}
.b-footer__menu-item {
  margin-bottom: 14px;
  line-height: 17px;
  color: black;
  text-decoration: none;
  display: block;
}
.b-footer__menu-item:hover {
  text-decoration: underline;
}
.b-footer__techart {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 50px;
}
.b-footer__techart a {
  color: black;
  text-decoration: none;
}
.b-footer__techart a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 48em) {
  .b-footer__techart {
    text-align: right;
    margin-bottom: 0;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/header-mobile/header-mobile.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-header-mobile {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  max-height: 100vh;
  overflow: auto;
}
@media print, screen and (max-width: 47.99875em) {
  .b-header-mobile--opened {
    display: block;
  }
}
.b-header-mobile__top-wrapper {
  background-color: #b6060f;
}
.b-header-mobile__top {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1438px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-header-mobile__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header-mobile__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header-mobile__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-header-mobile__middle {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1438px;
  margin-left: auto;
  margin-right: auto;
  background-color: #b6060f;
}
@media print, screen and (min-width: 48em) {
  .b-header-mobile__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header-mobile__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header-mobile__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-header-mobile__row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-header-mobile__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header-mobile__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header-mobile__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-header-mobile__logo {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-top: 25px;
}
.b-header-mobile__menu {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding: 50px 30px;
}
.b-header-mobile__menu a {
  color: white;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 18px;
}
.b-header-mobile__menu a:hover {
  border-bottom-color: white;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/header-top-mobile-bottom/header-top-mobile-bottom.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-header-top-mobile-bottom {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1438px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  min-height: 52px;
  color: white;
}
@media print, screen and (min-width: 48em) {
  .b-header-top-mobile-bottom {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header-top-mobile-bottom {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header-top-mobile-bottom {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-header-top-mobile-bottom .b-header-top__link {
  color: white;
  text-decoration: none;
  margin-right: 25px;
  margin-bottom: 12px;
  font-size: 16px;
  width: 100%;
  border-bottom: none;
}
.b-header-top-mobile-bottom__menu {
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-grow: 1;
  padding: 0 30px 30px;
}
.b-header-top-mobile-bottom__menu a {
  display: flex;
  align-items: center;
}
.b-header-top-mobile-bottom__menu img {
  display: block;
  margin-right: 10px;
  opacity: 0.6;
}
.b-header-top-mobile-bottom__phone {
  font-weight: 600;
}
@media print, screen and (min-width: 48em) {
  .b-header-top-mobile-bottom__phone {
    font-size: 20px;
    margin-left: auto;
    margin-right: 0;
  }
}
.b-header-top-mobile-bottom__menu-button {
  margin-left: auto;
  height: auto;
  margin-right: 25px;
}
@media print, screen and (min-width: 48em) {
  .b-header-top-mobile-bottom__menu-button {
    display: none;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/header-top-mobile-top/header-top-mobile-top.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-header-top-mobile-top {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1438px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  min-height: 52px;
  color: white;
}
@media print, screen and (min-width: 48em) {
  .b-header-top-mobile-top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header-top-mobile-top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header-top-mobile-top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-header-top-mobile-top__link {
  color: white;
  text-decoration: none;
  font-size: 0;
  flex-flow: row wrap;
}
@media print, screen and (min-width: 48em) {
  .b-header-top-mobile-top__link {
    font-size: 16px;
  }
}
.b-header-top-mobile-top__menu {
  font-size: 16px;
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  justify-content: space-between;
  padding-top: 20px;
}
.b-header-top-mobile-top__menu a {
  display: flex;
  align-items: center;
}
.b-header-top-mobile-top__menu img {
  display: block;
  margin-right: 7px;
}
.b-header-top-mobile-top__contacts {
  display: flex;
  font-weight: 600;
  font-size: 20px;
  align-items: center;
}
.b-header-top-mobile-top__phone {
  font-weight: 600;
  font-size: 20px;
}
.b-header-top-mobile-top__phone span:first-child {
  white-space: nowrap;
  line-height: normal;
  margin-right: 7px;
  color: #fff;
  text-transform: uppercase;
  font-size: 8px !important;
  margin-bottom: -2px;
}
.b-header-top-mobile-top__phone span:nth-child(2) {
  white-space: nowrap;
  line-height: 1;
}
.b-header-top-mobile-top__menu-button {
  height: auto;
}
@media print, screen and (min-width: 48em) {
  .b-header-top-mobile-top__menu-button {
    display: none;
  }
}
.b-header-top-mobile-top__contacts {
  display: flex;
  font-weight: 600;
  font-size: 20px;
  align-items: center;
}
.b-header-top-mobile-top__phones-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.b-header-top-mobile-top__phone {
  line-height: normal;
}
.b-header-top-mobile-top__phone span:nth-child(1) {
  white-space: nowrap;
  line-height: normal;
  margin-right: 7px;
  color: white;
  text-transform: uppercase;
  font-size: 8px !important;
  margin-bottom: -2px;
}
.b-header-top-mobile-top__phone span:nth-child(2) {
  white-space: nowrap;
  line-height: 1;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/header-top/header-top.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-header-top {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1438px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  min-height: 52px;
  height: 52px;
  color: white;
}
@media print, screen and (min-width: 48em) {
  .b-header-top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header-top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header-top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-header-top__link {
  display: flex;
  align-items: center;
  margin-right: 14px;
  color: white;
  text-decoration: none;
  font-size: 16px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .b-header-top__link {
    flex-flow: row wrap;
  }
}
.b-header-top__link:nth-child(1) {
  order: 1;
  margin-left: auto;
  white-space: nowrap;
}
.b-header-top__link:nth-child(3) {
  order: 2;
  white-space: nowrap;
}
.b-header-top__link:nth-child(4) {
  order: 3;
  white-space: nowrap;
}
.b-header-top__link:nth-child(5) {
  order: 4;
  white-space: nowrap;
}
.b-header-top__link:nth-child(6) {
  order: 5;
  white-space: nowrap;
}
.b-header-top__link:nth-child(7) {
  order: 6;
}
.b-header-top__link:nth-child(8) {
  order: 7;
}
.b-header-top__link:nth-child(9) {
  order: 8;
}
.b-header-top__link:nth-child(10) {
  order: 9;
}
.b-header-top__link:nth-child(11) {
  order: 10;
  margin-right: 0;
}
@media screen and (max-width: 1199px) {
  .b-header-top__link {
    font-size: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .b-header-top__link:nth-child(n) {
    order: initial;
  }
}
.b-header-top__list {
  width: 100%;
  display: inline-block;
  margin: 5px 0 0;
  padding: 0 0 0 36px;
}
.b-header-top__list li {
  list-style-type: none;
}
.b-header-top__list a {
  color: #fff;
  text-decoration: none;
}
.b-header-top__menu {
  font-size: 16px;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.b-header-top__menu img {
  display: block;
}
.b-header-top__contacts {
  display: none;
  font-weight: 600;
  align-items: center;
}
@media print, screen and (min-width: 48em) {
  .b-header-top__contacts {
    font-size: 20px;
    margin-left: auto;
    margin-right: 0;
    display: flex;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header-top__contacts {
    display: flex;
  }
}
.b-header-top__phones-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.b-header-top__phone {
  line-height: normal;
}
.b-header-top__phone span:nth-child(1) {
  white-space: nowrap;
  line-height: normal;
  margin-right: 5px;
  color: red;
  text-transform: uppercase;
  font-size: 8px !important;
  margin-bottom: -2px;
}
.b-header-top__phone span:nth-child(2) {
  white-space: nowrap;
  line-height: 1;
}
.b-header-top__menu-button {
  height: auto;
  margin-right: 0 !important;
}
@media print, screen and (min-width: 48em) {
  .b-header-top__menu-button {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .b-header-top__feedback {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .b-header-top__qa {
    display: none;
  }
}
.b-header-top__link--account {
  order: 9;
  margin-right: 0;
}
.b-header-top__link--account .b-header-top__text {
  display: none;
}
.b-header-top__phone {
  font-size: 14px;
}
.b-header-top__menu-links {
  display: flex;
  position: relative;
  z-index: 3;
}
.b-header-top__menu-list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.b-header-top__menu-list li {
  list-style-type: none;
  position: relative;
}
.b-header-top__menu-sublist {
  position: absolute;
  left: 0;
  top: 38px;
  background-color: #2a3346;
  display: none;
  margin: 0;
  padding: 10px;
  min-width: 170px;
}
.b-header-top__menu-sublist::before {
  content: "";
  width: 100%;
  height: 25px;
  left: 0;
  top: -20px;
  position: absolute;
}
.b-header-top__menu-sublist li {
  width: 100%;
  display: inline-block;
}
.b-header-top__menu-sublist li:not(:last-of-type) {
  margin-bottom: 7px;
}
.b-header-top__menu-sublist li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  position: relative;
}
.b-header-top__menu-sublist li a:hover {
  text-decoration: underline;
}
.b-header-top__menu-sublist-item:hover .b-header-top__menu-sublist {
  display: block;
}

@media (min-width: 320px) {
  .b-header-top__link {
    width: 17px;
    margin-right: 12px;
  }
}
@media (min-width: 375px) {
  .b-header-top__link {
    width: 20px;
  }
}
@media (min-width: 480px) {
  .b-header-top__link {
    width: auto;
  }
}
@media (min-width: 768px) {
  .b-header-top__link:first-child {
    margin-left: 0;
  }
  .b-header-top__contacts .b-header-top__img {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .b-header-top__link {
    font-size: 14px;
  }
  .b-header-top__link img {
    margin-right: 10px;
  }
}
@media (min-width: 1280px) {
  .b-header-top__link {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .b-header-top .b-header-top__link--account {
    order: 1;
    max-width: 18%;
    margin-left: auto;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #fff;
  }
  .b-header-top__contacts.b-header-top__link {
    order: 2;
    margin: 0;
  }
  .b-header-top__link--account .b-header-top__text {
    display: inline;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .b-header-top .b-header-top__link--account {
    max-width: 23%;
  }
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/header/header.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-header__top-wrapper {
  background-color: #2a3346;
}
.b-header__top {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1438px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-header__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header__top {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-header__middle {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1438px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
@media print, screen and (min-width: 48em) {
  .b-header__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-header__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-header__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-header__middle {
    display: block;
  }
}
.b-header__row {
  display: flex;
  align-items: center;
  min-height: 76px;
  height: 76px;
}
.b-header__logo {
  margin-right: 40px;
}
.b-header__logo img {
  max-width: unset;
  width: 164px;
}
.b-header__menu {
  display: flex;
  flex-wrap: wrap;
}
.b-header__menu a {
  color: black;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  padding-left: 18px;
  padding-right: 18px;
  border-right: 2px solid black;
}
.b-header__menu a:hover {
  border-bottom-color: #ed1c24;
}
.b-header__menu a:last-child {
  border-right: 0;
}

.b-header__logo {
  flex-shrink: 1;
}

.b-header__menu {
  display: flex;
  -moz-column-gap: 1px;
       column-gap: 1px;
  position: relative;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .b-header__menu {
    flex-direction: column;
  }
}
.menu-item {
  position: relative;
  display: inline-block;
  padding: 16px 18px 6px;
}

.menu-item::after {
  position: absolute;
  content: " ";
  width: 1px;
  height: 50%;
  top: 35%;
  right: -1px;
  background-color: #000;
}

.menu-item:hover {
  background-color: #f7f7f7;
}

@media (max-width: 768px) {
  .menu-item {
    height: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .menu-item::after {
    display: none;
  }
  .menu-item:hover {
    background-color: transparent;
  }
}
@media (max-width: 576px) {
  .menu-item {
    padding-left: 0;
  }
}
.menu-level-1 {
  position: relative;
  display: block;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
}

@media (max-width: 768px) {
  .menu-level-1 {
    display: block;
    padding-right: 30px;
    width: 90%;
    line-height: 28px;
  }
  .menu-level-1::before {
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border: 1px solid white;
    border-radius: 4px;
  }
  .menu-level-1::after {
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.100024 0.453625C0.100024 0.361611 0.132918 0.267448 0.196733 0.196833C0.324468 0.0556043 0.53345 0.0556043 0.661184 0.196833L5.03242 5.03071L9.33983 0.267449C9.46754 0.12622 9.67653 0.12622 9.80424 0.267449C9.93195 0.408678 9.93195 0.639777 9.80424 0.78101L5.26463 5.8032C5.13691 5.94439 4.92795 5.94439 4.80021 5.8032L0.196733 0.712533C0.130946 0.639777 0.100024 0.547766 0.100024 0.453625Z' fill='white'/%3E%3C/svg%3E%0A");
    transition: rotate 0.2s ease;
  }
}
.menu-item:hover .menu-level-1 {
  border-bottom: 1px solid red;
}

@media (max-width: 768px) {
  .menu-level-1 {
    color: white;
  }
  .menu-item:hover .menu-level-1 {
    border-bottom: 1px solid transparent;
  }
}
@media (max-width: 576px) {
  .menu-level-1 {
    width: 100%;
  }
}
.submenu {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #f7f7f7;
  min-width: 200px;
}

@media (max-width: 768px) {
  .submenu {
    position: static;
    background-color: transparent;
    color: white;
  }
}
.submenu a {
  display: block;
  padding: 10px 18px;
  font-weight: 400;
  text-decoration: none;
  border: none;
}

@media (max-width: 768px) {
  .submenu a {
    color: white;
    padding: 10px 0;
  }
}
.menu-item:hover .submenu {
  display: block;
}

.submenu a:hover {
  color: red;
  font-weight: 500;
  border: none;
}

@media (max-width: 768px) {
  .submenu {
    display: none;
  }
  .menu-item:hover .submenu {
    display: none;
  }
  .menu-item.is-open .submenu {
    display: block;
  }
  .menu-item.is-open .menu-level-1::after {
    rotate: 180deg;
  }
}
@media (max-width: 576px) {
  .b-header-mobile__menu {
    padding-left: 0;
    padding-right: 0;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/image-block/image-block.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-image-block {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .b-image-block {
    margin-top: 50px;
  }
}
.b-image-block__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .b-image-block__container {
    flex-direction: column;
  }
}
.b-image-block__container.reverse {
  flex-flow: row-reverse;
}
.b-image-block__container.reverse .b-image-block__content {
  margin-left: 0;
  margin-right: 20px;
  width: calc(50% - 20px);
}
.b-image-block__container.reverse .b-image-block__text {
  font-size: 18px;
}
@media screen and (max-width: 1023px) {
  .b-image-block__container.reverse {
    flex-flow: column-reverse;
  }
  .b-image-block__container.reverse .b-image-block__content {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .b-image-block__container.reverse .b-image-block__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .b-image-block__img {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 375px) {
  .b-image-block__img {
    margin-bottom: 20px;
  }
}
.b-image-block__content {
  width: calc(50% - 60px);
  min-width: calc(50% - 60px);
  margin-left: 60px;
}
@media screen and (max-width: 1023px) {
  .b-image-block__content {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.b-image-block__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 120%;
}
.b-image-block__text {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}
@media screen and (max-width: 767px) {
  .b-image-block__text {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/industry/industry.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-industry__cover {
  width: 100%;
  height: 720px;
  padding: 80px 30px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .b-industry__cover {
    height: 500px;
    padding: 20px;
  }
}
.b-industry__title {
  width: 100%;
  display: inline-block;
  margin-bottom: 12px;
  font-size: 38px;
  line-height: 47px;
  font-weight: 700;
  color: #fff;
}
.b-industry__descr {
  width: 100%;
  display: inline-block;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .b-industry__descr {
    font-size: 20px;
    line-height: 24px;
  }
}
.b-industry__note {
  width: 100%;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

.cta-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 50px;
       column-gap: 50px;
  row-gap: 30px;
  margin-top: 70px;
}
@media (max-width: 900px) {
  .cta-block {
    grid-template-columns: 1fr;
  }
}
.cta-block__title {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 38px;
  line-height: 46px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767.98px) {
  .cta-block__title {
    font-size: 32px;
    line-height: 1em;
  }
}
.cta-block__descr {
  width: 100%;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.cta-block__gallery {
  min-width: 100%;
}
.cta-block__slider {
  width: 100%;
}
.cta-block__slider-slide {
  width: 100%;
  height: 400px;
}
@media (max-width: 767.98px) {
  .cta-block__slider-slide {
    height: 300px;
  }
}
.cta-block__slider-slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cta-block__slider .slick-slide {
  width: 574px;
  height: 400px;
}
@media (max-width: 767.98px) {
  .cta-block__slider .slick-slide {
    height: 300px;
  }
}
.cta-block__slider .slick-dots {
  position: relative;
  margin-top: 18px;
}
.cta-block__slider .slick-dots li {
  width: 10px;
  height: 10px;
  border: 1px solid #000;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/layout/layout.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font: 400 normal 16px/1.5em "Proxima Nova";
}
@media print, screen and (min-width: 48em) {
  .b-layout {
    margin-right: 42px;
  }
}
.b-layout__header {
  order: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 1000;
}
@media print, screen and (min-width: 48em) {
  .b-layout__header {
    right: 42px;
  }
}
.b-layout__content {
  flex-grow: 1;
  order: 2;
  width: 100%;
  margin-top: 52px;
}
@media print, screen and (min-width: 48em) {
  .b-layout__content {
    margin-top: 128px;
  }
}
.b-layout__wrapper {
  padding-top: 1px;
}
.b-layout__wrapper--grey {
  background-color: #f5f6fa;
}
.b-layout__wrapper.padding-bottom {
  padding-bottom: 100px;
}
.b-layout__wrapper.padding-top {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .b-layout__wrapper.padding-bottom {
    padding-bottom: 50px;
  }
  .b-layout__wrapper.padding-top {
    padding-top: 50px;
  }
}
.b-layout__space {
  height: 100px;
}
@media (max-width: 768px) {
  .b-layout__space {
    height: 50px;
  }
}
.b-layout__container {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-layout__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-layout__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-layout__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-layout__container-inner {
  padding-bottom: 50px;
}
.b-layout__container-inner h1 {
  padding-bottom: 32px;
  border-bottom: 1px solid #c4c4c4;
}
.b-layout__footer {
  order: 3;
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/media-gallery/media-gallery.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-media-gallery {
  width: 100%;
}
.b-media-gallery .b-media-list iframe, .b-media-gallery .b-media-list img {
  max-width: 560px;
}
.b-media-gallery__container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 15px; /* stylelint-disable-line */
  align-items: flex-start;
}
@media print, screen and (max-width: 71.87375em) {
  .b-media-gallery__container {
    grid-template-columns: 1fr;
  }
}
.b-media-gallery .main-video {
  background: #fff;
  border-radius: 5px;
}
.b-media-gallery .main-video .video {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__container .b-media-gallery .main-video {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}
.b-media-gallery .video-list {
  background: #fff;
  border-radius: 5px;
  height: 447px;
  overflow-y: scroll;
}
.b-media-gallery .video-list .video {
  display: grid;
  grid-template-columns: 1.5fr 2.5fr;
  gap: 15px; /* stylelint-disable-line */
  background-color: #f7f7f7;
  border-radius: 5px;
  margin: 0 10px 10px 0;
  padding: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.b-media-gallery .video-list .video:hover {
  background-color: #eee;
}
.b-media-gallery .video-list .video.active {
  background-color: #eee;
  cursor: initial;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__container .b-media-gallery .video-list .video {
    margin-right: 0.8rem;
    margin-left: 1.25rem;
  }
}
.b-media-gallery .video-list .title {
  margin: 0;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  -webkit-line-clamp: 2;
  display: block;
  white-space: normal;
}
.b-media-gallery .video-list .subtitle {
  margin: 0;
  color: #333;
  font-size: 12px;
  font-weight: 300;
  max-height: 16px;
  -webkit-line-clamp: 1;
  display: block;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
}
.b-media-gallery .video-list::-webkit-scrollbar {
  width: 7px;
}
.b-media-gallery .video-list::-webkit-scrollbar-track {
  background-color: #ccc;
  border-radius: 50px;
}
.b-media-gallery .video-list::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 50px;
}
@media print, screen and (max-width: 71.87375em) {
  .b-media-gallery .video-list {
    height: 300px;
  }
}
.b-media-gallery iframe, .b-media-gallery img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.b-media-gallery iframe {
  aspect-ratio: 112/63; /* stylelint-disable-line */
}
.b-media-gallery img {
  aspect-ratio: 16/10; /* stylelint-disable-line */
  margin: auto;
}
.b-media-gallery__filters {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-media-gallery__filters {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}
.b-media-gallery__filters .break {
  flex-basis: 100%;
  height: 0;
}
.b-layout__container .b-media-gallery__filters {
  margin-left: 0 !important;
}
.b-media-gallery__filter {
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 17px 6px;
  line-height: 1em;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: uppercase;
}
.b-media-gallery__filter--selected {
  background-color: #ed1c24;
  color: white;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/media-list/media-list.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-media-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px; /* stylelint-disable-line */
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/page-404-perhaps/page-404-perhaps.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-page-404-perhaps {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
}
.b-page-404-perhaps__middle {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-page-404-perhaps__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-page-404-perhaps__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-page-404-perhaps__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-page-404-perhaps__row {
  display: flex;
  flex-flow: row wrap;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-page-404-perhaps__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-page-404-perhaps__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-page-404-perhaps__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-page-404-perhaps__content {
  font-size: 18px;
  line-height: 26px;
  list-style: none;
  padding: 0;
}
.b-page-404-perhaps__title {
  font-size: 18px;
  line-height: 26px;
}
.b-page-404-perhaps__link-btn {
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  color: #ed1c24;
  text-transform: uppercase;
  font-weight: bolder;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/page-404/page-404.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-page-404 {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}
.b-page-404__middle {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-page-404__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-page-404__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-page-404__middle {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-page-404__row {
  display: flex;
  flex-flow: row wrap;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-page-404__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-page-404__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-page-404__row {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-page-404__wrap-404 {
  flex: 0 0 auto;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
.b-page-404__wrap-404-img {
  background: url("/master-sv/img/404.svg") no-repeat top;
  background-size: contain;
  width: 100%;
  padding-top: 39.2307692308%;
  max-width: 520px;
}
@media print, screen and (min-width: 48em) {
  .b-page-404__wrap-404 {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-right: 40px;
  }
}
@media screen and (min-width: 80em) {
  .b-page-404__wrap-404 {
    font-size: 200px;
    line-height: 160px;
  }
}
.b-page-404__content {
  flex: 0 0 auto;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 0;
}
@media print, screen and (min-width: 48em) {
  .b-page-404__content {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    display: block;
    text-align: left;
    padding-left: 30px;
  }
}
.b-page-404__title {
  font-weight: bold;
  font-size: 36px;
  line-height: 36px;
  padding-bottom: 40px;
  width: 100%;
}
.b-page-404__text {
  font-size: 18px;
  line-height: 26px;
  width: 100%;
}
.b-page-404__bottom {
  margin: 25px 0;
  width: 100%;
}
.b-page-404__link-btn {
  color: #ed1c24;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/product-adverts/product-adverts.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-product-adverts__city-select {
  display: flex;
  align-items: flex-start;
  max-height: 43px;
  overflow: visible;
}
.b-product-adverts__select-title {
  font-weight: 700;
  color: black;
  padding: 9px 0 10px;
  font-size: 16px;
}
.b-product-adverts__select {
  display: flex;
  flex-flow: column nowrap;
  border: 1px solid black;
  border-radius: 4px;
  position: relative;
  font-size: 16px;
  padding: 9px 37px 10px 17px;
  background: url("/master-sv/img/black-arrow-down.svg") calc(100% - 13px) 17px no-repeat white;
  margin-left: 17px;
  max-height: 43px;
  overflow: hidden;
}
.b-product-adverts__select:hover {
  max-height: 1000px;
}
.b-product-adverts__select-item {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  order: 2;
  font-weight: 500;
  margin-bottom: 4px;
  cursor: pointer;
}
.b-product-adverts__select-item:hover {
  text-decoration: underline;
}
.b-product-adverts__select-item--current {
  cursor: default;
  order: 1;
}
.b-product-adverts__select-item--current:hover {
  text-decoration: none;
}
.b-product-adverts__list {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media print, screen and (min-width: 48em) {
  .b-product-adverts__list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-product-adverts__list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-product-adverts__list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-product-adverts__item {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: block;
  margin-top: 44px;
  text-decoration: none;
}
@media print, screen and (max-width: 47.99875em) {
  .b-product-adverts__item:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 430px) {
  .b-product-adverts__item {
    flex: 0 0 auto;
    width: calc(50% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .b-product-adverts__item:first-child {
    margin-top: 44px;
  }
}
@media print, screen and (min-width: 48em) {
  .b-product-adverts__item {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-product-adverts__item {
    flex: 0 0 auto;
    width: calc(25% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-product-adverts__item {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-product-adverts__item--hidden {
  display: none;
}
.b-product-adverts__item:hover .b-product-adverts__item-title {
  text-decoration: underline;
}
.b-product-adverts__item a {
  display: inline-block;
  text-decoration: none;
}
.b-product-adverts__item-preview {
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  padding: 30px 18px;
  text-align: center;
  max-width: 173px;
  text-decoration: none;
}
.b-product-adverts__item-title {
  color: #ed1c24;
  font-weight: 500;
  font-size: 16px;
  margin-top: 10px;
  text-decoration: none;
}
.b-product-adverts__item-size {
  color: black;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/product-block/product-block.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-product-block__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media screen and (max-width: 860px) {
  .b-product-block__container {
    grid-template-columns: 1fr;
  }
}
.b-product-block__img {
  display: block;
  width: 100%;
  height: auto;
}
.b-product-block__content {
  display: grid;
}
.b-product-block__sto {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.b-product-block__name {
  font-weight: 900;
  font-size: 48px;
  line-height: 1.25;
  margin-bottom: 40px;
}
@media screen and (max-width: 860px) {
  .b-product-block__name {
    font-size: 28px;
  }
}
.b-product-block__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.b-product-block__buttons {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1023px) {
  .b-product-block__buttons {
    grid-template-columns: 1fr;
  }
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/product-docs/product-docs.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-product-docs__city-select {
  display: flex;
  align-items: flex-start;
  max-height: 43px;
  overflow: visible;
}
.b-product-docs__select-title {
  font-weight: 700;
  color: black;
  padding: 9px 0 10px;
  font-size: 16px;
}
.b-product-docs__select {
  display: flex;
  flex-flow: column nowrap;
  border: 1px solid black;
  border-radius: 4px;
  position: relative;
  font-size: 16px;
  padding: 9px 37px 10px 17px;
  background: url("/master-sv/img/black-arrow-down.svg") calc(100% - 13px) 17px no-repeat white;
  margin-left: 17px;
  max-height: 43px;
  overflow: hidden;
}
.b-product-docs__select:hover {
  max-height: 1000px;
}
.b-product-docs__select-item {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  order: 2;
  font-weight: 500;
  margin-bottom: 4px;
  cursor: pointer;
}
.b-product-docs__select-item:hover {
  text-decoration: underline;
}
.b-product-docs__select-item--current {
  cursor: default;
  order: 1;
}
.b-product-docs__select-item--current:hover {
  text-decoration: none;
}
.b-product-docs__list {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 16.6666666667%));
  justify-items: center;
  justify-content: space-between;
  overflow: hidden;
}
@media print, screen and (min-width: 48em) {
  .b-product-docs__list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-product-docs__list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-product-docs__list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-product-docs__list--one-line {
  grid-template-rows: 1fr repeat(100, 0);
}
.b-product-docs__item {
  display: block;
  text-decoration: none;
  margin-top: 44px;
  margin-left: 1.25rem;
}
.b-product-docs__item--hidden {
  display: none;
}
.b-product-docs__item a {
  display: inline-block;
  text-decoration: none;
}
.b-product-docs__item:hover .b-product-docs__item-title {
  text-decoration: underline;
}
@media print, screen and (max-width: 47.99875em) {
  .b-product-docs__item:first-child {
    margin-top: 30px;
  }
}
@media all and (min-width: 430px) {
  .b-product-docs__item:first-child {
    margin-top: 44px;
  }
}
.b-product-docs__item-preview {
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  padding: 30px 18px;
  text-align: center;
  max-width: 173px;
  text-decoration: none;
}
.b-product-docs__item-title {
  color: black;
  font-weight: 500;
  font-size: 16px;
  margin-top: 10px;
  text-decoration: none;
}
.b-product-docs__item-size {
  color: black;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.b-product-docs__show-all {
  margin-top: 44px;
}
@media print, screen and (max-width: 47.99875em) {
  .b-product-docs__show-all {
    margin-top: 30px;
  }
}
.b-product-docs__show-all a {
  background-color: transparent !important;
  color: #ed1c24 !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/product-instructs/product-instructs.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-product-instructs__item {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  border-top: 1px solid #c4c4c4;
  text-decoration: none;
}
.b-product-instructs__item:last-child {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 48em) {
  .b-product-instructs__item {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}
.b-product-instructs__item:last-child {
  border-bottom: 1px solid #c4c4c4;
}
.b-product-instructs__item:hover {
  cursor: pointer;
}
.b-product-instructs__item:hover .b-product-instructs__title {
  text-decoration: underline;
}
.b-product-instructs__icon {
  margin-right: 34px;
  flex-shrink: 0;
}
.b-product-instructs__title {
  color: #ed1c24;
  font-size: 16px;
  font-weight: 500;
  margin-right: 6px;
  flex-grow: 1;
}
.b-product-instructs__size {
  color: black;
  font-size: 16px;
  font-weight: 500;
  flex-shrink: 0;
  width: 30px;
  margin-left: auto;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/product-list/product-list.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-product-list {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-product-list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-product-list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-product-list {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-product-list__item {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 20px 33px;
  border-radius: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 48em) {
  .b-product-list__item {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-product-list__item {
    flex: 0 0 auto;
    width: calc(25% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 0;
  }
  .b-product-list__item:nth-child(n+5) {
    margin-top: 40px;
  }
}
.b-product-list__item img {
  flex: 0 0 auto;
  aspect-ratio: 23/18;
  -o-object-fit: contain;
     object-fit: contain;
}
.b-product-list__pre-title {
  font-size: 12px;
  color: black;
}
.b-product-list__title {
  color: black;
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 34px;
  margin-top: 40px;
}
.b-product-list__title a {
  color: black;
  text-decoration: none;
}
.b-product-list__title:hover a {
  color: #ed1c24;
}
.b-product-list__button {
  margin-top: auto;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/product-video/product-video.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-product-video__container {
  width: 100%;
  position: relative;
}
.b-product-video__container iframe {
  width: 100%;
  max-height: 216px;
  border-radius: 10px;
  max-width: 386px;
  margin: auto;
  display: block;
}
.b-product-video__play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 72px;
  height: 72px;
}
.b-product-video__title {
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/production-detail/production-detail.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-production-detail {
  padding-bottom: 50px;
  padding-top: 50px;
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail {
    padding-bottom: 150px;
  }
}
.b-production-detail table {
  width: 100%;
  text-align: left;
  border: none;
  border-collapse: collapse;
}
.b-production-detail table thead {
  color: white;
  background-color: var(--product-color, #5f6673);
}
.b-production-detail table tfoot {
  color: white;
  background-color: #293346;
}
.b-production-detail table td,
.b-production-detail table th {
  padding: 12px 20px;
  text-align: left;
  font-size: 16px;
}
.b-production-detail table td p,
.b-production-detail table th p {
  margin: 0;
}
.b-production-detail table th {
  font-weight: 700;
}
.b-production-detail table tbody tr:nth-child(2n-1) {
  background-color: #edeff2;
}
.b-production-detail table tbody tr:nth-child(2n) {
  background-color: #fff;
}
.b-production-detail ul li::marker {
  content: "◀ ";
  color: var(--product-color, #ed1c24);
}
.b-production-detail__wrapper {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__wrapper {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail__wrapper {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-production-detail__wrapper {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-production-detail__wrapper .b-slider {
  flex: 0 0 auto;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  order: 2;
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail__wrapper .b-slider {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    order: 1;
    min-width: 0;
  }
}
.b-production-detail__wrapper .b-slider__slide {
  height: 66.5vw;
  background-size: cover;
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail__wrapper .b-slider__slide {
    height: calc((50vw - 5em) * 665 / 1000);
  }
}
@media screen and (min-width: 80em) {
  .b-production-detail__wrapper .b-slider__slide {
    height: 440px;
  }
}
.b-production-detail__wrapper .b-product-instructs {
  width: 100%;
}
.b-production-detail__wrapper .b-random-items-slider {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__wrapper .b-random-items-slider {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail__wrapper .b-random-items-slider {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: calc(8.3333333333% + 1.25rem);
  }
}
.b-production-detail__container {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__container {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail__container {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-production-detail__container {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-production-detail__info {
  margin-bottom: 30px;
  order: 1;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__info {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail__info {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    order: 2;
  }
}
.b-production-detail__info h1 {
  margin: 6px 0 34px;
  font-size: 36px;
  font-weight: 900;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__info h1 {
    font-size: 46px;
    margin: 6px 0 54px;
  }
}
.b-production-detail__subtitle {
  text-transform: uppercase;
}
.b-production-detail__preview {
  margin-bottom: 40px;
  font-size: 18px;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__preview {
    margin-bottom: 60px;
  }
}
.b-production-detail__detail {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-production-detail__detail {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .b-production-detail__image {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .b-production-detail__image {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-production-detail__image {
    margin-left: calc(8.3333333333% + 1.25rem);
    max-width: 39%;
  }
}
.b-production-detail__image h3:first-child {
  margin-top: 0;
}
@media screen and (min-width: 80em) {
  .b-production-detail .b-advantages__item {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-production-detail__banner {
  width: 100%;
  padding: 75px 70px;
  border-radius: 10px;
  margin-bottom: 100px;
  margin-left: 20px;
  margin-right: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
  .b-production-detail__banner {
    padding: 55px 40px;
  }
}
@media screen and (max-width: 767px) {
  .b-production-detail__banner {
    background-position-x: -100px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.b-production-detail__banner-content {
  max-width: 370px;
}
@media screen and (max-width: 767px) {
  .b-production-detail__banner-content {
    max-width: 300px;
  }
}
.b-production-detail__banner-title {
  font-size: 40px;
  line-height: 120%;
  font-weight: 800;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .b-production-detail__banner-title {
    font-size: 30px;
  }
}
.b-production-detail__banner-btn .b-button {
  width: 100%;
}
.b-production-detail__banner-btn .b-button a {
  width: 100%;
  background-position: center right 130px;
}
@media screen and (max-width: 767px) {
  .b-production-detail__banner-btn .b-button a {
    background-position: center right 80px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/random-items-slider/random-items-slider.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-random-items-slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 75px;
}
.b-random-items-slider__slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.b-random-items-slider__slide::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media print, screen and (min-width: 48em) {
  .b-random-items-slider__slide::before {
    display: none;
  }
}
.b-random-items-slider__container {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 20;
}
@media print, screen and (min-width: 48em) {
  .b-random-items-slider__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-random-items-slider__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-random-items-slider__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-random-items-slider .slick-dots {
  min-height: 75px;
  height: 75px;
  list-style: none;
}
.b-random-items-slider .slick-next,
.b-random-items-slider .slick-prev {
  font-size: 0;
  width: 14px;
  height: 32px;
  background: url("/master-sv/img/slider-arrow-black.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 75px;
  right: 20px;
  margin: auto;
  z-index: 10;
  cursor: pointer;
  outline: none;
}
.b-random-items-slider .slick-prev {
  transform: rotate(180deg);
  left: 20px;
  right: auto;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/sidebar/sidebar.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-sidebar {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  width: 42px;
  background: var(--product-color, #ed1c24);
  display: none;
  flex-direction: column;
  align-items: center;
  align-content: center;
  padding: 16px 0;
}
@media print, screen and (min-width: 48em) {
  .b-sidebar {
    display: flex;
  }
}
.b-sidebar__items {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
}
.b-sidebar__items a + a {
  margin-top: 10px;
}
.b-sidebar__dots {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.b-sidebar__dot {
  border: 2px solid white;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin-bottom: 10px;
  cursor: pointer;
}
.b-sidebar__dot--active {
  background: white;
}
.b-sidebar__up {
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/simple-cards/simple-cards.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-simple-cards {
  display: grid;
  grid-template-columns: 62fr 54fr;
  padding-bottom: 90px;
}
@media screen and (max-width: 860px) {
  .b-simple-cards {
    grid-template-columns: 1fr;
  }
}
.b-simple-cards__left {
  display: grid;
  grid-gap: 40px;
}
.b-simple-cards__text {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.54;
}
.b-simple-cards__text span {
  color: #ed1c24;
}
.b-simple-cards__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media screen and (max-width: 1023px) {
  .b-simple-cards__list {
    grid-template-columns: 1fr;
  }
}
.b-simple-cards__card {
  display: grid;
  grid-gap: 20px;
  padding: 40px 30px 50px;
  gap: 10px;
  border-radius: 10px;
  background: #F2F2F2;
}
.b-simple-cards__card img {
  margin: 0 auto;
}
.b-simple-cards__card-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.b-simple-cards__snoska {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.b-simple-cards__snoska span {
  color: #ed1c24;
}
.b-simple-cards__right-img {
  margin-top: -60px;
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 860px) {
  .b-simple-cards__right-img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
  }
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/slider/slider.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 75px;
}
.b-slider .slick-slide .b-slider__slide {
  position: relative;
}
.b-slider .slick-slide {
  margin-left: 5px;
  margin-right: 5px;
}
.b-slider__slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 0;
  border-radius: 10px;
}
.b-slider__slide::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
@media print, screen and (min-width: 48em) {
  .b-slider__slide::before {
    display: none;
  }
}
.b-slider__slide:first-child {
  position: relative;
}
.b-slider__container {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 1238px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 20;
}
@media print, screen and (min-width: 48em) {
  .b-slider__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-slider__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-slider__container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.b-slider .slick-dots {
  min-height: 75px;
  height: 75px;
  list-style: none;
}
.b-slider .slick-next,
.b-slider .slick-prev {
  font-size: 0;
  width: 14px;
  height: 32px;
  background: url("/master-sv/img/slider-arrow-black.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 75px;
  right: 20px;
  margin: auto;
  z-index: 10;
  cursor: pointer;
  outline: none;
}
.b-slider .slick-prev {
  transform: rotate(180deg);
  left: 20px;
  right: auto;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/statii-detail/statii-detail.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-statii-detail h1 {
  padding: 30px;
  margin: 0;
  border-bottom: none;
  color: white;
  position: absolute;
  bottom: 0;
  font-size: 38px;
  line-height: 1.25;
}
@media print, screen and (max-width: 47.99875em) {
  .b-statii-detail h1 {
    font-size: 30px;
    line-height: 1.15;
  }
}
.b-statii-detail h2 {
  font-size: 22px;
  margin-top: 0.9em;
  margin-bottom: 0.9em;
}
.b-statii-detail__header {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 420px;
  width: 100%;
  position: relative;
}
.b-statii-detail__header.long-header {
  height: 720px;
}
.b-statii-detail__published-at {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  padding: 5px 10px 5px 5px;
  border-radius: 10px;
  color: white;
  background-color: rgba(237, 28, 36, 0.9);
}
.b-statii-detail__link-to-list {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
  padding: 5px 10px 5px 5px;
  border-radius: 10px;
  background-color: rgba(237, 28, 36, 0.9);
  background-image: url("/master-sv/img/blog-white.svg");
  background-position: 7px center;
  background-repeat: no-repeat;
}
.b-statii-detail__link-to-list a {
  color: white;
  padding-left: 32px;
  text-decoration: none;
}
.b-statii-detail img, .b-statii-detail iframe, .b-statii-detail .b-slider {
  max-width: 100%;
  width: 560px;
  margin: 0 auto;
  display: block;
}
.b-statii-detail__detail-picture {
  position: relative;
}
.b-statii-detail__detail-picture img {
  width: 100%;
  margin: 0;
}
.b-statii-detail__filters {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-left: 0;
}
@media print, screen and (min-width: 48em) {
  .b-statii-detail__filters {
    margin-right: 1.25rem;
  }
}
.b-statii-detail__filter {
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 17px 6px;
  line-height: 1em;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  text-transform: uppercase;
}
.b-statii-detail__filter--selected {
  background-color: #ed1c24;
  color: white;
}
.b-statii-detail .quoteArticle {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  background: #f5f6fa;
  border-radius: 10px;
  padding: 30px 40px;
  margin-bottom: 16px;
  position: relative;
}
.b-statii-detail .quoteArticle::before {
  content: "";
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExNjUyXzM0MikiPgo8cGF0aCBkPSJNMTEuMTggMTQuMTgyTDExLjE3NiAxNC4yNzFDMTEuMTM1IDE1LjM3NyAxMC44NjEgMTcuNzE1IDkuNDE2IDE5Ljk5N0M4LjA0MyAyMi4xNjcgNS41ODYgMjQuMzI4IDEuMTQ4IDI1LjMxN0MxLjEzOTAyIDI0LjI5MjQgMS4xMzczNiAyMy4yNjc3IDEuMTQzIDIyLjI0M0MyLjE0MDQxIDIxLjk0MjYgMy4wNzk3IDIxLjQ3NTMgMy45MjEgMjAuODYxQzUuNTE0IDE5LjY4OSA3LjExMSAxNy42NiA3LjE0MyAxNC4yOTRMNy4xNDggMTMuNzg5SDAuNVY0LjU3MTA0SDExLjE3OFYxMy41OTZMMTEuMTc5IDE0LjE4Mk0xMS4xOCAxNC4xODJIMTEuMTc5TTExLjE4IDE0LjE4MkMxMS4xODUxIDE0LjAwMzEgMTEuMTg1MSAxMy44MjQgMTEuMTggMTMuNjQ1TDExLjE3OSAxMy42MTdWMTMuNjFWMTQuMTgyTTI5LjQ5MyAxMy41ODJWMTMuNTk2TDI5LjQ5NCAxMy42MDhWMTMuNjE2TDI5LjQ5NiAxMy42NDVMMjkuNDk5IDEzLjc2NEMyOS41IDEzLjg2NCAyOS41IDE0LjAwOSAyOS40OTUgMTQuMTg4TDI5LjQ5MiAxNC4yNzFDMjkuNDUxIDE1LjM3NyAyOS4xNzcgMTcuNzE1IDI3LjczMiAxOS45OTdDMjYuMzU5IDIyLjE2NyAyMy45MDIgMjQuMzI4IDE5LjQ2NCAyNS4zMTdDMTkuNDU1MSAyNC4yOTI0IDE5LjQ1MzQgMjMuMjY3NyAxOS40NTkgMjIuMjQzQzIwLjQ1NjQgMjEuOTQyNiAyMS4zOTU3IDIxLjQ3NTMgMjIuMjM3IDIwLjg2MUMyMy44MyAxOS42ODkgMjUuNDI3IDE3LjY2IDI1LjQ1OSAxNC4yOTRMMjUuNDY0IDEzLjc4OUgxOC44MTZWNC41NzEwNEgyOS40OTNWMTMuNTgyWiIgc3Ryb2tlPSIjRTMwQjE3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTE2NTJfMzQyIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  position: absolute;
  left: 23px;
  top: 25px;
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle::before {
    left: initial;
    right: 19px;
    top: 17px;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle {
    padding: 20px;
  }
}
.b-statii-detail .quoteArticle-top {
  width: 96%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0 0 0 auto;
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle-top {
    width: 100%;
    border-bottom: 1px solid #e1e5ee;
    align-items: start;
  }
}
.b-statii-detail .quoteArticle-bottom {
  width: calc(96% - 120px);
  padding-left: 22px;
  padding-top: 12px;
  margin: -18px 0 0 auto;
  position: relative;
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle-bottom {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle-bottom {
    width: 100%;
    padding-left: 0;
  }
}
.b-statii-detail .quoteArticle-bottom__text {
  width: 100%;
  display: inline-block;
  color: #1f1f1f;
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
}
.b-statii-detail .quoteArticle-pic {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle-pic {
    width: 80px;
    height: 80px;
  }
}
.b-statii-detail .quoteArticle-pic img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.b-statii-detail .quoteArticle-content {
  width: calc(100% - 142px);
  margin-left: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #e1e5ee;
  padding-bottom: 12px;
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle-content {
    width: calc(100% - 95px);
    margin-left: 14px;
    border-bottom: none;
    margin-top: 7px;
  }
}
.b-statii-detail .quoteArticle-content__name {
  width: 100%;
  display: inline-block;
  margin-bottom: 8px;
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle-content__name {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.b-statii-detail .quoteArticle-content__post {
  max-width: 400px;
  display: inline-block;
  color: #1f1f1f;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
@media (max-width: 600px) {
  .b-statii-detail .quoteArticle-content__post {
    font-size: 12px;
  }
}
.b-statii-detail .citationArticle {
  position: relative;
  background: #F5F6FA;
  border-radius: 10px;
  padding: 40px 40px 40px 112px;
}
@media (max-width: 600px) {
  .b-statii-detail .citationArticle {
    padding: 40px 20px 20px;
  }
}
.b-statii-detail .citationArticle-title {
  font-weight: 700;
  font-size: 18px;
  vertical-align: middle;
  color: #1F1F1F;
  padding-bottom: 12px;
  border-bottom: 1px solid #E1E5EE;
}
@media (max-width: 600px) {
  .b-statii-detail .citationArticle-title {
    display: flex;
    padding-bottom: 20px;
    align-items: center;
  }
  .b-statii-detail .citationArticle-title:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    background: url("/local/templates/master-sv/images/citation.svg") no-repeat center/contain;
    margin-right: 30px;
  }
}
.b-statii-detail .citationArticle-text {
  font-weight: 400;
  font-style: italic;
  font-size: 14.75px;
  line-height: 24px;
  vertical-align: middle;
  padding-top: 12px;
}
.b-statii-detail .citationArticle:before {
  position: absolute;
  content: "";
  display: block;
  top: 12px;
  left: 12px;
  width: 60px;
  height: 60px;
  background: url("/local/templates/master-sv/images/citation.svg") no-repeat center/contain;
}
@media (max-width: 600px) {
  .b-statii-detail .citationArticle:before {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/common/top-slider/top-slider.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-top-slider .slick-dots {
  position: relative;
}
.b-top-slider__slide-wrap {
  width: 100%;
  margin-bottom: 10px;
}
.b-top-slider__slide {
  display: block;
  width: 100%;
  position: relative;
}
.b-top-slider__image-src {
  width: 100%;
}
.b-top-slider__video {
  width: 100%;
}
.b-top-slider__text-container {
  padding: 10px 20px;
  background-color: black;
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .b-top-slider__text-container {
    font-size: 11px;
    padding: 10px 20px;
  }
}
.b-top-slider__text {
  color: white;
  transition: max-height 0.2s ease-out;
}
@media screen and (max-width: 1365px) {
  .b-top-slider__text {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 14px;
  }
  .b-top-slider__text.opened {
    overflow: visible;
    text-overflow: unset;
    white-space: unset;
  }
}
.b-top-slider__btn {
  color: #ed1c24;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 1365px) {
  .b-top-slider__btn {
    font-size: 12px;
    display: block;
  }
  .b-top-slider__btn.disabled {
    display: none;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/advantages/advantages.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-advantages {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  --primary-color-local: var(--product-color, #ed1c24);
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-advantages {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-advantages {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-advantages--soundproofing {
  --primary-color-local: var(--product-color, #00A5C5) !important;
}
.b-advantages__item {
  flex: 0 0 auto;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  text-decoration: none;
  padding: 20px 16px;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  transition: 250ms;
}
@media print, screen and (min-width: 420px) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(50% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(30% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-advantages__item {
    flex: 0 0 auto;
    width: calc(20% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-advantages__item:hover {
  border-color: var(--primary-color-local);
  background-color: var(--primary-color-local);
}
.b-advantages__item:hover .b-advantages__title {
  color: white;
}
.b-advantages__item:hover .b-advantages__icon svg path {
  fill: white;
}
.b-advantages__item:hover .b-advantages__icon-bg {
  opacity: 0.16;
}
.b-advantages__popup {
  --primary-color-local: var(--product-color, #ed1c24);
  max-width: 300px;
}
.b-advantages__popup--soundproofing {
  --primary-color-local: var(--product-color, #00A5C5) !important;
}
.b-advantages__popup-content {
  position: relative;
  overflow: hidden;
  margin: -30px;
  padding: 20px;
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages__popup-content {
    margin: -40px;
  }
}
.b-advantages__popup--terms {
  --primary-color-local: #ed1c24;
}
.b-advantages__popup--terms .b-advantages__title {
  display: none;
}
.b-advantages__popup .b-advantages__title {
  color: var(--primary-color-local);
  font-weight: 900;
  font-size: 34px;
  font-family: "Proxima Nova";
  line-height: 34px;
}
.b-advantages__popup .b-advantages__icon {
  margin-bottom: 25px;
  height: unset;
  display: block;
}
.b-advantages__popup .b-advantages__icon svg path {
  fill: var(--primary-color-local);
}
.b-advantages__popup .b-advantages__icon-bg {
  opacity: 0.05;
  bottom: -10%;
  right: -10%;
  width: 60%;
}
.b-advantages__popup .b-advantages__icon-bg svg {
  width: 100%;
  height: 100%;
}
.b-advantages__popup .b-advantages__icon-bg svg path {
  fill: var(--primary-color-local);
}
.b-advantages__title {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3em;
  color: black;
  letter-spacing: -0.5px;
  overflow-wrap: break-word;
}
@media print, screen and (min-width: 48em) {
  .b-advantages__title {
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 0;
  }
}
.b-advantages__icon {
  margin-bottom: 45px;
  height: 61px;
  display: flex;
  align-items: center;
}
.b-advantages__icon svg path {
  fill: var(--primary-color-local);
}
.b-advantages__icon-bg {
  position: absolute;
  bottom: -25%;
  right: -25%;
  width: 100%;
  opacity: 0;
}
.b-advantages__icon-bg svg {
  width: 100%;
  height: 100%;
}
.b-advantages__icon-bg svg path {
  fill: white;
}
.b-advantages__text p.snoska {
  font-size: 13px;
  line-height: 120%;
}
.b-advantages--terms {
  --primary-color-local: #ed1c24;
}
.b-advantages--terms .b-advantages__item {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding: 24px 32px;
}
@media print, screen and (min-width: 48em) {
  .b-advantages--terms .b-advantages__item {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-advantages--terms .b-advantages__item {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-advantages--terms .b-advantages__icon {
  min-height: 60px;
  display: flex;
  align-items: center;
}
.b-advantages--terms .b-advantages__title {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.3em;
}
@media print, screen and (min-width: 48em) {
  .b-advantages--terms .b-advantages__title {
    font-size: 14px;
  }
}
.b-advantages--soundproofing {
  margin: 50px 0 100px;
}
.b-advantages--soundproofing .b-advantages__item {
  margin-right: 20px;
  margin-left: 0;
}
@media screen and (min-width: 1024px) {
  .b-advantages--soundproofing .b-advantages__item {
    width: calc(25% - 15px);
  }
  .b-advantages--soundproofing .b-advantages__item:nth-child(4n+4) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .b-advantages--soundproofing .b-advantages__item {
    width: calc(50% - 10px);
  }
  .b-advantages--soundproofing .b-advantages__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-advantages--soundproofing .b-advantages__item {
    margin-bottom: 0;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .b-advantages--soundproofing .b-advantages__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .b-advantages--soundproofing {
    margin: 20px -20px 100px 0;
  }
  .b-advantages--soundproofing .slick-track {
    display: flex;
  }
  .b-advantages--soundproofing .slick-slide {
    margin-right: 20px;
    margin-bottom: 0;
    display: flex;
    height: auto;
  }
  .b-advantages--soundproofing .slick-slide div {
    width: 100%;
  }
  .b-advantages--soundproofing .slick-dots {
    bottom: -45px;
  }
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/akcii/akcii.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-akcii__slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 50px;
}
@media print, screen and (min-width: 48em) {
  .b-akcii__slide {
    flex-direction: row;
  }
}
.b-akcii__preview {
  max-width: 100%;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 48em) {
  .b-akcii__preview {
    max-width: 400px;
    margin-bottom: 0;
  }
}
.b-akcii__content {
  overflow: hidden;
}
@media print, screen and (min-width: 48em) {
  .b-akcii__content {
    margin-left: 50px;
  }
}
.b-akcii__title {
  color: black;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 48em) {
  .b-akcii__title {
    font-size: 26px;
  }
}
.b-akcii__preview-text {
  font-size: 18px;
}
@media print, screen and (min-width: 48em) {
  .b-akcii__preview-text {
    font-size: 22px;
  }
}
.b-akcii__button {
  position: relative;
  z-index: 20;
  margin-top: auto;
  padding: 20px 0;
}
@media print, screen and (min-width: 48em) {
  .b-akcii__button {
    padding: 23px 0;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/banner/banner.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-banner {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  min-height: 322px;
  margin-top: 40px;
  padding-top: 75px;
  padding-bottom: 74px;
  background-image: url("/master-sv/img/FIBRISFLEX.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #ececec;
  border-radius: 10px;
}
@media print, screen and (min-width: 48em) {
  .b-banner {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-banner {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-banner {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-banner {
    padding-left: 30px;
    background-position: center right 30px;
    background-size: auto;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-banner {
    background-position: center right 60px;
    padding-left: 60px;
  }
}
.b-banner__content {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 48em) {
  .b-banner__content {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-banner__title {
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 800;
  line-height: 1em;
  letter-spacing: 0;
  text-align: left;
}
@media print, screen and (min-width: 48em) {
  .b-banner__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.01em;
  }
}
.b-banner__popup-content {
  background-image: url("/master-sv/img/FIBRISFLEX-grey.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.b-banner__popup-title {
  color: #ed1c24;
  font-weight: 900;
  font-size: 34px;
  font-family: "Proxima Nova";
  line-height: 34px;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/heading/heading.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-heading {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  font-size: 32px;
  line-height: 1em;
  font-weight: bold;
  color: black;
  margin-top: 100px;
  margin-bottom: 40px;
}
@media print, screen and (min-width: 48em) {
  .b-heading {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-heading {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-heading {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-heading {
    font-size: 48px;
  }
}
@media screen and (max-width: 7687px) {
  .b-heading {
    margin-top: 70px;
  }
  .b-heading--big {
    margin-top: 100px;
  }
}
.b-heading__text {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-heading__text {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-heading--articles .b-heading__text {
  margin-top: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 374px) {
  .b-heading--soundproofing .b-heading__text {
    font-size: 28px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/just-content/just-content.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-just-content {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 120px;
}
@media print, screen and (min-width: 48em) {
  .b-just-content {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-just-content {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-just-content {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-just-content__left {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-just-content__left {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-just-content__right {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-just-content__right {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-just-content__hidden {
  display: none;
}
.b-just-content__container {
  display: flex;
  flex-wrap: wrap;
}
.b-just-content__button-container {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-top: 40px;
}
@media print, screen and (min-width: 48em) {
  .b-just-content__button-container {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-just-content__button {
  display: inline-block;
}
@media print, screen and (min-width: 48em) {
  .b-just-content--one-col .b-just-content__left {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-just-content--one-col .b-just-content__right {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/materials/materials.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-materials {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-materials {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-materials {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-materials {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
.b-materials__top {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.b-materials__right {
  background-color: #e6e6e6;
  background-image: url("/master-sv/img/house_bcgrd.png");
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 10px;
}
@media print, screen and (min-width: 71.875em) {
  .b-materials__right {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    height: 480px;
  }
}
.b-materials__left {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 71.875em) {
  .b-materials__left {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.b-materials__layer {
  width: 100%;
  height: 100%;
  background-position-y: center;
  background-repeat: no-repeat;
  position: absolute;
  display: none;
}
.b-materials__layer--show {
  display: block;
}
.b-materials__title {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  margin-bottom: 40px;
}
.b-materials__materials {
  width: 100%;
}
.b-materials__material {
  position: relative;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #939393;
  padding: 20px 30px 20px 20px;
  margin-bottom: 10px;
  border: 1px solid #939393;
  border-radius: 10px;
  text-decoration: none;
}
.b-materials__material img {
  margin-right: 10px;
  visibility: hidden;
}
.b-materials__material a {
  flex-grow: 1;
  margin-left: 10px;
  color: #00cb6a;
  font-weight: normal;
  font-size: 16px;
  text-transform: capitalize;
  visibility: hidden;
  text-align: right;
  text-decoration: none;
}
.b-materials__material--selected {
  cursor: pointer;
  color: black;
  border-color: #00cb6a;
  pointer-events: all;
}
.b-materials__material--selected img {
  visibility: visible;
}
.b-materials__material--selected span {
  visibility: visible;
}
.b-materials__filters {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.b-materials__filter {
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 17px 6px;
  line-height: 1em;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.b-materials__filter--selected {
  background-color: #ed1c24;
  color: white;
}
.b-materials__filter--point {
  position: absolute;
  display: none;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}
@media print, screen and (min-width: 71.875em) {
  .b-materials__filter--point {
    display: block;
  }
}
.b-materials__filter--point > * {
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 8px);
  width: 15px;
  height: 15px;
  background-color: white;
  border: 2px solid black;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/solution/solution.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-solution {
  width: 100%;
}
.b-solution__block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.b-solution__title {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding-bottom: 30px;
  font-size: 22px;
  line-height: 1em;
  color: #000;
  font-weight: 700;
  max-width: 840px;
}
@media print, screen and (min-width: 48em) {
  .b-solution__title {
    margin-left: 1.3rem;
    width: calc(100% - 2.5rem);
  }
}
.b-solution__left {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 22px;
  line-height: 1em;
  color: black;
  font-weight: 700;
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .b-solution__left {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    order: 1;
  }
  .b-solution__left span {
    display: inline-block;
    padding-left: 54px;
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 48em) {
  .b-solution__image--mobile {
    display: none;
  }
}
.b-solution__image--desktop {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .b-solution__image--desktop {
    display: block;
  }
}
.b-solution__content {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-solution__content {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    order: 2;
  }
}
@media print, screen and (min-width: 48em) {
  .b-solution__content ol {
    -moz-columns: 2;
         columns: 2;
  }
}
.b-solution__content ol li {
  padding: 0;
  margin: 0 0 10px;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
.b-solution__content p {
  margin-top: 0;
}
.b-solution__doc {
  display: flex;
  align-items: center;
  align-content: center;
  text-decoration: none;
}
.b-solution__doc:hover .b-solution__doc-name {
  text-decoration: underline;
}
.b-solution__doc-icon {
  margin-right: 15px;
}
.b-solution__doc-name {
  font-weight: 500;
  font-size: 16px;
  color: #ed1c24;
  margin-right: 6px;
}
.b-solution__doc-size {
  font-weight: 500;
  font-size: 16px;
  color: black;
}
.b-solution__sound-block {
  margin-top: 50px;
  display: grid;
  order: 3;
}
.b-solution__noise_db {
  display: grid;
  grid-gap: 10px;
  border-radius: 10px;
  padding: 10px;
  background: #F2F2F2;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ED1C24;
  max-width: 160px;
  float: right;
  margin-left: 20px;
}
.b-solution__noise_db svg {
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .b-solution__noise_db {
    float: none;
    grid-row-start: 2;
    width: -moz-fit-content;
    width: fit-content;
    max-width: none;
    grid-template-columns: auto 1fr;
    margin: 0 auto 0 20px;
    align-items: center;
  }
}
.b-solution__snoska {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  order: 4;
}
.b-solution__snoska span {
  color: #ed1c24;
}
@media screen and (max-width: 1023px) {
  .b-solution__title-grid {
    display: grid;
    grid-gap: 20px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/statii/statii.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-statii {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-statii {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-statii {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-statii {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-statii {
    padding-left: 0;
  }
}
.b-statii__container h1 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 40px;
  border-bottom: none;
}
@media print, screen and (max-width: 47.99875em) {
  .b-statii__container h1 {
    font-size: 38px;
  }
}
.b-statii__published-at {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  padding: 5px 10px 5px 5px;
  border-radius: 10px;
  color: white;
  background-color: rgba(237, 28, 36, 0.9);
}
.b-statii__slide {
  display: none;
  margin-bottom: 20px;
  cursor: pointer;
  min-width: min(372px, 100%);
}
.b-statii__slide--show {
  display: block;
}
@media print, screen and (min-width: 48em) {
  .b-statii__slide {
    flex: 1 1 0px;
    width: auto;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 1278px) {
  .b-statii__slide {
    max-width: 372px;
  }
}
@media print, screen and (min-width: 866px) and (max-width: 1277px) {
  .b-statii__slide {
    max-width: calc((100% - 5rem) / 2);
  }
}
@media print, screen and (max-width: 865px) {
  .b-statii__slide {
    max-width: 100%;
  }
}
.b-statii__item {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  background-repeat: no-repeat;
  background-position: top center;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  height: 100%;
  background-size: 100%;
  padding-top: calc(66.66% + 20px);
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 48em) {
  .b-statii__item {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: calc(66.66% + 23px);
    padding-left: 23px;
    padding-right: 23px;
  }
}
.b-statii__item::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.b-statii__item--light-fg {
  background-size: cover;
}
.b-statii__item--light-fg .b-statii__title {
  color: white;
}
.b-statii__title {
  color: black;
  font-weight: 600;
  font-size: 18px;
  z-index: 20;
  height: 96px;
  overflow: hidden;
}
@media print, screen and (min-width: 48em) {
  .b-statii__title {
    font-size: 22px;
  }
}
.b-statii__title p {
  margin: 0;
  padding: 0;
}
.b-statii__preview-text {
  color: black;
  font-size: 16px;
  margin-top: 10px;
  z-index: 20;
  height: 168px;
  overflow: hidden;
  cursor: initial;
  max-height: 100px;
}
@media print, screen and (min-width: 48em) {
  .b-statii__preview-text {
    font-size: 18px;
  }
}
.b-statii__preview-text p {
  margin: 0;
  padding: 0;
}
.b-statii__button {
  position: relative;
  margin-top: auto;
  padding: 20px 0;
  z-index: 20;
  cursor: initial;
}
@media print, screen and (min-width: 48em) {
  .b-statii__button {
    padding: 23px 0;
  }
}
.b-statii__filters {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-statii__filters {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}
.b-statii__filter {
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 17px 6px;
  line-height: 1em;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: uppercase;
}
.b-statii__filter--selected {
  background-color: #ed1c24;
  color: white;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/tab/tab.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-tab {
  border-top: 1px solid #c9c9c9;
  padding: 20px 0 0;
}
.b-tab--opened .b-tab__tab-open {
  display: none;
}
.b-tab--opened .b-tab__tab-close {
  display: inline-block;
}
.b-tab--opened .b-tab__items {
  display: block;
}
.b-tab__button {
  cursor: pointer;
}
.b-tab__title {
  font-size: 24px;
  color: black;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
@media print, screen and (min-width: 48em) {
  .b-tab__title {
    font-size: 32px;
  }
}
.b-tab__counter {
  font-size: 16px;
  background-color: #5f6673;
  color: white;
  font-weight: bold;
  padding: 3px 14px;
  border-radius: 50px;
  margin-left: auto;
  white-space: nowrap;
}
.b-tab__counter span {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .b-tab__counter span {
    display: inline;
  }
}
.b-tab__tab-open {
  display: inline-block;
  margin-right: 20px;
  width: 34px;
  max-width: 34px;
}
.b-tab__tab-close {
  display: none;
  margin-right: 20px;
  width: 34px;
  max-width: 34px;
}
.b-tab__items {
  overflow: hidden;
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/tabs/tabs.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/teasers/teasers.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-teasers {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-teasers {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-teasers {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-teasers {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-teasers {
    padding-left: 0;
  }
}
@media (min-width: 1100px) and (max-width: 3500px) {
  .b-teasers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 20px;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 700px) and (max-width: 1100px) {
  .b-teasers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 20px;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.b-teasers .slick-slide {
  width: 75vw;
}
.b-teasers__item {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  background-repeat: no-repeat;
  background-position: top center;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  margin-bottom: 40px;
  min-height: 400px;
  height: 400px;
  background-size: 240px;
  padding: 35px 20px;
}
@media print, screen and (min-width: 48em) {
  .b-teasers__item {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    background-size: 100%;
    min-height: 500px;
    height: 500px;
    padding: 50px 23px;
  }
}
.b-teasers__item::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.b-teasers__item--light-fg {
  background-size: cover;
}
.b-teasers__item--light-fg .b-teasers__title, .b-teasers__item--light-fg .b-teasers__pre-title, .b-teasers__item--light-fg .b-teasers__big-title {
  color: white;
}
.b-teasers__bg-link {
  position: relative;
  flex-grow: 1;
  z-index: 100;
  cursor: pointer;
}
.b-teasers__title {
  position: relative;
  z-index: 20;
  font-weight: 900;
  margin-bottom: 30px;
  color: black;
  font-size: 16px;
}
.b-teasers__title a {
  color: black;
  text-decoration: none;
}
.b-teasers__title:hover a {
  color: #ed1c24;
}
@media print, screen and (min-width: 48em) {
  .b-teasers__title {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
.b-teasers__pre-title {
  color: black;
  font-weight: 600;
  font-size: 18px;
}
@media print, screen and (min-width: 48em) {
  .b-teasers__pre-title {
    font-size: 22px;
  }
}
.b-teasers__big-title {
  font-weight: 900;
  color: black;
  margin-bottom: 30px;
  line-height: 1em;
  font-size: 36px;
}
@media print, screen and (min-width: 48em) {
  .b-teasers__big-title {
    font-size: 54px;
    margin-bottom: 40px;
  }
}
.b-teasers__actions .b-button a {
  min-width: 100px;
  padding: 9px 12px 10px;
}
.b-teasers__button {
  margin-right: 12px;
  margin-bottom: 12px;
}
.b-teasers__button, .b-teasers__link, .b-teasers__link-mobile {
  display: inline-block;
  position: relative;
  z-index: 20;
}
.b-teasers__link {
  display: none;
}
@media screen and (min-width: 1271px) {
  .b-teasers__link {
    display: inline-block;
  }
  .b-teasers__link-mobile {
    display: none;
  }
}
@media screen and (max-width: 759px) {
  .b-teasers__link {
    display: inline-block;
  }
  .b-teasers__link-mobile {
    display: none;
  }
}
@media screen and (max-width: 520px) {
  .b-teasers__link {
    display: none;
  }
  .b-teasers__link-mobile {
    display: inline-block;
  }
}
.b-teasers--no-slider {
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
}
.b-teasers--no-slider .b-teasers__slide {
  flex: 1;
  margin-right: 40px;
  margin-left: 0;
}
.b-teasers--no-slider .b-teasers__slide:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .b-teasers--no-slider .b-teasers__slide {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .b-teasers--no-slider .b-teasers__slide {
    width: 100%;
    flex: unset;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.b-teasers--no-slider .b-teasers__item {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .b-teasers--no-slider .b-teasers__item {
    padding: 10px 10px 30px;
    min-height: 368px;
    height: 368px;
  }
}
@media screen and (max-width: 767px) {
  .b-teasers--no-slider .b-teasers__item {
    padding: 16px 20px 30px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.b-teasers--no-slider .b-teasers__link, .b-teasers--no-slider .b-teasers__button {
  display: inline-block;
}
@media screen and (max-width: 1280px) {
  .b-teasers--no-slider .b-teasers__link, .b-teasers--no-slider .b-teasers__button {
    width: 100%;
    margin-right: 0;
  }
  .b-teasers--no-slider .b-teasers__link .b-button, .b-teasers--no-slider .b-teasers__button .b-button {
    width: 100%;
  }
  .b-teasers--no-slider .b-teasers__link .b-button a, .b-teasers--no-slider .b-teasers__button .b-button a {
    width: 100%;
  }
}
.b-teasers--no-slider .b-teasers__link-mobile {
  display: none;
}
@media screen and (max-width: 1023px) {
  .b-teasers--no-slider .b-teasers__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .b-teasers--no-slider .b-teasers__title {
    margin-bottom: 34px;
  }
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/tpl/tpl.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/vebinary/vebinary.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-vebinary {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-vebinary {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-vebinary {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-vebinary {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-vebinary {
    padding-left: 0;
  }
}
.b-vebinary__container h1 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 40px;
  border-bottom: none;
}
@media print, screen and (max-width: 47.99875em) {
  .b-vebinary__container h1 {
    font-size: 38px;
  }
}
.b-vebinary__state {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  padding: 5px 10px 5px 5px;
  border-radius: 10px;
}
.b-vebinary__state img {
  height: 20px;
  margin-right: 8px;
  vertical-align: -5px;
}
.b-vebinary__state--upcoming {
  color: white;
  background-color: rgba(237, 28, 36, 0.9);
}
.b-vebinary__state--archived {
  color: black;
  background-color: rgba(255, 255, 255, 0.9);
}
.b-vebinary__slide {
  display: none;
  margin-bottom: 20px;
}
.b-vebinary__slide--show {
  display: block;
}
@media print, screen and (min-width: 48em) {
  .b-vebinary__slide {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 40px;
  }
}
.b-vebinary__item {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  background-repeat: no-repeat;
  background-position: top center;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  height: 100%;
  background-size: 100%;
  padding-top: calc(66.66% + 20px);
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 48em) {
  .b-vebinary__item {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: calc(66.66% + 23px);
    padding-left: 23px;
    padding-right: 23px;
  }
}
.b-vebinary__item::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.b-vebinary__item--light-fg {
  background-size: cover;
}
.b-vebinary__item--light-fg .b-vebinary__title {
  color: white;
}
.b-vebinary__title {
  color: black;
  font-weight: 600;
  font-size: 18px;
}
@media print, screen and (min-width: 48em) {
  .b-vebinary__title {
    font-size: 22px;
  }
}
.b-vebinary__speaker {
  margin-top: 10px;
}
.b-vebinary__button {
  position: relative;
  z-index: 20;
  margin-top: auto;
  padding: 20px 0;
}
@media print, screen and (min-width: 48em) {
  .b-vebinary__button {
    padding: 23px 0;
  }
}
.b-vebinary__filters {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .b-vebinary__filters {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}
.b-vebinary__filter {
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 17px 6px;
  line-height: 1em;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.b-vebinary__filter--selected {
  background-color: #ed1c24;
  color: white;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/homepage/video/video.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-video {
  margin-top: 120px;
}
.b-video__video-container {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
  position: relative;
  min-height: 620px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media print, screen and (min-width: 48em) {
  .b-video__video-container {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 71.875em) {
  .b-video__video-container {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .b-video__video-container {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media print, screen and (min-width: 48em) {
  .b-video__video-container {
    border-radius: 10px;
  }
}
.b-video__video-container.is-played {
  min-height: 220px;
}
.b-video__video-container.is-played .b-video__video, .b-video__video-container.is-played .b-video__play-icon, .b-video__video-container.is-played .b-video__content {
  display: none;
}
.b-video__video-container.is-played .b-video__player {
  display: block;
}
.b-video__video-container.is-played::before {
  display: none;
}
.b-video__video-container::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media print, screen and (min-width: 48em) {
  .b-video__video-container::before {
    display: none;
  }
}
.b-video__player {
  display: none;
  width: 100%;
  height: 56.3004846527vw;
}
@media print, screen and (min-width: 48em) {
  .b-video__player {
    height: calc((100vw - 42px) * 696 / 1238);
  }
}
@media screen and (min-width: 80em) {
  .b-video__player {
    width: 1238px;
    height: 696px;
  }
}
.b-video__video {
  position: absolute;
  z-index: 0;
  min-height: 670px;
  max-width: none;
}
.b-video__play-icon {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: -70%;
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  margin: auto;
}
@media print, screen and (min-width: 48em) {
  .b-video__play-icon {
    bottom: 0;
  }
}
.b-video__content {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media print, screen and (min-width: 48em) {
  .b-video__content {
    margin-left: calc(8.3333333333% + 1.25rem);
  }
}
.b-video__title {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 32px;
  color: white;
  font-weight: 900;
  line-height: 1em;
  position: relative;
  z-index: 10;
  margin-bottom: 40px;
}
@media print, screen and (min-width: 48em) {
  .b-video__title {
    flex: 0 0 auto;
    width: calc(36.3636363636% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    font-size: 48px;
  }
}
.b-video__subtitle {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 20px;
  line-height: 1em;
  color: white;
  font-weight: 500;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 48em) {
  .b-video__subtitle {
    flex: 0 0 auto;
    width: calc(36.3636363636% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    font-size: 20px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/forms/form/form.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-form {
  color: black;
}
.b-form__middle--feedback {
  padding: 24px !important;
  max-width: 386px !important;
}
.b-form__middle--login, .b-form__middle--auth {
  padding: 24px !important;
  max-width: 386px !important;
  min-width: 386px !important;
}
.b-form__title {
  font-weight: 900;
  font-size: 32px;
  line-height: 120%;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 71.875em) {
  .b-form__title {
    font-size: 32px;
  }
}
.b-form__form-fields {
  max-width: 815px;
}
.b-form__field-wrap {
  display: block;
  padding: 20px 0 0;
  position: relative;
  width: 100%;
}
.b-form__field-wrap input,
.b-form__field-wrap select,
.b-form__field-wrap textarea {
  color: #999;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  padding: 9px 21px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}
.b-form__field-wrap option {
  color: #999;
  font-size: 14px;
  line-height: 22px;
}
.b-form__field-wrap--bottom {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .b-form__field-wrap--bottom {
    align-items: center;
    flex-wrap: nowrap;
  }
}
.b-form__field-wrap--hide {
  display: none;
}
.b-form__field {
  width: 100%;
  padding: 9px 21px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}
.b-form__field--textarea {
  height: 80px;
  display: block;
}
.b-form__field--select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  padding-right: 65px;
  position: relative;
  z-index: 1;
  color: #8a8a8a;
}
.b-form__field--select::-ms-expand {
  display: none;
}
.b-form__field-label {
  position: absolute;
  color: #999;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  left: 21px;
  top: 29px;
}
.b-form__field-label.error {
  color: #ed1c24;
  top: 0;
  left: 0;
  font-size: 10px;
}
.b-form__field--error {
  border: 1px solid #ed1c24 !important;
}
.b-form .completed label {
  top: 0;
  left: 0;
  font-size: 10px;
}
.b-form__select-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 0;
}
.b-form__select-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f107";
  color: #ed1c24;
  font-size: 40px;
}
.b-form__error-msg {
  display: none;
  color: white;
  background-color: #ed1c24;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 7px;
  margin-top: 10px;
}
.b-form__error-msg--show {
  display: block;
}
.b-form__submit-input {
  flex-shrink: 0;
  padding: 9px 32px;
  background: #ed1c24;
  border: 1px solid #ed1c24;
  box-sizing: border-box;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}
.b-form__submit-input span {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.b-form__submit-input:disabled {
  background: white;
  color: #ed1c24;
}
.b-form__agreement {
  display: flex;
  flex-flow: wrap;
  font-size: 12px;
  line-height: 16px;
  color: black;
}
@media print, screen and (max-width: 47.99875em) {
  .b-form__agreement {
    margin-bottom: 20px;
    order: -1;
  }
}
.b-form__agreement-check {
  width: 44px;
  padding-top: 20px;
}
.b-form__agreement-check span {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}
.b-form__agreement-check span.error {
  border: 1px solid #ed1c24 !important;
}
.b-form__agreement-check.checked span {
  background: url("/master-sv/img/checked.svg") center center no-repeat !important;
}
.b-form__agreement-check input {
  display: none;
}
.b-form__agreement-text {
  width: calc(100% - 44px);
  padding-top: 20px;
}
.b-form__agreement a {
  color: #ed1c24;
  text-decoration: underline;
}
.b-form__agreement a:hover {
  text-decoration: none;
}
.b-form__remind-password {
  padding: 15px 0 0;
}
.b-form__remind-password a {
  color: #ed1c24;
  text-decoration: underline;
}
.b-form__registration {
  padding: 15px 0 0;
}
.b-form__registration a {
  position: relative;
  padding-left: 25px;
  color: #ed1c24;
  text-decoration: underline;
}
.b-form__registration a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 15px;
  height: 15px;
  background-image: url("/master-sv/img/key-red.svg");
  background-size: cover;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/forms/ok-message/ok-message.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-ok-message__title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 30px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/forms/recaptcha-v2/recaptcha-v2.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-recaptcha-v2 {
  margin: 20px auto 0;
  width: 304px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/game/game.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-game-bg {
  background: #F2F2F2;
  padding-top: 85px;
}
.b-game__heading {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  .b-game__heading {
    font-size: 32px;
    text-align: left;
  }
}
.b-game__description {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  .b-game__description {
    font-size: 16px;
    text-align: left;
  }
}
.b-game__top {
  display: grid;
  background: white;
  border-radius: 20px;
  grid-gap: 30px;
  padding: 40px;
  margin-bottom: 25px;
}
.b-game__top img {
  display: block;
  margin: 0 auto;
}
.b-game__top-icons {
  max-width: 750px;
  margin: 0 auto;
}
.b-game__top-description {
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  text-align: center;
}
.b-game__result {
  display: none;
  grid-gap: 20px;
}
.b-game__result-text {
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  text-align: center;
}
.b-game__result .zvuk-red-button {
  margin: 0 auto;
}
.b-game__block {
  padding: 0 22px;
}
@media screen and (max-width: 1023px) {
  .b-game__block {
    padding: 0;
  }
}
.b-game__block-header {
  position: relative;
  display: grid;
  height: 103px;
  background: url("/local/templates/master-sv/images/soundproofing/game/header.png") no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 1023px) {
  .b-game__block-header {
    background: url("/local/templates/master-sv/images/soundproofing/game/header-mob.svg") no-repeat bottom;
    background-size: 100% auto;
  }
}
.b-game__block-header:before {
  content: "";
  position: absolute;
  left: 60px;
  bottom: 95px;
  height: 126px;
  width: 74px;
  background: url("/local/templates/master-sv/images/soundproofing/game/antenna.png") no-repeat;
}
@media screen and (max-width: 1023px) {
  .b-game__block-header:before {
    display: none;
  }
}
.b-game__block-footer {
  height: 135px;
  background: url("/local/templates/master-sv/images/soundproofing/game/footer.png") no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 1023px) {
  .b-game__block-footer {
    background: url("/local/templates/master-sv/images/soundproofing/game/footer-mob.svg") no-repeat;
    background-size: 100% auto;
  }
}
.b-game__block-header-counts {
  margin: auto;
  gap: 10px;
  border-radius: 4px;
  padding: 10px 25px;
  color: white;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #ed1c24;
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
}
.b-game__block-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  background: #929AAB;
  border-right: 2px solid #929AAB;
  border-left: 2px solid #929AAB;
}
@media screen and (max-width: 1023px) {
  .b-game__block-body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.b-game__element {
  padding: 15px;
  background: #F2F2F2;
  cursor: pointer;
  border: none;
  position: relative;
}
.b-game__element:hover {
  background: white;
}
@media screen and (min-width: 1023px) {
  .b-game__element:hover .b-game__element-button {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .b-game__element {
    padding: 7px;
  }
  .b-game__element:nth-child(8) {
    display: none;
  }
}
.b-game__window {
  position: relative;
  padding: 37px 25px;
  border: 2px solid #929AAB;
}
.b-game__window img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1230px) {
  .b-game__window {
    padding: 17px 12px;
  }
}
.b-game__element-button {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  gap: 20px;
  border-radius: 4px;
  padding: 10px 35px;
  font-weight: 700;
  font-size: 16px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #ed1c24;
  border: 1px solid #ed1c24;
  color: white;
  z-index: 2;
}
@media screen and (max-width: 680px) {
  .b-game__element-button {
    font-size: 8px;
    padding: 5px 10px;
  }
}
.b-game__question-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  gap: 20px;
  border-radius: 4px;
  padding: 10px 18px;
  font-weight: 700;
  font-size: 16px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #2A3346;
  border: 1px solid #2A3346;
  color: white;
  z-index: 1;
}
@media screen and (max-width: 680px) {
  .b-game__question-button {
    font-size: 8px;
    padding: 5px 10px;
    line-height: 1;
  }
}
.b-game__shoing-img {
  display: none;
}
.b-game .element-active {
  background: white;
}
.b-game .element-active .b-game__default-img {
  display: none;
}
.b-game .element-active .b-game__element-button {
  display: none;
}
.b-game .element-active .b-game__question-button {
  display: none;
}
.b-game .element-active .b-game__shoing-img {
  display: block;
  border: 2px solid #929AAB;
}
.b-game .element-active[data-target=true] .b-game__window::after {
  content: "";
  display: block;
  position: absolute;
  top: 49px;
  right: 38px;
  width: 40px;
  height: 40px;
  background: url("/local/templates/master-sv/images/soundproofing/game/check.svg");
}
@media screen and (max-width: 1023px) {
  .b-game .element-active[data-target=true] .b-game__window::after {
    width: 22px;
    height: 22px;
    top: 23px;
    right: 17px;
    background-size: cover;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/level-noise/level-noise.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-level-noise {
  margin-top: 10px;
}
.b-level-noise__title {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #65BA04;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
@media screen and (max-width: 1023px) {
  .b-level-noise__title {
    font-size: 16px;
  }
}
.b-level-noise__title:before {
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/level-ttl.png") no-repeat;
}
.b-level-noise__container {
  position: relative;
  padding-bottom: 59px;
}
.b-level-noise__big-img {
  position: absolute;
  bottom: 0;
  left: 180px;
  top: 7px;
  right: 400px;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .b-level-noise__big-img {
    display: none;
  }
}
.b-level-noise__big-img div {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.b-level-noise__big-img div img {
  height: 100%;
  width: 100%;
}
.b-level-noise__big-img div .img_mask {
  position: absolute;
  content: "";
  height: 100%;
  background: #edeff2;
  display: block;
  bottom: 0;
  transition: width 1s ease-in-out;
}
.b-level-noise__front-img {
  z-index: 3;
}
.b-level-noise__front-img .img_mask {
  right: 0;
  width: 100%;
}
.b-level-noise__mid-img {
  z-index: 2;
}
.b-level-noise__mid-img .img_mask {
  left: 17%;
  width: 83%;
}
.b-level-noise__back-img {
  z-index: 1;
}
.b-level-noise__back-img .img_mask {
  right: 0;
  width: 85%;
}
.b-level-noise__scale-img {
  position: absolute;
  bottom: 0;
  top: 29px;
  left: 109px;
  z-index: 1;
}
.b-level-noise__scale-img img {
  display: block;
  height: 100%;
}
.b-level-noise__rows {
  display: grid;
}
.b-level-noise__row {
  position: relative;
  display: grid;
  grid-template-columns: 63px 1fr 218px;
  grid-gap: 10px;
  padding: 9px 30px;
  border-radius: 30px;
  align-items: center;
}
.b-level-noise__row:hover {
  background: white;
}
.b-level-noise__row:hover .b-level-noise__row-line {
  border: 2px dashed #C9C9C9;
}
.b-level-noise__row:hover .b-level-noise__green-line {
  right: 50%;
}
@media screen and (min-width: 1300px) {
  .b-level-noise__row:hover .b-level-noise__comforte {
    display: block;
  }
}
@media screen and (min-width: 1300px) {
  .b-level-noise .hovered {
    background: white;
  }
  .b-level-noise .hovered .b-level-noise__row-line {
    border: 2px dashed #C9C9C9;
  }
  .b-level-noise .hovered .b-level-noise__green-line {
    right: 50%;
  }
}
@media screen and (min-width: 1300px) and (min-width: 1300px) {
  .b-level-noise .hovered .b-level-noise__comforte {
    display: block;
  }
}
.b-level-noise__row-line {
  position: relative;
  height: 2px;
  border: 2px dashed rgba(201, 201, 201, 0);
  margin-left: auto;
  z-index: 2;
}
.b-level-noise__row-line:before {
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  opacity: var(--before-opacity, 0);
  background: radial-gradient(circle at center, white 0%, white 2px, transparent 2.1px, transparent 100%);
}
@media screen and (max-width: 1300px) {
  .b-level-noise__row-line:before {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  .b-level-noise__row-line {
    border: none;
  }
}
.b-level-noise__green-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 149px;
  right: 258px;
  z-index: 1;
  height: 2px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/levels/green_line.svg") no-repeat;
}
@media screen and (max-width: 1023px) {
  .b-level-noise__green-line {
    right: 0;
  }
}
.b-level-noise__row-absolut {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.b-level-noise__item-title-wrap {
  display: flex;
  align-items: center;
  z-index: 2;
}
.b-level-noise__item-title-wrap img {
  margin-right: 20px;
}
.b-level-noise__title {
  font-weight: 600;
}
.b-level-noise__scale {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.b-level-noise__value {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}
.b-level-noise__comforte {
  display: none;
  z-index: 2;
  position: absolute;
  right: 41%;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.level-nose-ng {
  background: #EDEFF2;
}
@media screen and (max-width: 1023px) {
  .level-nose-ng {
    background: url("/local/templates/master-sv/images/soundproofing/levels-mob.png") no-repeat center bottom;
    background-size: 100% 85%;
  }
}
.level-nose-ng .b-heading {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 90px;
}
@media screen and (max-width: 1023px) {
  .level-nose-ng .b-heading {
    padding-top: 30px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/quiz-noise/quiz-noise.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-quiz-noise {
  gap: 10px;
  border-radius: 20px;
  padding-top: 50px;
  padding-right: 50px;
  padding-left: 50px;
  background: #F2F2F2;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media screen and (max-width: 860px) {
  .b-quiz-noise {
    padding: 30px 20px 0;
  }
}
.b-quiz-noise__heading {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.25;
  color: #000000;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  .b-quiz-noise__heading {
    font-size: 32px;
  }
}
.b-quiz-noise__decription {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.45;
  margin-bottom: 40px;
}
.b-quiz-noise__questions-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media screen and (max-width: 1023px) {
  .b-quiz-noise__questions-block {
    grid-template-columns: 1fr;
  }
}
.b-quiz-noise__questions {
  display: grid;
  grid-gap: 30px;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 40px;
}
.b-quiz-noise__question {
  display: none;
  grid-gap: 30px;
  height: -moz-fit-content;
  height: fit-content;
}
.b-quiz-noise__question-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.25;
  color: #000;
}
.b-quiz-noise__answer {
  display: grid;
  grid-gap: 20px;
}
.b-quiz-noise__answer div input {
  display: none;
}
.b-quiz-noise__answer div label {
  position: relative;
  display: grid;
  grid-template-columns: 26px 1fr;
  grid-gap: 10px;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.b-quiz-noise__answer div label:before {
  content: "";
  display: block;
  border: 1px solid #C9C9C9;
  background: #ffffff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
}
.b-quiz-noise__answer div input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  left: 8px;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background: #ED1C24;
}
@media screen and (max-width: 1023px) {
  .b-quiz-noise__question-img {
    margin: 0 auto;
  }
}
.b-quiz-noise__questions-buttons {
  display: flex;
  gap: 10px;
  height: -moz-fit-content;
  height: fit-content;
}
.b-quiz-noise__question-back {
  display: none;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ED1C24;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  color: #ED1C24;
  cursor: pointer;
}
.b-quiz-noise__question-next {
  background: #ED1C24;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ED1C24;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.b-quiz-noise__track {
  padding-top: 53px;
  margin-bottom: 40px;
}
.b-quiz-noise__results-block {
  display: none;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media screen and (max-width: 1023px) {
  .b-quiz-noise__results-block {
    grid-template-columns: 1fr;
  }
}
.b-quiz-noise__results-block .b-quiz-noise__question-next {
  margin-bottom: 20px;
}
.b-quiz-noise__results-block .b-quiz-noise__question-img {
  display: grid;
  align-items: end;
  grid-area: 1/2/3/3;
}
@media screen and (max-width: 1023px) {
  .b-quiz-noise__results-block .b-quiz-noise__question-img {
    grid-area: auto;
  }
}
.b-quiz-noise__result {
  display: none;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
}

.question_active {
  display: grid;
}

.progress-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  padding: 0 12px;
}

.progress-step {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #ed1c24;
  background: white;
  display: flex;
}
.progress-step span {
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: grid;
  align-items: center;
  font-weight: 900;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  color: #ed1c24;
}
@media screen and (max-width: 460px) {
  .progress-step span {
    top: -43px;
    height: 30px;
    width: 30px;
    font-size: 20px;
  }
}

.progress-step.active {
  background: #ed1c24;
}
.progress-step.active span {
  border: 2px solid #ed1c24;
}

.progress-line {
  flex-grow: 1;
  height: 1px;
  border: 2px dashed #ed1c24;
}

.progress-line.active {
  border: 2px solid #ed1c24;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/scales-noise/scales-noise.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-scales-noise {
  background: #2A3346;
  border-radius: 20px;
  padding: 50px;
}
.b-scales-noise__heading {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.25;
  color: white;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .b-scales-noise__heading {
    font-size: 32px;
  }
}
.b-scales-noise__text {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.55;
  margin-bottom: 40px;
  color: white;
}
.b-scales-noise__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
@media screen and (max-width: 1100px) {
  .b-scales-noise__list {
    overflow-x: scroll;
    padding-bottom: 20px;
    scrollbar-gutter: stable both-edges;
  }
  .b-scales-noise__list::-webkit-scrollbar-thumb {
    background-color: #ed1c24;
  }
  .b-scales-noise__list::-webkit-scrollbar {
    display: block !important;
    height: 5px;
    -webkit-appearance: none;
  }
  .b-scales-noise__list::-webkit-scrollbar-track {
    background-color: white;
  }
}
.b-scales-noise__item {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
}
.b-scales-noise__number {
  font-weight: 700;
  font-size: 38px;
  line-height: 44px;
  text-align: center;
  vertical-align: middle;
  color: white;
}
.b-scales-noise__number span {
  display: inline-block;
}
.b-scales-noise__line {
  display: grid;
  grid-gap: 15px;
  margin-bottom: 30px;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: dense;
  min-width: 135px;
}
.b-scales-noise__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  color: white;
}
@media screen and (max-width: 767px) {
  .b-scales-noise__desc {
    font-size: 14px;
  }
}
.b-scales-noise__line-block {
  height: 15px;
  background: #53617F;
}
.b-scales-noise__line-block:nth-child(1) {
  order: 10;
}
.b-scales-noise__line-block:nth-child(2) {
  order: 9;
}
.b-scales-noise__line-block:nth-child(3) {
  order: 8;
}
.b-scales-noise__line-block:nth-child(4) {
  order: 7;
}
.b-scales-noise__line-block:nth-child(5) {
  order: 6;
}
.b-scales-noise__line-block:nth-child(6) {
  order: 5;
}
.b-scales-noise__line-block:nth-child(7) {
  order: 4;
}
.b-scales-noise__line-block:nth-child(8) {
  order: 3;
}
.b-scales-noise__line-block:nth-child(9) {
  order: 2;
}
.b-scales-noise__line-block:nth-child(10) {
  order: 1;
}
.b-scales-noise__line-block.painted {
  background-color: #ed1c24;
  box-shadow: 0px 0px 20px 0px #ed1c24;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/sound-demo/sound-demo.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-sound-demo__play-all {
  display: flex;
  gap: 20px;
  border-radius: 4px;
  border-width: 1px;
  padding: 10px 30px;
  background-color: #ed1c24;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: white;
  margin: 0 auto;
  cursor: pointer;
  align-items: center;
}
.b-sound-demo__play-all:before {
  display: block;
  content: "";
  width: 9px;
  height: 11px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/play-all.svg") no-repeat center;
}
.b-sound-demo__image img {
  display: block;
  border-radius: 10px;
  width: 100%;
  height: 208px;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-sound-demo__title {
  font-weight: 700;
  font-size: 22px;
  min-height: 48px;
}
.b-sound-demo__sound-block {
  display: grid;
  grid-gap: 12px;
}
.b-sound-demo__sound-line {
  display: grid;
}
.b-sound-demo__sound-line audio {
  width: 0;
  height: 0;
  visibility: hidden;
}
.b-sound-demo__type {
  display: grid;
  grid-gap: 20px;
  border-radius: 10px;
  padding: 30px 30px 40px;
  background: #F2F2F2;
}
.b-sound-demo__type.active .b-sound-demo__time-wrap {
  background-color: #D9D9D9;
}
@media screen and (max-width: 767px) {
  .b-sound-demo__type {
    padding: 30px 20px;
  }
}
.b-sound-demo__btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  cursor: pointer;
  border-radius: 50%;
  background: url("/local/templates/master-sv/images/soundproofing/icon/play.svg");
}
.b-sound-demo__btn.play {
  background: url("/local/templates/master-sv/images/soundproofing/icon/pause.svg");
}
.b-sound-demo__img-btn {
  display: none;
}
.b-sound-demo__img-btn.active {
  display: block;
}
.b-sound-demo__track {
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-gap: 10px;
  align-items: center;
  height: 37px;
}
.b-sound-demo__track-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
}
.b-sound-demo__time-wrap {
  height: 2px;
  width: 100%;
  background-color: #D9D9D9;
  position: relative;
  z-index: 1;
}
.b-sound-demo .track-active {
  height: 37px;
}
.b-sound-demo .track-active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 101%;
  background: url("/local/templates/master-sv/images/soundproofing/subtrack.svg") no-repeat;
  background-size: cover;
}
.b-sound-demo__time {
  position: absolute;
  height: 37px;
  left: 0;
  top: 50%;
  width: 0;
  background-color: #ed1c24;
  transform: translateY(-50%);
}
.b-sound-demo__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  .b-sound-demo__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 860px) {
  .b-sound-demo__list {
    grid-template-columns: 1fr;
  }
}
.b-sound-demo__disclaimer-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/sound-selection-progress/sound-selection-progress.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-sound-selection-progress__steps-container {
  display: flex;
  padding: 0 40px;
}
@media (max-width: 550px) {
  .b-sound-selection-progress__steps-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.b-sound-selection-progress__step {
  width: 125px;
  height: 4px;
  border-radius: 2000px;
  margin-right: 10px;
}
.b-sound-selection-progress__step--passed {
  background-color: #ed1c24;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/sound-selection-question/sound-selection-question.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-sound-selection-question {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.b-sound-selection-question__wrap {
  height: 0;
  overflow: hidden;
}
.b-sound-selection-question__wrap.active {
  height: auto;
  overflow: visible;
  width: 100%;
}
.b-sound-selection-question__loader-container {
  display: none;
  margin-top: 70px;
}
.b-sound-selection-question__loader-container.active {
  display: block;
}
.b-sound-selection-question__loader {
  border-radius: 50px;
  border: 10px solid white;
  position: relative;
  width: 70px;
  height: 70px;
}
.b-sound-selection-question__loader::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  border: 10px solid transparent;
  border-top-color: #ed1c24;
  border-radius: 50px;
  animation: 1.2s loader linear infinite;
  width: 70px;
  height: 70px;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.b-sound-selection-question__warning {
  background-color: rgba(231, 36, 48, 0.08);
  border-radius: 10px;
  font-size: 16px;
  line-height: 21px;
  position: relative;
  padding: 19px 20px;
  margin-bottom: 34px;
}
.b-sound-selection-question__warning::before {
  content: "";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("/master-sv/img/solutions/alert.png");
  background-repeat: no-repeat;
  background-position: center;
  left: -16px;
  top: 25px;
}
.b-sound-selection-question__warning .warning__count {
  color: #156ce1;
  border-bottom: 1px dashed #cbe1ff;
  cursor: pointer;
}
.b-sound-selection-question__title {
  width: 100%;
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .b-sound-selection-question__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.b-sound-selection-question__items {
  list-style-type: none;
  display: flex;
  margin-bottom: 10px;
  padding: 0;
  width: 100%;
  margin-top: 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .b-sound-selection-question__items {
    flex-direction: column;
  }
}
.b-sound-selection-question__img {
  width: 100%;
}
.b-sound-selection-question__item {
  cursor: pointer;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
  width: calc(50% - 10px);
  border-radius: 10px;
}
.b-sound-selection-question__item:nth-child(2n) {
  margin-right: 0;
}
.b-sound-selection-question__item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: black;
  opacity: 0.3;
  border-radius: 10px;
}
.b-sound-selection-question__item.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 10px;
  border: 2px solid #ed1c24;
}
.b-sound-selection-question__item--block-text {
  background-color: white;
  padding: 30px;
  font-size: 16px;
  line-height: 120%;
  display: flex;
}
.b-sound-selection-question__item--block-text.active::before {
  content: "";
  position: unset;
}
.b-sound-selection-question__item--image {
  height: 300px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .b-sound-selection-question__item {
    width: 100%;
    margin-right: 0;
  }
}
.b-sound-selection-question__item-image-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.b-sound-selection-question__item-image-wrapper img {
  position: absolute;
  height: 100%;
  width: auto;
  max-width: none;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .b-sound-selection-question__item-image-wrapper img {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .b-sound-selection-question__item-image-wrapper img {
    width: auto;
  }
}
.b-sound-selection-question__item-title {
  color: white;
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-weight: 700;
  font-size: 18px;
  border-radius: 50px;
  line-height: 100%;
  padding: 5px 20px;
  background-color: #ed1c24;
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-question__item-title {
    font-size: 14px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/sound-selection-systems/sound-selection-systems.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-sound-selection-systems {
  width: 100%;
}
.b-sound-selection-systems__construction {
  margin-bottom: 10px;
}
.b-sound-selection-systems__cards .b-sound-selection-systems__card-item:last-child::after {
  height: 0;
}
.b-sound-selection-systems__card-item {
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  background-color: white;
}
.b-sound-selection-systems__card-item:last-child {
  margin-bottom: 0;
}
.b-sound-selection-systems__card-container {
  display: flex;
  position: relative;
  padding: 50px;
  border-radius: 10px;
}
@media (max-width: 1199px) {
  .b-sound-selection-systems__card-container {
    padding: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-container {
    padding: 20px 20px 50px;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-container {
    padding: 20px 20px 40px;
  }
}
.b-sound-selection-systems__card-image {
  margin-right: 50px;
  max-width: 150px;
  width: 100%;
}
.b-sound-selection-systems__card-image img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-image {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-image {
    display: none;
  }
}
.b-sound-selection-systems__card-info {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-info {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-info {
    padding-top: 0;
  }
}
.b-sound-selection-systems__card-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .b-sound-selection-systems__card-title {
    font-size: 16px;
  }
}
.b-sound-selection-systems__card-level .b-sound-selection-systems__card-level-value {
  font-weight: 700;
}
.b-sound-selection-systems__card-level--base .b-sound-selection-systems__card-level-value {
  color: #676b77;
}
.b-sound-selection-systems__card-level--standart .b-sound-selection-systems__card-level-value {
  color: #f78a0a;
}
.b-sound-selection-systems__card-level--premium .b-sound-selection-systems__card-level-value {
  color: #16c861;
}
.b-sound-selection-systems__card-level.mobile {
  display: none;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-level {
    display: none;
  }
  .b-sound-selection-systems__card-level.mobile {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.b-sound-selection-systems__card-level-text {
  font-size: 16px;
}
.b-sound-selection-systems__card-desc {
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-desc {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-desc {
    display: flex;
  }
}
.b-sound-selection-systems__card-desc-text {
  color: #999;
  font-size: 16px;
  line-height: 120%;
}
@media (max-width: 660px) {
  .b-sound-selection-systems__card-desc-text {
    font-size: 14px;
  }
}
.b-sound-selection-systems__card-desc-img {
  display: none;
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-desc-img {
    display: block;
    max-height: 40px;
    margin-right: 20px;
    width: 40px;
  }
}
.b-sound-selection-systems__card-params-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  border-bottom: 1px solid #c9c9c9;
}
.b-sound-selection-systems__card-params-construction {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-params-construction {
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-params-construction {
    margin-bottom: 20px;
  }
}
.b-sound-selection-systems__card-params-item {
  display: flex;
  margin-bottom: 25px;
  width: calc(32% - 5px);
  margin-right: 15px;
}
.b-sound-selection-systems__card-params-item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-params-item {
    width: calc(50% - 15px);
  }
  .b-sound-selection-systems__card-params-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-params-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.b-sound-selection-systems__card-params-item--construction {
  background-color: #425062;
  margin-bottom: 15px;
  padding: 25px;
  border-radius: 10px;
  flex: 1;
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-params-item--construction {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .b-sound-selection-systems__card-params-item--construction:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-params-item--construction {
    padding: 12px 20px;
  }
}
.b-sound-selection-systems__card-params-img {
  margin-right: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background-color: #f5f6fa;
}
.b-sound-selection-systems__card-params-img--construction {
  background-color: inherit;
  margin-right: 15px;
}
.b-sound-selection-systems__card-params-img--construction img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-params-img--construction {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-params-img--construction {
    width: 18px;
    height: 18px;
  }
}
.b-sound-selection-systems__card-params-info--construction {
  display: flex;
  color: white;
  align-items: center;
  flex: 1;
  justify-content: space-between;
}
.b-sound-selection-systems__card-params-name {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-params-name--construction {
    font-size: 14px;
  }
}
.b-sound-selection-systems__card-params-value {
  font-size: 16px;
  color: #999;
}
.b-sound-selection-systems__card-params-value--construction {
  color: white;
  font-size: 30px;
  line-height: 120%;
  font-weight: 600;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__card-params-value--construction {
    font-size: 24px;
  }
}
.b-sound-selection-systems__card-params-value span {
  color: #ed1c24;
  border-bottom: 1px solid #ed1c24;
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-params-value {
    font-size: 14px;
  }
}
.b-sound-selection-systems__card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__card-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.b-sound-selection-systems__card-params-link {
  border: 1px solid #ed1c24;
  position: relative;
  padding: 9px 58px 9px 32px;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #ed1c24;
  text-decoration: none;
  border-radius: 4px;
  cursor: pointer;
}
.b-sound-selection-systems__card-params-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translate(0, -50%);
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODgzODgzIDguODgzODhMNy4wNzEwNyAxNS4wNzExTTcuMDcxMDcgMTUuMDcxMUwxMy4yNTgzIDguODgzODhNNy4wNzEwNyAxNS4wNzExVjAuOTI4OTMyIiBzdHJva2U9IiNFRDFDMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .b-sound-selection-systems__card-params-link {
    padding: 9px 46px 9px 20px;
  }
  .b-sound-selection-systems__card-params-link::after {
    right: 20px;
  }
}
.b-sound-selection-systems__card-item-check {
  display: none;
  border: 1px solid #e1e5ee;
  border-radius: 100px;
  background-color: white;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  left: -20px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .b-sound-selection-systems__card-item-check {
    width: 35px;
    height: 35px;
    top: -17px;
    left: -17px;
  }
}
.b-sound-selection-systems__file {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0 20px;
}
.b-sound-selection-systems__file img {
  margin-right: 15px;
}
.b-sound-selection-systems__file a {
  color: #ed1c24;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  margin-right: 5px;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection-systems__file {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-sound-selection-systems__file {
    margin-bottom: 15px;
  }
}
.b-sound-selection-systems__file-size {
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/sound-selection/sound-selection.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-sound-selection {
  display: flex;
  justify-content: center;
  width: 100%;
}
.b-sound-selection__wrap {
  width: 100%;
}
.b-sound-selection__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .b-sound-selection__title {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
.b-sound-selection__question {
  margin-bottom: 50px;
}
.b-sound-selection__question:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .b-sound-selection__question {
    margin-bottom: 30px;
  }
}
.b-sound-selection__button-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.b-sound-selection__btn {
  padding: 18px 38px;
  font-size: 16px;
  background-color: transparent;
  color: #ed1c24;
  font-weight: bold;
  border: 1px solid #ed1c24;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/soundproofing/type-noise/type-noise.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-type-noise__title {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.25;
  text-align: center;
  color: #0a0a0a;
}
@media screen and (max-width: 1023px) {
  .b-type-noise__title {
    font-size: 32px;
  }
}
.b-type-noise__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media screen and (max-width: 1023px) {
  .b-type-noise__container {
    grid-template-columns: 1fr;
  }
}
.b-type-noise__block {
  padding: 50px 70px 60px;
  border-radius: 20px;
  background: white;
}
@media screen and (max-width: 860px) {
  .b-type-noise__block {
    padding: 30px 20px;
  }
}
.b-type-noise__block-fit {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
}
.b-type-noise__img {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .b-type-noise__img {
    width: 35px;
  }
}
.b-type-noise__side {
  display: grid;
}
.b-type-noise__side--content {
  padding-bottom: 40px;
}
.b-type-noise__side--target {
  display: grid;
  grid-gap: 10px;
  padding-top: 40px;
  border-top: 1px solid #ED1C24;
}
.b-type-noise__subtitle {
  font-weight: 700;
  font-size: 38px;
  line-height: 44px;
  color: #000;
}
@media screen and (max-width: 1023px) {
  .b-type-noise__subtitle {
    font-size: 32px;
  }
}
.b-type-noise__subtitle-target {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
}
.b-type-noise__desc-text {
  display: grid;
  grid-gap: 10px;
  min-height: 160px;
}
.b-type-noise__desc {
  display: grid;
  grid-gap: 40px;
  height: -moz-fit-content;
  height: fit-content;
}
.b-type-noise__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.b-type-noise__examples {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.b-type-noise__list {
  display: grid;
  grid-gap: 10px;
}
.b-type-noise__item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
.b-type-noise__item:last-child {
  margin-bottom: 0;
}
.b-type-noise__item span {
  cursor: pointer;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
}
.b-type-noise__item span:hover {
  color: #ed1c24;
}
.b-type-noise__icon {
  width: 100px;
  height: 100px;
}

.scale-nose-bg {
  padding-top: 70px;
  padding-bottom: 300px;
  background: url("/local/templates/master-sv/images/soundproofing/wawes.png") no-repeat center;
  background-size: 100% 100%;
}
@media screen and (max-width: 1023px) {
  .scale-nose-bg {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 860px) {
  .scale-nose-bg {
    background: url("/local/templates/master-sv/images/soundproofing/wawes-mob.jpg") no-repeat center;
    background-size: 100% 100%;
  }
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/block/industry/industry.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable-next-line scss/at-import-partial-extension */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-fade.mfp-bg {
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  background: url("/master-sv/img/close.svg") center center no-repeat !important;
  background-size: contain !important;
  background-color: var(--primary-color-local, #ed1c24) !important;
  border-radius: 50% !important;
  color: var(--primary-color-local, #ed1c24) !important;
  opacity: 1 !important;
  /* @include breakpoint(large) {
  	width: 32px !important;
  	height: 32px !important;

  	.mfp-close-btn-in & {
  		top: -32px !important;
  		right: -40px !important;
  	}
  } */
}
.mfp-close-btn-in .mfp-close {
  top: 5px !important;
  right: 5px !important;
}
.mfp-container {
  padding: 20px 10px;
}
@media print, screen and (min-width: 48em) {
  .mfp-container {
    padding: 30px 60px;
  }
}

.mfp-content {
  width: auto !important;
  position: relative;
  background: #fff;
  box-shadow: 0 2.7673px 2.2138px rgba(0, 0, 0, 0.02), 0 6.6501px 5.3201px rgba(0, 0, 0, 0.03), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 22.3363px 17.869px rgba(0, 0, 0, 0.04), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  /* stylelint-disable */
  --img-title-offset: 0px;
  /* stylelint-enable */
}
.mfp-content h1,
.mfp-content .h1,
.mfp-content .c-h1 {
  color: black;
  font-weight: 700;
  line-height: 1;
  font-size: 48px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h2,
.mfp-content .h2,
.mfp-content .c-h2 {
  color: black;
  font-weight: 900;
  line-height: 1;
  font-size: 22px;
  margin-top: 1.8em;
  margin-bottom: 0.9em;
}
.mfp-content h3,
.mfp-content .h3,
.mfp-content .c-h3 {
  color: black;
  font-weight: 900;
  font-size: 22px;
}
.mfp-content big,
.mfp-content .big,
.mfp-content .c-big {
  color: black;
  font-size: 24px;
}
.mfp-content b,
.mfp-content strong {
  font-weight: 700;
}
.mfp-content hr {
  border: none;
  border-bottom: 2px solid #8a8a8a;
}
.mfp-content ul {
  padding-left: 30px;
}
.mfp-content ul li {
  margin-bottom: 10px;
}
.mfp-content ol {
  padding-left: 0;
  margin-top: 1.2em;
  margin-bottom: 2.4em;
  list-style: none;
  counter-reset: numbered-list;
}
.mfp-content ol li {
  padding: 5px 0;
}
.mfp-content ol li::before {
  content: counter(numbered-list) ". ";
  counter-increment: numbered-list;
}
.mfp-content a {
  color: #cacaca;
}
.mfp-content a:hover {
  text-decoration: none;
}
.mfp-content .c-right {
  float: right;
  margin: 0 0 10px 10px;
}
.mfp-content .c-left {
  float: left;
  margin: 0 10px 10px 0;
}
.mfp-content .c-black {
  color: black;
}
.mfp-content .c-gray {
  color: #8a8a8a;
}
.mfp-content .c-hidden {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .mfp-content .c-small-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 71.87375em) {
  .mfp-content .c-medium-hidden {
    display: none;
  }
}
@media print, screen and (min-width: 71.875em) and (max-width: 79.99875em) {
  .mfp-content .c-large-hidden {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .mfp-content .c-xlarge-hidden {
    display: none;
  }
}
.mfp-close-btn-in .mfp-content {
  padding: 30px;
}
@media print, screen and (min-width: 71.875em) {
  .mfp-close-btn-in .mfp-content {
    padding: 40px;
  }
}
.mfp-image-holder .mfp-content {
  padding: 0;
  max-width: 1100px !important;
}
.mfp-iframe-holder .mfp-content {
  padding: 0;
  width: 100% !important;
  max-width: 1100px !important;
}
.mfp-inline-holder .mfp-content {
  background-color: white !important;
  max-width: 700px !important;
}
.mfp-ajax-holder .mfp-content {
  padding: 0;
  max-width: 800px !important;
}
.mfp-content .mfp-figure {
  position: relative;
}
.mfp-content .mfp-figure.mfp-with-title {
  --img-title-offset: 60px;
  margin-top: -60px;
}
.mfp-content .mfp-figure::after {
  display: none;
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap img.mfp-img {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap img.mfp-img {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-img-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-img-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-img-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-img-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-img-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-iframe-wrap {
  max-width: 100%;
  padding: 30px;
  background-color: white;
}
.mfp-content .mfp-iframe-wrap .mfp-iframe-scaler {
  position: relative;
  padding-top: 52.25%;
}
.mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
  padding: 0;
  max-height: calc(100vh - 100px - var(--img-title-offset));
}
@media print, screen and (min-width: 71.875em) {
  .mfp-content .mfp-iframe-wrap {
    padding: 40px;
  }
  .mfp-content .mfp-iframe-wrap iframe.mfp-iframe {
    max-height: calc(100vh - 140px - var(--img-title-offset));
  }
}
.mfp-content .mfp-bottom-bar {
  margin-top: 25px;
  padding: 0;
}
.mfp-content .mfp-title {
  line-height: 1.5;
  color: #8a8a8a;
}
.mfp-content.mfp-video-inline {
  background: transparent;
}

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.mfp-arrow:active {
  margin: 0;
}
.mfp-arrow::after {
  display: none;
}
.mfp-arrow::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 25px;
  height: 70px;
  margin-top: 0;
  border: none;
  opacity: 1;
  color: #ed1c24;
  font-size: 70px;
  transition: color 0.3s;
  position: static;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzMSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4xNTQzTDMwIDMzLjUwMDVMMS4wMDAwMSA2NS44NDY2IiBzdHJva2U9IiMwMEEwRTMiLz4KPC9zdmc+Cg==) center center no-repeat;
  background-size: contain;
}
.mfp-arrow:hover::before {
  color: #ed1c24;
}
.mfp-arrow:focus {
  outline: none;
}
.mfp-arrow.mfp-arrow-left::before {
  margin-left: 12px;
  transform: rotate(180deg);
}
.mfp-arrow.mfp-arrow-right::before {
  margin-right: 12px;
}
@media print, screen and (min-width: 48em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 20px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 71.875em) {
  .mfp-arrow.mfp-arrow-left::before {
    margin-left: 30px;
  }
  .mfp-arrow.mfp-arrow-right::before {
    margin-right: 30px;
  }
}

.mfp-account .mfp-content {
  padding: 0;
}
.mfp-account select option:first-child {
  background-color: rgba(202, 202, 202, 0.5);
}
.mfp-account .b-form__title {
  line-height: 1;
}

.zvuk-red-button {
  display: flex;
  padding: 10px 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  background: #ed1c24;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
}
.zvuk-red-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-white.svg") no-repeat;
}

.zvuk-white-button {
  display: flex;
  border-radius: 4px;
  padding: 10px 30px;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  background: white;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.zvuk-white-button:after {
  content: "";
  width: 9px;
  height: 20px;
  background: url("/local/templates/master-sv/images/soundproofing/icon/external-link-red.svg") no-repeat;
}

.b-header-top__menu-links {
  display: flex;
}

.industry__title {
  width: 100%;
  display: inline-block;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  margin: 0;
}
@media (max-width: 1000px) {
  .industry__title {
    font-size: 32px;
    line-height: 34px;
  }
}
.industry-front {
  width: 100%;
  display: flex;
  position: relative;
  padding-bottom: 80px;
  min-height: 670px;
  margin-bottom: 40px;
}
@media (max-width: 1000px) {
  .industry-front {
    padding-bottom: 60px;
    min-height: 545px;
    margin-top: 80px;
    margin-bottom: 40px;
  }
}
.industry-front .b-layout__container {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
}
.industry-front__cover {
  background: #2a3346;
  height: 618px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1000px) {
  .industry-front__cover {
    height: 555px;
  }
}
.industry-front__pic {
  width: 55%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 460px;
}
@media (max-width: 1400px) {
  .industry-front__pic {
    height: 300px;
  }
}
@media (max-width: 1000px) {
  .industry-front__pic {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 700px) {
  .industry-front__pic {
    height: 220px;
  }
}
.industry-front__pic::before {
  content: "";
  border-radius: 23px;
  overflow: hidden;
  background: #ed1c24;
  position: absolute;
  right: 90px;
  bottom: 110px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1000px) {
  .industry-front__pic::before {
    width: 90%;
    bottom: 40px;
    right: 40px;
  }
}
.industry-front__pic img {
  width: 95%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
  overflow: hidden;
  margin: 0 0 0 auto;
  position: relative;
}
@media (max-width: 1000px) {
  .industry-front__pic img {
    width: 90%;
  }
}
.industry-front__icon {
  width: 90px;
  height: 93px;
}
@media (max-width: 1000px) {
  .industry-front__icon {
    width: 60px;
    height: 62px;
  }
}
.industry-front__content {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 20px;
  position: relative;
  padding: 0 58px;
}
@media (max-width: 1000px) {
  .industry-front__content {
    width: 100%;
    padding: 0;
    row-gap: 10px;
  }
}
.industry-front__content h1 {
  width: 100%;
  display: inline-block;
  margin: 0;
  color: #fff;
  font-family: "Proxima Nova", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-transform: uppercase;
}
@media (max-width: 1000px) {
  .industry-front__content h1 {
    font-size: 36px;
    line-height: 48px;
  }
}
.industry-front__content p {
  color: #fff;
  font-family: "Proxima Nova", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.industry-text {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 1000px) {
  .industry-text {
    margin-bottom: 40px;
  }
}
.industry-text p {
  width: 100%;
  display: inline-block;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.industry-text p:not(:last-of-type) {
  margin-bottom: 20px;
}
.industry-quotes {
  width: 100%;
  margin-bottom: 70px;
}
@media (max-width: 1000px) {
  .industry-quotes {
    margin-bottom: 40px;
  }
}
.industry-quotes__wrap {
  width: 100%;
  border-radius: 20px;
  background: #f2f2f2;
  padding: 40px 50px;
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
@media (max-width: 1000px) {
  .industry-quotes__wrap {
    padding: 30px;
  }
}
@media (max-width: 1000px) {
  .industry-quotes__wrap {
    padding: 30px 20px;
  }
}
.industry-quotes__wrap::before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%23E30B17%22%3E%3Cpath%20d%3D%22m11.18%2014.182-.004.089c-.041%201.107-.315%203.444-1.76%205.726-1.373%202.17-3.83%204.331-8.268%205.32a215.477%20215.477%200%200%201-.005-3.074%209.222%209.222%200%200%200%202.778-1.382c1.593-1.172%203.19-3.201%203.222-6.567l.005-.505H.5V4.571h10.678v9.025l.001.586Zm0%200a9.413%209.413%200%200%200%200-.537l-.001-.028v-.007.572ZM29.493%2013.583v.013l.001.013v.007l.002.03.003.118c.001.1.001.245-.004.424l-.003.083c-.041%201.107-.315%203.444-1.76%205.726-1.373%202.17-3.83%204.331-8.268%205.32a217.093%20217.093%200%200%201-.005-3.074%209.222%209.222%200%200%200%202.778-1.382c1.593-1.172%203.19-3.201%203.222-6.567l.005-.505h-6.648V4.571h10.677v9.012Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50px;
  top: 40px;
}
@media (max-width: 1000px) {
  .industry-quotes__wrap::before {
    top: 30px;
    left: 30px;
  }
}
@media (max-width: 1000px) {
  .industry-quotes__wrap::before {
    left: 20px;
  }
}
.industry-quotes__pic {
  margin: 0 40px 0 70px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .industry-quotes__pic {
    margin: 0 auto 40px;
  }
}
.industry-quotes__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.industry-quotes__content {
  width: calc(100% - 260px);
}
@media (max-width: 1000px) {
  .industry-quotes__content {
    width: 100%;
  }
}
.industry-quotes__name {
  width: 100%;
  display: inline-block;
  margin: 0 0 5px;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 38px;
}
.industry-quotes__post {
  width: 70%;
  display: inline-block;
  margin: 0 0 20px;
  color: #939393;
  font-family: "Proxima Nova", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 1000px) {
  .industry-quotes__post {
    width: 100%;
    font-weight: 400;
  }
}
.industry-quotes__descr {
  width: 100%;
  display: inline-block;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 1000px) {
  .industry-quotes__descr {
    font-weight: 400;
  }
}
.industry-about {
  width: 100%;
  margin-bottom: 70px;
}
@media (max-width: 1000px) {
  .industry-about {
    margin-bottom: 60px;
  }
}
.industry-about__wrap {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin-top: 40px;
}
@media (max-width: 1000px) {
  .industry-about__wrap {
    margin-top: 30px;
    grid-template-columns: 1fr;
  }
}
.industry-about__content {
  min-width: 100%;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
}
.industry-about__content p {
  margin: 0;
}
@media (max-width: 1000px) {
  .industry-about__content {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.industry-about__gallery {
  min-width: 100%;
}
.industry-about__gallery .industry-gallery {
  width: 100%;
}
.industry-about__gallery .swiper-slide {
  height: 389px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .industry-about__gallery .swiper-slide {
    height: 223px;
  }
}
.industry-about__gallery .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.industry-about__gallery .swiper-pagination {
  position: relative;
  margin: 20px 0 0;
}
.industry-about__gallery .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  border: 1px solid #000;
  background: transparent;
}
.industry-about__gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}
.industry-sheme {
  margin-bottom: 70px;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .industry-sheme {
    margin-bottom: 60px;
  }
  .industry-sheme .industry__title {
    padding: 0 15px;
  }
}
@media (max-width: 1000px) {
  .industry-sheme .b-layout__container {
    padding: 0;
  }
}
.industry-sheme__wrap {
  width: 100%;
  border-radius: 20px;
  background: #F2F2F2;
  margin: 40px 0 0;
  padding: 25px 40px;
}
@media (max-width: 1000px) {
  .industry-sheme__wrap {
    padding: 25px 0 20px;
  }
}
.industry-technology {
  width: 100%;
  margin-bottom: 70px;
  background-image: url("/local/templates/master-sv/images/technology-bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media (max-width: 1000px) {
  .industry-technology {
    margin-bottom: 60px;
  }
}
.industry-technology__row {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin-bottom: 70px;
}
@media (max-width: 1000px) {
  .industry-technology__row {
    margin-bottom: 60px;
  }
}
@media (min-width: 900px) {
  .industry-technology__row:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
.industry-technology__pic {
  width: 100%;
  background: #F2F2F2;
  border-radius: 20px;
  overflow: hidden;
  min-height: 250px;
}
@media (min-width: 900px) {
  .industry-technology__pic {
    width: 48%;
  }
}
@media (max-width: 1000px) {
  .industry-technology__pic {
    margin-bottom: 19px;
  }
}
.industry-technology__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.industry-technology__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media (min-width: 900px) {
  .industry-technology__content {
    width: 47%;
  }
}
.industry-technology__title {
  width: 100%;
  display: inline-block;
  margin: 0;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}
.industry-technology__text {
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.industry-technology__text p {
  margin: 0;
}
.industry-technology__text p:not(:last-of-type) {
  margin: 0 0 20px;
}
.industry-technology__link {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 175px;
  border-radius: 4px;
  border: 1px solid #ED1C24;
  color: #ED1C24;
  text-align: center;
  font-family: "Proxima Nova", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  height: 45px;
  padding: 0 30px;
  text-decoration: none;
}
.industry-technology__link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2221%22%20viewBox%3D%220%200%2010%2021%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.83108%201.8999L7.83108%208.96032V12.1532L1.83105%2019.0999%22%20stroke%3D%22%23ED1C24%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 9px;
  height: 20px;
  display: inline-block;
  margin-left: 15px;
}
.industry-banner {
  width: 100%;
  margin-bottom: 70px;
}
.industry-banner__wrap {
  min-height: 241px;
  border-radius: 20px;
  background: #5F6673;
  padding: 40px 50px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .industry-banner__wrap {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.industry-banner__content {
  width: 65%;
}
@media (max-width: 1000px) {
  .industry-banner__content {
    width: 100%;
    padding: 30px 20px 30px;
  }
}
.industry-banner__content h3 {
  margin: 0 0 20px;
  color: #FFF;
  font-family: "Proxima Nova";
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}
@media (max-width: 1000px) {
  .industry-banner__content h3 {
    font-size: 28px;
    line-height: 34px;
  }
}
.industry-banner__pic {
  width: 35%;
  height: 100%;
  bottom: 0;
  right: 0;
}
@media (min-width: 1000px) {
  .industry-banner__pic {
    position: absolute;
    clip-path: polygon(14% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@media (max-width: 1000px) {
  .industry-banner__pic {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
  }
}
.industry-banner__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.industry-banner__link {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 175px;
  border-radius: 4px;
  background: #ED1C24;
  color: #FFF;
  text-align: center;
  font-family: "Proxima Nova", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  height: 45px;
  padding: 0 30px;
  text-decoration: none;
}
.industry-banner__link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2221%22%20viewBox%3D%220%200%2010%2021%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.83108%201.8999L7.83108%208.96032V12.1532L1.83105%2019.0999%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 9px;
  height: 20px;
  display: inline-block;
  margin-left: 15px;
}

.sheme-nav {
  width: 100%;
  display: grid;
  -moz-column-gap: 30px;
       column-gap: 30px;
  counter-reset: step-counter;
}
@media (max-width: 1000px) {
  .sheme-nav {
    display: flex;
    padding: 0 20px 40px;
    margin-left: 20px;
  }
}
.sheme-nav .scroller {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (min-width: 1000px) {
  .sheme-nav .simplebar-wrapper,
  .sheme-nav .simplebar-content-wrapper,
  .sheme-nav .simplebar-mask {
    overflow: inherit !important;
  }
}
.sheme-nav__item {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1000px) {
  .sheme-nav__item {
    width: 170px;
  }
}
.sheme-nav__item:not(:last-of-type)::before {
  content: "";
  width: 99.5%;
  height: 1px;
  position: absolute;
  border-bottom: 2px dashed #ED1C24;
  position: absolute;
  left: 17px;
  top: 64px;
}
.sheme-nav__item.active .sheme-nav__dot {
  background: #ED1C24;
}
.sheme-nav__item.active .sheme-nav__descr {
  font-weight: 700;
}
.sheme-nav__item.active .sheme-nav__count {
  border: 2px solid #ED1C24;
}
.sheme-nav__count {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  left: -14px;
}
.sheme-nav__count::before {
  counter-increment: step-counter;
  content: counter(step-counter);
  color: #ED1C24;
  font-family: "Proxima Nova", sans-serif;
  font-size: 24px;
  font-weight: 900;
}
.sheme-nav__dot {
  width: 16px;
  height: 16px;
  border: 2px solid #ED1C24;
  background: #fff;
  border-radius: 50%;
}
.sheme-nav__descr {
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 1000px) {
  .sheme-nav__descr {
    padding-right: 15px;
  }
}
.sheme-nav .simplebar-scrollbar:before {
  background: #ED1C24;
}
.sheme-nav .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
}
.sheme-nav .simplebar-track.simplebar-vertical {
  width: 8px;
}
.sheme-nav .simplebar-track.simplebar-horizontal {
  width: calc(100% - 40px);
  background: #fff;
  border-radius: 10px;
}
.sheme-wrap {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin: 40px 0 0;
}
@media (max-width: 1000px) {
  .sheme-wrap {
    padding: 0 20px;
  }
}
.sheme-container {
  width: calc(100% - 319px);
  position: relative;
}
@media (max-width: 1000px) {
  .sheme-container {
    width: 100%;
    order: 1;
  }
}
.sheme-content {
  width: 319px;
  height: 396px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 44px 0px rgba(42, 51, 70, 0.1);
  padding: 20px;
  position: relative;
}
@media (max-width: 1000px) {
  .sheme-content {
    width: 100%;
    order: 3;
  }
}
.sheme-content .simplebar-scrollbar:before {
  background: #ED1C24;
}
.sheme-content .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
}
.sheme-content .simplebar-track.simplebar-vertical {
  width: 8px;
}
.sheme-content__scroll {
  width: 100%;
  height: 100%;
  padding-right: 20px;
}
.sheme-content__item {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -10;
}
.sheme-content__item.active {
  position: relative;
  z-index: 1;
  opacity: 1;
}
.sheme-content__stage {
  width: 100%;
  display: inline-block;
  color: #ED1C24;
  font-family: "Proxima Nova", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.sheme-content p {
  width: 100%;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sheme-content p:not(:last-of-type) {
  margin-bottom: 20px;
}
.sheme .step {
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.sheme .step.active path,
.sheme .step.active polygon {
  fill: rgba(237, 28, 35, 0.64) !important;
}
.sheme-controls {
  width: 100%;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media (max-width: 1000px) {
  .sheme-controls {
    margin: 25px 0 30px;
    order: 2;
    display: none;
  }
}
.sheme-controls__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2A3346;
  cursor: pointer;
}
.sheme-controls__btn.active, .sheme-controls__btn:hover {
  background: #ED1C24;
}
.sheme-controls__default svg {
  position: relative;
  left: 2px;
}
.sheme #sheme-svg-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.sheme #sheme-svg {
  width: 100%;
  height: 100%;
}

#svg-tooltip,
#svg-tooltip-select {
  position: absolute;
  padding: 5px 10px;
  border-radius: 50px;
  background: #FFF;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  pointer-events: none;
  z-index: 1000;
  text-align: center;
  line-height: 16px;
}
@media (max-width: 1000px) {
  #svg-tooltip,
  #svg-tooltip-select {
    width: 150px;
  }
}

#svg-line {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#svg-line-select {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/*# sourceMappingURL=index.css.map*/
/* End */


/* Start:/local/media/css/masters-universal.css?17491090202219*/

.banner-rutube {
    display: grid;
    grid-template-columns: 819fr 379fr;
    background: #5F6673;
    border-radius: 20px;
    margin-top: 64px;
    text-decoration: none;
}

.banner-rutube-left {
    display: grid;
    padding: 40px 40px 40px 50px;
    grid-gap: 20px;
    height: fit-content;
}

.banner-rutube-left p {
    font-weight: 800;
    font-size: 40px;
    line-height: 1.2;
    vertical-align: middle;
    color: #ffffff;
    margin: 0;
}

.banner-rutube-button {
    display: flex;
    gap: 20px;
    width: fit-content;
    position: relative;
    border-radius: 4px;
    padding: 10px 30px;
    background: #ED1C24;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    align-items: center;
    vertical-align: middle;
    text-decoration: none;
}

.banner-rutube img {
    display: block;
    width: auto;
    height: 100%;
    border-radius: 0 20px 20px 0;
    object-fit: cover;
    object-position: left;
}

@media (max-width: 1279px) {
    .banner-rutube-left p {
        font-size: 28px;
    }
}

@media (max-width: 1200px) {
    .banner-rutube {
        grid-template-columns: 6fr 3fr;
    }

    .banner-rutube-left {
        padding: 30px;
        grid-gap: 10px;
    }
}

@media (max-width: 940px) {
    .banner-rutube-left p {
        font-size: 22px;
    }
}

@media (max-width: 740px) {
    .banner-rutube-left p {
        font-size: 18px;
    }

    .banner-rutube-button {
        font-size: 14px;
        gap: 10px;
        padding: 5px 15px;
    }

    .banner-rutube-button svg {
        height: 14px;
        width: auto;
    }

    .banner-rutube-left {
        padding: 20px;
    }
}

@media (max-width: 640px) {
    .banner-rutube {
        grid-template-columns: 5fr 3fr;
    }
}

@media (max-width: 540px) {
    .banner-rutube-left p {
        font-size: 16px;
    }

    .banner-rutube {
        grid-template-columns: 3fr 3fr;
    }
}

@media (max-width: 480px) {
    .banner-rutube-left p {
        font-size: 14px;
    }

    .banner-rutube {
        grid-template-columns: 2fr 3fr;
    }
}
/* End */


/* Start:/local/templates/master-sv/template_styles.css?17500779743596*/
.primenenie_container{
    margin-bottom: 75px;
}
.b-media-gallery__container .main-video .video{
    position: relative;
}

.b-media-gallery__container .main-video .video img{
    position:absolute; width: 100%; height: 100%;
    border-radius: 0;
}
.b-media-gallery__container .main-video .video .imgHide:after{
    content: '';
    background: url('/local/templates/master_teplo/images/video-play-icon-2.png');
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: contain;
    transform: translate(-50%,-50%);
}
.b-materials__material{
    cursor: pointer;
}
.b-materials__material:hover{
    color: #000;
}
.one_column{
    grid-template-columns: 1fr;
}

.fixed_links {
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: grid;
    grid-gap: 30px;
    z-index: 1;
}
.fixed_links a {
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    position: relative;
}
.fixed_links a span {
    display: none;
    position: absolute;
    right: 88px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px 9px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.718;
    text-align: center;
    width: max-content;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ed1c24;
    color: #ed1c24;
}
.fixed_links a:hover span {
    display: block;
}
.fixed_links .fixed_links_gde {
    background: url('/local/templates/master-sv/images/gde.svg') no-repeat center/contain;
}
.fixed_links .fixed_link_spec {
    background: url('/local/templates/master-sv/images/message.svg') no-repeat center/contain;
}
@media print, screen and (max-width: 760px) {
    .fixed_links {
        right: 30px;
        bottom: 30px;
        grid-gap: 15px;
    }
    .fixed_links a {
        width: 36px;
        height: 36px;
    }
    .fixed_links a span {
        font-size: 14px;
        right: 52px;
    }
}
.b-top-slider__container {
    opacity: 0;
    visibility: hidden;
}

.b-top-slider__container.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.quiz-container {
    position: relative;
}
.quiz-container #quiz {
    position: absolute;
    top: -150px;
}
.sidebar-tooltip {
    display: none;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
    padding: 5px 9px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.718;
    text-align: center;
    width: max-content;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    z-index: 10;
    white-space: nowrap;
}

.b-sidebar__qa {
    position: relative;
    display: inline-block;
}

.b-sidebar__qa:hover .sidebar-tooltip {
    display: block;
}
.statii-button {
    min-width: 150px;
    text-align: center;
    font-weight: bold;
    color: #ed1c24;
    text-decoration: none;
    border: 1px solid #ed1c24;
    background: #ffffff;
    border-radius: 4px;
    padding: 9px 32px 10px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin-top: 24px;
}
.b-articles-slider__title,.b-articles-slider__text{
    min-height: 78px;
}
.b-type-noise__item .static-item:hover {
    cursor: unset;
    color: unset;
}
.game_page_container img.b-video__video {
    filter: brightness(50%);
}
/* End */
/* /local/templates/master-sv/builds/prod/css/index.css?17448097791253634 */
/* /local/media/css/masters-universal.css?17491090202219 */
/* /local/templates/master-sv/template_styles.css?17500779743596 */