<style>
/*Максимальная ширина смартфона где будет применяться эффект сетки зеро-блока*/
@media screen and (max-width: 480px) {
/*Отступы слева и справа до контента в Grid-контейнере*/
.t-col { padding: 0 10px !important; }
/*Это максимальная ширина контейнера в зеро-блоке, при отображении мобильного*/
.t-container { max-width: 320px !important; }
}
</style>
<style>
#rec199757244 .t-submit {
/*длительность анимации*/
transition: all 0.2s ease-in-out;
}
#rec199757244 .t-submit:hover {
/*цвет текста кнопки при наведении*/
color: #FFF528 !important;
/*цвет бордюра кнопки при наведении*/
border-color: #FFF528 !important;
/*цвет фона кнопки при наведении*/
background-color: #000000 !important;
}
</style>
<div id="videoBackground">
<video style="object-fit: cover; background-size: cover; width: 100%; height: 100%;" preload="auto" playsinline autoplay loop muted>
<source src="https://dl.dropboxusercontent.com/s/5qym13usc9vu20z/ezgif.com-resize.mp4?dl=0" type="video/mp4">
</video>
</div>
<script>
$(document).ready(() => {
let width = $(window).width();
let height = $(window).height();
$("#videoBackground")
.width(width)
.height(height);
});
$(window).resize(() => {
let width = $(window).width();
let height = $(window).height();
$("#videoBackground")
.width(width)
.height(height);
});
</script>
<div id="videoCover">
<video style="object-fit: cover; background-size: cover; width: 56%; height: 59%; border-radius: 8px;" preload="auto" playsinline autoplay loop muted>
<source src="https://dl.dropboxusercontent.com/s/mflqcf5gxeae6kw/%D0%97%D0%B0%D0%BF%D0%B8%D1%81%D1%8C%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202020-02-11%20%D0%B2%2007.26.43.mov?dl=0" type="video/mp4">
</video>
</div>
<script>
$(document).ready(() => {
let width = $(window).width();
let height = $(window).height();
$("#videoCover")
.width(width)
.height(height);
});
$(window).resize(() => {
let width = $(window).width();
let height = $(window).height();
$("#videoCover")
.width(width)
.height(height);
});
</script>
<style>
#videoCover video, div#videoCover {
width: 100%!important;
height: auto!important;
}
</style>
<div>
<video style="object-fit: cover; background-size: cover; width: 100%; height: 100%" preload="auto" playsinline autoplay loop muted controls>
<source src="https://333616.selcdn.ru/links/Woman%20Jazzo/course1.mp4?dl=0" type="video/mp4">
</video>
</div>
<script>
// назначаем id раскрывающегося блока
var wrapper1 = $("#rec282709665 .t585__content .t585__textwrapper").eq(0);
var wrapper2 = $("#rec282709665 .t585__content .t585__textwrapper").eq(1);
var wrapper3 = $("#rec282709665 .t585__content .t585__textwrapper").eq(2);
// назначаем блоки, которые будут ы раскрывающемся списке
var block1 = $("#rec281151481")
var block2 = $("#rec281152993")
var block3 = $("#rec281156056")
wrapper1.empty();
wrapper2.empty();
wrapper3.empty();
block1.appendTo(wrapper1)
block2.appendTo(wrapper2)
block3.appendTo(wrapper3)
</script>
<style>
@media screen and (min-width: 960px){
.twoColAcc .t585 .t-col {
float: none;
display: block;
}
.twoColAcc .Column {
width: 50%;
float: left;
}
/*настраиваем цвет и толщину разделителя*/
.twoColAcc .leftaccord:last-child {
border-bottom: 1px solid #c4c4c4;
}
}
</style>
<script>
$( document ).ready(function() {
$('#rec161484771').addClass('twoColAcc'); //меняем #rec блока
// указываем блоки, которые будут в первой колонке
$('.twoColAcc .t-col').slice(0,5).addClass('leftaccord');
$('.leftaccord').wrapAll('<div class="leftColumn Column"></div>');
// указываем блоки, которые будут во второй колонке
$('.twoColAcc .t-col').slice(5,10).addClass('rightaccord');
$('.rightaccord').wrapAll('<div class="rightColumn Column"></div>');
});
</script>
<script>
//Делает так ,чтобы в аккардеоне открывался только один пункт
$( document ).ready(function() {
$(".t585__header").addClass('itsclose');
$(".t585__header").click(function() {
$(this).removeClass("itsclose");
$(".t585__header.t585__opened.itsclose").click();
$(this).addClass("itsclose");
});
});
</script>
<style>
.t734 {
height: auto !important;
}
.t734 .t-slds__bullet_wrapper {
position: absolute;
bottom: 40px;
}
</style>
<script>
$(document).ready(function(){
let sldID = ['#rec277287008'];
for (let i=0; i<sldID.length; i++){
let sliderEl = sldID[i]+' .t-slds__item';
let slidercount = $(sliderEl).length; $(sliderEl).empty(); let start=0;
if(!$(sliderEl+'[data-slide-index="0"]').length){start=1};
for (let j=0; j<slidercount; j++){
let sInd = j+start;
if(start){ slideId = '#'+$(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
}else{ slideId = '#'+$(sldID[i]).next('div[data-record-type="396"]').attr('id')
if(j==0){sInd=slidercount-1};if(j==slidercount-1){sInd=0};
}; $(slideId).appendTo(sliderEl+'[data-slide-index='+(sInd)+']');
}; if(start){ $(sldID[i]).next().hide(); $(sldID[i]).next().next().hide()};
};
});
</script>
a, a:visited {
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
a:hover, a:visited:hover {
color: #ba0095 !important;
-webkit-transition: 0s ease;
transition: 0s ease;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" integrity="sha256-huW7yWl7tNfP7lGk46XE+Sp0nCotjzYodhVKlwaNeco=" crossorigin="anonymous"></script>
<script>
SmoothScroll({
// Время скролла 400 = 0.4 секунды
animationTime : 800,
// Размер шага в пикселях
stepSize : 75,
// Дополнительные настройки:
// Ускорение
accelerationDelta : 30,
// Максимальное ускорение
accelerationMax : 2,
// Поддержка клавиатуры
keyboardSupport : true,
// Шаг скролла стрелками на клавиатуре в пикселях
arrowScroll : 50,
// Pulse (less tweakable)
// ratio of "tail" to "acceleration"
pulseAlgorithm : true,
pulseScale : 4,
pulseNormalize : 1,
// Поддержка тачпада
touchpadSupport : true,
})
</script>
<style>
/*Контур*/
.t001__title{
text-shadow: #ff0000 3px 3px 0, #ff0000 -3px -3px 0, #ff0000 -3px 3px 0, #ff0000 3px -3px 0;
}
</style>
<style>
/*Тень со смещением*/
.t001__title{
text-shadow: #ff0000 5px 5px 5px;
}
</style>
<style>
/*Контур и прозрачность*/
#rec42068368 .t001__title{
-webkit-text-stroke-width: 5px;
-webkit-text-stroke-color: #ff0000;
color: transparent !important;
}
</style>