/*размытие фона при попапе*/
.t-popup.t-popup_show {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}


/*скрываем стандартный крестик при попапе*/
.t-popup__close {
    opacity: 0;
}


/*замена курсора на палец при наведении*/
.button-pointer .tn-atom {
    opacity: 1;
}
.button-pointer .tn-atom:hover {
    cursor: pointer;
    opacity: 1;
}



.hover-element .tn-atom:hover {
    cursor: pointer;
}

/*замена курсора на палец при наведении+выход из прозрачности*/

.slider-2 .tn-atom {
    opacity: 1;
}
.slider-2 .tn-atom:hover {
    cursor: pointer;
    opacity: 0.5;
}



/*замена курсора на палец при наведении+выход из прозрачности*/

.slider .tn-atom {
    opacity: 0.5;
}
.slider .tn-atom:hover {
    cursor: pointer;
    opacity: 1;
}


/*блик на кнопке, работает через скрипт в коде (он стоит после каждого блока с кнопкой для блика)*/


     .autoflash{
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

     .flash{
       content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 3em;
    display: block;
    position: absolute;
    top: 0;
    left: -4.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    -webkit-transition: none;
    transition: none;
    }
    
    .lighting {
    webkit-animation: moving 3s ease-in-out infinite;
    -moz-animation: moving 3s ease-in-out infinite;
    -ms-animation: moving 3s ease-in-out infinite;
    -o-animation: moving 3s ease-in-out infinite;
    animation: moving 3s ease-in-out infinite;
   
    }
    
  @keyframes moving {  
     30% {  webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);   
        
        }
   
    100% {  webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);   
        
        }
     }
      

/*кнопка с иконкой info*/



.button-info {
background-color: #d9d9d9;
background-image: url(https://svgshare.com/i/r4h.svg);
background-size: 25px;
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 30px;
border-radius: 30px;
opacity: 1;
}
.button-info:hover {
background: #ebebeb;
background-image: url(https://svgshare.com/i/r4h.svg);
background-size: 25px;
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 30px;
cursor: pointer;
opacity: 0.5;
}