@font-face {
   font-family: "EngraversGothic";
   font-display: swap;
   src:
      url("/local/templates/eshop_bootstrap_v4/fonts/EngraversGothic-Bold.woff") format("woff"),
      url("/local/templates/eshop_bootstrap_v4/fonts/EngraversGothic-Bold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
}
@font-face {
   font-family: "Inter";
   font-display: swap;
   src:
      url("/local/templates/eshop_bootstrap_v4/fonts/Inter-Medium.woff") format("woff"),
      url("/local/templates/eshop_bootstrap_v4/fonts/Inter-Medium.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
}
@font-face {
   font-family: "isons";
   src:
      url("/local/templates/eshop_bootstrap_v4/fonts/isons.ttf?eg8txm") format("truetype"),
      url("/local/templates/eshop_bootstrap_v4/fonts/isons.woff?eg8txm") format("woff"),
      url("/local/templates/eshop_bootstrap_v4/fonts/isons.svg?eg8txm#isons") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;
}
a{
   text-decoration:none !important;
}
:root {
   --font-primary: "Inter";
   --font-second: "EngraversGothic";
   --grey25: #f9f9f9;
   --grey50: #ececec;
   --grey100: #aaaaaa;
   --brand-blue1: #2b5f7a;
   --brand-blue2: #62aed1;
   --brand-blue3: #85d1f3;
   --black1: #292929;
   --orange: #FF903F;
}

* {
   padding: 0px;
   margin: 0px;
   border: 0px;
   font-size: 14px;
}
*,
*:before,
*:after {
   box-sizing: border-box;
}
:focus,
:active {
   outline: none;
}
a:focus,
a:active {
   outline: none;
}

html,
body {
   min-width: var(--min-width);
}
body {
   color: var(--black-10);
   line-height: 1.1;
   font-size: 14px;
   font-family: var(--font-primary), sans-serif;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
input,
button,
textarea {
   font-family: var(--font-primary);
   font-size: inherit;
   line-height: inherit;
   outline: none!important;
}
button {
   cursor: pointer;
   color: inherit;
   background-color: transparent;
}
a {
   color: inherit;
   text-decoration: none;
   cursor: pointer;
}
ul li {
   list-style: none;
}
img {
   vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: inherit;
   font-size: inherit;
}

body.lock {
   overflow: hidden;
   touch-action: none;
   overscroll-behavior: none;
}
.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
}

@supports (overflow: clip) {
   .wrapper {
      overflow: clip;
   }
}

.wrapper footer > main {
   flex: 1 1 auto;
}

/* Фикс для слайдеров */
.wrapper > * {
   min-width: 0;
}
[class*="__container"] {
   margin: 0 auto;
   max-width: 1510px;
   padding: 0 34px;
}
@media (max-width: 1440px) {
   [class*="__container"] {
      max-width: 100vw;
      padding: 0 34px;
   }
}
@media (max-width: 720px) {
   [class*="__container"] {
      padding: 0 24px;
   }
}
@media (max-width: 520px) {
   [class*="__container"] {
      padding: 0 12px;
   }
}
[class^="_icon-"],
[class*=" _icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: "isons" !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
._icon-download:before {
   content: "\e910";
}
._icon-vk .path1:before {
   content: "\e902";
   color: rgb(98, 174, 209);
}
._icon-vk .path2:before {
   content: "\e90f";
   margin-left: -1.0556640625em;
   color: rgb(255, 255, 255);
}
._icon-tg .path1:before {
   content: "\e900";
   color: rgb(98, 174, 209);
}
._icon-tg .path2:before {
   content: "\e901";
   margin-left: -1.0556640625em;
   color: rgb(255, 255, 255);
}
._icon-uni:before {
   content: "\e903";
}
._icon-arrow-1:before {
   content: "\e904";
}
._icon-filter:before {
   content: "\e905";
}
._icon-minus:before {
   content: "\e906";
}
._icon-phone:before {
   content: "\e907";
}
._icon-plus:before {
   content: "\e908";
}
._icon-close:before {
   content: "\e909";
}
._icon-done:before {
   content: "\e90a";
}
._icon-inst:before {
   content: "\e90b";
}
._icon-star:before {
   content: "\e90c";
}
._icon-variant:before {
   content: "\e90d";
}
._icon-wa:before {
   content: "\e90e";
}
.title-h1 {
   font-family: var(--font-second);
   font-size: 56px;
   line-height: 0.8;
}
.title-h2 {
   font-family: var(--font-second);
   font-size: 46px;
   line-height: 0.9;
   text-transform: uppercase;
}
.title-h3 {
   font-family: var(--font-second);
   font-size: 36px;
   line-height: 0.9;
   text-transform: uppercase;
}
.title-h4 {
   font-size: 20px;
   line-height: 1.2;
}
.text-p1 {
   font-size: 16px;
   line-height: 1.2;
}
.btn-white {
   padding: 20px 50px;
   border-radius: 99px;
   background: #fff;
   color: var(--brand-blue1);
   transition: all 0.3s ease 0s;
   cursor: pointer;
   display: block;
   width: max-content;
}
.btn-white:hover {
   background: var(--grey50);
}
.btn-dark{
	padding: 20px 50px;
	border-radius: 99px;
	color: #fff;
	background:var(--brand-blue1);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	display: block;
	width: max-content;
}
.btn-dark:hover{
	background: var(--grey50);
	color: var(--brand-blue1);
}
.btn-up {
   padding: 20px 95px;
   color: var(--grey100);
   border-radius: 99px;
   border: 1px solid var(--grey100);
   transition: all 0.3s ease 0s;
}
.btn-up:hover {
   border: 1px solid var(--black1);
   color: var(--black1);
}
.section-main {
   margin-top: 100px;
}
@media (max-width: 960px) {
   .title-h1 {
      font-size: 50px;
   }
}
@media (max-width: 768px) {
   .title-h1 {
      font-size: 46px;
      line-height: 0.9;
   }
   .title-h2 {
      font-size: 36px;
   }
   .section-main {
      margin-top: 70px;
   }
   .title-h3 {
      font-size: 24px;
   }
}
@media (max-width: 480px) {
   .section-main {
      margin-top: 45px;
   }
}
/********************/
.header__wrapper {
}
.header__top {
   padding: 12px 0 8px 0;
   width: 100%;
   border-bottom: 1px solid var(--grey50);
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}
.header__top-left {
}
.header__top-socials {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   gap: 14px;
}
.header__social .header__icon {
   font-size: 18px;
   color: var(--brand-blue2);
   transition: all 0.3s ease 0s;
}
.header__social:hover .header__icon {
   color: var(--brand-blue1);
}
.header__social:hover .header__icon._icon-uni {
   color: var(--grey100);
}
.header__icon {
   position: relative;
}
.header__social .header__icon._icon-vk .path1:before {
   transition: all 0.3s ease 0s;
}
.header__social:hover .header__icon._icon-vk .path1:before {
   color: var(--brand-blue1);
}
.header__icon .path1 {
   font-size: 18px;
   transition: all 0.3s ease 0s;
}
.header__icon._icon-vk .path2 {
   font-size: 16px;
   color: var(--brand-blue2);
   position: absolute;
   top: 50%;
   right: 2px;
   transform: translate(0%, -50%);
}
.header__social .header__icon._icon-tg .path1:before {
   transition: all 0.3s ease 0s;
}
.header__social:hover .header__icon._icon-tg .path1:before {
   color: var(--brand-blue1);
}
.header__icon._icon-tg .path2 {
   font-size: 15px;
   color: var(--brand-blue2);
   position: absolute;
   top: 50%;
   right: 2px;
   transform: translate(0%, -50%);
}
.header__top-left .header__social .header__icon._icon-uni {
   font-size: 8px;
   color: var(--grey100);
   padding: 2px 0 0 3px;
}
.header__top-left .header__social:nth-child(2) {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
}
.header__top-right {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 14px;
}
.header__btn {
}
.btn-call {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 4px;
   cursor: pointer;
}
.header__btn-icon {
   transition: all 0.3s ease 0s;
   color: var(--brand-blue1);
   font-size: 18px;
}

.header__btn-text {
   transition: all 0.3s ease 0s;
   color: var(--brand-blue1);
}
.btn-call:hover .header__btn-text,
.btn-call:hover .header__btn-icon {
   color: var(--brand-blue2);
}
.header__bottom {
   width: 100%;
   position: relative;
   padding: 40px 0 24px 0;
}
.header__logo {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   /*max-width: 250px;*/
   max-width: 300px;
}
.header__logo img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.header__block {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   height: 66px;
}
.burger-menu {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 5px;
   width: 36px;
   height: 36px;
   cursor: pointer;
}
.burger-menu span {
   width: 27px;
   border-top: 2px solid var(--brand-blue2);
   transition: all 0.3s ease 0s;
   border-radius: 25px;
}
.burger-menu:hover span {
   border-top: 2px solid var(--brand-blue1);
}
.header__bottom-left {
}
.header__bottom-right {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 24px;
}
.header__bottom-icons {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 12px;
}
.header__icon-link svg path {
   stroke: var(--brand-blue2);
   transition: all 0.3s ease 0s;
}
.header__icon-link:hover svg path {
   stroke: var(--brand-blue1);
}
.header__bottom-line {
   height: 20px;
   border-right: 1px solid var(--grey50);
}
.burger-menu.active span:nth-child(1) {
   transform: rotate(45deg);
   position: relative;
   top: 5px;
}

.burger-menu.active span:nth-child(2) {
   transform: rotate(-45deg);
   position: relative;
   top: -2px;
}
.mini-cart-info__count {
   position: absolute;
   right: 0;
   background: #fff;
   font-weight: 600;
   line-height: 1;
   padding: 0 2px;
   min-width: 16px;
   min-height: 16px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 11px;
   box-shadow: 0 0 4px 1px rgb(56, 243, 250, .3);
}

@media (max-width: 730px) {
   .header__bottom-left {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 16px;
   }
   .header__bottom-line,
   .header-login {
      display: none;
   }
   .header__bottom-right {
      gap: 14px;
   }
}
@media (max-width: 480px) {
   .header__logo {
      max-width: 135px;
      height: 44px;
   }
   .header__block {
      height: 44px;
   }
   .header__bottom {
      padding: 12px 0;
   }
}
/********************/
.footer__wrapper {
}
.footer__container {
}
.footer__body {
   border-radius: 12px;
   background: var(--grey25);
   padding: 20px;
}
.footer__body-top {
   position: relative;
}
.footer__logo {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 213px;
   height: 90px;
}
.footer__logo img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.footer__info {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}
.footer__contacts {
   display: flex;
   flex-direction: column;
   gap: 4px;
}
.footer__link-tel {
   color: var(--black1);
   transition: all 0.3s ease 0s;
}
.footer__link-tel:hover {
   color: var(--brand-blue1);
}
.footer__link {
   color: var(--grey100);
   transition: all 0.3s ease 0s;
}
.footer__link:hover {
   color: var(--black1);
}
.footer__time-work {
   color: var(--black1);
}
.footer__time-work span:nth-child(2) {
   color: var(--grey100);
}
.footer__body-bottom {
   margin-top: 24px;
   padding-top: 12px;
   border-top: 1px solid var(--grey50);
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}
.footer__left {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 20px;
}
.footer__line {
   height: 20px;
   border-right: 1px solid var(--grey50);
}

.footer__list {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 12px;
   margin-bottom: 0;
}
.footer__item {
}
.footer__link-download {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 4px;
}
.footer__link-icon {
   font-size: 20px;
   color: var(--grey100);
   transition: all 0.3s ease 0s;
}
._icon-download {
}
.footer__link-text {
   color: var(--grey100);
   transition: all 0.3s ease 0s;
}
.footer__link-download:hover .footer__link-text,
.footer__link-download:hover .footer__link-icon {
   color: var(--black1);
}

.footer__top-socials {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   gap: 14px;
}
.footer__social .footer__icon {
   font-size: 18px;
   color: var(--brand-blue2);
   transition: all 0.3s ease 0s;
}
.footer__social:hover .footer__icon {
   color: var(--brand-blue1);
}
.footer__social:hover .footer__icon._icon-uni {
   color: var(--grey100);
}
.footer__icon {
   position: relative;
}
.footer__social .footer__icon._icon-vk .path1:before {
   transition: all 0.3s ease 0s;
}
.footer__social:hover .footer__icon._icon-vk .path1:before {
   color: var(--brand-blue1);
}
.footer__icon .path1 {
   font-size: 18px;
   transition: all 0.3s ease 0s;
}
.footer__icon._icon-vk .path2 {
   font-size: 16px;
   color: var(--brand-blue2);
   position: absolute;
   top: 50%;
   right: 1px;
   transform: translate(0%, -50%);
}
.footer__social .footer__icon._icon-uni {
   font-size: 8px;
   color: var(--grey100);
   padding: 2px 0 0 3px;
}
.footer__social:nth-child(2) {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
}
.footer__bottom {
   padding: 14px 18px 30px 18px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(1, 1fr);
   grid-column-gap: 20px;
   grid-row-gap: 0px;
}
.footer__bottom a:nth-child(2) {
   margin: 0 auto;
}
.footer__text {
   text-align: end;
   color: var(--grey100);
   font-size: 10px;
}
@media (max-width: 932px) {
   .footer__body-bottom {
      flex-direction: column;
      justify-content: space-between;
      gap: 24px;
   }
   .footer__logo {
      position: unset;
      transform: translate(0%, 0%);
      width: 183px;
      height: 60px;
   }
   .footer__body-top {
      gap: 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
   }
}
@media (max-width: 830px) {
   .footer__bottom {
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: repeat(3, 1fr);
      grid-column-gap: 0px;
      grid-row-gap: 16px;
      justify-content: center;
   }
   .footer__bottom .footer__link {
      text-align: center;
   }
   .footer__text {
      text-align: center;
   }
   .footer__list {
      justify-content: center;
      flex-wrap: wrap;
   }
}
@media (max-width: 680px) {
   .footer__info {
      flex-direction: column;
      align-items: center;
      gap: 24px;
   }
   .footer__contacts {
      align-items: center;
   }
   .footer__logo {
      height: 80px;
   }
}

/********************/
.main-banner {
   height: calc(100vh - 142.39px);
}
.main-banner.blogbanner {
   padding: 0 34px;
}
.main-banner.blogbanner .main-banner__img {
   border-radius: 24px;
   overflow: hidden;
}
.main-banner__wrapper {
   width: 100%;
   height: 100%;
}
.main-banner__content {
   width: 100%;
   height: 100%;
   position: relative;
}
.main-banner__img {
   width: 100%;
   height: 100%;
   position: relative;
}
.main-banner__img-gradient {
   width: 100%;
   height: 100%;
   /* background: linear-gradient(183deg, rgba(15, 76, 109, 0) 0%, #0f4c6d 100%); */
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}
.main-banner__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.main-banner__container {
   position: absolute;
   bottom: 0;
   top: 0;
   z-index: 2;
   padding-bottom: 100px;
   width: 100%;
   left: 50%;
   transform: translateX(-50%);
}
.main-banner__title {
   color: #87D1F3;
   margin-bottom: 75px;
   text-transform: uppercase;
   font-size:90px !important;
}

.main-banner .btn-white, .main-slider .btn-white{
  padding: 20px 130px;
}

@media(max-width:1440px){
   .main-banner__title, .slider-banner-slide__title, .main-advantage__subtitle {

      font-size:56px !important;
         margin-bottom:50px !important;
   }

   .main-banner__container {
      padding-bottom: 80px;
   }

   .main-slider__title {
      font-size:46px !important;;
      margin-bottom:40px !important;;
   }

   .main-advantage__title {
      font-size:56px !important;
      padding-bottom:22px !important;
   }
   
   .main-advantage__text {
       font-size:22px !important;;
       padding-bottom:22px !important;
   }
}

@media(max-width:1024px){
   .main-banner__title, .slider-banner-slide__title, .main-advantage__subtitle {
   font-size:46px !important;
    margin-bottom:30px !important;

   }
   .main-banner .btn-white, .main-slider .btn-white{
  padding: 22px 80px;
}
   .main-banner__container {
      padding-bottom: 50px;
   }

      .main-slider__title {
      font-size:40px !important;
   }
      .main-advantage__title {
      font-size:40px !important;
       padding-bottom:36px !important;
   }
     .main-advantage__text {
       font-size:20px !important;
        padding-bottom:36px !important;
   }

   .main-advantage__img img {

      object-fit: cover;
   }
}

@media(max-width:768px){
      .main-banner__title, .slider-banner-slide__title, .main-advantage__subtitle {

      font-size:56px !important;
       margin-bottom:50px !important;

   }
      .main-banner__container {
      padding-bottom: 70px;
   }
         .main-slider__title {
      font-size:46px !important;
      margin-bottom:40px !important;
   }
     .main-advantage__text {
       font-size:18px !important;
       padding-bottom:40px !important;
   }
}

@media(max-width:390px){
      .main-banner__title, .slider-banner-slide__title, .main-advantage__subtitle {
   font-size:46px !important;
    margin-bottom:30px !important;
   }
      .main-banner__container {
      padding-bottom: 35px;
   }

       .main-slider__title {
   font-size:36px !important;
    margin-bottom:24px !important;

   }

      .main-advantage__title {
      font-size:36px !important;
       padding-bottom:25px !important;
   }
     .main-advantage__text {
       font-size:16px !important;
        padding-bottom:25px !important;
   }
}


@media (max-width: 480px) {
   .main-banner {
      height: calc(100vh - 108.39px);
   }
}
/********************/
.main-slider {
   overflow: hidden;
}
.main-slider__title {
   /* margin-bottom: 40px; */
   margin-bottom:20px;
   color: var(--brand-blue1);
   text-align: center;
   width: 100%;
   font-size:80px;
}
.slider-banner {
   width: 100%;
   height: 100vh;
}
.slider-banner__item {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.slider-banner-slide__wrapper {
   width: 100%;
   height: 100%;
   position: relative;
}
.slider-banner-slide__img {
   width: 100%;
   height: 100%;
   position: relative;
}
.slider-banner-slide__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.slider-banner-slide__img-gradient {
   width: 100%;
   height: 100%;
   /* background: linear-gradient(183deg, rgba(15, 76, 109, 0) 0%, #0f4c6d 100%); */
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}
.slider-banner-slide__container {
   position: absolute;
   bottom: 0;
   z-index: 2;
   padding-bottom: 85px;
   width: 100%;
   left: 50%;
   transform: translateX(-50%);
   /* display: flex;
   flex-direction: column;
   gap: 16px; */
}
.slider-banner-slide__title {
   color: #87D1F3;
   font-size:90px;
   margin-bottom:75px;
}

.slider-banner-slide__text {
   color: #fff;
}
.slider-banner .slider-banner .slick-arrow {
   display: none;
}
.slider-banner .slider-banner .slick-arrow {
   display: none;
}
.slider-banner .slick-dots {
   position: absolute;
   bottom: 20px;
   display: flex;
   flex-direction: row;
   gap: 8px;
   justify-content: center;
   padding: 0 12px;
}
.slider-banner .slick-list,
.slider-banner .slick-track {
   width: 100%;
   height: 100%;
}
.slick-dotted.slick-slider {
   margin-bottom: 0px;
}
.slider-banner .slick-dots li {
   width: 100%;
   max-width: 75px;
   background: #fff;
   border-radius: 99px;
   height: 5px;
   margin: 0;
   transition: all 0.3s ease 0s;
   opacity: 0.5;
}
.slider-banner .slick-dots li.slick-active {
   opacity: 1;
}
@media (max-width: 480px) {
   .main-slider__title {
      margin-bottom: 26px;
   }
}
/********************/
.main-advantage__title {
   text-align: center;

   margin: 0 auto;
   color: var(--brand-blue1);
   padding-bottom: 24px;
   font-size:60px;
}
.main-advantage__text {
   text-align: center;
   max-width: 937px;
   margin: 0 auto;
   color: var(--black1);
   padding-bottom: 26px;
   font-size:24px;
}
.main-advantage__content {
   position: relative;
   width: 100%;
   height: 100vh;
}
.main-advantage__img {
   width: 100%;
   height: 100%;
   position: relative;
}
.main-advantage__img img {
   width: 100%;
   height: 100%;
   /* object-fit: cover; */
}
.main-advantage__body {
   height: 100%;
   position: relative;
}
.main-advantage__carts {
}
.main-advantage__cart {
   position: absolute;
}
.main-advantage__cart:nth-child(1) {
    top: 34%;
    left: 51%;
}
.main-advantage__cart:nth-child(2) {
   top: 74%;
   right: 20%;
}
.main-advantage__dotted {
   position: relative;
   width: 54px;
   height: 54px;
   cursor: pointer;
}
.main-advantage__circle-1 {
   width: 54px;
   height: 54px;
   border-radius: 50%;
   background: #ffffff20;
   position: absolute;
   z-index: 2;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(1);
   transition: all 3s ease 0s;
}
.main-advantage__circle-2 {
   position: absolute;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   left: 50%;
   top: 50%;
     z-index: 2;
   transform: translate(-50%, -50%) scale(1);
   background: #ffffff50;
   transition: all 1s ease 0s;
}
.main-advantage__dotted:hover .main-advantage__circle-2 {
   transform: translate(-50%, -50%) scale(1.2);
   background: #ffffff;
}
@keyframes pulse {
   0%,
   100% {
      transform: translate(-50%, -50%) scale(1);
   }
   50% {
      transform: translate(-50%, -50%) scale(1.2);
   }
}

.main-advantage__circle-1 {
   animation: pulse 8s infinite;
}
.main-advantage__cart-popup {
}
.mini-cart-popup {
   position: absolute;
   bottom: 0;
   left: 70px;
   width: 227px;
   background: rgba(0, 0, 0, 0.2);
   backdrop-filter: blur(30px);
   border-radius: 8px;
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition:
      opacity 0.3s ease,
      transform 0.3s ease,
      visibility 0s linear 0.3s;
}

.mini-cart-popup.visible {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
   transition:
      opacity 0.3s ease,
      transform 0.3s ease,
      visibility 0s;
}
.mini-cart-popup__wrapper {
   padding: 4px;
}
.mini-cart-popup__img {
   border-radius: 8px;
   width: 100%;
   height: 120px;
   padding-bottom: 4px;
   overflow: hidden;
}
.mini-cart-popup__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.mini-cart-popup__content {
   padding: 8px;
}
.mini-cart-popup__title {
   color: var(--grey25);
   margin-bottom: 4px;
}
.mini-cart-popup__price {
   color: #ffffff60;
}
.main-advantage__bottom {
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   gap: 63px;
   position: absolute;
   bottom: 40px;
}
.main-advantage__subtitle {
   color: #87D1F3;
   max-width: 713px;
   font-size:90px;
}
.main-advantage__list {
   display: flex;
   flex-direction: row;
   gap: 20px;
   margin-bottom:0;
   padding-left:0;
}
.main-advantage__item {
   display: flex;
   flex-direction: column;
   gap: 20px;
}
.main-advantage__item-img {
   width: 56px;
   height: 53px;
}
.main-advantage__item-text {
   color: #fff;
   margin-bottom:0;
}
.main-advantage-container {
   position: absolute;
   width: 100%;
   top: 0;
   height: 100vh;
   left: 50%;
   transform: translateX(-50%);
}
/* @media (max-width: 1170px) {
   .main-advantage__bottom {
      gap: 50px;
   }
} */
@media (max-width: 1440px) {
   .main-advantage__cart:nth-child(1) {
      top: 45%;
      left: 5%;
   }
   .main-advantage__bottom {
      flex-direction: column;
      align-items: flex-start;
      gap:0 !important
   }
}
@media (max-width: 768px) {
   .main-advantage__body {
      display: none;
   }
   .main-advantage__list {
      flex-direction: column;
      gap: 24px;
   }
   .main-advantage__item {
      flex-direction: row;
      align-items: center;
   }
   /* .main-advantage__bottom {
      gap: 24px;
   } */
}
@media (max-width: 480px) {
   .main-advantage__text {
      padding-bottom: 24px;
   }
}
/********************/
.main-advantage{
   margin-bottom:100px;
}
.main-marketing {
   padding-top: 120px;
   width: 100%;
   overflow-x: hidden;
   margin-bottom: 100px;
}
.main-marketing__wrapper {
   position: relative;
   width: 100%;
   min-height: 100vh;
}
.main-marketing__img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
}
.main-marketing__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.main-marketing__img-gradient {
   background: linear-gradient(180deg, rgba(113, 185, 223, 0.6) 0%, #f9f9f9 100%);
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 2;
}
.main-marketing__img-dec-1 {
   position: absolute;
   top: -120px;
   left: 24px;
   z-index: 3;
}

.main-marketing__img-dec-2 {
   position: absolute;
   top: 220px;
   right: 0px;
   z-index: 3;
   transform: translateX(120px);
}
.main-marketing__img-dec-1 img,
.main-marketing__img-dec-2 img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.main-marketing__container {
   position: relative;
   z-index: 4;
   height: 100%;
   min-height: 100vh;
}
.main-marketing__content {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   gap: 50px;
   min-height: 100vh;
}
.main-marketing__top {
   margin: 98px auto 0 auto;
   max-width: 730px;
}
.main-marketing__title {
   text-align: center;
   color: #ffffff;
   margin-bottom: 32px;
}
.main-marketing__btn {
   margin: 0 auto;
}
.btn-request {
}
.main-marketing__bottom {
   margin-bottom: 35px;
}
.main-marketing__bottom-title {
   color: var(--brand-blue1);
   text-align: center;
   margin-bottom: 60px;
}
.main-marketing__item {
   height: 100%;
   max-height: 382px;
   background: #f4f4f4;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.main-marketing__item-link {
   text-align: center;
   color: #b1b1b1;
}

.main-marketing__list {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(1, 382px);
   grid-column-gap: 24px;
   grid-row-gap: 0px;
}
@media (max-width: 992px) {
   .main-marketing__img-dec-2 {
      top: 150px;
      right: 0px;
      width: 350px;
      transform: translateX(100px);
   }
   .main-marketing__img-dec-1 {
      left: -24px;
   }
}
@media (max-width: 768px) {
   .main-marketing__list {
      display: grid;
      grid-template-columns: repeat(1, 366px);
      grid-template-rows: repeat(3, 366px);
      grid-column-gap: 0px;
      grid-row-gap: 12px;
      justify-content: center;
   }
   .main-marketing {
      margin-bottom: 70px;
   }

   .main-advantage{
   margin-bottom:70px;
}
}
@media (max-width: 580px) {
   .main-marketing__img-dec-1 {
      left: 0;
      width: 200px;
      top: -50px;
      transform: translateX(-80px);
   }
   .main-marketing__content {
      gap: 170px;
   }
   .main-marketing__img-dec-2 {
      top: 250px;
      right: 0px;
      width: 300px;
      transform: translateX(40px);
   }
   .main-marketing__bottom-title {
      margin-bottom: 30px;
   }
   .main-marketing {
      padding-top: 66px;
   }
}
@media (max-width: 480px) {
   .main-marketing__img-dec-2 {
      top: 290px;
      right: 0px;
      width: 250px;
      transform: translateX(30px);
   }
   .main-marketing {
      margin-bottom: 50px;
   }
}
.content_404{
	background:url(./assets/images/images/404.png);
	background-repeat:no-repeat;
	background-position: 50% 150px;
	text-align:center;
}
.title_404{
    font-family: "EngraversGothic";
    color: var(--brand-blue1);
    font-weight: 700;
    font-size: 56px;
    text-transform: uppercase;
    letter-spacing: 0px;
	line-height:90%;
}
.content_404 p{
	font-family: Inter;
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	margin:16px auto 0 auto;
	max-width:600px;
	color:var(--black1);
}
.content_404 .btn-dark{
	margin:24px auto 12px auto;
}
.content_404 img{
	max-width:100%;
}
@media (max-width: 720px) {
	.content_404{
		background-size:120%;
	}
	.title_404{
		font-size:46px;
	}
	.content_404 .btn-dark{
		margin-bottom:20px;
	}
}
.custom-tabs{
   display: flex;
   justify-content: center;
   flex-direction: column;
}
.custom-tabs .nav-link{
   font-size:16px;
   padding:16px 28px;
   border-radius: 100px !important;
   border: 1px solid !important;
   border-color:#292929 !important;
   margin:0 4px !important;
}
.custom-tabs .nav-link.active{
   background:#85D1F3 !important;
   color:#fff !important;
   border-color:#85D1F3 !important;
}
#sectionsTab{
   display: flex;
   justify-content: center;
   border-bottom: none;
}
.tab-content>.active{
   display:flex !important;
   flex-direction: row;
   flex-wrap:wrap;
}
.articlecontent img{
   width:100%;
}
.card {
   border-radius:16px;
}
a .card-title{
   font-size:20px;
   font-weight:500;
   color:#292929;
   text-decoration:none;
}
.lister a{
   text-decoration:none;
}
.section-title.mb-4{
   font-family: var(--font-second);
   text-transform: uppercase;
   width: 100% !important;
   text-align: center;
   margin-bottom: 30px !important;
   color: #2B5F7A;
   font-size: 46px;
   font-weight: 700;
}
.card-date{
   color:#AAAAAA;
   font-size:14px;
   margin-top:12px;
   font-weight:500;
}
.article-listing{
   display:flex;
   justify-content: space-between;
}
.article-listing .article{
   display: flex;
   flex-direction: row;
   width:100%;
}
.article-listing .article img{
   width:120px;
   height:120px;
   object-fit:cover;
   border-radius:16px !important;
}
.article-content{
   padding:0 16px;
}
.article-content-title{
   font-size:15px;
   font-weight:500;
}
.blogbanner .main-banner__container p{
   color:rgba(255, 255, 255, 0.6);
}
.blogbanner .main-banner__container .tags{
   display:flex;
   color:rgba(255, 255, 255, 0.6);
}
.blogbanner .main-banner__container .tags p{
   display: flex;
   align-items: center;
   font-size:14px;
   font-weight:500;
}
.blogbanner .main-banner__container .tags p:not(:first-child):before{
   content:'';
   width:3px;
   height:3px;
   background:rgba(255, 255, 255, 0.6);
   margin:0 7px;
   display:block;
}
.blogbanner .main-banner__container h2{
   font-weight: 700;
   font-size: 46px;
   line-height: 90%;
   text-transform: uppercase;
   color:#fff;
   max-width:800px;
}
.article-image{
   border-radius:16px;
}
.tags-list span{
   font-weight: 500;
   font-size: 14px;
   line-height: 120%;
   color:#194156;
   text-decoration:none;
   display: flex;
   align-items: center;
}
.tags-list span:not(:first-child):before{
   content:'';
   width:3px;
   height:3px;
   background:rgb(170, 170, 170);
   margin:0 7px;
   display:block;
}
.tags-list{
   display:flex;
   text-decoration:none;
}
.article-listing a{
   text-decoration:none;
}
.article-listing  h5{
   font-family: Inter;
   font-weight: 500;
   font-size: 20px;
   line-height: 120%;
   letter-spacing: -2%;
   color:#292929;
   padding:12px 0;
}
.article-listing .card-text small{
   color:rgba(0,0,0,0.2);
   font-weight:500;
}
.custom-tabs .tags-list span{
   color:#2B5F7A;
}
.custom-tabs .card-title{
   font-family: Inter;
   font-weight: 500;
   font-size: 20px;
   line-height: 120%;
   color:#292929;
   margin:12px 0;
}
.blog-page-subtitle{
   padding-top:80px;
}
/* Единый размер картинок в блоке «Все статьи» */
.blog-articles-grid .blog-article-card-img {
   aspect-ratio: 3 / 2;
   overflow: hidden;
   background: #f5f5f5;
   border-radius: 0.25rem 0.25rem 0 0;
}
.blog-articles-grid .blog-article-card-img .card-img-top {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 0;
}
@media(max-width:800px){
   .article-listing.container{
      flex-direction:column;
   }
   .article-listing .article{
      flex-direction:column;
   }
}
.card{
   border:none !important;
}
.slick-initialized .slick-slide{
   max-width:1200px;
}
.card.product-item-small-card{

}
.card .product-item-title a{
   color: #292929;
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   text-align:left;
   display:block;
}
.card .product-item-price-current{
   font-family: Inter;
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: -2%;
   color:#aaa;
   text-align:left;
   display:block;
}
.bitrix-card .product-item-info-container-qty{
   display:none;
}
.product-item-info-container-buttons-block{
   position: absolute;
   right: 0;
   bottom: 10px;
}
.card .product-item-image-original{
   background-size:cover;
   border-radius:8px;
}
.catalog-filter-block-container{
   position: absolute;
   z-index: 99;
   background: #fff;
   right: 0;
}
.catalog-filter-block-container:before{
   top: 0;
   content: '';
   display: block;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.5);
   z-index: 8;
   position: fixed;
   left: 0;
}
.bx-sidebar-block{
   z-index: 9;
   display: block;
   background: #fff;
   position: fixed;
   top: 0;
}

@media(max-width:768px){
   .bx-sidebar-block{
      left:0;
   }
}

.bx-sidebar-block .smart-filter{
   padding: 36px 34px;
   height: 100vh;
}
.smart-filter-title{
   color:#292929;
   font-weight: 700;
   font-size: 36px;
   line-height: 90%;
   letter-spacing: -2%;
   text-align: left;
   text-transform: uppercase;
}
.smart-filter-parameters-box-title-text{
   font-family: Inter;
   font-weight: 500;
   font-size: 16px;
   line-height: 90%;
   letter-spacing: -2%;
   color:#292929 !important;
}
.smart-filter-container-modef{
   display:none;
}
.smart-filter-parameters-box-title{
   display: flex !important;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #ECECEC;
}
.smart-filter-slider-price-bar-v{
   background:#AAAAAA !important;
}
.smart-filter-slider-price-bar-vd{
   height:4px;
}
.smart-filter-slider-price-bar-vn{
   height:4px;
}
.smart-filter-slider-price-bar-v{
   height:4px;
}
.smart-filter-slider-handle.left{
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: none;
   background: #2B5F7A;
   top: -5px;
}
.smart-filter-slider-handle.right{
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: none;
   background: #2B5F7A;
   top: -5px;
}
.smart-filter-parameters-box-container .btn.btn-primary{
   background: #2B5F7A;
   border-radius: 100px;
   padding: 10px 40px;
   font-size: 14px;
   border: none;
}
.smart-filter-parameters-box-container .btn.btn-link{
   background: #ECECEC;
   border-radius: 100px;
   padding: 10px 40px;
   font-size: 14px;
   border: none;
   text-decoration:none;
   color:#aaa;
}
.smart-filter-button-box .smart-filter-parameters-box-container{
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
}
.form-check-input:checked{
   background-color: #2B5F7A;
   border-color: #2B5F7A;
}
.smart-filter-parameters-box.price-filter{
   order:99;
   padding-right: 15px;
   padding-left: 15px;
}
.smart-filter-title{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.smart-filter-input-group-number{
   display: flex;
   flex-direction: column-reverse;
}
.slider-banner__item{
   max-width:100vw !important;
}
.smart-filter-title .closer{
   cursor:pointer;
}
   /* Стили для слайдера */
.lister-slider {
   overflow:hidden;
}
.lister-slider .slick-slide{
   margin:0 8px;
}
.slider-title{
   display: flex;
   justify-content: space-between;
   width: 100%;
   align-items: center;
}
.slider-title a{
   font-weight: 500;
   font-size: 16px;
   line-height: 90%;
   text-decoration:none;
   width:100px;
   color:#2B5F7A;
}
.slider-navi{
   display:flex;
}
.slider-arrow{
   border-color: #2B5F7A;
   border: 1px solid;
   width: 46px;
   height: 46px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   cursor:pointer;
}
.slider-navi .slider-arrow:first-child{
   margin-right:12px;
}
@media(max-width:900px){
   .slider-title{
      flex-wrap: wrap;
      margin-bottom:30px;
   }
   .slider-title a{
      order:2;
   }
   .slider-title .section-title{
      width:100vw;
   }
   .slider-title .slider-navi{
      order:3;
   }
   .article-listing .article{
      display:flex;
      flex-direction:row;
   }
   .article-listing .article .col-md-4{
      width:auto;
   }
   .article-listing .article .col-md-8{
      width:auto;
      padding-left:16px;
   }
}
.catalog-filter-block .catalog-filter-block-container{
    position:absolute;
}
.catalog-filter-block  .pb-4.col-lg-9.col-md-8.col-sm-7{
   width:100% !important;
}
.horizontal_custom_filter .smartfilter{
   width:100%;
}
.horizontal_custom_filter .smartfilter row{
   display:flex;
}
.horizontal_custom_filter .bx-filter-parameters-box{
   width:auto !important;
}
.horizontal_custom_filter .bx-filter-parameters-box-title .bx-filter-parameters-box-hint, .horizontal_custom_filter .allfilters, .horizontal_custom_filter .popular{
   color:#292929;
   font-size:16px;
   font-weight:500;
   cursor:pointer;
}
.horizontal_custom_filter .bx-filter-section{
   padding:0;
   background:transparent !important;
}
.horizontal_custom_filter .smartfilter .row{
   width: 100%;
   display: flex;
   justify-content: center;
}
.bx-filter-parameters-box.allfilters, .bx-filter-parameters-box.popular{
   padding:0 15px;
}
.horizontal_custom_filter .bx-filter-button-box{
   display:none;
}
.bitrix-component.product-item-container.hover .addtocart{
   position: absolute;
   bottom: 20px;
   right: 20px;
}
.bitrix-component.product-item-container .bitrix-card .product-item-info-container-qty{
   display:block;S
}
.bitrix-component.product-item-container .product-item-amount-description-container{
   display:none !important;
}
.bitrix-component.product-item-container .product-item-amount-field-container{
   margin: 0;
   padding: 0;
   width: 100px;
   position: absolute;
   right: 0;
   bottom: 60px;
}
.bitrix-component.product-item-container  .product-item-title{
   overflow: hidden;
}
.bitrix-component.product-i1tem-container .addtocart{
   position: absolute;
   right: 20px;
   /*bottom: 20px;*/
   bottom: 6px;
}
.product-item-small-card .js-favorite-btn{
   position: absolute;
   top: 40px;
   z-index: 20;
   right: 40px;
}
.news-detail {
   padding: 0 34px;
}
.news-detail h1 {
   font-size: 56px;
}
.news-detail h2{
   margin-bottom: 40px;
   color: var(--brand-blue1);
   text-align: center;
   width: 100%;
   font-family: var(--font-second);
   font-size: 36px;
   line-height: 0.9;
   text-transform: uppercase;
}
.news-detail-content {
   max-width: 816px;
   margin: 0 auto;
}
.news-detail-content img {
   margin: 24px 0 32px;
}
.news-detail .news-detail-slider img, .news-detail .news-detail-img img{
   width:100%;
   height:100%;
}
.basket-checkout-container .basket-coupon-block-field-description{
   font-weight: 500;
   font-size: 20px;
   line-height: 120%;
   letter-spacing: -2%;
   color:#292929;
}

#basket-root .basket-items-list-item-container .basket-item-block-info {
   padding: 0 0 0 15px;
}

.basket-item-block-info .basket-item-info-name-link span{
   color:#292929;
   font-weight: 500;
   font-style: Medium;
   font-size: 16px;
   leading-trim: NONE;
   line-height: 120%;
}
.basket-item-block-info .basket-item-block-properties{
   display:flex;
}
.basket-item-block-info .basket-item-property-custom-value{
   color:#aaa;
   font-weight: 500;
   font-style: Medium;
   font-size: 14px;
   leading-trim: NONE;
   line-height: 120%;
}
.basket-items-list-item-amount .basket-item-block-amount{
   border:1px solid #ECECEC;
   border-radius:50px;
   padding:0;
}
.basket-items-list-item-container .basket-item-amount-btn-plus, .basket-items-list-item-container .basket-item-amount-btn-minus{
   height:40px;
   width: 40px;
   border-radius: 50px 0px 0 50px;
}
.basket-items-list-item-container .basket-item-amount-btn-plus{
   border-radius: 0px 50px 50px 0;
}
.basket-items-list-item-container .basket-item-amount-filed{
   border:none;
   height:40px;
}
.basket-item-block-actions{
   opacity:1 !important;
}
.basket-items-list-item-remove .basket-item-actions-remove:after, .basket-items-list-item-remove .basket-item-actions-remove:before{
   background:#AAAAAA;
}
.basket-items-list-item-container .basket-items-list-item-remove,
.basket-items-list-item-price, .basket-items-list-item-amount,
.basket-items-list-item-descriptions,
.basket-items-list-item-container .basket-item-block-info{
   align-content: center;
   padding-top: 0 !important;
}

.basket-item-block-price{
   padding-top:0 !important;
}
.basket-items-list-item-container .basket-items-list-item-price{
   padding:0 70px;
}
.basket-items-list-item-container .basket-item-image{
   width:100px;
   height:100px;
}
.basket-items-list{
   padding-left:0 !important;
}
.basket-items-list-item-container .basket-item-block-image{
   padding:0 !important;
}
.basket-items-list-table tr.basket-items-list-item-container td{
   padding-bottom:16px !important;
   padding-top:16px !important;
}
.popup-window-buttons .btn-primary.btn-buy,
.basket-checkout-section .basket-btn-checkout,
#bx-soa-order .basket-btn-checkout,
.order-complete-page .btn-success,
.order-complete-page input[type='submit'].btn {
   width: 100%;
   border-radius: 50px;
   background: #2B5F7A;
   border: none;
   color:#fff;
   font-family: Inter;
   font-weight: 500;
   font-style: Medium;
   font-size: 14px;
   leading-trim: NONE;
   line-height: 100%;
   padding-top:18px;
   padding-bottom:18px;
}

.order-complete-page input[type='submit'].btn {
   background: #87D2F2;
   color: #fff;
   margin: 20px 0 0 0;
   display: inline-flex;
   width: auto;
   padding: 18px 90px;
   font-size: 20px;
}

.order-complete-page input[type='submit'].btn:hover{
   /*border-color: var(--theme-b-bd-primary-hover);*/
   background: #878787;
   /*background-color: var(--theme-b-bg-primary-hover);*/
   color: var(--theme-b-tx-primary-hover);
}
.basket-checkout-block.basket-checkout-block-btn{
   padding-left:0;
}
.basket-checkout-section .basket-checkout-block-total{
   padding-right:0;
}
.basket-checkout-section .basket-checkout-block-total-title{
   color:#aaa;
   font-family: Inter;
   font-weight: 500;
   font-style: Medium;
   font-size: 20px;
   leading-trim: NONE;
   line-height: 120%;
}
.basket-checkout-section .basket-checkout-block-total-inner{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.basket-checkout-section .basket-coupon-block-total-price-current{
   color:#292929;
   font-family: Inter;
   font-weight: 500;
   font-style: Medium;
   font-size: 20px;
   leading-trim: NONE;
   line-height: 120%;
   padding:0;
   margin:0;
}
.basket-delivery{
   display:flex;
   justify-content: space-between;
   color:#aaa;
   font-family: Inter;
   font-weight: 500;
   font-style: Medium;
   font-size: 16px;
   leading-trim: NONE;
   line-height: 120%;
}
.basket-delivery span:last-child{
   color:#292929;
}
.basket-count{
   display:flex;
   justify-content: space-between;
   color:#aaa;
   font-family: Inter;
   font-weight: 500;
   font-style: Medium;
   font-size: 16px;
   leading-trim: NONE;
   line-height: 120%;
}
.basket-count div:last-child{
   color:#292929;
}
.basket-coupon-section .form-control {
   background: #F9F9F9;
   padding: 18px 20px;
   font-family: Inter;
   font-weight: 500;
   font-style: Medium;
   font-size: 16px;
   leading-trim: NONE;
   line-height: 120%;
   letter-spacing: -2%;
   font-family: Inter;
   font-weight: 500;
   font-style: Medium;
   font-size: 16px;
   leading-trim: NONE;
   line-height: 120%;
   letter-spacing: -2%;
   border-radius: 12px;
   margin-top: 16px;
   margin-bottom: 24px;
}
.basket-checkout-container{
   padding: 0 !important;
   border: none !important;
   display: flex !important;
   flex-direction: column !important;
}
.basket-coupon-block-field{
   padding-right:0 !important;
}
.basket-checkout-block.basket-checkout-block-total{
   margin-top:16px;
   padding-top:16px;
   border-top:1px solid #ECECEC;
}
#basket-items-list-wrapper{
   border:none !important;
}
#basket-item-list{
   max-height:530px;
   overflow:auto;
}
@media(max-width:800px){
   #basket-root .row.row1{
      display:flex;
      flex-direction:column;
   }
   td.basket-items-list-item-remove{
      display:none !important;
   }
   .basket-items-list-item-amount .basket-item-block-amount{
      border:none;
   }
   .basket-item-actions-remove:before, .basket-item-actions-remove:after {
      background:#aaa !important;
   }
   .basket-item-block-image{
      min-width:auto !important;
   }
   .basket-items-list-item-descriptions-inner{
      flex-direction:row !important;
   }
}
.detail__container {
   display: flex;
   width: 100%;
   gap: 68px;
   justify-content: space-between;
   margin-top: 60px;
   margin-bottom: 100px;
}

.detail__image-wrapper.mobile {
   display: none;
}

.detail__image-wrapper {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 34px;
}

.detail__image-wrapper .main-photo {
   width: 100%;
   height: auto;
   aspect-ratio: 1;
   background-color: beige;
   border-radius: 16px;
   overflow: hidden;
}

.detail__image-wrapper .main-photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   user-drag: none;
   -webkit-user-drag: none;
}

.detail__image-wrapper .grid-photo {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 34px;
}

.detail__image-wrapper .grid-photo img {
   background-color: beige;
   width: 100%;
   height: auto;
   aspect-ratio: 1;
   border-radius: 16px;
   overflow: hidden;
   object-fit: cover;
   user-drag: none;
   -webkit-user-drag: none;
}

.detail__info-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: 618px;
   gap: 18px;
}

.detail__title {
   color: var(--brand-blue1);
}

.detail__price-old {
   color: var(--grey100);
   display: flex;
   align-items: center;
   gap: 10px;
   font-weight: 500;
   font-family: "Inter";
}

.detail__price {
   display: flex;
   flex-direction: column;
   gap: 4px;
   position: relative;
}

.detail__price-current {
   margin-right: 46px;
   color: var(--black1);
}

.favorite:focus {
   outline: none;
}

.favorite {
   position: absolute;
   bottom: 0;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
}

.favorite path {
   stroke: #AAA;
   fill: white;
   width: 100%;
   height: 100%;
   transition: .2s ease-in-out;
}

.favorite svg {
   transition: .2s ease-in-out;
}

.favorite:hover svg {
   scale: 1.1;
}

.favorite:active path {
   opacity: 0.7;
}
.favorite.srbaa_favorites_added path {
   stroke: white;
   fill: var(--brand-blue2);
   width: 36px;
   height: 36px;
}

.detail__size-group .info {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: white;
   overflow: hidden;
   transition: height .3s;
}

.detail__size {
   color: var(--black1);
   display: flex;
   gap: 8px;
   align-items: center;
   font-weight: 500;
   cursor: pointer;
}

.detail__size::after {
   background-image: url("/images/accordeon.svg");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   content: '';
   width: 18px;
   height: 18px;
   transition: .2s ease-in-out;
}

.detail__size.active::after {
   rotate: 180deg;
}

.detail__status {
   font-family: "Inter", sans-serif;
   font-weight: 500;
   font-size: 16px;
   line-height: 90%;
   letter-spacing: -2%;
   display: flex;
   gap: 10px;
   align-items: center;
}

.detail__status .stock {

   width: 20px;
   height: 20px;
   border-radius: 100%;
   background-color: var(--brand-blue1);
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;

}

.detail__status .stock::before {
   content: '';
   background-image: url("/images/stock.svg");
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   width: 14px;
   height: 14px;
}

.detail__sizes.active {
   margin-top: 10px;
}

.detail__sizes {
   position: relative;
   z-index: 1;
   max-height: 0;
   transition: .2s ease-out;
   font-weight: 500;
   overflow: hidden;
   display: flex;
   flex-wrap:wrap;
   gap: 8px;
}

.detail__size-item.active {
   background-color: var(--grey50);
}

.detail__size-item {
   cursor: pointer;
   padding: 8px 14px;
   border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--grey25);
   transition: .25s ease-in-out;
}

.detail__buttons {
   display: flex;
   width: 100%;
   gap: 10px;
   align-items: center;
   justify-content: center;
   justify-content: space-between;
}

.detail__buttons > button {
   width: 100%;
   font-family: "Inter", sans-serif;
   font-weight: 500;
   font-size: 14px;
   line-height: 100%;
   letter-spacing: -2%;
   padding-top: 22px;
   padding-bottom: 22px;
}

.detail__buttons > button:focus {
   outline: none;
}

.detail__buttons .btn-dark {
   background-color: var(--brand-blue1);
}

.detail__buttons .btn-white {
   border: 1px solid var(--brand-blue1);
}

.detail__accordeons {
   display: flex;
   flex-direction: column;
}

.accordeon-body {
   overflow: hidden;
   transition: height .3s;
   background-color: white;
}

.accordeon-title {
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 72px;
   user-select: none;
   position: relative;
   z-index: 2;
   font-weight: 500;
}

.accordeon-title::after {
   background-image: url("/images/accordeon.svg");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   content: '';
   width: 18px;
   height: 18px;
   transition: .2s ease-in-out;
}

.accordeon-body.active .accordeon-title::after {
   rotate: 180deg;
}

.accordeon-subject {
   position: relative;
   z-index: 1;
   max-height: 0;
   transition: .2s ease-out;
   font-weight: 500;
}

.properties {
   display: flex;
   flex-direction: column;
}

.property {
   display: flex;
   justify-content: space-between;
   gap: 10px;
   padding: 20px 0;
   border-bottom: 1px solid var(--grey50);
}

.property a {
   color: var(--brand-blue1);
   transition: .2s ease-in-out;
}

.property a:hover {
   color: var(--brand-blue2);
}

.property-title {
   width: 240px;
   font-weight: 500;
}

.property-value {
   width: calc(100% - 250px);
   font-weight: 500;
}

.reviews {
   display: flex;
   flex-direction: column;
}

.review {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 20px 0;
   border-bottom: 1px solid var(--grey50);
}

.review__header {
   display: flex;
   width: 100%;
   justify-content: space-between;
}

.review__name {
   margin-right: 24px;
   color: var(--brand-blue1);
}

.review__date {
   margin-left: auto;
   margin-top: auto;
   color: var(--grey100);
}

.review__rating {
   margin-left: 10px;
   color: var(--orange);
   display: flex;
   align-items: center;
   gap: 4px;
}

.review__rating::before {
   background-image: url("/images/star.svg");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   content: '';
   width: 18px;
   height: 18px;
}


/* Other products */

.other-products {
   display: flex;
   flex-direction: column;
   gap: 40px;
   width: 100%;
   margin: 40px 0;
}

.other-products__title {
   color: var(--brand-blue1);
   text-transform: uppercase;
   text-align: center;
}

.other-products__list {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 18px;
}

.other-products__item {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.other-products__item .item-image-wrapper {
   display: flex;
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
   position: relative;
   height: auto;
   aspect-ratio: 330 / 415;
}

.other-products__item .item-image-wrapper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   background-color: beige;
   user-drag: none;
   -webkit-user-drag: none;
}

.other-products__item .item-image-wrapper .favorite {
   position: absolute;
   right: 16px;
   top: 16px;
}

.other-products__item .item-info {
   display: flex;
   width: 100%;
   align-items: start;
   justify-content: space-between;
   gap: 10px;
}

.other-products__item .item-text {
   display: flex;
   flex-direction: column;
   gap: 4px;
   font-weight: 500;
}

.other-products__item .item-price {
   color: var(--grey100);
   font-weight: 500;
}

.item-add-basket {
   display: flex;
   align-items: center;
   justify-content: center;
}

.item-add-basket .counter {
   display: none;
}

.item-add-basket.active .counter {
   display: flex;
   align-items: center;
   padding: 8px 14px;
   border-radius: 40px;
   border: 1px solid var(--grey100);
   gap: 2px;
}

.item-add-basket .minus {
   width: 20px;
   height: 20px;
   outline: none;
   background: url("/images/minus.svg") no-repeat center;
}

.item-add-basket .value {
   width: 30px;
   background: none;
   text-align: center;
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: -0.02em;
   color: var(--black);
}

.item-add-basket .plus {
   width: 20px;
   height: 20px;
   outline: none;
   background: url("/images/plus.svg") no-repeat center;
}

.item-add-basket.active .basket {
   display: none;
}

.item-add-basket .basket {
   display: flex;
   width: 28px;
   height: 28px;
}

.item-add-basket .basket::before {
   content: '';
   background: url("/images/basket.svg") no-repeat center;
   background-size: contain;
   width: 100%;
   height: 100%;
   cursor: pointer;
}

@media screen and (max-width: 1140px) {
   .detail__container {
      flex-direction: column;
      gap: 20px;
   }

   .detail__info-wrapper {
      max-width: unset;
   }

   .detail__image-wrapper {
      display: none;
   }

   .detail__image-wrapper.mobile {
      display: flex;
      width: 100%;
      gap: 12px;
   }

   swiper {
      width: 100%;
      height: 100%;
   }

   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
   }

   .swiper-slide {
      background-size: cover;
      background-position: center;
      height: 100%;
      border-radius: 8px;
      overflow: hidden;
   }

   .thumbs-swiper {
      height: 80%;
      width: 100%;
      max-height: 500px;
   }

   .thumbs-swiper .swiper-slide {
      max-height: 500px;
   }

   .main-swiper {
      height: 20%;
      box-sizing: border-box;
      margin: 0 -34px;
      width: calc(100% + 68px);
      padding: 0 0 0 34px;
   }

   .main-swiper .swiper-slide {
      width: 25%;
      height: 100%;
      min-width: 100px;
   }

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

   .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .other-products__list {
      grid-template-columns: repeat(2, 1fr);
   }

   .other-products__item .item-image-wrapper {
      width: 100%;
      aspect-ratio: unset;
      max-height: 400px;
   }
}

@media screen and (max-width: 768px) {
   .other-products__item .item-image-wrapper .favorite {
      right: 8px;
      top: 8px;
      width: 28px;
      height: 28px;
   }

   .news-detail {
      padding: 0 12px;
   }

   .news-detail .container {
      padding: 0;
   }

   .news-detail h1 {
      font-size: 36px;
      margin-bottom: 24px;
   }
   .news-detail h2 {
      font-size: 24px;
      margin-bottom: 24px;
   }

   .other-products__list {
      gap: 12px;
   }

   .other-products__item .item-text,
   .other-products__item .item-price {
      font-size: 14px;
   }

   .other-products__item .item-image-wrapper {
      max-height: 300px;
   }

   .detail__buttons > button {
      padding: 20px 10px;
   }
   .property-title {
      width: 200px;
   }
   .property-value {
      width: calc(100% - 210px);
   }
   .other-products {
      gap: 20px;
      margin: 30px 0;
   }
   .detail__container {
      margin: 30px 0;
   }
}

@media screen and (max-width: 520px) {
   .main-swiper {
      margin: 0 -12px;
      width: calc(100% + 24px);
      padding: 0 0 0 12px;
   }
   .detail__sizes {
      grid-template-columns: repeat(3, 1fr);
   }
}
@media screen and (max-width: 480px) {
   .other-products__item .item-image-wrapper {
      max-height: 220px;
   }
   .thumbs-swiper .swiper-slide {
      max-height: 500px;
      aspect-ratio: 1;
   }
}
:root {
   --border-color: #ECECEC;
   --bg-color-input: #F9F9F9;
   --main-brand-color: #2B5F7A;
   --main-black-color: #292929;
   --error-color: #F63C3C;
}

html {
   box-sizing: border-box;
}

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

fieldset {
   border: none;
   padding-inline: 0;
   padding-block: 0;
}

legend {
   padding-inline: 0;
   padding-block: 0 16px;
}

/* START Text styles */
/* Main font of the page */
.checkout-page {
   font-family: Inter, sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: -0.02em;
   color: var(--main-black-color, #292929);
   margin: 0 auto;
   padding: 35px;
   max-width: 1440px;
}

/* Header */
.checkout-page__title,
.checkout-page h1 {
   font-family: "Engravers Gothic", sans-serif;
   font-weight: 700;
   color: var(--main-brand-color, #2B5F7A);
   font-size: clamp(2.25rem, 2.0179rem + 0.9524vw, 2.875rem);
   line-height: 90%;
   letter-spacing: inherit;
   text-transform: uppercase;
   margin-bottom: 40px;
}

/* Block titles */
.checkout__left__title {
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 120%;
   letter-spacing: inherit;
   color: #292929;
}
/* END Text styles */

.checkout-wrapper {
   display: flex;
   flex-flow: row nowrap;
   gap: clamp(1.25rem, -19.4352rem + 32.2892vw, 9.625rem);
}

.checkout__left {
   flex: 1 1 0;
   display: flex;
   flex-flow: column nowrap;
   gap: 24px;
}

.checkout__right {
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: 400px;
   flex: 1 1 0;
   gap: 24px;
}

.checkout__right__information-table-wrapper {
   display: flex;
   flex-flow: column nowrap;
   gap: 8px;
   width: 100%;
}

.checkout__right__information-table__row,
.checkout__right__total-wrapper {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
   gap: 8px;
   width: 100%;
}

.checkout__right__information-table__row__title,
.checkout__price {
   display: flex;
   flex-flow: row nowrap;
   gap: 3px;
}

.checkout__input {
   font-size: 16px;
   padding: 18px 20px;
   border-radius: 12px;
   border: 1px solid var(--border-color, #ECECEC);
   background-color: var(--bg-color-input, #F9F9F9);
   width: 100%;
   box-sizing: border-box;
}


.checkout__input:focus {
   border: 1px solid var(--border-color, #ECECEC);
   outline: none;
}

.checkout__input.wrong-field {
   border-color: var(--error-color, #F63C3C);
}

.checkout__input::placeholder {
   font-size: 16px;
   color: #AAAAAA;
}

.checkout__left__payment__fields,
.checkout__left__shipping__fields {
   display: flex;
   flex-flow: row wrap;
   gap: 8px;
}

.checkout__left__contacts__fields,
.checkout__left__address__fields {
   display: flex;
   flex-flow: row wrap;
   gap: 8px;
}

.checkout__left__contacts__fields label{
   flex: 1 1 49%;
   min-width: 300px;
}

.checkout__left__address__fields label {
   flex: 1 1 25%;
   min-width: 200px;
}

.checkout__left__shipping__item-wrapper,
.checkout__left__payment__item-wrapper {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
   align-items: center;
   flex: 1 1 300px;
   padding: 16px;
   background-color: var(--bg-color-input, #F9F9F9);
   border: 1px solid var(--border-color, #ECECEC);
   border-radius: 8px;
}

.checkout__left__shipping__item-wrapper {
   height: 100px;
}

.checkout__right__shipping__item__text-wrapper {
   display: flex;
   flex-flow: column nowrap;
   height: 100%;
   justify-content: space-between;
}

.checkout__left__payment__item-wrapper::after,
.checkout__left__shipping__item-wrapper::after {
   width: 20px;
   height: 20px;
   content: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><circle stroke='%23AAAAAA' stroke-width='1' cx='8' cy='8' r='7.5'/></svg>");
}

input[type="radio"]:checked + .checkout__left__payment__item-wrapper,
input[type="radio"]:checked + .checkout__left__shipping__item-wrapper {
   background-color: var(--main-brand-color, #2B5F7A);
   color: #fff;
}

input[type="radio"]:checked + .checkout__left__payment__item-wrapper:after,
input[type="radio"]:checked + .checkout__left__shipping__item-wrapper:after {
   content: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><circle fill='%23FFFFFF' cx='8' cy='8' r='8'/><path d='M6.36646 10.1L12.0165 4.45C12.1498 4.31667 12.3054 4.25 12.4831 4.25C12.6609 4.25 12.8165 4.31667 12.9498 4.45C13.0831 4.58333 13.1498 4.74178 13.1498 4.92533C13.1498 5.10889 13.0831 5.26711 12.9498 5.4L6.83313 11.5333C6.69979 11.6667 6.54424 11.7333 6.36646 11.7333C6.18868 11.7333 6.03313 11.6667 5.89979 11.5333L3.03313 8.66667C2.89979 8.53333 2.83579 8.37511 2.84113 8.192C2.84646 8.00889 2.91602 7.85044 3.04979 7.71667C3.18357 7.58289 3.34202 7.51622 3.52513 7.51667C3.70824 7.51711 3.86646 7.58378 3.99979 7.71667L6.36646 10.1Z' fill='%232B5F7A'/></svg>");
}

.checkout__right__shipping__item__shipping-conditions-wrapper {
   display: flex;
   flex-flow: row nowrap;
   gap: 6px;
}

.checkout__right__shipping__item__shipping-separator:after {
   content: '\2022';
   opacity: 0.4;
}

.checkout__right__information-table-wrapper {
   padding-bottom: 16px;
   border-bottom: 1px solid var(--border-color, #ECECEC);
   color: #AAAAAA;
}

.checkout__right .checkout__price {
   color: var(--main-black-color, #292929);
}

.checkout__right__total-wrapper {
   font-size: 20px;
   margin-bottom: 8px;
}

.checkout__submit {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 22px 56px;
   width: 100%;
   height: 58px;
   background: var(--main-brand-color, #2B5F7A);
   border-radius: 99px;
   font-size: 14px;
   color: #FFFFFF;
}

@media (max-width: 1024px) {
   .checkout-wrapper {
      flex-flow: column nowrap;
      align-items: center;
      gap: 20px;
   }
   .checkout__right {
      max-width: 100%;
   }
}

@media (max-width: 768px) {
   .checkout-page {
      padding: 30px 12px;
   }

   .checkout-page__title,
   .checkout-page h1 {
      margin: 20px 0;
   }
}

@media(max-width: 580px) {
   .basket-items-list-item-descriptions .basket-item-block-info{
      padding: 0 0 0 15px;
   }
}

@media(max-width: 500px) {
   .checkout__left__shipping__fields .bx-soa-pp-company.col-6 {
      width: 100%!important;
   }
   .checkout__left__shipping__fields .checkout__left__shipping__item-wrapper {
      height: 80px;
   }
   .checkout__left__shipping__fields .bx-soa-pp-company-graf-container {
      height: 80px;
      padding-top: 80px!important;
   }
}

.popup-window-content>div>p {
   margin-top: 10px;
}

#bx-soa-properties{
   order:-1;
}
.bx-soa-customer-field{
   width:calc(100% / 3 - 6px);
}
.checkout__left__title{
   border:none;
}
#bx-soa-properties{
   border:none;
}
.bx-soa-section-content.container-fluid{
   padding:0;
}
/* #bx-soa-properties{
   display:none !important;
   position:absolute !important;
   height: 0 !important;
   width:0 !important;
   top:0;
   opacity:0;
} */
.bx-soa-section {
   border:none !important;
}
.order-md-1.order-2.col-md-7.bx-soa-pp-item-container{
   width:100% !important;
}
.bx-soa-pp-company.col-6{
   width:calc(50% - 4px) !important;
}
.bx-soa-pp-company-graf-container{
   padding-top:110px !important;
}
.bx-soa-section-title-container .checkout__left__title{
   padding-left:35px;
}
#bx-soa-delivery .bx-soa-section-content {
   /*padding-left:30px;*/
   /*padding-right:30px;*/
}
#bx-soa-paysystem .bx-soa-section-content {
   /*padding-left:30px;*/
   /*padding-right:30px;*/
}
.bx-soa-section-content {
   padding: 10px 0!important;
}

.checkout__left__shipping__fields {
   margin: 0 -2px;
}

.col-lg-8.col-md-7.bx-soa .checkout-page {
   padding: 30px 0;
}

.product-item-image-slide.item{
   background-size:cover;
   border-radius:8px;
}
.js-favorite-btn:focus{
   border:none;
   outline:none;
}
.smart-filter.mb-4.bx-green{
   overflow:auto;
}
.product-item.bitrix-card .product-item-info-container.product-item-hidden{
   display:none;
}

.favorite-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}

.file-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
	margin-bottom: 1rem;
}

.file-link:hover {
	color: var(--black1);
}

.file-link__link-icon {
	font-size: 20px;
	color: var(--grey100);
	transition: all 0.3s ease 0s;
}

.file-link__link-text {
	color: var(--grey100);
	transition: all 0.3s ease 0s;
}

.file-link:hover .file-link__link-text,
.file-link:hover .file-link__link-icon {
	color: var(--black1);
}