.movie-bg:before{
content: '';
display: block;
width: 100%;
height: 20px;
position: absolute;
bottom: 0;
background-color: #151516;
border-radius: 15px;
}
var swiper = new Swiper('.swiper-container', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
}
});
var swiper = new Swiper('.swiper-container', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev'
});
@media screen and (max-width: 1000px) {
#content {
overflow: inherit;
float: none;
padding: 0 10px;
}
}
.menu__wrap:hover .menu__item-icon{
opacity: 1;
z-index: 1;
}
.menu__item-icon{
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease-in-out;
text-align: center;
opacity: 0;
z-index: -100;
}
<p>В залах гимнастического клуба Balance проходят групповые и индивидуальные занятия под руководством мастеров спорта России по художественной гимнастике.<br>
Для посещения Клуба гимнастики Balance необходимо оформить справку об отсутствие противопоказаний для занятий спортом.
<a href="#win1">Подробнее</a><br>
<!-- Модальное окно справки --><br>
<a href="#x" class="overlay_det" id="win1"></a>
</p>
<div class="popup_det">контент окна<div>
<p>В залах гимнастического клуба Balance проходят групповые и индивидуальные занятия под руководством мастеров спорта России по художественной гимнастике.<br>
Для посещения Клуба гимнастики Balance необходимо оформить справку об отсутствие противопоказаний для занятий спортом.
<a href="#win1">Подробнее</a><br><br>
</p>
<!-- Модальное окно справки -->
<a href="#x" class="overlay_det" id="win1"></a>
<div class="popup_det">контент окна<div>