<script>
$( document ).ready(function() {
let hideBlocks = {
    "#biz1" : "#rec356130781,#rec356131072",
    "#biz2" : "#rec356131098,#rec356131136",
    "#biz3" : "#rec356131384,#rec356131549"
}

$.each(hideBlocks, function( key, value ) {
    $(value).addClass('hide_blocks').hide();
});

function sortObj(em){
    $.each(hideBlocks, function( key, value ) {
        if( em == key ) {
            $('.open_tabs').slideUp(300);;$('.hide_blocks').removeClass('open_tabs');
            $(value).addClass('open_tabs').slideDown(500);
            t_lazyload_update();$('.t609').trigger('displayChanged');
        };
    });
};

$('[href^="#biz"]').click(function(event) {event.preventDefault();
    if ( !$(this).hasClass('tab_btn_acrive') ) {
        $('[href^="#biz"]').removeClass('tab_btn_acrive');
        $(this).addClass('tab_btn_acrive');
        sortObj($(this).attr('href'));
    }else{
        $('.open_tabs').slideUp(500);
        $(this).removeClass('tab_btn_acrive');
    };
   
});
});
</script>

<script>
$(document).ready(function(){
    $(".press-effect .tn-atom").addClass("mybuttonstyle") 
    $(".mybuttonstyle").wrapInner("<span class='MytextBl'></span>");    
    $(".mybuttonstyle").prepend("<span class='shadow'></span>");
    $(document).on('click','.mybuttonstyle',function(e){
        $(this).toggleClass('pressmode');
    });
});
</script>

<style>
@keyframes
	sheen{
		0%,79%{
			opacity:0;filter:alpha(opacity=0);
			-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);
			transform:rotateZ(60deg) translate(-5em,7.5em)
		}
		80%{
			opacity:1;
			filter:alpha(opacity=100);
			-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);
			transform:rotateZ(60deg) translate(-5em,7.5em)
		}
		95%{
			opacity:1;
			filter:alpha(opacity=100);
			-webkit-transform:rotateZ(60deg) translate(1em,-11em);
			transform:rotateZ(60deg) translate(1em,-11em)
		}
		100%{
			opacity:0;
			filter:alpha(opacity=0);
			-webkit-transform:rotateZ(60deg) translate(1em,-9em);
			transform:rotateZ(60deg) translate(1em,-9em)
		}
	}
.mybuttonstyle {
    cursor:pointer;
    outline: none;
	position: relative;
	top: -7px;
	margin: 10px 0;
	overflow: hidden;
	box-shadow: 0 4px 0 #e7b642, 0 25px 15px -10px #e3d1a8;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mybuttonstyle span.MytextBl {
	position: relative;
	z-index: 3;
}
.mybuttonstyle span.shadow {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 -45px 80px -25px #fec744;
}
.mybuttonstyle:hover {
	background: #ffe828 !important;
}

.pressmode {
	background: #fec744 !important;
	position: relative;
	top: -1px;
	box-shadow: none;
}

.mybuttonstyle:before{
	content:'';
	position:absolute;
	top:-50%;
	right:-50%;
	bottom:-50%;
	left:-50%;
	background:-webkit-gradient(linear,left top,left bottom,from(#e5ac8e),color-stop(50%,#fff),color-stop(50%,#e5ac8e));
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
	background:linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
	-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);
	-ms-transform:rotate(60deg) translate(-5em,7.5em);
	transform:rotateZ(60deg) translate(-5em,7.5em);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-animation:sheen 3s infinite;
	animation:sheen 3s infinite
}
</style>