.modal_galeria {
display: none;
position: fixed;
z-index: 999999999;
padding-top: 35px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
}
.modal_content_galeria {
position: relative;
margin: auto;
padding: 0;
width: 100%;
}
.h3_modal_galeria:before {
content: "";
display: inline-block;
height: 1px;
padding: 1px;
background-color: #fff;
width: 40px;
margin-right: 10px;
margin-bottom: 6px;
}
.h3_modal_galeria {
color: #fff;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
z-index: 99999999999;
text-align: left;
left: 270px;
bottom: -80px;
}
.number_active_modal_galeria {
font-size: 18px;
color: #fdd391;
font-weight: bold;
position: absolute;
z-index: 99999999999;
top: -15px;
left: 40px;
}
.number_modal_galeria:before {
content: "/";
margin-right: 18px;
}
.number_modal_galeria {
font-size: 18px;
color: #fff;
font-weight: bold;
position: absolute;
z-index: 99999999999;
top: -15px;
left: 80px;
}
.image_modal_galeria {
margin-top: 30px;
height: 460px;
width: 60%;
}
.close_galeria {
color: #fff;
position: absolute;
top: 10px;
right: 25px;
font-size: 30px;
font-weight: bold;
}
.close_galeria:hover,
.close_galeria:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
margin: auto;
}
.slide_image {
display: none;
position: relative;
}
#prev_gall,
#next_gall {
cursor: pointer;
position: absolute;
background-color: #8f2015;
top: 45%;
width: 70px;
height: 70px;
color: #000;
padding: 25px;
border-radius: 50%;
border: none;
outline: none;
transition: 1s all;
}
#prev_gall:hover,
#next_gall:hover {
background-color: #e26d5a;
}
#prev_gall {
left: 40px;
}
#prev_gall:hover {
left: 50px;
}
#next_gall {
right: 40px;
}
#next_gall:hover {
right: 30px;
}
.overlay_galeria:hover {
cursor: pointer;
}