/* Start:/optovicam/css/main.css?1777855836133709*/

  @font-face {
    font-family: "Gilroy";
    src: url("/optovicam/css/../fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: 700;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/optovicam/css/../fonts/gilroy-regular.ttf") format("truetype");
    font-weight: 400;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/optovicam/css/../fonts/gilroy-ultralight.ttf") format("truetype");
    font-weight: 200;
  }

  .-optovicam- .main-seo-desc ul {list-style-type: disc !important;}
  .-optovicam- .main-seo-desc ul li {margin-left: 20px;}


  /* @font-face {
    font-family: "Gilroy";
    src: url("/optovicam/css/../fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: 700;
  } */

  :root {
    --font-family: "Gilroy", sans-serif;
    --second-family: "Roboto", sans-serif;
    --third-family: "Inter", sans-serif;
    --content-width: 1460px !important;
    --container-offset: 20px;
    /* --container-width: calc(var(--content-width) + (var(--container-offset) * 2)); */
    --belyy: #fff;
    --seryy: #f5f7fb;
    --zelenyy: #77b94c;
    --siniy: #179bd7;
    --t-siniy: #064a69;
    --chernyy: #2b2b2b;
    --goluboy: #f0faff;
    --colort-siniy: #064a69;
  }

  /* stylelint-disable */
  /* stylelint-disable */
  .burger__wrapper {
    background-color: #545B2F;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /* stylelint-disable */
  .custom-checkbox__field:checked + .custom-checkbox__content::after {
    opacity: 1;
  }

  .custom-checkbox__field:focus + .custom-checkbox__content::before {
    outline: 2px solid #f00;
    outline-offset: 2px;
  }

  .custom-checkbox__field:disabled + .custom-checkbox__content {
    opacity: 0.4;
    pointer-events: none;
  }

  /* stylelint-disable */
  /* stylelint-disable */
  /* stylelint-disable value-keyword-case */
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

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

  .page {
    height: 100%;
    font-family: var(--font-family, sans-serif);
    -webkit-text-size-adjust: 100%;
  }

  .page__body {
    margin: 0;
    min-width: 320px;
    min-height: 100%;
    font-size: 16px;
    overflow-x: hidden;
    background-color: var(--belyy);
  }

  img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  a {
    text-decoration: none;
  }

  .is-hidden {
    display: none !important; /* stylelint-disable-line declaration-no-important */
  }

  .btn-reset {
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
  }

  .list-reset {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .input-reset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background-color: #fff;
  }
  .input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
    display: none;
  }

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

  .container {
    margin: 0 auto;
    padding: 0 var(--container-offset);
    max-width: var(--content-width);
  }

  .js-focus-visible :focus:not(.focus-visible) {
    outline: none;
  }

  .centered {
    text-align: center;
  }

  .dis-scroll {
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
  }

  .page--ios .dis-scroll {
    position: relative;
  }

  @media (max-width: 768px) {
    .hidden-sm {
      display: none !important;
    }
  }

  .btn--accent {
    border-radius: 8px;
    padding: 16px 40px;
    background: var(--t-siniy);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--belyy);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid transparent;
  }
  @media (any-hover: hover) {
    .btn--accent:hover {
      background: transparent;
      color: var(--t-siniy);
      border-color: var(--t-siniy);
    }
  }

  .btn--border {
    border-radius: 8px;
    padding: 16px 40px;
    background: transparent;
    color: var(--t-siniy);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid var(--t-siniy);
  }
  @media (any-hover: hover) {
    .btn--border:hover {
      background: var(--t-siniy);
      color: var(--belyy);
      border-color: transparent;
    }
  }

  .title--section {
    font-family: var(--font-family);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--chernyy);
    margin: 0;
    margin-bottom: 60px;
  }

  .contacts.main-opt .title--section {margin-bottom: 30px;}
  .contacts.main-opt {padding-top: 30px;}
  @media (max-width: 767px) {
    .title--section {
      font-size: calc(26px + 6 * (100vw - 320px) / 1440);
    }
  }
  @media (min-width: 767px) {
    .title--section {
      font-size: calc(26px + 20 * 100vw / 1440);
    }
  }
  @media (max-width: 992px) {
    .title--section {
      margin-bottom: 30px;
    }
  }

  .swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  .letters__nav-btn:not(.swiper-button-disabled){
    cursor: pointer;
  }

  .input-form-opt.active {box-shadow: 0 0 14px 3px #fff;}

  .input {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 16px 40px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    border: none;
    outline: none;
    resize: none;
    width: 100%;
  }
  .input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  :root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
  }

  .f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
  }

  .f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-animation: f-spinner-rotate 2s linear infinite;
    animation: f-spinner-rotate 2s linear infinite;
  }

  .f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none;
  }

  .f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1);
  }

  .f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
    animation: f-spinner-dash 2s ease-in-out infinite;
  }

  @-webkit-keyframes f-spinner-rotate {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @keyframes f-spinner-rotate {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes f-spinner-dash {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }
  @keyframes f-spinner-dash {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }
  .f-throwOutUp {
    -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
  }

  .f-throwOutDown {
    -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
  }

  @-webkit-keyframes f-throwOutUp {
    to {
      -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
      transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
      opacity: 0;
    }
  }

  @keyframes f-throwOutUp {
    to {
      -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
      transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
      opacity: 0;
    }
  }
  @-webkit-keyframes f-throwOutDown {
    to {
      -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
      transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
      opacity: 0;
    }
  }
  @keyframes f-throwOutDown {
    to {
      -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
      transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
      opacity: 0;
    }
  }
  .f-zoomInUp {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
    animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
  }

  .f-zoomOutDown {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
  }

  @-webkit-keyframes f-zoomInUp {
    from {
      -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
    }
    to {
      -webkit-transform: scale(1) translate3d(0, 0, 0);
      transform: scale(1) translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes f-zoomInUp {
    from {
      -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
    }
    to {
      -webkit-transform: scale(1) translate3d(0, 0, 0);
      transform: scale(1) translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @-webkit-keyframes f-zoomOutDown {
    to {
      -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
    }
  }
  @keyframes f-zoomOutDown {
    to {
      -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
    }
  }
  .f-fadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2;
  }

  .f-fadeOut {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1;
  }

  @-webkit-keyframes f-fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes f-fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes f-fadeOut {
    100% {
      opacity: 0;
    }
  }
  @keyframes f-fadeOut {
    100% {
      opacity: 0;
    }
  }
  .f-fadeFastIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2;
  }

  .f-fadeFastOut {
    -webkit-animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    z-index: 2;
  }

  @-webkit-keyframes f-fadeFastIn {
    0% {
      opacity: 0.75;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes f-fadeFastIn {
    0% {
      opacity: 0.75;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes f-fadeFastOut {
    100% {
      opacity: 0;
    }
  }
  @keyframes f-fadeFastOut {
    100% {
      opacity: 0;
    }
  }
  .f-fadeSlowIn {
    -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2;
  }

  .f-fadeSlowOut {
    -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1;
  }

  @-webkit-keyframes f-fadeSlowIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes f-fadeSlowIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes f-fadeSlowOut {
    100% {
      opacity: 0;
    }
  }
  @keyframes f-fadeSlowOut {
    100% {
      opacity: 0;
    }
  }
  .f-crossfadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2;
  }

  .f-crossfadeOut {
    -webkit-animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    z-index: 1;
  }

  @-webkit-keyframes f-crossfadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes f-crossfadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes f-crossfadeOut {
    100% {
      opacity: 0;
    }
  }
  @keyframes f-crossfadeOut {
    100% {
      opacity: 0;
    }
  }
  .f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
  }

  .f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
  }

  .f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
  }

  .f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
  }

  @-webkit-keyframes f-slideInPrev {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes f-slideInPrev {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-webkit-keyframes f-slideInNext {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes f-slideInNext {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-webkit-keyframes f-slideOutNext {
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  @keyframes f-slideOutNext {
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  @-webkit-keyframes f-slideOutPrev {
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  @keyframes f-slideOutPrev {
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  .f-classicIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
  }

  .f-classicIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
  }

  .f-classicOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
  }

  .f-classicOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
  }

  @-webkit-keyframes f-classicInNext {
    0% {
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes f-classicInNext {
    0% {
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @-webkit-keyframes f-classicInPrev {
    0% {
      -webkit-transform: translateX(75px);
      transform: translateX(75px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes f-classicInPrev {
    0% {
      -webkit-transform: translateX(75px);
      transform: translateX(75px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @-webkit-keyframes f-classicOutNext {
    100% {
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px);
      opacity: 0;
    }
  }
  @keyframes f-classicOutNext {
    100% {
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px);
      opacity: 0;
    }
  }
  @-webkit-keyframes f-classicOutPrev {
    100% {
      -webkit-transform: translateX(75px);
      transform: translateX(75px);
      opacity: 0;
    }
  }
  @keyframes f-classicOutPrev {
    100% {
      -webkit-transform: translateX(75px);
      transform: translateX(75px);
      opacity: 0;
    }
  }
  :root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
  }

  .f-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    -webkit-box-shadow: var(--f-button-shadow);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    -webkit-transition: var(--f-button-transition);
    transition: var(--f-button-transition);
  }

  @media (hover: hover) {
    .f-button:hover:not([disabled]) {
      color: var(--f-button-hover-color);
      background-color: var(--f-button-hover-bg);
    }
  }
  .f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
  }

  .f-button:focus:not(:focus-visible) {
    outline: none;
  }

  .f-button:focus-visible {
    outline: none;
    -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  }

  .f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
    -webkit-transform: var(--f-button-transform);
    -ms-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
  }

  .f-button[disabled] {
    cursor: default;
  }

  .f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity);
  }

  .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1;
  }

  .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
  }

  .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
  }

  .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
  }

  .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
  }

  .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
  }

  .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
  }

  .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
    pointer-events: none;
  }

  html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto;
  }

  html.with-fancybox body {
    -ms-touch-action: none;
    touch-action: none;
  }

  html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
  }

  .fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
  }

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

  .fancybox__container::-webkit-backdrop {
    background-color: rgba(0, 0, 0, 0);
  }

  .fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }

  .fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
  }

  .fancybox__carousel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
  }

  .fancybox__viewport {
    width: 100%;
    height: 100%;
  }

  .fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }

  .fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }

  .fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 100%;
  }

  .fancybox__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px;
  }

  .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
    overflow: hidden;
  }

  .fancybox__slide.has-image {
    overflow: hidden;
  }

  .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
    overflow: visible;
  }

  .fancybox__slide::before, .fancybox__slide::after {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto;
  }

  .fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty {
    display: block;
  }

  .fancybox__content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20;
  }

  .is-loading .fancybox__content {
    opacity: 0;
  }

  .is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }

  .can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }

  .can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }

  .is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }

  .fancybox__content [data-selectable], .fancybox__content [contenteditable] {
    cursor: auto;
  }

  .fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%;
  }

  .is-animating .fancybox__content, .is-dragging .fancybox__content {
    will-change: transform, width, height;
  }

  .fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }

  .fancybox__caption {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
  }

  .is-loading .fancybox__caption, .is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden;
  }

  .is-compact .fancybox__caption {
    padding-bottom: 0;
  }

  .f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
  }

  .fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: 0.75;
  }

  .is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
  }

  .is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
  }

  .fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1;
  }

  .fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
  }

  .fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }

  .is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, 0.5);
  }

  .is-compact .fancybox__footer .fancybox__caption {
    padding: 12px;
  }

  .is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px;
  }

  .fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
  }

  .fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1;
  }

  .is-idle .fancybox__nav {
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
  }

  .is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
  }

  .fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
  }

  .fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
  }

  .fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none;
  }

  .fancybox__container:not([aria-hidden]) {
    opacity: 0;
  }

  .fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    -webkit-animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
    animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
  }

  .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
    animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
  }

  .fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
    -webkit-animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
  }

  .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
    animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
  }

  .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
  }

  .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%;
  }

  .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
  }

  .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
  }

  .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
  }

  .has-map .fancybox__content {
    background: #e5e3df;
  }

  .fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
  }

  .fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
  }

  .f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
  }

  .f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
  }

  .f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
  }

  .f-thumbs {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1;
  }

  .f-thumbs .f-spinner svg {
    display: none;
  }

  .f-thumbs.is-vertical {
    height: 100%;
  }

  .f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .f-thumbs__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .f-thumbs__slide {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
  }

  .f-thumbs__slide.is-loading img {
    opacity: 0;
  }

  .is-classic .f-thumbs__viewport {
    height: 100%;
  }

  .is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer;
  }

  .is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    -webkit-transition: none;
    transition: none;
    pointer-events: none;
  }

  .is-modern.is-resting .f-thumbs__slide {
    -webkit-transition: -webkit-transform 0.33s ease;
    transition: -webkit-transform 0.33s ease;
    transition: transform 0.33s ease;
    transition: transform 0.33s ease, -webkit-transform 0.33s ease;
  }

  .is-modern.is-resting .f-thumbs__slide__button {
    -webkit-transition: clip-path 0.33s ease;
    transition: clip-path 0.33s ease;
  }

  .is-using-tab .is-modern .f-thumbs__slide:focus-within {
    -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
  }

  .f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }

  .f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity);
  }

  .f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none;
  }

  .f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity);
  }

  .is-modern .f-thumbs__slide__button {
    --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
    clip-path: var(--clip-path);
  }

  .is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
  }

  .is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    -webkit-animation: f-fadeIn 0.2s ease-out;
    animation: f-fadeIn 0.2s ease-out;
    z-index: 10;
  }

  .f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius);
  }

  .f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0;
  }

  .f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
  }

  .f-thumbs.is-vertical .f-thumbs__track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px;
  }

  .f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0;
  }

  .fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    -webkit-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
  }

  .fancybox__thumbs.is-classic .f-spinner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  }

  .fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
  }

  .fancybox__thumbs.is-modern .f-spinner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  }

  .fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap);
  }

  .fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0;
  }

  .is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px;
  }

  .fancybox__thumbs.is-masked {
    max-height: 0px !important;
  }

  .is-closing .fancybox__thumbs {
    -webkit-transition: none !important;
    transition: none !important;
  }

  .fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20;
  }

  .fancybox__toolbar :focus-visible {
    z-index: 1;
  }

  .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .is-idle .fancybox__toolbar {
    pointer-events: none;
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
  }

  .fancybox__toolbar__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }

  .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }

  .fancybox__toolbar__column.is-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .fancybox__infobar span {
    padding: 0 5px;
  }

  .fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg);
  }

  [data-fancybox-toggle-slideshow] {
    position: relative;
  }

  [data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: 0.3;
  }

  [data-fancybox-toggle-slideshow] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  [data-fancybox-toggle-slideshow] svg g:last-child {
    display: none;
  }

  .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none;
  }

  .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none;
  }

  :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
  }

  :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
  }

  :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
  }

  :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: flex;
  }

  :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -ms-flexbox;
    display: flex;
  }

  :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
  }

  .hero {
    background: #F5F7FB url("/optovicam/css/../img/hero-bg.webp") right center /cover no-repeat;
    position: relative;
  }
  .map iframe{height:100%;}
  .hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 33px;
  }
  @media (max-width: 992px) {
    .hero__wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .hero h1 {
    margin: 0;
    margin-bottom: clamp(30px, 3vw, 60px);
    font-family: var(--font-family);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--chernyy);
    padding-top: 80px;
  }
  @media (max-width: 767px) {
    .hero h1 {
      font-size: calc(28px + 4.8 * (100vw - 320px) / 1440);
    }
  }
  @media (min-width: 767px) {
    .hero h1 {
      font-size: calc(28px + 16 * 100vw / 1440);
    }
  }
  @media (max-width: 992px) {
    .hero h1 {
      padding-top: 30px;
    }
  }
  .hero .actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-width: 700px;
  }
  @media (max-width: 992px) {
    .hero .actions {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      max-width: 100%;
    }
  }
  .hero__bottom {
    position: absolute;
    bottom: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    max-width: 1440px;
    -ms-grid-columns: repeat(4, 1fr);
  }
  @media (max-width: 992px) {
    .hero__bottom {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      position: static;
      margin-top: 20px;
      padding-bottom: 20px;
    }
  }
  .hero__item {
    border-radius: 8px;
    padding: 16px 20px;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: var(--belyy);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--chernyy);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  @media (max-width: 992px) {
    .hero .right {
      display: none;
    }
  }

  .works {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .works__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
  }
  .works h2 {
    margin-bottom: 0;
  }
  .works__carts {
    display: -ms-grid;
    display: grid;
  -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  @media (max-width: 1200px) {
    .works__carts {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 992px) {
    .works__carts {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .works__carts .cart {
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: var(--seryy);
    border-radius: 8px;
    padding: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
  }
  .works__carts .cart .card-head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  .works__carts .cart .card-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: var(--chernyy);
  }
  .works__carts .cart .desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--chernyy);
  }

  .contacts {
    margin-bottom: 80px;
    background: var(--seryy);
    padding-block: 60px;
  }
  .contacts__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr;
    gap: 20px;
  }
  @media (max-width: 992px) {
    .contacts__wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .contacts .map {
    border-radius: 8px;
    overflow: hidden;
    min-height: 565px;
  }
  @media (max-width: 992px) {
    .contacts .map {
      height: 300px;
    }
  }
  .contacts .map img {
    width: 100%;
    height: 100%;
  }
  .contacts__block {
    border-radius: 8px;
    padding: 20px;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: var(--belyy);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .contacts__block .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  .contacts__block .socials a {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    will-change: opacity;
  }
  @media (any-hover: hover) {
    .contacts__block .socials a:hover {
      opacity: 0.5;
    }
  }
  .contacts__block .item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 10px;
  }
  .contacts__block .item .icon {
    width: 40px;
    height: 40px;
    background: var(--seryy);
    border-radius: 4px;
    display: -ms-grid;
    display: grid;
    place-items: center;
  }
  .contacts__block .item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px, 2vw, 20px);
    color: var(--chernyy);
  }
  .contacts__block .item .info a{font-family: var(--font-family);font-weight: 400;font-size: clamp(14px, 2vw, 20px);color: var(--chernyy);}
  .contacts__block .item .info span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: var(--chernyy);
  }
  .contacts__block .item a {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  @media (any-hover: hover) {
    .contacts__block .item a:hover {
      color: var(--siniy);
    }
  }
  .contacts__block .photos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .contacts__block .photos img {
    width: 100%;
    height:100%;
    border-radius: 8px;
  }

  .articles {
    margin-bottom: 40px;
  }
  .articles__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  @media (max-width: 992px) {
    .articles__head {
      margin-bottom: 30px;
    }
  }
  .articles h2 {
    margin-bottom: 0;
  }
  .articles__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
  }
  .articles__nav-btn {
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    will-change: opacity;
    display: -ms-grid;
    display: grid;
    place-items: center;
  }
  @media (any-hover: hover) {
    .articles__nav-btn:hover {
      opacity: 0.5;
    }
  }
  .articles__nav-btn svg {
    pointer-events: none;
  }
  .articles .article-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:10px;
  }
  .articles .article-slide .link-img {
    border-radius: 8px;
    overflow: hidden;
    display: block;
    margin-bottom: 14px;
  }
  .articles .article-slide .link-img img {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    border-radius: 8px;
    width: 100%;
  }
  @media (any-hover: hover) {
    .articles .article-slide .link-img:hover img {
      scale: 1.2;
    }
  }
  .articles .article-slide .date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: var(--chernyy);
    margin-bottom: 8px;
  }
  .articles .article-slide .link-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 140%;
    color: var(--chernyy);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  @media (any-hover: hover) {
    .articles .article-slide .link-title:hover {
      color: var(--siniy);
    }
  }

  .faq {
    margin-bottom: 80px;
  }
  .faq__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.5fr;
    grid-template-columns: 1fr 0.5fr;
    gap: clamp(20px, 2.5vw, 40px);
  }
  @media (max-width: 992px) {
    .faq__wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .faq__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .faq__item {
    border-radius: 8px;
    padding: 14px 20px;
    background: var(--seryy);
    cursor: pointer;
  }
  .faq__item > * {
    pointer-events: none;
  }
  .faq__item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
  }
  .faq__item .title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(16px, 2.5vw, 20px);
    color: var(--chernyy);
  }
  .faq__item .toggler {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background: var(--siniy);
    display: -ms-grid;
    display: grid;
    place-items: center;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .faq__item .bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    overflow: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .faq__item .content {
    overflow: hidden;
  }
  .faq__item p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #050505;
    margin: 0;
  }
  .faq__form {
    border-radius: 8px;
    padding: 20px;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: linear-gradient(134deg, #064a69 0%, #2a779a 100%);
  }
  .faq__form .form-title {
    font-family: var(--font-family);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--belyy);
    margin-bottom: 14px;
  }
  @media (max-width: 767px) {
    .faq__form .form-title {
      font-size: calc(24px + 1.2 * (100vw - 320px) / 1440);
    }
  }
  @media (min-width: 767px) {
    .faq__form .form-title {
      font-size: calc(24px + 4 * 100vw / 1440);
    }
  }
  .faq__form .form-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--belyy);
    margin-bottom: 24px;
  }
  .faq__form .faq-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .faq__form .faq-form .input {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 16px 40px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    border: none;
    outline: none;
  }
  .faq__form .faq-form .input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .faq__form .faq-form .input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .faq__form .faq-form .input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .faq__form .faq-form .input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .faq__form .faq-form .input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .faq__form .faq-form .policy {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 14px 1fr;
    grid-template-columns: 14px 1fr;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
  }
  .faq__form .faq-form .policy input {
    accent-color: var(--siniy);
    width: 100%;
    height: 100%;
    border: none;
  }
  .faq__form .faq-form .policy label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    color: var(--belyy);
  }
  .faq__form .faq-form .btn--accent {
    background: var(--belyy);
    color: var(--chernyy);
    margin-bottom: 10px;
  }
  .faq__form .faq-form .form-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--belyy);
    border-radius: 8px;
    padding: 16px 40px;
    color: #fff;
  }

  .faq__item-active .bottom {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    margin-top: 20px;
  }

  .faq__item-active .toggler {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .letters {
    margin-bottom: 80px;
  }
  .letters__nav {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    position: absolute;
    right:30px;top:16px;
  }
  .letters .letter-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: var(--seryy);
    margin:10px;
  }
  .letters .letter-slide .img img {
    width: 100%;
    height: 395px;
    border-radius:8px;
    border:1px solid #179BD7;
    object-fit: cover;
  }

  .partners {
    background: var(--seryy);
    padding-block: 60px;
  }
  .partners__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom:25px;
  }
  @media (max-width: 767px) {
    .partners__logo {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }
  .partners__photo {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .partners__photo img {
    border-radius: 8px;
  }
  @media (max-width: 992px) {
    .partners__photo {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }

  .projects {
    margin-bottom: 80px;
  }
  .projects__main {
    background: url("/optovicam/css/../img/projects-bg.webp") center/cover no-repeat;
    height: 590px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  @media (max-width: 768px) {
    .projects__main {
      height: 350px;
    }
  }
  .projects__info {
    margin-top: auto;
    backdrop-filter: blur(80px);
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    padding: 14px 40px;
    max-width: 500px;
  }
  .project-text{color:#FFFFFF;padding: 14px 0;max-width: 500px;font-weight: 400;font-size: 16px;line-height: 130%;}
  @media (max-width: 992px) {
    .projects__info {
      padding: 14px 20px;

    }
  }
  .projects__info .name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: var(--chernyy);
    margin-bottom: 4px;
  }
  .projects__info .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: var(--chernyy);
  }
  .projects__info p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--chernyy);
    margin: 0;
    margin-top: 10px;
  }
  .projects__title {
    font-family: var(--font-family);
    font-weight: 700;
    line-height: 90%;
    text-transform: uppercase;
    text-align: center;
    color: var(--belyy);
    margin-top: 40px;
  }
  @media (max-width: 767px) {
    .projects__title {
      font-size: calc(26px + 7.8 * (100vw - 320px) / 1440);
      line-height: 1.2;
    }
  }
  @media (min-width: 767px) {
    .projects__title {
      font-size: calc(26px + 26 * 100vw / 1440);
      margin-bottom:-6px;
    }
  }
  .projects__items {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    margin-top: 40px;
  }
  @media (min-width: 992px) {
    .projects__items {
      -ms-grid-columns: repeat(3, 1fr);
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .projects__item {
    position: relative;
    overflow: hidden;
    height: 400px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  .projects__item .img {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .projects__item .img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .projects__item .content {
    border-radius: 4px;
    padding: 14px 20px;
    backdrop-filter: blur(80px);
    background: rgba(255, 255, 255, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
  }
  .projects__item .content .name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: var(--chernyy);
  }
  .projects__item .content .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: var(--chernyy);
  }
  .projects__item .content p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--chernyy);
  }

  section.diler {
    margin-bottom: 40px;
  }
  .diler__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  @media (max-width: 992px) {
    .diler__container {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .diler .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 550px;
  }
  .diler__title {
    margin-bottom: 24px;
  }
  .diler__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--chernyy);
    margin-bottom: 14px;
  }
  .diler a {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(24px, 3vw, 48px);
    text-transform: uppercase;
    color: var(--chernyy);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 40px;
  }
  @media (any-hover: hover) {
    .diler a:hover {
      color: var(--zelenyy);
    }
  }
  .diler__btn {
    background: var(--zelenyy);
  }
  .diler .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .diler__item {
    border-radius: 8px;
    padding: 20px 40px;
    background: var(--seryy);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  @media (max-width: 992px) {
    .diler__item {
      padding: 20px;
    }
  }
  .diler__item .number {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 80px;
    line-height: 90%;
    color: var(--siniy);
  }
  .diler__item p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--chernyy);
    margin: 0;
    max-width: 390px;
  }

  .about {
    margin-bottom: 80px;
  }

  .-optovicam-profilirovannyy-polikarbonat- .good {
    margin-bottom: 80px;
  }

  .about__wrapper {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 992px) {
    .about__wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 992px) {
    .about .left {
      display: none;
    }
  }
  .about h2 {
    margin-bottom: 40px;
  }
  .about__items {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
  .about .item {
    cursor: pointer;
    border-bottom: 1px solid black;
    padding-bottom: 14px;
  }
  .about .item > * {
    pointer-events: none;
  }
  .about .item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .about .item .title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    color: var(--chernyy);
  }
  .about .item .bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
  }
  .about .item .content {
    overflow: hidden;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--chernyy);
    margin-top: 14px;
  }
  .about .item.active .bottom {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .about .item.active .toggler {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .offer {
    /* background: var(--bg-image) center/cover no-repeat; */
    margin-bottom: 80px;
    padding-block: 44px;
  }

  .offer-akril {
    background: url('/optovicam/css/../img/docs-bg.webp') center/cover no-repeat;
  }

  .offer-sot {
    background: url('/optovicam/css/../img/form_011.webp') center/cover no-repeat;
  }

  .offer-profilirovanniy {
    background: url('/optovicam/css/../img/form_012.webp') center/cover no-repeat;
  }
  @media (max-width: 992px) {
    .offer-akril {
      background: url('/optovicam/css/../img/docs-bg.webp') center/cover no-repeat;
    }
    .offer-profilirovanniy {
      background: url('/optovicam/css/../img/docs-bg-mobile.webp') center/cover no-repeat;
    } 
  }
  .offer .offer-form {
    z-index: 1;
    max-width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .offer__title {
    color: var(--belyy);
    margin-bottom: 40px;
  }
  .offer .form-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .offer .form-offer .form-offer-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  @media (max-width: 767px) {
    .offer .form-offer .form-offer-block {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .offer .form-offer .form-offer-block .select-block {
    position: relative;
  }
  .offer .form-offer .form-offer-block .select-block:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 9px;
    background: url("/optovicam/css/../img/arrow-down.svg") no-repeat;
  }
  .offer .form-offer .form-offer-block select {
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .offer .form-offer .form-offer-block select option {
    color: #000;
  }
  .offer .form-offer .policy {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 14px 1fr;
    grid-template-columns: 14px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  .offer .form-offer .policy input {
    width: 100%;
    height: 100%;
    accent-color: var(--siniy);
  }
  .offer .form-offer .policy label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    color: var(--belyy);
  }
  .offer .form-offer .offer-form-btn {
    background: var(--belyy);
    width: 100%;
    color: #000;
  }

  .docs {
    margin-bottom: 80px;
  }
  .docs__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    row-gap: 80px;
  }
  @media (max-width: 1300px) {
    .docs__items {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 992px) {
    .docs__items {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 50px;
    }
  }
  .docs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    padding: 20px 55px 20px 200px;
    background: var(--seryy);
    position: relative;
  }
  @media (max-width: 992px) {
    .docs__item {
      padding-left: 120px;
    }
  }
  .docs__item .img {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
  }
  @media (max-width: 992px) {
    .docs__item .img {
      width: 100px;
    }
  }
  .docs__item .title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 24px);
    color: var(--chernyy);
  }
  .docs__item:nth-child(odd) {
    background: linear-gradient(134deg, #2a779a 0%, #064a69 100%);
  }
  .docs__item:nth-child(odd) .title {
    color: var(--belyy);
  }

  .opt {
    margin-bottom: 80px;
  }
  .opt__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 2.5vw, 40px);
  }
  @media (max-width: 992px) {
    .opt__content {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .opt__content strong {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: var(--chernyy);
  }
  .opt__content p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--chernyy);
  }
  .opt .opt-tabs {
    margin-top: 60px;
  }
  .opt .opt-tabs .opt-tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    overflow: auto;
    margin-bottom: 60px;
  }
  .opt .opt-tabs .opt-tabs-nav li {
    width: 100%;
  }
  .opt .opt-tabs .opt-tabs-nav-btn {
    border-radius: 8px;
    padding: 20px 40px;
    background: var(--seryy);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    color: var(--chernyy);
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border:1px solid var(--t-siniy);
  }
  @media (any-hover: hover) {
    .opt .opt-tabs .opt-tabs-nav-btn:hover {
      -webkit-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.08);
      background: var(--t-siniy);
      color: #fff;
    }
  }
  .opt .opt-tabs .opt-tabs-nav-btn._active {
    -webkit-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.08);
    background: var(--t-siniy);
    color: #fff;
  }
  .opt .opt-tabs-items {
    border-radius: 8px;
    padding: 40px;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: var(--belyy);
  }
  @media (max-width: 1440px) {
    .opt .opt-tabs-items {
      padding: 20px;
    }
  }
  .opt .tab-vid-carts {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
  @media (min-width: 992px) {
    .opt .tab-vid-carts {
      -ms-grid-columns: repeat(3, 1fr);
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .opt .tab-vid-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: var(--seryy);
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 20px;
  }
  .opt .tab-vid-cart .desc{min-height: 260px;overflow-y: hidden;}
  .opt .tab-vid-cart .img {
    width: 100%;height:260px;
  }
  .opt .tab-vid-cart .img img {
    width: 100%;
  }
  .opt .tab-vid-cart .name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 24px);
    color: var(--chernyy);
    margin-bottom: 20px;
    padding-inline: 10px;
    margin-top: 10px;
  }

  .-optovicam-profilirovannyy-polikarbonat- .opt .tab-vid-cart .name{
    margin-top: 80px;
  }

  .opt .tab-vid-cart p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--chernyy);
    margin-bottom: 14px;
    padding-inline: 10px;
  }
  .opt .tab-vid-cart ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding-inline: 10px;
    margin-bottom: 20px;
  }
  .opt .tab-vid-cart ul li {
    border-radius: 8px;
    padding: 4px 20px;
    backdrop-filter: blur(80px);
    background: rgba(255, 255, 255, 0.6);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: var(--chernyy);
    width: 100%;
  }
  .opt .link-catalog {
    border-radius: 8px;
    padding: 8px 20px;
    background: var(--siniy);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--belyy);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    max-width: 95%;
    margin: 0 auto;
  }
  @media (any-hover: hover) {
    .opt .link-catalog:hover {
      background: var(--t-siniy);
    }
  }
  .opt .opt-tab {
    display: none;
  }
  .opt .opt-tab-active {
    display: block;
  }
  .opt .tab-futures-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  @media (max-width: 767px) {
    .opt .tab-futures-items {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .opt .tab-futures-items .tab-futures-item {
    border-radius: 8px;
    padding: 20px 24px;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: var(--seryy);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .opt .tab-futures-items .tab-futures-item .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .opt .tab-futures-items .tab-futures-item .content p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: var(--chernyy);
  }
  .opt .tab-futures-items .tab-futures-item .content span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--chernyy);
  }
  .-optovicam-akril- .opt .tab-futures-items .tab-futures-item:last-child, .-optovicam-sotovyy-polikarbonat- .opt .tab-futures-items .tab-futures-item:last-child{
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  @media (max-width: 767px) {
    .opt .tab-futures-items .tab-futures-item:last-child {
      grid-column: auto;
    }
  }
  .opt .tab-colors-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(5, 1fr);
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
  }

  .-optovicam-monolitnyy-polikarbonat- .opt .tab-colors-items {
    -ms-grid-columns: repeat(6, 1fr);
    grid-template-columns: repeat(6, 1fr);
  }
  @media (max-width: 992px) {
    .opt .tab-colors-items {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }
  .opt .tab-colors-items .color-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
  }
  .opt .tab-colors-items .color-item img {
    border-radius: 8px;
    box-shadow: 0px 4px 13px rgba(30, 55, 91, 0.14);
  }
  .opt .tab-colors-items .color-item p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px, 1vw, 24px);
    color: var(--chernyy);
    margin: 0;
  }
  .opt .tab-use-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  @media (max-width: 1440px) {
    .opt .tab-use-items {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 992px) {
    .opt .tab-use-items {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .opt .tab-use-items .use-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
  }
  .opt .tab-use-items .use-item img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
  }
  .opt .tab-use-items .use-item p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 24px);
    color: var(--chernyy);
    margin: 0;
  }
  .opt .tab-sertfifcate-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-bottom: 20px;
    gap: 5px;
  }
  .opt .tab-sertfifcate-nav .tab-sertfifcate-nav-btn {
    cursor: pointer;
  }
  .opt .tab-doc-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-bottom: 20px;
    gap: 5px;
  }
  .opt .tab-doc-nav .tab-doc-nav-btn {
    cursor: pointer;
  }
  .opt .tab-colors-items-5 {
    -ms-grid-columns: repeat(5, 1fr);
    grid-template-columns: repeat(5, 1fr);
  }
  @media (max-width: 1440px) {
    .opt .tab-colors-items-5 {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 992px) {
    .opt .tab-colors-items-5 {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }

  .seo {
    margin-bottom: 80px;
  }
  .seo__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  @media (max-width: 992px) {
    .seo__wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .seo .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .seo .content p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--chernyy);
  }
  .seo img {
    border-radius: 8px;
  }

  .fos {
    background: var(--bg-image) center/cover no-repeat;
    padding-block: 50px;
    margin-bottom: 80px;
    position: relative;
  }
  .fos:before {
    content: "";
    position: absolute;
    left: -40px;
    bottom: -40px;
    width: 830px;
    height: 484px;
    background: url("/optovicam/css/../img/car.webp") no-repeat;
    background-size: cover;
  }
  @media (max-width: 1560px) {
    .fos:before {
      width: 590px;
      height: 350px;
    }
  }
  @media (max-width: 992px) {
    .fos:before {
      display: none;
    }
  }
  .fos .fos-form {
    max-width: 60%;
    margin-left: auto;
    position: relative;
    z-index: 1;
  }
  .fos .fos-form-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(28px, 2.8vw, 48px);
    text-transform: uppercase;
    color: var(--belyy);
    margin-bottom: 14px;
  }
  .fos .fos-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(16px, 2vw, 20px);
    color: var(--belyy);
    margin-bottom: 40px;
  }
  .fos .form-fos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .fos .form-fos .fos-form-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fos .form-fos .fos-form-block input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 400px;
    flex: 1 1 400px;
    width: 100%;
  }
  .fos .form-fos textarea {
    height: 80px;
  }
  .fos .form-fos .fos-form-bottom {
    margin-top: 20px;
  }
  .fos .form-fos .fos-form-bottom .policy {
    margin-bottom: 5px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 14px 1fr;
    grid-template-columns: 14px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  .fos .form-fos .fos-form-bottom .policy input {
    width: 100%;
    height: 100%;
  }
  .fos .form-fos .fos-form-bottom .policy label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    color: var(--belyy);
  }
  .fos .form-fos .fos-form-bottom .btn--accent {
    background: var(--belyy);
    color: var(--chernyy);
    width: 100%;
  }

  .good {
    margin-bottom: 0;
  }
  .good .good-wrapper {
    background: no-repeat #F5F7FB url("/optovicam/css/../img/good-bg.webp") right center;
    padding: 60px;
  }


  .good h2 {
    margin-bottom: 20px;
  }
  .good .subtitle {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: clamp(18px, 2vw, 24px);
    text-transform: uppercase;
    color: var(--chernyy);
    margin-bottom: 20px;
  }
  .good .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
    max-width: 720px;
  }
  .good .items .item {
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    padding: 8px 28px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--chernyy);
  }
  .podpis-block{height:62px;padding:11px 28px;background:#F5F7FB;position: absolute;bottom:20px;right:8%;display: flex;justify-content: space-between;align-items: center;border-radius:8px;box-shadow: 0px 4px 13px 0px #1E375B24;}
  .podpis-block .block-caption{color:#2B2B2B;font-size:20px;font-weight:bold;margin-bottom:4px;}
  .podpis-block .block-position{color:#2B2B2B;font-size:14px;}
  .podpis-block .block-content{padding-left:20px;}
  .swiper-wrapper.letter-all-slide,.swiper-wrapper.news-slider,.swiper-wrapper.sertif-slider,.swiper-wrapper.docs-slider{height:auto;}
  .b-cf__polikarb.padd100,.b-mailing__list.d_flex.flex_dir_row{display:none !important;}
  .form-notice{color:#FFFFFF;font-size:12px;}
  .popup-content{color:#FFFFFF;line-height: 1.3;font-size:20px;padding:15px;}
  .swiper-slide.article-slide img{height:150px !important;object-fit: cover;border-radius:8px;}
  /* .b-header__city__name.animate svg{display:none;} */
  /* .b-header__city__name.animate{pointer-events: none;} */
  .letters .title--section{margin-bottom:20px;}
  .swiper-tab-doc .swiper-slide.slick-slide img{border-radius:8px;border:1px solid #179BD7;object-fit: cover;max-height:400px;}
  .swiper-tab-doc .swiper-slide.slick-slide{margin:0 10px;}

  @media (max-width: 1600px) {
    .partners__logo img{max-width:140px;}
  }

  @media (max-width: 992px) {
    .good .good-wrapper {
      padding: 40px 20px;
    }

    
    
  }
  @media (max-width: 767px) {
    .fos .fos-form{max-width:100%;}
    .fos .fos-form-title{font-size: clamp(24px, 2.8vw, 48px);}
    .faq__item .toggler{min-width:32px;}

  }


  @media (max-width: 500px) {
    .good .good-wrapper{background-position: -30% center;}
    
    .good .good-wrapper .podpis-block{display:none;}
    .good .items .item{width:100%;}
    .good .container{padding:0;}
    .faq__form .faq-form .form-link{padding:16px 10px;}
  }


  /* Общие элементы */
  .animate_btn {
    -webkit-transition: 0.4s linear!important;
    -o-transition: 0.4s linear!important;
    transition: 0.4s linear!important
}
  .main-opt-btn-white:hover {background: #064a69 !important; color: #fff !important;}
  .main-opt-btn-white-blue:hover {background: #179BD7 !important; color: #fff !important;}
  .main-opt-btn-whatsapp:hover {background: #ffffff !important; color: #179BD7 !important; border-color: #179BD7 !important;}
  .main-opt-btn-blue:hover {background: #5bb521 !important;}
  .opt-section-title {font-size: clamp(24px, 3vw, 36px); font-weight: 700; color: #2B2B2B; margin-bottom: 40px; text-transform: uppercase;}
  .opt-section-title.white {color: #ffffff;}
  .opt-main-btn {font-size: 16px; font-weight: 400; padding: 14px 0; border-radius: 8px; border: none; cursor: pointer; font-family: 'Gilroy', sans-serif;}
  .opt-main-btn-blue {color: #fff; background: #179BD7; border-radius: 8px; border: none; cursor: pointer; font-family: 'Gilroy', sans-serif;}
  .opt-main-btn-white {display: block; text-align: center; background-color: #fff; color: #2b2b2b; padding: 14px 40px; border-radius: 8px; border: none; cursor: pointer; font-family: 'Gilroy', sans-serif;}


  /* main banner */
  .banner-content{position: relative;}

  .banner-content .banner-r-content {position:absolute; top: 0; right: 0; bottom: 0; width: 100%; max-width: 50%;}
  .banner-content .banner-r-content img {width: 100%; height: 100%;}
  .banner-content .banner-r-content .banner-r-tabs {padding: 8px 24px; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 20px; right: 20px; border-radius: 8px;}
  .banner-content .banner-r-content .banner-r-tabs .banner-r-title {font-size: 14px; font-weight: 700; color: #2b2b2b; text-wrap: nowrap; margin-bottom: 2px;}
  .banner-content .banner-r-content .banner-r-tabs .banner-r-desc {font-size: 12px; font-weight: 400; color: #2b2b2b; display: flex; align-items: start; gap: 4px;}

  /* .banner-content .banner-l-content {background: linear-gradient(to bottom right, #064A69 0%, #2A779A 100%); padding: 40px 0; width: 100%; max-width: 1070px;} */
  .banner-content .banner-l-content {padding: 40px 0; position: relative; z-index: 1;}
  .banner-content .banner-l-content::before {content: ''; position: absolute; background: linear-gradient(to bottom right, #064A69 0%, #2A779A 100%); width: 100%; max-width: 56%; top: 0; left: 0; bottom: 0; border-radius: 0 40px 40px 0; min-width: 750px;}
  .banner-content .banner-l-content .banner-content-main { width: 100%; max-width: 700px;}
  .banner-content .banner-l-content .banner-title {font-size: clamp(28px, 4vw, 48px); font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
  .banner-content .banner-l-content .banner-desc {font-size: clamp(16px, 2vw, 20px); font-weight: 700; color: #fff; margin-bottom: 40px;}

  .banner-content .banner-l-content .banner-btns {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
  .banner-content .banner-l-content .banner-btn-dil {color: #2b2b2b; background: #F5F7FB;}

  .banner-content .banner-l-content .banner-tabs {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 83px;}
  .banner-content .banner-l-content .banner-tab {display: flex; align-items: center; gap: 10px; padding: 8px 28px; border: 1px solid #F5F7FB; border-radius: 8px; color: #fff;}


  /* Хлебные крошки */
  .opt-pol-breadcrumb .b-breadcrumbs .b-breadcrumbs__item a span.last-bread-item {color: rgba(43, 43, 43, .5); line-height: 1.4;}
  .opt-pol-breadcrumb .b-breadcrumbs .b-breadcrumbs__item a span {color: #2b2b2b;}


  /* Продукция завода */
  .products {margin-bottom: 80px;}

  .products .products-items {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
  .products .products-item {border-radius: 8px; box-shadow: 0px 4px 13px rgb(30, 55, 91, .14); position: relative;}
  .products .products-item .product-item-img img {width: 100%; height: 100%; object-fit: cover;}
  .products .products-item .product-item-text {position: absolute; bottom: 20px; left: 20px;}
  .products .products-item .product-item-text span {font-size: 24px; font-weight: 700; color: #2b2b2b;}
  .products .products-item .product-item-text .product-item-btn {display: none; padding: 8px 96px; margin-top: 14px; transition: 0.4s 
  linear !important;}
  .products .products-item:hover .product-item-text .product-item-btn {display: block;}


  /* С кем мы работаем */
  .work .work-top-content {display: flex; justify-content:space-between; align-items: center; gap: 10px; margin-bottom: 40px;}
  .work .work-top-content .work-top-content-fos {padding: 14px 0; text-align: center; border-radius: 8px; border: 1px solid #179BD7; font-size: 16px; font-weight: 400; background: #fff; width: 100%; max-width: 378px; color: #2b2b2b; cursor: pointer;}
  .work .work-title.opt-section-title {margin-bottom: 0px;}

  .opt-advant {padding-bottom: 65px;}
  .opt-advant .advant-tabs {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}

  .opt-advant .advant-tab {background-color: #F5F7FB; box-shadow: 0px 4px 13px rgb(30, 55, 91, .14); border-radius: 8px; ;padding: 14px;}
  .opt-advant .advant-tab .advant-tab-f {display: flex; align-items: center; gap: 14px; margin-bottom: 14px;}
  .opt-advant .advant-tab .advant-tab-f img {border-radius: 8px;}
  .opt-advant .advant-tab .advant-tab-f .advant-tab-title {font-size: 20px; font-weight: 700; color: #2b2b2b; line-height: 1.2;}
  .opt-advant .advant-tab .advant-tab-desc {font-size: 16px; font-weight: 400; color: #2b2b2b;}

  .provide.opt-advant .advant-tab {background-color: #FFFFFF;}


  /* Линейки продукции */
  .lineprod {margin-bottom: 80px;}

  .lineprod .opt-tabs .list-reset.opt-tabs-nav {display: flex; justify-content: space-between; background: #F5F7FB; margin-bottom: 20px; overflow: auto;
      width: 100%;}
  .lineprod .opt-tabs .list-reset.opt-tabs-nav li {width: 100%;}
  .lineprod .opt-tabs .list-reset.opt-tabs-nav li .btn-reset.opt-tabs-nav-btn {font-size: clamp(16px, 2.5vw, 20px); font-weight: 700; color: #2b2b2b; text-align: center; padding: clamp(14px, 2vw, 20px) 24px; width: 100%; font-family: 'Gilroy', sans-serif; border: none; text-wrap: nowrap; }
  .lineprod .opt-tabs .list-reset.opt-tabs-nav li .btn-reset.opt-tabs-nav-btn._active {background-color: #064A69; color: #fff; border-radius: 8px;}

  .lineprod .opt-tabs .lineprod-items {background: #ffffff; box-shadow: 0px 4px 13px rgb(30, 55, 91, .14); border-radius: 8px; padding: 20px;}
  .lineprod .opt-tabs .lineprod-items .lineprod-item {display: none;}
  .lineprod .opt-tabs .lineprod-items .lineprod-item.opt-tab-active {display: block;}
  .lineprod .opt-tabs .lineprod-item-carts {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart {background: #F5F7FB; border-radius: 8px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .img {margin-bottom: 10px; border-radius: 8px; position: relative; overflow: hidden;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .img img {width: 100%;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .img .status {position: absolute; top: 10px; right: 10; color: #ffffff; padding: 4px 14px; background-color: #77B94C; border-radius: 4px; box-shadow: 0px 4px 13px rgb(30, 55, 91, .14);}

  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .lineprod-cart-text {padding: 10px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .lineprod-cart-text .name {font-size: clamp(18px 2.5vw 20px); font-weight: 700; color: #2b2b2b; margin-bottom: 10px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .lineprod-cart-text .desc {font-size: 16px; font-weight: 400; color: #2b2b2b; margin-bottom: 10px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .lineprod-cart-text .list-prop li {padding-left: 10px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .lineprod-cart-text .list-prop li::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 40%;
    transform: translateX(-50%);
    background: #179BD7;
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }

  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart-spec {position: relative; border-radius: 8px; overflow: hidden;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart-spec img {width: 100%;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart-spec .text-container {display: flex; flex-direction: column; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; }
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart-spec .text-container .lineprod-cart-spec-title {font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 20px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart-spec .text-container .lineprod-cart-spec-text {display: flex; flex-direction: column; gap: 4px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart-spec .text-container .lineprod-cart-spec-text div {padding: 4px 14px; background: rgba(245, 247, 251, .2); color: #ffffff; border-radius: 4px;}
  .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart-spec .text-container .lineprod-cart-spec-button {display: block; text-align: center; padding: 10px 20px; color: #2b2b2b; font-weight: 500; font-size: 16px; border: none; width: 100%; margin-top: auto; border-radius: 8px; cursor: pointer;}


  /* мы готовы предоставить */

  .provide .doc-banner {background: linear-gradient(to bottom right, #2A779A 0%, #064A69 100%); border-radius: 8px; display: flex; margin-top: 20px; padding: 20px 40px 0; }
  .provide .doc-banner-content {padding-bottom: 20px;width: 100%; max-width: 50%;}
  .provide .doc-banner-content  .doc-banner-title {font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 10px;}
  .provide .doc-banner-content  .doc-banner-desc {font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 20px;}
  .provide .doc-banner-content  .doc-banner-tabs {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 40px;}
  .provide .doc-banner-content  .doc-banner-tab {padding: 8px 28px; background: rgba(255, 255, 255, .6); border-radius: 8px; font-size: 16px; font-weight: 400; color:#2b2b2b;}
  .provide .doc-banner-content  .doc-banner-btn {max-width: 266px;}
  .provide .doc-banner .doc-banner-img  {display: flex; flex: 1 1 0; justify-content: end; align-items: end;}


  /* Всероссийская сеть */
  .s9-maps__dist--map {display: none;}
  .netw {padding-top: 80px; padding-bottom: 60px;}
  .netw .netw-banner {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
  /* .netw .netw-banner .netw-banner-content {width: 100%; max-width: 50%;} */
  .netw .netw-banner .netw-banner-content .netw-banner-desc {font-size: 16px; color: #2b2b2b; margin: clamp(30px, 3vw, 45px) 0 clamp(14px, 2vw, 24px); }
  .netw .netw-banner .netw-banner-content .netw-banner-tabs {display: flex; gap: 10px; margin-bottom: clamp(20px, 3vw, 40px);}
  .netw .netw-banner .netw-banner-content .netw-banner-tab {padding: 20px; background-color: #F5F7FB; border-radius: 8px; max-width: 374px;}
  .netw .netw-banner .netw-banner-content .netw-banner-tab .netw-banner-tab-date {font-weight: 600; font-size: 20px; line-height: .7; margin-bottom: 10px;}
  .netw .netw-banner .netw-banner-content .netw-banner-tab .netw-banner-tab-date span {font-weight: 700; font-size: 80px; line-height: 74px; color: #77B94C;}
  .netw .netw-banner .netw-banner-content .netw-banner-btn.opt-main-btn-blue {padding: 14px 75px; display: inline-block;}
  .netw .netw-banner .netw-banner-img {position: relative; width: 100%;}
  .netw .netw-banner .netw-banner-img .rutube-video-opt {position: absolute; z-index: 2; bottom: -55px; left: 50%;  animation: rotate 18s linear infinite,pulse 2s ease-in-out infinite; transform-origin: center center; border-radius: 50%;}
  .netw .netw-banner .netw-banner-img::before {content: ''; background: url('/optovicam/css/../img/main-opt-banner-map.webp');background-repeat: no-repeat; background-size: contain;  position: absolute; right: -400px; left: 0; top: -177px; bottom: -100px;}
  @keyframes rotate {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}


  /* Станьте дилером полигаль восток в один клик */
  .diler-opt {background: linear-gradient(to bottom right, #064A69 0%, #2A779A 100%); margin-bottom: 80px;}
  .diler-opt .diler-block {display: grid; grid-template-columns: 1.4fr 1fr; padding-top: 10px;}

  .diler-opt .diler-l-block {position: relative; background: linear-gradient(0deg, rgb(245 247 251 / .5), rgb(245 247 251 / .5)), #125979; box-shadow: 0 4px 13px rgb(30 55 91 / .25); border-radius: 8px; padding: 20px 14px; max-width: 300px; width: 100%;}
  .diler-opt .diler-l-block .diler-l-title {font-size: 14px; font-weight: 700; color: #ffffff; display: flex; align-items: center; gap: 8px; margin-bottom: 4px;}
  .diler-opt .diler-l-block .diler-l-title span {font-size: 24px; font-weight: 700;}
  .diler-opt .diler-l-block .diler-l-desc {font-size: 12px; color: #ffffff; margin: 4px 0;}
  .diler-opt .diler-l-block .diler-l-desc_two {font-size: 14px; font-weight: 700; color: #ffffff; margin: 4px 0;}
  .diler-opt .diler-l-block .diler-l-btn {background: #77B94C; border-radius: 8px; padding: 12px 24px; color: #ffffff; display: inline-block; margin-top: 20px; z-index: 2;}
  .diler-opt .diler-l-block .diler-l-img {border-radius: 8px; overflow: hidden;}

  .diler-opt .diler-l-block.diler-l-two {margin-top: -100px; margin-left: 180px;}
  .diler-opt .diler-l-block.diler-l-three {margin-top: -200px; margin-left: 360px;}
  .diler-opt .diler-l-blocks .arrow-one {margin-top: -260px; margin-left: 25px;}
  .diler-opt .diler-l-blocks .arrow-two {margin-top: -240px; margin-left: 490px;}
  .diler-opt .diler-l-blocks .arrow-two .arrow-two-mobile {display: none;}
  .diler-opt .diler-l-blocks .arrow-one .arrow-one-mobile {display: none;}

  .diler-opt .diler-r {padding: 68px 0;}
  .diler-opt .diler-r .diler-r-title.opt-section-title {margin-bottom: 50px;}
  .diler-opt .diler-r .form-offer-block {display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px;}
  .diler-opt .diler-r .btn-reset.btn--accent.offer-form-btn {display: block; padding: 16px; font-size: 16px; color: #2b2b2b; width: 100%; font-weight: 400; background-color: #ffffff; text-align: center;}
  .diler-r .policy {margin-bottom: 8px; display: flex; align-items: center; gap: 4px;}
  .diler-r .policy-checkbox {accent-color: var(--siniy);}
  .diler-r .policy label {font-size: 12px; color: #fff;}
  /* мы реализуем самые сложные проекты */
  .opt-main-places .projects__item {padding: 20px;}

  .main-opt-seo {margin-bottom: 60px;}
  .main-opt-seo .seo-block {display: grid; grid-template-columns: 1fr 1fr;gap: 40px;}
  .main-opt-seo .opt-seo-title.opt-section-title {margin-bottom: 50px;}

  .main-opt-seo .seo-r-block img {width: 100%; height: auto;}

  .main-opt-seo .seo-l-block .main-seo-desc p{margin-bottom: 8px;}


  /* Контакты регионального филиала */
  .contacts.main-opt {margin-bottom: 0;}


  /* выстраиваем долгосрочные отношения с нашими диллерами */
  .partners.main-opt .partners__logo {justify-content:space-between;}
  .partners.main-opt .partners__logo img {margin: auto;}


  /* Предоставим скидку на ваш объем продукции */
  section.opt-sale {background: url("/optovicam/css/../img/sale/sale-fon.jpg") center / cover no-repeat;}


  @media screen and (max-width: 1325px) {
    .netw .netw-banner {grid-template-columns: 1fr;}
    .s9-maps__dist--map {display: block; width: 100%;}
    .netw .netw-banner .netw-banner-img::before {content: none;}
  }

  @media screen and (max-width: 1200px) {
    .diler-opt .diler-l-block.diler-l-two {margin-left: 250px; margin-top: -85px;}
    .diler-opt .diler-l-block.diler-l-three {margin-top: -80px; margin-left: 0;}
    .diler-opt .diler-l-blocks .arrow-two {margin-top: -310px; margin-left: 320px;}
    .diler-opt .diler-l-blocks .arrow-one {margin-top: -398px; margin-left: 146px;}
    .diler-opt .diler-l-blocks .arrow-one .arrow-one-dekstop {width: 80px; transform: rotate(98deg);}

  }

  @media screen and (max-width: 1100px) {
    .banner-content .banner-l-content .banner-content-main { max-width: 850px; width: 100%; }
    .banner-content .banner-l-content::before {max-width: 100%; width: 100%; min-width: 0; border-radius: 0 0 40px 40px;}
    .banner-content .banner-l-content .banner-tabs {display: none;}
    .banner-content .banner-l-content .banner-btns {grid-template-columns: 1fr;}
    .banner-content .banner-l-content .banner-desc {margin-bottom: 20px;}

    .banner-content .banner-r-content {position: relative; max-width: 100%; top: -50px;}
    .banner-content .banner-r-content img {max-height: 265px; object-fit: cover;} 
    .banner-content .banner-r-content .banner-r-tabs {transform: translateX(50%) !important; right: 50% !important;}
  }

  @media screen and (max-width: 1000px) {
    .diler-opt .diler-block {grid-template-columns: 1fr;}
    

  }

  @media screen and (max-width: 991px) {
    .products .products-items {grid-template-columns: 1fr 1fr;}
    .opt-advant .advant-tabs {grid-template-columns: 1fr 1fr;}

    .lineprod .opt-tabs .lineprod-item-carts {grid-template-columns: 1fr 1fr 1fr;}


    .provide .doc-banner {flex-direction: column; gap: 10px;}
    .provide .doc-banner-content {max-width: 100%;}
    .provide .doc-banner .doc-banner-img {justify-content: center;}
    .provide .doc-banner .doc-banner-btn {max-width: 100%;}
    .diler-opt .diler-block .diler-l {height: 575px;}
  }

  @media screen and (max-width: 768px) {
    .products .products-items { grid-template-columns: 1fr;}
    .products .products-item .product-item-text { width: 90%;}
    .products .products-item .product-item-text .product-item-btn {width: 100%; padding: 8px;}
    .s9-maps__dist--map {
        display: block;
        height: 100%;
        position: relative;
        z-index: 1
    }
    .lineprod .opt-tabs .lineprod-item-carts {grid-template-columns: 1fr 1fr;}

    .main-opt-seo .seo-block {grid-template-columns: 1fr;}

    .netw .netw-banner .netw-banner-img .rutube-video-opt {
      max-width: 100px;
      height: 100px;
      left: 38%;
      bottom: 0;
    }
  }

  @media screen and (max-width: 700px) {
    .opt-advant .advant-tabs {grid-template-columns: 1fr;}
    .work .work-top-content {flex-direction: column; align-items: start;}
    .work .work-top-content .work-top-content-fos { max-width: 100%;}
  }

  @media screen and (max-width: 650px) {
    .lineprod .opt-tabs .lineprod-item-carts {grid-template-columns: 1fr;}
    .lineprod .opt-tabs .lineprod-item-carts .lineprod-cart .img {max-height: 200px;}
    .diler-opt .diler-l-block {width: 240px;}
    .diler-opt .diler-l-block.diler-l-two {margin-left: 95px; margin-top: -36px;}
    .diler-opt .diler-l-blocks .arrow-two .arrow-two-dekstop {display: none;}
    .diler-opt .diler-l-blocks .arrow-one .arrow-one-dekstop {display: none;}

    .diler-opt .diler-l-blocks .arrow-one {margin-top: -355px; margin-left: 25px;}
    .diler-opt .diler-l-blocks .arrow-two {margin-top: -255px; margin-left: 247px;}

  }

  @media screen and (max-width: 500px) {
    .provide .doc-banner-content .doc-banner-tabs {gap: 4px; margin-bottom: 20px;}
    .provide .doc-banner-content .doc-banner-tab {width: 100%; text-align: center;}

    .netw .netw-banner .netw-banner-content .netw-banner-tabs {flex-direction: column;}
    .netw .netw-banner .netw-banner-content .netw-banner-tab {max-width: 100%;}
    .netw .netw-banner .netw-banner-content .netw-banner-btn.opt-main-btn-blue {width: 100%; text-align: center; padding: 14px 0;}

    .netw .netw-banner .netw-banner-img .rutube-video-opt {bottom: 0;}
  }



  .s5-manufacturer {
      position: relative
  }

  .s5-manufacturer .wrap_content {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      max-width: 100%;
      height: 100%
  }

  .s5-manufacturer__bg {
      display: block;
      width: 100%;
      object-fit: cover
  }

  .s5-manufacturer__item {
      cursor: pointer;
      display: flex;
      flex-direction: column;
      gap: 14px;
      box-sizing: border-box;
      background: var(--belyy);
      border-radius: 8px;
      padding: 10px 14px;
      width: 100%;
      max-width: 400px
  }

  .s5-manufacturer__item--box {
      display: grid;
      grid-template-columns: 24px auto;
      gap: 14px;
      border-bottom: 0 solid rgb(6 74 105 / 40%);
      align-items: center
  }

  .s5-manufacturer__item--title {
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
      color: var(--chernyy)
  }

  .s5-manufacturer__item--active {
      display: none
  }

  .s5-manufacturer__item--info {
      overflow: hidden;
      opacity: 0;
      position: absolute;
      pointer-events: none;
      display: flex;
      flex-direction: column;
      gap: 15px
  }

  .s5-manufacturer__item:nth-child(1) {
      position: absolute;
      left: 16%;
      bottom: 48%
  }

  .s5-manufacturer__item:nth-child(2) {
      position: absolute;
      left: 21%;
      bottom: 23%
  }

  .s5-manufacturer__item:nth-child(3) {
      position: absolute;
      left: 40%;
      bottom: 55%
  }

  .s5-manufacturer__item:nth-child(4) {
      position: absolute;
      left: 55%;
      bottom: 80%
  }

  .s5-manufacturer__item:nth-child(5) {
      position: absolute;
      left: 66%;
      bottom: 38%
  }

  .s5-manufacturer__item--svg {
      position: absolute;
      bottom: -37px;
      left: -11px
  }

  .s5-manufacturer__item.active .pulsating-circle {
      animation: pulse-scale 2s infinite ease-in-out;
      transform-origin: center
  }

  .s5-manufacturer__item.active .pulsating-circle:nth-child(1) {
      animation-name: pulse-scale-1
  }

  .s5-manufacturer__item.active .pulsating-circle:nth-child(2) {
      animation-name: pulse-scale-2
  }

  .s5-manufacturer__item.active .pulsating-circle:nth-child(3) {
      animation-name: pulse-scale-3
  }

  @keyframes pulse-scale-1 {
      0% {
          transform: scale(1);
          fill-opacity: .4
      }

      50% {
          transform: scale(1.9);
          fill-opacity: .6
      }

      100% {
          transform: scale(1);
          fill-opacity: .4
      }
  }

  @keyframes pulse-scale-2 {
      0% {
          transform: scale(1);
          fill-opacity: .5
      }

      50% {
          transform: scale(1.9);
          fill-opacity: .7
      }

      100% {
          transform: scale(1);
          fill-opacity: .5
      }
  }

  @keyframes pulse-scale-3 {
      0% {
          transform: scale(1);
          fill-opacity: 1
      }

      50% {
          transform: scale(1.9);
          fill-opacity: 1;
          fill: var(--t-siniy)
      }

      100% {
          transform: scale(1);
          fill-opacity: 1
      }
  }

  .s5-manufacturer__item.check,.s5-manufacturer__item:hover {
    background: linear-gradient(94.53deg,#064A69 1.25%,#2A779A 99.65%);
    z-index: 1
  }

  .s5-manufacturer__item.check .s5-manufacturer__item--info,.s5-manufacturer__item:hover .s5-manufacturer__item--info {
    overflow: visible;
    opacity: 1;
    position: relative
  }

  .s5-manufacturer__item.check .s5-manufacturer__item--box,.s5-manufacturer__item:hover .s5-manufacturer__item--box {
    padding-bottom: 10px;
    border-width: 1px
  }

  .s5-manufacturer__item:not(.check) .s5-manufacturer__item--box {
    border-color: #fff0;
    transition: unset!important
  }

  .s5-manufacturer__item.check .s5-manufacturer__item--active,.s5-manufacturer__item:hover .s5-manufacturer__item--active {
    display: block
  }

  .s5-manufacturer__item.check .s5-manufacturer__item--icon:not(.s5-manufacturer__item--active),.s5-manufacturer__item:hover .s5-manufacturer__item--icon:not(.s5-manufacturer__item--active) {
    display: none
  }

  .s5-manufacturer__item.check .s5-manufacturer__item--title,.s5-manufacturer__item:hover .s5-manufacturer__item--title {
    color: var(--belyy)
  }

  .s5-manufacturer__item--text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--belyy)
  }

  @media (max-width: 1700px) {
    .s5-manufacturer__item:nth-child(3) {
        left:46%
    }
  }

  @media (max-width: 1560px) {
    .s5-manufacturer__item {
      max-width:337px
    }

    .s5-manufacturer__item--title {
      font-size: 18px;
      line-height: 22px
    }

    .s5-manufacturer__item:hover {
      padding: 16px 20px
    }

    .s5-manufacturer__item.check {
      max-width: 400px
    }
  }

  @media (max-width: 1280px) {
    .s5-manufacturer__item--title {
      font-size:16px;
      line-height: 19px
    }

    .s5-manufacturer__item {
      max-width: 304px
    }

    .s5-manufacturer__item:nth-child(1) {
      left: 8%
    }

    .s5-manufacturer__item:nth-child(5) {
      bottom: 40%
    }

    .s5-manufacturer__item.check {
      max-width: 304px
    }
  }

  @media (max-width: 1000px) {
      .s5-manufacturer__item:nth-child(1) {
          left:4%;
          bottom: 46%
      }

      .s5-manufacturer__item:nth-child(2) .s5-manufacturer__item--svg {
          bottom: -35px;
          left: 45%
      }

      .s5-manufacturer__item:nth-child(2) {
          left: 25%;
          bottom: 11%
      }

      .s5-manufacturer__item:nth-child(2) .s5-manufacturer__item--svg {
          bottom: 8px;
          left: -33px
      }

      .s5-manufacturer__item:nth-child(3) {
          left: 49%;
          bottom: 59%
      }

      .s5-manufacturer__item:nth-child(4) {
          position: absolute;
          left: 20%;
          bottom: 78%
      }

      .s5-manufacturer__item:nth-child(5) {
          bottom: 39%;
          left: 55%
      }

      .s5-manufacturer__item:nth-child(5) .s5-manufacturer__item--svg {
          bottom: -37px;
          left: 50%
      }
  }

  @media (max-width: 768px) {
      .s5-manufacturer__item,.s5-manufacturer__item.check {
          max-width:330px
      }

      .s5-manufacturer__item {
          padding: 0;
          background: #fff0
      }

      .s5-manufacturer__item:hover {
          padding: 0
      }

      .s5-manufacturer__item.check {
          background: linear-gradient(94.53deg,#064A69 1.25%,#2A779A 99.65%);
          pointer-events: unset
      }

      .s5-manufacturer__item--box {
          display: none;
          padding: 10px
      }

      .s5-manufacturer__item.check .s5-manufacturer__item--box {
          display: flex
      }

      .s5-manufacturer__item--info {
          padding: 0 10px 10px 10px
      }

      .s5-manufacturer__item:nth-child(1) {
          left: 12%;
          bottom: 48%
      }

      .s5-manufacturer__item:nth-child(1) .s5-manufacturer__item--svg {
          left: 0
      }

      .s5-manufacturer__item:nth-child(2) {
          left: 3%;
          bottom: 36%
      }

      .s5-manufacturer__item:nth-child(2) .s5-manufacturer__item--svg {
          bottom: -40px;
          left: 2px
      }

      .s5-manufacturer__item:nth-child(3) {
          left: 13%;
          bottom: 51%
      }

      .s5-manufacturer__item:nth-child(3) .s5-manufacturer__item--svg {
          bottom: -26%;
          left: 36%
      }

      .s5-manufacturer__item:nth-child(3).check .s5-manufacturer__item--svg {
          opacity: 0
      }

      .s5-manufacturer__item:nth-child(4) {
          left: 17%
      }

      .s5-manufacturer__item:nth-child(4) .s5-manufacturer__item--svg {
          left: 50%
      }

      .s5-manufacturer__item:nth-child(5) {
          bottom: 45%;
          left: 11%
      }

      .s5-manufacturer__item:nth-child(5) .s5-manufacturer__item--svg {
          left: 89%
      }

      .s5-manufacturer__item--title {
          min-height: 38px;
          display: flex;
          align-items: center
      }
  }

  @media (max-width: 410px) {
      .s5-manufacturer__item:nth-child(1) {
          left:4%
      }

      .s5-manufacturer__item:nth-child(1) .s5-manufacturer__item--svg {
          left: 10%
      }

      .s5-manufacturer__item:nth-child(3) {
          left: 5%
      }

      .s5-manufacturer__item:nth-child(4) {
          left: 6%
      }

      .s5-manufacturer__item:nth-child(4) .s5-manufacturer__item--svg {
          left: 56%
      }

      .s5-manufacturer__item:nth-child(5) {
          left: 5%
      }
  }

  @media (max-width: 374px) {
      .s5-manufacturer__item,.s5-manufacturer__item.check {
          max-width:320px
      }
  }



  .s11-offer__subtitle {
      font-weight: 400;
      font-size: 16px;
      line-height: 19px;
      color: var(--belyy);
      margin: -32px 0 30px 0
  }

  .s11-offer__form--line {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 10px
  }

  .s11-offer__form--line .custom-select:nth-child(1) {
      grid-column: 1 span
  }

  .s11-offer__form--line .custom-select:nth-child(2) {
      grid-column: 2 span
  }

  .s11-offer__form--subtitle {
      color: var(--belyy);
      font-weight: 700;
      font-size: 20px;
      line-height: 23px;
      margin: 10px 0
  }

  .s11-offer .custom-select__trigger {
      height: 50px;
      display: flex;
      align-items: center;
      border: unset;
      background: var(--belyy);
      color: var(--t-siniy) !important;
      border-radius: 8px;
      padding: 16px 24px
  }

  .s11-offer .form-offer .input {
      background: var(--belyy)!important;
      color: var(--t-siniy)!important
  }

  .s11-offer .input::-webkit-input-placeholder {
      color: #064a69!important
  }

  .s11-offer .input::-moz-placeholder {
      color: #064a69!important
  }

  .s11-offer .input:-ms-input-placeholder {
      color: #064a69!important
  }

  .s11-offer .input::-ms-input-placeholder {
      color: #064a69!important
  }

  .s11-offer .input::placeholder {
      color: #064a69!important
  }

  .s11-offer .btn--accent {
      background: #5bb521!important;
      color: var(--belyy)!important
  }

  .s11-offer .btn--accent:hover {
      background: #009ddf!important
  }

  .s11-offer__form {
      display: flex;
      flex-direction: column;
      gap: 10px
  }

  .s11-offer .custom-select__options li {
      color: var(--t-siniy)
  }

  .s11-offer .custom-select__trigger::after {
      border-color: var(--t-siniy) !important;
      right: 10px !important;
  }

  .s11-offer .s_home_cf .custom-select__trigger::after {
      content: '';
      position: absolute;
      margin-top: -5px;
      right: 4px;
      border: solid #fff;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 4px;
      pointer-events: none;
      transform: rotate(45deg);
  }

  .s11-offer {
      overflow: unset;
      position: relative;
      background: url(/optovicam/css/../img/sale/sale-fon.jpg) center / cover no-repeat;
      padding-block:44px}

  .s11-offer:before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      background: url(/optovicam/css/../img/sale/sale-gruz.png) left / cover no-repeat;
      width: 100%;
      height: 100%;
      max-width: 945px
  }

  .s11-offer:after {
      content: "";
      position: absolute;
      right: 13%;
      bottom: 0;
      background: url(/optovicam/css/../img/sale/sale-man.png) left / cover no-repeat;
      width: 100%;
      max-width: 400px;
      height: 560px
  }

  @media (max-width: 1700px) {
      .s11-offer:before {
          max-width:790px
      }

      .s11-offer:after {
          right: 8%
      }
  }

  @media (max-width: 1560px) {
      /* .s11-offer:after {
          height:586px
      } */

      .s11-offer:before {
          max-width: 745px
      }
  }

  @media (max-width: 1440px) {
      .s11-offer:before {
          max-width:690px
      }
  }

  @media (max-width: 1360px) {
      .s11-offer:before {
          max-width:632px
      }

      .s11-offer__subtitle {
          margin-bottom: 20px
      }

      .s11-offer:after {
          /* height: 571px; */
          right: 5%
      }
  }

  @media (max-width: 1280px) {
      .s11-offer:after {
          /* height:503px; */
          max-width: 403px;
          right: 5%
      }

      .s11-offer:before {
          max-width: 51%
      }
  }

  @media (max-width: 1000px) {
      .s11-offer__subtitle {
          margin:-20px 0 20px 0;
          text-align: center
      }

      .s11-offer__form--subtitle {
          text-align: center
      }

      .s11-offer:before {
          max-width: 100%
      }

      .s11-offer::after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: var(--chernyy);
          opacity: .5;
          max-width: 100%;
          z-index: 0
      }

      .s11-offer .wrap_content {
          z-index: 1
      }
  }

  @media (max-width: 768px) {
      .s11-offer__form--line {
          grid-template-columns:1fr
      }

      .s11-offer__form--line #dealer-custom-select-1 {
          grid-column: 1 span
      }

      .s11-offer .wpcf7-form-control-wrap,.s11-offer .wpcf7-form-control-wrap .input {
          width: 100%
      }

      .s11-offer .offer__title,.s11-offer__subtitle,.s11-offer__form--subtitle {
          text-align: left
      }

      .s_home_cf .custom-select {
          grid-column: 1 span
      }
  }

  @media (max-width: 410px) {.custom-select__options{max-height:138px}}

.s11-offer .s_home_cf .custom-select__options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 9999;
  max-height: 158px;
  overflow-y: auto;
}

.s11-offer .s_home_cf .custom-select__trigger {
  box-sizing: border-box;
  color: #fff;
  position: relative;
  padding-bottom: 11px;
  cursor: pointer;
  border-bottom: 2px solid #fff;
  font-size: 16px;
}

.s11-offer .s_home_cf .custom-select, .s_home_cf .check__cf {
    grid-column: 2 span;
}

.s11-offer .s_home_cf .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.s11-offer__form--line .custom-select:nth-child(1) {
  grid-column: 2 span;
}

.s11-offer .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1700px) {
  .offer .offer-form {
    max-width:690px
  }
}

@media (max-width: 1440px) {
  .offer .offer-form {
    max-width:635px
  }
}

@media (max-width: 1280px) {
  .offer .offer-form {
    max-width: 465px
  }
}

@media (max-width: 1000px) {
  .offer__title {
    margin-bottom:30px
  }

  .offer__title {
    text-align: center
  }

  .offer .offer-form {
    max-width: 72%;
    margin: 0 auto
  }
}

@media (max-width: 768px) {
  .offer .form-offer .input {
    padding:15px 20px!important
  }

  .offer .offer-form {
    background-position: top;
    max-width: 100%
  }
}

.s11-offer .custom-select__options li {
  color: var(--t-siniy);
}
.s_home_cf .custom-select__options li {
  padding: 10px;
  cursor: pointer;
  -webkit-transition: 0.4s linear !important;
  -o-transition: 0.4s linear!important;
  transition: 0.4s linear !important;
  font-size: 16px;
}
.s_home_cf .custom-select__options li:hover {
  background: #2c679f;
  color: #fff
}

.modal__opt .s_home_cf .custom-select__options {
  max-height: 119px
}


.main-opt .letters .letter-slide .img img {height: 100%; border-radius: 0px; border: none;}
.main-opt .letters .letter-slide .img {display: flex; flex: 1 1 0;}
.main-opt .letters__nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: -45px;
  right: -45px;
  transform: translateY(-50%);
  z-index: 1;
}

.popup_mm#rutube_video {max-width: 100%; width: auto; z-index: 100;}

.s17-price {
  position: sticky;
  z-index: 49;
  width: 100%;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: end;
  top: 40%;
  height: 0
}

.s17-price__img {
    width: 100%;
    border-radius: 50%;
    background: linear-gradient(94.53deg,#064A69 1.25%,#2A779A 99.65%);
    box-shadow: 0 4px 13px rgb(30 55 91 / .14);
    animation: rotate1 18s linear infinite,pulse1 2s ease-in-out infinite;
    max-width: 114px;
    height: 114px;
    margin-right: 70px
}

@media (max-width: 1700px) {
  .s17-price__img {
    margin-right:2.5%
  }
}

@media (max-width: 1000px) {
  .s17-price__img {
    max-width:90px;
    height: 90px
  }
}

@media (max-width: 768px) {
  .s17-price__img {
    margin-right:4.2%;
    max-width: 70px;
    height: 70px
  }

  .s17-price {
    top: 24%
  }
}


@keyframes pulse1 {
    0% {
        box-shadow: 0 0 0 0 rgb(6 74 105 / .7),0 0 0 0 rgb(42 119 154 / .5);
        filter: brightness(1)
    }

    50% {
        box-shadow: 0 0 0 15px #fff0,0 0 0 30px #fff0;
        filter: brightness(1.2)
    }

    100% {
        box-shadow: 0 0 0 15px #fff0,0 0 0 30px #fff0;
        filter: brightness(1)
    }
}

@keyframes rotate1 {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(119 185 76 / .7),0 0 0 0 rgb(119 185 76 / .5);
        filter: brightness(1)
    }

    50% {
        box-shadow: 0 0 0 15px #fff0,0 0 0 30px #fff0;
        filter: brightness(1.2)
    }

    100% {
        box-shadow: 0 0 0 15px #fff0,0 0 0 30px #fff0;
        filter: brightness(1)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(119 185 76 / .7),0 0 0 0 rgb(119 185 76 / .5);
        filter: brightness(1)
    }

    50% {
        box-shadow: 0 0 0 15px #fff0,0 0 0 30px #fff0;
        filter: brightness(1.2)
    }

    100% {
        box-shadow: 0 0 0 15px #fff0,0 0 0 30px #fff0;
        filter: brightness(1)
    }
}
/* End */


/* Start:/optovicam/css/vendor.css?175620376622085*/
@import "/optovicam/css/vendor/normalize.css";
/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */
@import "/optovicam/css/@fancyapps/ui/dist/fancybox/fancybox.css";
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/* End */


/* Start:/optovicam/css/components/diler.css?17562037781995*/
.diler {
  margin-bottom: 80px;
}
.diler__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 992px) {
  .diler__container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.diler .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 550px;
}
.diler__title {
  margin-bottom: 24px;
}
.diler__desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--chernyy);
  margin-bottom: 14px;
}
.diler a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: clamp(24px, 3vw, 48px);
  text-transform: uppercase;
  color: var(--chernyy);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 40px;
}
@media (any-hover: hover) {
  .diler a:hover {
    color: var(--zelenyy);
  }
}
.diler__btn {
  background: var(--zelenyy);
}
.diler .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.diler__item {
  border-radius: 8px;
  padding: 20px 40px;
  background: var(--seryy);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 992px) {
  .diler__item {
    padding: 20px;
  }
}
.diler__item .number {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 80px;
  line-height: 90%;
  color: var(--siniy);
}
.diler__item p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--chernyy);
  margin: 0;
  max-width: 390px;
}
/* End */


/* Start:/local/html/polygalIM/js/swiper-two/swiper-bundle.min.css?175824350218454*/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/.default/components/bitrix/search.title/header_search/style.css?17507822102237*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	vertical-align:top;
	display:block;
	color: var(--very--dark--shade--gray);
    font-family: 'GilroyRegular';
    font-size: 14px;
    line-height: normal;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:var(--very--dark--shade--blue);
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/.default/components/bitrix/search.title/header_search/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/bitrix/components/bitrix/catalog.compare.list/templates/.default/style.css?17507822941265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */


/* Start:/local/templates/polygale_main/components/polugale/header_form_callback/template1/style.min.css?1750782211251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/templates/polygale_main/components/bitrix/catalog.section.list/footer_catalog/style.min.css?17507822116236*/
.bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease}
/* End */


/* Start:/local/templates/polygale_main/components/bitrix/menu/footer_menu/style.min.css?1750782211490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/polygale_main/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/components/polugale/form_popap_stock/templates/.default/style.min.css?1750782211251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/components/polugale/form_popap_request_a_call/templates/.default/style.min.css?1750782211251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/components/polugale/form_popap_question/templates/.default/style.min.css?1750782211251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/components/polugale/form_popap_oneclick/templates/.default/style.min.css?1750782211251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?175078232251*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/polygale_main/styles.css?177920240514170*/
.b-cart__s3__total .b-cart__s3__total__bold {
  margin-left: 0;
}
#mobile_menu {
  display: none;
}
@media screen and (max-width: 1278px){
  .menu_burger-all {
    background-color: #ffffff;
  }

  .burger_punkt_menu {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
    list-style: none;
  }

  .menu_burger-contacts {
    display: flex;
    flex-direction: column;
    margin: 24px 0;
    gap: 12px;
    justify-content: center;
    align-items: center;
  }

  .menu_burder-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }

  .menu_burger-search {
    margin: 0 24px;
  }

  .close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: blue;
    color: white;
    border: none;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  #mobile_menu.active {
    display: flex;
  }

  /* #mobile_menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    align-items: center;
    justify-content: center;
    z-index: 999;
    gap: 20px;
    padding: 20px;
  } */

  .bg_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: white;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
  }

  .menu_block
  {
    color: black;
  }

}
@media screen and (max-width: 764px) {

	/* .b-catalog__s2__widget .b-catalog__s2__filter .bx-filter-title:after{
		right: -10px;
	} */

	.popup-list .popup_mm.white-bg{
		padding: 10px !important;
		width: 90%;
	}

	.popup-list .popup_mm{
		top: 60%;
		max-height: 80%;
	}

	.popup-list > div.active{
		overflow: auto !important;
	}

  .b-footer .wrap{
    justify-content: center;
  }

  .b-footer .b-footer__menu {
    /* justify-content: center;
    text-align: center; */
  }
  .b-footer .b-footer__menu__middle__list {
    text-align: left;
  }

  .wrap .b-header__menu__mobile {
    display: none;
  }

  .b-header .b-header__top {
    z-index: 2;
  }
  .b-header .mobile_center{
    justify-content: center;
  }
  .b-header .b-header__catalog__menu{
    position: fixed;
    top: 130px;
    left: 15px;
  }

  .mobile_burger {
    width: 40px;
    height: 40px;
    background-color: green;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 4px;
  }

  /* #mobile_menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    align-items: center;
    justify-content: center;
    z-index: 999;
    gap: 20px;
    padding: 20px;
  } */


  #mobile_menu {
        display: none;
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 999;
    /* top: 55px; */
    /* height: 160vh; */
    overflow: auto;
  }

  #mobile_menu .close_button {display: none;}

  .burger_punkt_menu a {font-size: 22px; font-weight: 600; color: #2B2B2B; text-transform: none;}
  .burger_punkt_menu li a {padding: 14px; display: block;}

  .burger_punkt_menu a[href="/optovicam/"]::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4217_255726)"><path d="M9 6L15 12L9 18" stroke="%23064A69" stroke-linecap="round" stroke-linejoin="round"/></g><rect x="0.5" y="23.5" width="23" height="23" rx="3.5" transform="rotate(-90 0.5 23.5)" stroke="%23064A69"/><defs><clipPath id="clip0_4217_255726"><rect y="24" width="24" height="24" rx="4" transform="rotate(-90 0 24)" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 8px; /* отступ от текста */
  }

  .menu_burger-search .title-search-input::placeholder {font-size: 16px;}
  .menu_block.single_line.menu_burger-search .b-header__search__input {margin: 0;border: none; border-radius: 8px; height: 41px; background-color: #F5F7FB;}
  .menu_block.single_line.menu_burger-search #title-search {margin: 0;}

  .burger_punkt_menu .b-header__catalog__list__item a {font-size: 16px; margin-left: 28px; margin-top: 10px; padding: 0;}
  .burger_punkt_menu .b-header__catalog__list__item a:last-child {margin-bottom: 10px;}

  #mobile_menu.active {
    display: flex;
  }

  .bg_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: white;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
    top: 150px;
  }
  .menu_block {
    width: 100%;
    /* max-width: 400px; */
    background-color: white;
    border-radius: 8px;
    color: black;
    display: flex;
    /* gap: 10px; */
  }

  .b-header__icons {gap: 10px;}

  .vertical_centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .vertical_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .horizontal_icons {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .horizontal_icons .icon {
    width: 50px;
    height: 50px;
    background-color: lightgray;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .single_line {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
  }

  .accordion {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .accordion summary {
    cursor: pointer;
    font-family: Gilroy;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }

  .accordion details {
    padding-left: 10px;
  }
  .close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: blue;
    color: white;
    border: none;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  .bg_container .b-header__item__button,
  .bg_container .b-header__item__form{
    display: flex;
    z-index: 2;
  }
  .mob_phones {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .bg_container .b-header__social{
    justify-content: center;
  }

  #title-search{
    margin: 0 24px;
    width: 100%;
  }
  #title-search form{
    margin: 0;
  }
  ul.menu_block.vertical_centered {
    list-style: none;
    padding: 0;
    margin: 0;
    /* text-transform: uppercase; */
    font-size: 22px;
    align-items: start;
    line-height: 20px;
  }

  ul.menu_block.vertical_centered li {
    text-decoration: none;
    color: black;
    width: 100%;
  }
  
  ul.menu_block.vertical_centered li.active {background: #F5F7FB;}
  header .b-footer__menu__contact__title, 
  header a.b-footer__menu__contact__subtitle{
    color: black;
  }
  header .b-header__contact__adress {
    max-width: 100%;
  }
	.b-header__catalog__box{
		width: 75%;
	}
	.b-header__catalog__box .b-header__catalog__btn{
		max-width: 100%;
	}
}

.pad-r-60{
  padding-right: 60px;
}

.b-mailing__list__form .b-mailing__list__input {
	color: black;
}

.slick-list.draggable{
	display: flex;
	justify-content: center;
}

.b-header__menu__item.active > a{
	color: var(--background--green);
}

.b-header__catalog__list__item.active > a{
	color: var(--color--blue);
}

.b-header__catalog__btn.active {
	background-color: var(--background--green);
}

.privacy-policy *,
#content *{
	padding: 10px 0;
}

iframe{
	max-width: 100%;
}


/* Стили только для указанного блока с текстом */
.wrap .b-catalog__s3__text {
  /* Отступы между абзацами */
  p {
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 1.5em; /* Красная строка */
  }

  /* Убираем красную строку у первого абзаца после заголовков и в списках */
  p:first-child,
  p:has(> strong:first-child),
  ul + p,
  ul ~ p {
    text-indent: 0;
  }

  /* Стили для списка */
  ul {
    margin: 1em 0;
    padding-left: 2em;
  }

  li {
    margin-bottom: 0.5em;
  }

  /* Внутренние отступы контейнера (если нужно) */
  padding: 0.5em 1em;
}


/* Сворачиваем фильтр по умолчанию */
.b-catalog__s2__filter .bx-filter-section {
  /* max-height: 90px;   */
  /* overflow: hidden; */
  /* transition: max-height 0.3s ease; */
}

/* Раскрытый фильтр */
.b-catalog__s2__filter .bx-filter-section.bx-active {
  max-height: 2000px; /* Достаточно для контента */
}

/* Стиль заголовка (кликабельный) */
.b-catalog__s2__filter .bx-filter-title {
  /* cursor: pointer; */
  margin-bottom: 0;
  padding: 20px;
  position: relative; 
}

.bx-filter .bx-filter-section{
	/* padding-top: 15px !important; */
  padding: 0!important;
}

.b-catalog__s2__filter .bx-filter-title{
	margin-bottom: 10px; 
    padding: 20px 10px;
    position: relative;  
    color: #1B1B1B;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
}
@media screen and (max-width: 999px) {
  /* Иконка "стрелка" */
  .b-catalog__s2__filter .bx-filter-title:after {
    content: "▼";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s;
  }
}

/* Анимация стрелки при открытии */
.b-catalog__s2__filter .bx-filter-section.bx-active .bx-filter-title:after {
  transform: translateY(-50%) rotate(180deg);
}

/* Убираем стандартный клик в SmartFilter */
.b-catalog__s2__filter .bx-filter-parameters-box-title {
  /* pointer-events: none; */
} 
 .bx-filter .bx-filter-parameters-box-title span {
    color: #1B1B1B;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
 }
 .bx-filter .bx-filter-parameters-box {

 }
.bx-filter .bx-filter-parameters-box-title {
  padding: 0;
}
.filter_icon{
	max-height: 30px;
}

.bx-filter.bx-blue .bx-filter-section {
    background: transparent;
    /* box-shadow: 0px 0px 3px 0px #00000040; */
}
.col-lg-12.bx-filter-parameters-box {
    padding: 20px;
    border-bottom: 1px solid #E1E1E1;
}
.bx-filter .bx-filter-parameters-box-title span i {
    transform: rotate(-90deg);
}
.bx-filter .bx-filter-parameters-box-title span:hover {
  border-color: transparent;
}
.bx-active.bx-filter-parameters-box .bx-filter-parameters-box-title span {
  color: #179BD7;
}
.bx-filter-parameters-box-container {
  padding-bottom: 0;
    padding-top: 11px;
}

.bx-filter-parameters-box-container .col-xs-12 {
  padding: 0;
  
}
form.smartfilter {
    margin: 0;
    margin-bottom: 10px;
}
@media screen and (max-width: 999px) {
  form.smartfilter { 
      max-height: max-content;
      /* overflow: hidden; */
      margin: 0;
  }
 
  form.smartfilter.active_form {
    max-height: max-content;
    margin-bottom: 10px;
}
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    display: block;
    text-align: left;
    color: #616161;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}
.checkbox label span {
    display: flex;
    flex-direction: row;
    align-items: center;
}
 .checkbox input:checked::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 14px;
      height: 14px;
      border-radius: 0px;
      background-color: #ffffff;
      border: 1px solid;
}
.checkbox input:checked::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid;
    border-radius: 0px;
    background-color: #2E9AFF;
}

.smartfilter .bx-ui-slider-track{z-index: 0;}
.bx-filter .bx-ui-slider-track-container {
    padding-top: 25px;
    padding-bottom: 35px;
    margin-left: 0;
    width: 100%;
}
.bx-filter-parameters-box-title.price_total span i {
    display: none;
} 
 
.bx-filter .bx-filter-popup-result.left {
    left: 315px;
    right: auto;
    width: auto;
    position: absolute;
    z-index: 915;
    display: none;
    border: 1px solid #c6dce7;
    color: #3f3f3f;
    white-space: nowrap;
    padding: 20px;
    background: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.bx-filter .bx-filter-popup-result a {
    color: white;
    line-height: 10px;
    padding: 12px;
    margin: 12px auto 0;
    display: block;
    text-align: center;
    border: 1px solid;
    border-radius: 8px;
    background: #5bb521;
}

@media screen and (max-width: 1279px) {
    .bx-filter .bx-filter-popup-result.left {
      left: 270px;
  }
}


@media screen and (max-width: 999px) {
    .bx-filter .bx-filter-popup-result.left {
      left: 90px;
  }
}


.b-catalog__s3__text ul li p {
  margin: 0!important;
}

.sudo-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}

.sudo-bottom a {
    text-align: center;
    border-radius: 5px;
    background: #ECF3F6;
    text-decoration: none;
    color: var(--very--dark--shade--gray);
    font-family: 'GilroyRegular';
    font-size: 14px;
    line-height: normal;
    padding: 8px 20px;
    transition: 300ms all ease;
}

.sudo-bottom a:hover {
    background: var(--background--blue);
    color: #fff;
}
/* End */


/* Start:/local/templates/polygale_main/template_styles.css?17792024058727*/
.popup-list{/*display:none;*/}
.popup-list > div{display:none;}
.popup-list > div.active{display:block;}
.mim_button__green{
    color: #FFF;
    font-family: 'GilroySemibold';
    font-size: 16px;
    line-height: normal;
    /* max-width: 140px; */
    /* height: 35px; */
    text-decoration: none;
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--background--green);
}
.bx_catalog-compare-list.fix.top.left{
    display: none !important;
}
.b-all__slider__icons__link.d_flex.flex_dir_col.jus_cont_center.active{
   background-color: cornflowerblue;
}
.b-all__slider__icons__link.d_flex.flex_dir_col.jus_cont_center.active svg{
   fill: white;
}
.b-product__s2__tabs__titl{
    cursor: pointer;
    border-radius: 5px;
    background: #ECF3F6;
    text-align: center;
    color: var(--very--dark--shade--gray);
    font-family: 'GilroySemibold';
    font-size: 16px;
    line-height: normal;
    padding: 8px 20px;
    text-decoration: none;
}
.b-product__s3__tabs__titl:hover {
    background: var(--very--dark--shade--blue);
    color: #fff;
}
.b-product__s2__tabs__titl.active{
    background: var(--very--dark--shade--blue);
    color: #fff;
}
.b-header__icon.b-header__icon__cart span{position: absolute;top: -4px;right: -2px;}
.b-header__icon.b-header__icon__favorite span{position: absolute;top: -4px;right: -2px;}
.b-header__icon.b-header__icon__compare span{position: absolute;top: -4px;right: -2px;}
.popup_mm.white-bg{max-width:80%;background:#FFFFFF;border-radius:2px;padding:30px;}
#result-add-basket .go-to-basket{margin-bottom:1.5rem;max-width:160px;}
#result-add-basket .close-popup-button{height:35px;width:160px;}
.animate.button__green{text-decoration: none !important;}

.b-page-review__s2__form form{
	display: flex;
  	flex-direction: column;
}

.b-footer__item__inform .b-header__phone__link{
	color: white;
}

.b-header__catalog__btn{
	cursor: default !important;
}

.popup_mm{
	min-height: auto !important;
}

.cont_popup{
	display: flex;
	justify-content: center;
    align-items: center;
}
.b-home__s1{padding-top:1rem;}
.b-breadcrumbs{padding-top:1rem;}
header .b-footer__menu__contact__subtitle, header a.b-footer__menu__contact__subtitle{color: var(--very--dark--shade--gray);}
footer .b-header__inform__title, footer .b-header__inform__subtitle{color:#FFFFFF;}
.b-product__s2__tabs__delivery__type, .b-page-contact__s1__fly, .button_container button, .b-header__item *, .b-stock-inner__s1__text{font-family: 'GilroyRegular';}
.b-product__s2__tabs__delivery__type ul{padding-left: 1.2rem;padding-top: 0.8rem;}
.b-product__s2__tabs__delivery__type ul li{line-height: 1.4;}
.b-news_s1__box__item a, a.not-decoration{text-decoration: none;}
.bx-sbb-empty-cart-container{padding-top:2rem;}
.btn-back-to-top{background: transparent !important;}
.btn-back-to-top > svg {width:60px;height:60px;}
.main-ui-pagination{margin-top:1.5rem;display:flex; justify-content: center; margin-top: 40px; gap: 60px;}
.main-ui-pagination-pages-list{font-size:1.5rem;font-family: 'GilroyRegular'; display: flex; flex-direction: row;  gap: 60px; }
.main-ui-pagination .main-ui-pagination-arrows{margin-left:30px;}
.page-layout.checkout-layout{padding-top:2rem;}
.b-contact__s2__box{overflow-x: hidden;}
.main-ui-pagination-page {
    padding-left: 4px;
    padding-right: 3px;
    color: #E1E1E1;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    transition: 300ms all ease;
}
.main-ui-pagination-page.main-ui-pagination-active {
    color: #2C679F;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
}
.main-ui-pagination-arrow.main-ui-pagination-prev::before {
    left: -10px;
    top: -5px;
}
.main-ui-pagination-arrow.main-ui-pagination-prev::after {
    left: -10px;
    top: 9px;
}
.main-ui-pagination-arrow.main-ui-pagination-next::before, .main-ui-pagination-arrow.main-ui-pagination-prev::before, .main-ui-pagination-arrow.main-ui-pagination-next::after, .main-ui-pagination-arrow.main-ui-pagination-prev::after {
	
    width: 2px;
    height: 20px;
}
.main-ui-pagination-arrow.main-ui-pagination-next::before {
    right: -10px;
    top: -5px;
}
.main-ui-pagination-arrow.main-ui-pagination-next::after {
    right: -10px;
    top: 9px;
}
.main-ui-pagination-arrows { 
    margin-right: 0px;
}
@media screen and (max-width: 600px) {
	.b-breadcrumbs *{font-size:10px !important;line-height: 1 !important;}
	.b-popular__slider .slick-list.draggable, .b-latest__slider .slick-list.draggable{display:block;}
	.b-home__s1__img__fly.full{object-fit: cover;height:auto;}
	.b-home__s2{margin-top:1rem;}
	.s__title__box{margin-top:1rem;}
	#mobile_menu *{font-family: 'GilroyRegular';}
	.menu_block.accordion summary{text-align: center;}
	.b-breadcrumbs svg{height:10px;width:5px;}
	.b-product__s1__inform .r__add__cart{flex-direction: column;align-items: center;}
	.b-product__s1__inform .r__add__cart .b-all__slider__counter, .b-product__s1__inform .r__add__cart .mim_button__green{margin-bottom:0.8rem;}
}

@media print {

	html, body{
		height: 297mm;
		width: 210mm;
	}

	@page {
		margin: 10mm 10mm 10mm 20mm;
	}

	*, *:before, *:after { 
		color: #000;
		box-shadow: none;
		text-shadow: none;
	}

	html, body {
		font-size: 14px;
		margin-top: 0 !important;
	}

	h1 {
		font-size: 24px;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 18px;
	}

	ul, ol, table {
		page-break-inside: avoid;
	}

	.bx-panel,
	.b-header,
	.b-cf__polikarb,
	.b-footer,
	.b-mailing__list,
	.b-all__slider__sale
    {
        display: none !important;
    }

    a.b-all__slider__name:after {
		content: " " !important;
	}

}

.dummy-slide {
  visibility: hidden;
  pointer-events: none;
}


.b-catalog__s3__text {
	color: #1B1B1B; 
	font-weight: 400; 
	font-size: 16px; 
	line-height: 140%;  
}
.b-catalog__s3__text p {
	margin-bottom: 14px;
}
.b-catalog__s3__text h2 { 
	font-weight: 600; 
	font-size: 26px; 
	line-height: 100%; 
	text-transform: uppercase;
	margin: 28px 0 20px;
}
.b-catalog__s3__text h3 { 
	font-weight: 600; 
	font-size: 22px; 
	line-height: 100%; 
	text-transform: uppercase;
	margin: 28px 0 48px;
}

.b-catalog__s3__text h4 { 
	font-weight: 600; 
	font-size: 18px; 
	line-height: 100%; 
	text-transform: uppercase;
	margin: 28px 0 32px;
}

.b-catalog__s3__text h5 { 
	font-weight: 600; 
	font-size: 16px; 
	line-height: 100%; 
	text-transform: uppercase;
	margin: 28px 0 20px;
}

.b-catalog__s3__text ol {
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.wrap .b-catalog__s3__text ul { 
    margin-top: 20px;
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
	padding: 0;
    gap: 10px;
}
.wrap .b-catalog__s3__text p {
    text-indent: 0;
}

.wrap .b-catalog__s3__text ul li {
	display: flex;
	flex-direction: row;
	list-style-type: none;
    align-items: flex-start;
    gap: 8px;
}
.wrap .b-catalog__s3__text ul li:before {
    content: '';
    width: 30px;
    max-width: 8px;
    height: 8px;
    margin-top: 6px;
    background: #5BB521;
    border-radius: 50%;
}

.wrap .b-catalog__s3__text ol li {
    padding-left: 3px; 
}
.b-catalog__s3__text ol li::marker {
	color: #5BB521;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
}
.b-header__menu__item .submenu{display:none;position: absolute;top: 100%;left: 0;background: #FFF;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);padding: 20px 0 20px 20px;z-index: 20;width: 320px;}
.b-header__menu__item.with-child:hover .submenu{display:flex;}

@media screen and (max-width: 764px) {
    .main-ui-pagination-pages-list {
        gap: 10px;
    }
    .main-ui-pagination {
        gap: 0;
    }
    .padd100 {
        z-index: 0;
    }

}

@media screen and (max-width: 475px) {
    .main-ui-pagination-page {
        font-size: 18px;
    }
    .main-ui-pagination-page.main-ui-pagination-active {
        font-size: 18px;
    }
    .main-ui-pagination-arrow.main-ui-pagination-next::before, .main-ui-pagination-arrow.main-ui-pagination-prev::before, .main-ui-pagination-arrow.main-ui-pagination-next::after, .main-ui-pagination-arrow.main-ui-pagination-prev::after {
        width: 1px;
        height: 10px;
    }
    .main-ui-pagination-arrow.main-ui-pagination-prev::after {
        left: 0px;
        top: 5px;
    }
    .main-ui-pagination-arrow.main-ui-pagination-prev::before {
        left: 0px;
        top: -3px;
    }
    .main-ui-pagination-arrow.main-ui-pagination-next::after {
        right: 0px;
        top: 5px;
    }
    .main-ui-pagination-arrow.main-ui-pagination-next::before {
        right: 0px;
        top: -3px;
    }
}

/* End */
/* /optovicam/css/main.css?1777855836133709 */
/* /optovicam/css/vendor.css?175620376622085 */
/* /optovicam/css/components/diler.css?17562037781995 */
/* /local/html/polygalIM/js/swiper-two/swiper-bundle.min.css?175824350218454 */
/* /local/templates/.default/components/bitrix/search.title/header_search/style.css?17507822102237 */
/* /bitrix/components/bitrix/catalog.compare.list/templates/.default/style.css?17507822941265 */
/* /local/templates/polygale_main/components/polugale/header_form_callback/template1/style.min.css?1750782211251 */
/* /local/templates/polygale_main/components/bitrix/catalog.section.list/footer_catalog/style.min.css?17507822116236 */
/* /local/templates/polygale_main/components/bitrix/menu/footer_menu/style.min.css?1750782211490 */
/* /local/components/polugale/form_popap_stock/templates/.default/style.min.css?1750782211251 */
/* /local/components/polugale/form_popap_request_a_call/templates/.default/style.min.css?1750782211251 */
/* /local/components/polugale/form_popap_question/templates/.default/style.min.css?1750782211251 */
/* /local/components/polugale/form_popap_oneclick/templates/.default/style.min.css?1750782211251 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?175078232251 */
/* /local/templates/polygale_main/styles.css?177920240514170 */
/* /local/templates/polygale_main/template_styles.css?17792024058727 */