<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

	<script>
		// Class элемента, в котором будет находиться слайдер
		var wrap = $(".tn-elem__925844591551028552540");
		// Id блоков, которые будут слайдами
		var slides = $("#rec92584460, #rec92584461, #rec92584462, #rec92584463, #rec92584464");

		wrap.addClass("tildoshnaya-slider-owl");
		var box = wrap.find(".tn-atom");
		box.append('<div class="owl-carousel owl-theme"></div>');

		slides.appendTo('.owl-carousel');
		$('.owl-carousel').owlCarousel({
			// Зациклить слайдер - true
			// Без зацикленности - false
		    loop:true,
		    nav:false,
		    dots: false,
		    // Колличество карточек
		    items: 3,

		    // Адаптивность
		    responsive:{
		    	// 0 это минимальная ширина экрана, при которой включается следующая часть кода
		        // 0:{ 
		        //	items: 1 это колличество слайдов на экране
		        //     items:1
		        // },
		        0:{
		            items:1
		        },
		        640:{
		            items:2
		        },
		        960:{
		            items:3
		        },
		    }
		    // Адаптивность: конец
		})


		$("[href='#slider_left']").addClass("tildoshnaya_custom-prev");	
		$("[href='#slider_right']").addClass("tildoshnaya_custom-next");
		$(".tildoshnaya_custom-prev").click(function(){
			$(".owl-prev").trigger("click");
		})
		$(".tildoshnaya_custom-next").click(function(){
			$(".owl-next").trigger("click");
		})
	</script>



	<style>
	/* tildoshnaya_  */
		.tildoshnaya_slide {
		    width: 300px;
		}
		.tildoshnaya_slide .tn-atom {
			border-width: 0 !important;
		}
		.owl-nav {
			display: none;
		}
		.slider-atom {
			display: block !important;
			vertical-align: unset !important;
		}
		.tildoshnaya-slider-owl {
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: stretch;
			align-content: stretch;
		}
		.tildoshnaya-slider-owl > .tn-atom {
			display: block !important;
		}
		.tildoshnaya-slider-owl .t-rec .t396__artboard  {
			height: 300px !important;
			width: 300px !important;
		}
	</style>