<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<style>
.slick-slide, .slick-slide a, .slick-slide .t-btn { outline: none}
.slick-track { display: flex}
.t851__textwrapper {
padding: 0px;
}
@media screen and (max-width:960px){
.slick-slide{ margin-bottom: 0 !important}
}
@media screen and (max-width:600px){
.slick-track { height: auto; display:block !important;}
}
.slick-list {padding: 10px 0}
.slider_html .tn-atom__html , div[class^="slider_wrapper"] {width: inherit;}
.slick-track>div {
background-size: cover;
background-position: center;
}
div[class*="_slide"]{ cursor:pointer}
.hideparent{display:none}
.slider_html {height: min-content !important}
.slider_wrapper {height: min-content}
.slick-slide {
height: inherit !important;
max-width: none;
}
.slick-dots li.slick-active button:before {color: #ff8264}
.slick-dots li button:before {font-size: 10px}
.slick-dots {padding-left: 0 !important; bottom: -55px;}
.slick-dots li button:before {color: #ff8265}
.slick-slide div[class$="inner-col"] {height: 100% !important}
.t860__wrap {height: 100%}
.t860__block {
height: inherit;
transform: translateY(90%) !important;
}
.t860__inner-col {
border-radius: 15px;
box-shadow: 0 0 0px 5px #ffffff;
background-color: rgb(255, 255, 255, 0.5);
}
.t858__img {padding-bottom: 45px}
.t842__bgimg {height: 100% !important}
@media screen and (max-width: 460px){
.t842__bgwrapper{ width: 100% !important}
}
</style>
<script>
$(document).ready(function(){
let zeroMain = $('#rec624676396'); //Zero
let colSurr = $('#rec624676549'); //Блок с контентом
colSurr.addClass('hideparent');
zeroMain.find('.slider_html').html('<div class="slider_wrapper t851"></div>');
colSurr.find('.t-col').each(function() {$(this).appendTo(zeroMain.find('.slider_wrapper'))});
zeroMain.find('.slider_wrapper').slick({
prevArrow: zeroMain.find('.prev_slide'),
nextArrow: zeroMain.find('.next_slide'),
infinite: true,
lazyLoad: 'ondemand',
slidesToScroll: 1,
arrows:true,
dots:true,
pauseOnDotsHover:true,
mobileFirst:true,
speed:1750,
adaptiveHeight:true,
autoplay:true,
autoplaySpeed:5000,
responsive: [
{ breakpoint: 1200, settings: { slidesToShow: 5 } },
{ breakpoint: 960, settings: { slidesToShow: 2 } },
{ breakpoint: 640, settings: { slidesToShow: 2 } },
{ breakpoint: 480, settings: { slidesToShow: 1 } },
{ breakpoint: 300, settings: { slidesToShow: 1 } }
]
});
});
</script>
<script>
$( document ).ready(function() {
$('.t706 input[name="option"]').closest('.t-input-block').addClass('link-image');
if( $('.link-image').length ) {
$('.link-image .t-img-select__text').each(function(){
let text = $(this).text().split('~');
$(this).text(text[0]);
$(this).prev('.t-bgimg').wrap('<a href="'+text[1]+'"></a>');
$(this).wrap('<a href="'+text[1]+'"></a>');
});
};
});
</script>
<style>
.t-input-block.link-image .t-img-select__indicator:after {
display: none;
}
.t-input-block.link-image .t-img-select__control:hover {
transform: scale(1.05);
}
.t-input-block.link-image .t-img-select__control {
transition: all 0.1s ease-in-out;
}
</style>