.mm_lightbox{
position:absolute;
width:100%;
height:100%;
overflow: hidden;
opacity:0;
z-index:999;
}
.mm_lightbox .mm_lightbox_container{
position: fixed;
width: inherit;
height: inherit;
z-index: 99;
top: 0;
}
.mm_lightbox .mm_lightbox_overlay{
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(56, 67, 88, 0.3);
opacity: 1;
}
.mm_lightbox .mm_lightbox_main{
height: 100%;
}
.mm_lightbox .mm_lightbox_content_main_container{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mm_lightbox .mm_lightbox_content_container {
position: relative;
z-index: 999;
width: 100%;
height: 100%;
}
.mm_lightbox .mm_lightbox_content_scroll_container {
position: relative;
height: 100%;
max-height: 70dvh;
overflow: auto;
}
.mm_lightbox .mm_lightbox_content {
width: 100%;
height: 100%;
}
.mm_lightbox .mm_lightbox_content_close {
position: absolute;
right: -25px;
top: -25px;
border-radius: 50%;
background-color: #262520;
width: 50px;
height: 50px;
z-index: 999999999;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mm_lightbox .mm_lightbox_burger_menu_btn {
display: flex;
flex-direction: column;
align-items: end;
}
.mm_lightbox .mm_lightbox_burger_menu_mobile {
display: flex;
flex-direction: column;
align-items: end;
}
.mm_lightbox .mm_lightbox_burger_bar {
display: block;
height: 3px;
background: #e5e0dd;
border-radius: 12px;
width: 30px;
margin-left: -5px;
-webkit-transform-origin: 29px;
-moz-transform-origin: 29px;
-o-transform-origin: 29px;
transform-origin: 29px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.mm_lightbox .mm_lightbox_burger_bar:not(:last-child) {
margin-bottom: 7px;
}
.mm_lightbox .mm_lightbox_burger_bar_1 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mm_lightbox .mm_lightbox_burger_bar_2 {
width: 0;
}
.mm_lightbox .mm_lightbox_burger_bar_3 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} @media screen and (max-width: 575px) {
.mm_lightbox .mm_lightbox_content_close {
right: -15px;
top: -15px;
width: 40px;
height: 40px;
}
}