<style>
a[href="#shapeclose"]{
   cursor: default;
}
/*Стили для псевдо popUp*/
    .psevdopopUp {
    position:absolute;
    z-index:100;
    width:100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
/*Стиль для иконок при клике*/
.highlayer{
   z-index:555 !important; 
   filter: drop-shadow(0px 0px 16px rgba(255, 255, 255, .90));
}
/*Плавность для иконок*/
.zoommode {transition: transform 0.1s linear;}
/*Увеличение при наведении*/
.zoommode:hover {transform: scale(1.02);}
/*Увеличение при клике*/
.openwind{ transform: scale(1.02) !important;}
</style>

<script>
    $( document ).ready(function() {
//Прописываем блоки для псевдо popUp
$('#rec559339909, #rec559372013 , #rec132136690').addClass('psevdopopUp').hide();
//Присваиваем классы иконкам    
$('a[href="#last1"]').addClass('zoommode');
$('a[href="#last2"]').addClass('zoommode');
$('a[href="#last3"]').addClass('zoommode');
  
    
//При клике на иконку с конкретной ссылкой 1
$('a[href="#last1"]').click(function(e) {e.preventDefault();
    //Задаём класс открытого псевдо окна и назначаем спец слой
    $(this).addClass('openwind').closest('.t396__elem').addClass('highlayer');
    //Показываем нужное псевдо окно
    $('#rec559339909').fadeIn(400).addClass('active-psvd');
    $('.t396').trigger('displayChanged');

});  
//При клике на иконку с конкретной ссылкой 1
$('a[href="#last2"]').click(function(e) {e.preventDefault();
    //Задаём класс открытого псевдо окна и назначаем спец слой
    $(this).addClass('openwind').closest('.t396__elem').addClass('highlayer');
    //Показываем нужное псевдо окно
    $('#rec559372013').fadeIn(400).addClass('active-psvd');
    $('.t396').trigger('displayChanged');
});  
//При клике на иконку с конкретной ссылкой 1
$('a[href="#last3"]').click(function(e) {e.preventDefault();
    //Задаём класс открытого псевдо окна и назначаем спец слой
    $(this).addClass('openwind').closest('.t396__elem').addClass('highlayer');
    //Показываем нужное псевдо окно
    $('#rec55937201').fadeIn(400).addClass('active-psvd');
    $('.t396').trigger('displayChanged');
});  


//При клике на иконку Закрыть
$('a[href="#close"], a[href="#order"] , a[href="#shapeclose"]').click(function(e) {e.preventDefault();
    setTimeout(function(){
    //Выключаем стили отрытого окна и спец слоя    
    $('.zoommode').removeClass('openwind');
    $('.t396__elem').removeClass('highlayer');
    }, 200);   
    //Скрываем псевдо окна
    
    if( $('.active-psvd iframe').length){

         $(".active-psvd iframe").attr( 'src', function ( i, val ) { return val; });
    };
    
    $('.psevdopopUp').fadeOut(400).removeClass('active-psvd');

    
});  
});
</script>


<script>
let observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
        let newVal = $(mutation.target).prop(mutation.attributeName);
        if (mutation.attributeName === "class") {
        	if(!$(".t390 .t-popup").hasClass("t-popup_show")) {
                $("iframe")[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
      	    };   
        };
    });
});
observer.observe( document.body, {  attributes: true});
$(document).on('click', 'a[href^="#popup"]', function() {
    let popUpLik = $(this).attr('href');
    let videoiIn = $('.t390 .t-popup[data-tooltip-hook="'+popUpLik+'"] iframe.zerovid').length;
    if(videoiIn){
        $('.t390 .t-popup[data-tooltip-hook="'+popUpLik+'"] iframe.zerovid')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');    
    };
  });
</script>