/* ===== Выделение текста | source 4411862701 ===== */


/* =========================================================
   SMILELADDER — GLOBAL TEXT SELECTION
   ========================================================= */

::selection {
    background: rgba(0, 165, 26, 0.18);
    color: #191919;
}


/* Firefox */
::-moz-selection {
    background: rgba(0, 165, 26, 0.18);
    color: #191919;
}

/* ===== Эффект заливки hover-fill-text | source 2250133731 ===== */

:root {
--FillingColor: #0CA00C; /*цвет заливки по наведению*/
}
/*Минимальная ширина экрана 480px*/
@media only screen and (min-width: 480px) {
.hover-fill-text,
.hover-fill-text:before {
opacity: 0;
transform: translateX(-100%);
transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
transition-delay: 0.7s;
}
.link-filling .tn-atom:hover .hover-fill-text,
.link-filling .tn-atom:hover .hover-fill-text:before {
opacity: 1;
transform: translateX(0);
transition-delay: 0s;
}
@keyframes anim-in-text {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes anim-in-layer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes anim-out-text {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes anim-out-layer {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
.link-filling {
pointer-events: none;
}
.link-filling a {
pointer-events: all;
}
.link-filling .tn-atom {
position: relative;
display: block;
/*overflow: hidden;*/
}
.hover-fill-text {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
display: inline-table;
width: 100%;
overflow: hidden;
pointer-events: none;
-webkit-animation: anim-out-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-out-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.hover-fill-text:before {
content: attr(data-text);
color: var(--FillingColor);
transform: translateX(100%);
display: inline-table;
text-shadow: 0px 0px 0px var(--FillingColor);
width: 100%;
-webkit-animation: anim-out-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-out-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.link-filling .tn-atom:hover .hover-fill-text {
transform: translateX(0);
-webkit-animation: anim-in-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-in-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.link-filling .tn-atom:hover .hover-fill-text:before {
-webkit-animation: anim-in-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-in-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
}

/* ===== Общая кнопка arrow-zoom | source 2446600501 ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom .tn-atom {
overflow: hidden;
}
.arrow-zoom .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 64px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 15px;
}
.arrow-zoom:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {

  /* КРУГ */
  .arrow-zoom .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 46px; /* место под иконку */
  }
  
  .one-line-text {
  white-space: nowrap; /* Запрещает перенос */
}
}

/* ===== Кнопка подключения arrow-zoom-3 | source 2252490461 ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-3 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-3 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-3 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom-3:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-3:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-3 .tn-atom {
overflow: hidden;
}
.arrow-zoom-3 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 16px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 10px;
}
.arrow-zoom-3:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-3:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-3 .tn-atom__button-content {
    min-height: 48px;
  }

 /* КРУГ */
  .arrow-zoom-3 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-3 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-3 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 44px; /* место под иконку */
  }
}

/* ===== Кнопка отправки arrow-zoom-4 | source 2259346381 ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-4 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-4 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-4 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom-4:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-4:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-4 .tn-atom {
overflow: hidden;
}
.arrow-zoom-4 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 16px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 200px;
}
.arrow-zoom-4:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-4:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-4 .tn-atom__button-content {
    min-height: 48px;
  }

 /* КРУГ */
  .arrow-zoom-4 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-4 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-4 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 204px; /* место под иконку */
  }
}

/* ===== QR-подсказки | source 4013569401 ===== */

/* Внешние контейнеры QR */
.qr-popover,
.qr-popover2 {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    border-radius: 8px !important;

    box-shadow:
        -13px 31px 20px 0px #0000000d,
        -6px 14px 15px 0px #0000000d,
        -1px 3px 8px 0px #0000000d !important;

    transition:
        opacity .14s ease,
        visibility 0s linear .14s !important;

    will-change: opacity;
}

/* Внутренний слой — только он анимируется */
.qr-popover > *,
.qr-popover2 > * {
    transform: translateY(8px) scale(0.96);
    transform-origin: top center;

    border-radius: 8px !important;
    overflow: hidden;

    transition:
        transform .22s cubic-bezier(.2,.8,.2,1) !important;

    will-change: transform;
}

/* Открытое состояние */
.qr-popover.is-open,
.qr-popover2.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition:
        opacity .14s ease !important;
}

.qr-popover.is-open > *,
.qr-popover2.is-open > * {
    transform: translateY(0) scale(1);
}

/* A hidden fixed container must not regain pointer events through link animation. */
.t-rec[style*="pointer-events: none"] .link-filling a,
.t396__artboard-fixed-innactive .link-filling a {
    pointer-events: none !important;
}

    /* Стили для скрытия горизонтального скролла для всех блоков на сайте */
    .t396__artboard { 
        overflow-x: auto;
         scroll-behavior: smooth;
    }

   .t396__artboard::-webkit-scrollbar {
        height: 0; /* Скрывает скроллбар */
    }
    
    
    
.sl-img {
    transition: transform 0.6s cubic-bezier(.50, 0, .63, 1);
    will-change: transform;
}

.sl-img:hover {
    transform: translateY(-4px);
}

@media (hover: none), (max-width: 768px) {
    .sl-img:hover {
        transform: none;
    }
}


/* ===== Кнопка arrow-zoom-5 — исправленная версия ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-5 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-5 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-5 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom-5:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-5:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-5 .tn-atom {
overflow: hidden;
}
.arrow-zoom-5 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 16px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 265px;
}
.arrow-zoom-5:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-5:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-5 .tn-atom__button-content {
    min-height: 48px;
  }

 /* КРУГ */
  .arrow-zoom-5 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-5 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-5 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 44px; /* место под иконку */
  }
}




<!--Кнопки со стрелкой
<!--Зумирование стрелки-->
/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-2 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 101%;
height: 101%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-2 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 22px;
height: 22px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-2 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 18px;
width: 18px;
background-image: var(--ImgZoom);
background-position: -22px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 8px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -22px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 22px 0;
}
}
.arrow-zoom-2:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-2:hover .tn-atom__button-content:after {
width: 105%;
height: 101%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-2 .tn-atom {
overflow: hidden;
}
.arrow-zoom-2 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 10px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 15px;
}
.arrow-zoom-2:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-2:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-2 .tn-atom__button-content {
    min-height: 48px;
  }

  /* КРУГ */
  .arrow-zoom-2 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-2 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-2 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 44px; /* место под иконку */
  }
}