.modal-filter {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 60vw;
height: 60vh;
overflow-y: auto;
visibility: hidden;
opacity: 0;
z-index: 999;
background: var(--white);
}
@media (max-width: 63rem) {
.modal-filter {
width: 100%;
min-height: 100vh;
height: auto;
}
}
.modal-filter.show {
visibility: visible;
opacity: 1;
}
.modal-search {
display: none;
}
@media (max-width: 63rem) {
.modal-search {
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-y: auto;
visibility: hidden;
opacity: 0;
z-index: 999;
background: var(--white);
width: 100%;
min-height: 100vh;
height: auto;
}
.modal-search.show {
visibility: visible;
opacity: 1;
}
}
.modal-video {
display: none;
}
.modal-video.show {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: var(--black);
z-index: 4;
}
.modal-video .modal {
flex: 1 0 auto;
}
.modal-video .modal .btn-close-menu {
fill: var(--white);
}
.modal-video .modal iframe {
width: 100%;
}