/* решение проблемы со ступенчатыми заголовками */
.hero-h1 {
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

/* анимация наведения - ссылки */ 
.grey-link .tn-atom {
    transition: all 0.2s;
}

.grey-link .tn-atom:hover {
    color: #D5FF63 !important;
}

/* настройки для блоков (кейсы, статьи) c авторазмерностью */
#rec1372730051, #rec1338897721, #rec1339015451 {
    max-width: 90% !important;
    margin: auto !important;
}

/* анимация статика - кнопки */
.btn-hov{
  position: relative;
  overflow: hidden;
  background:#151515;
  color:#D5FF63;
  border:1px solid #D5FF63;
}

.btn-hov:before{
  content:"";
  position:absolute;
  top:-10%;
  left:-40%;
  width:24%;               
  height:120%;
  background: linear-gradient(
    0deg,
    rgba(213,255,99,0) 0%,
    rgba(213,255,99,0.4) 100% 
  );
  clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);
  pointer-events:none;
  animation: btn-hov-shine 6s ease-in-out infinite;
}

@keyframes btn-hov-shine {
  0%   { left: -45%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 110%; opacity: 1; }
  60%  { opacity: 0; }
  100% { left: 110%; opacity: 0; }
}

/* подсветка пункта Услуги в меню + квадрат как в десктопе */
.t450 .t450__list_item:nth-child(2) > a.t-menu__link-item {
  color: #D5FF63 !important;
  position: relative;
  padding-left: 20px;
}

.t450 .t450__list_item:nth-child(2) > a.t-menu__link-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #D5FF63;
  transform: translateY(-50%);
}

@media screen and (min-width: 769px) {
    /* анимация наведения - цена в карточке */ 
    .card-cost {
        opacity:0; 
        transition:opacity .4s ease;
    }

    .tn-elem.serv:hover + .tn-elem.card-cost{
        opacity:1;
    }
    
    /* анимация наведения - кнопки */ 
    .btn-hov {
        border: 0 solid;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
        outline: 2px solid;
        outline-color: rgba(255, 255, 255, .5);
        outline-offset: 0px;
        text-shadow: none;
        transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    }
        
    .btn-hov:hover {
        border: 2px solid;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        text-shadow: 1px 1px 2px #D5FF63; 
    }
}