.bodOpenModal{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:fixed;
z-index:100;
width:100%;
height:100%;
left:0;
top:0;
overflow:auto;
background-color:rgba(0,0,0,0.8)
}

.bodOpenModal .bodCloseIcon{
font-size:30px;
position:fixed;
color:white;
right:20px;
top:100px;
font-family:Arial;
font-weight:bold;
text-shadow:1px 1px 3px black;
cursor:pointer;
z-index:101
}

.bodOpenModal .bodNavLinks{
position:absolute;
text-align:center;
bottom:0px;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

.bodOpenModal .bodNavLinks ul{
margin:0;
padding:0
}

.bodOpenModal .bodNavLinks ul li{
margin:5px;
float:left;
list-style-type:none;
cursor:pointer
}

.bodOpenModal .bodNavLinks ul li.bodNavLink{
border-radius:10px;
height:10px;
width:10px;
background-color:#b3b3b3;
border:white solid 2px
}

.bodOpenModal .bodNavLinks ul li.bodNavLink.bodActiveSlide{
background-color:white
}

.bodOpenModal .bodModalContent{
position:relative;
margin:auto;
width:90%;
padding:0px;
height:100%
}

.bodOpenModal .bodModalContent .bodModal{
-webkit-transition:0s;
transition:0s;
opacity:0;
visibility:hidden
}

.bodOpenModal .bodModalContent .bodModal.bodActiveSlide{
-webkit-transition:all 1s ease-in;
transition:all 1s ease-in;
visibility:visible;
opacity:1;
height:100%
}

.bodOpenModal .bodModalContent .bodModal img{
max-height:85%;
max-width:100%;
display:block;
padding:10px;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
-webkit-box-sizing:border-box;
box-sizing:border-box
}

.bodOpenModal .bodModalContent .bodModal .bodTitle{
visibility:hidden;
position:absolute;
top:0;
left:0;
color:white;
font-size:11px;
font-weight:600;
letter-spacing:3px;
padding:0.33em 0.5em;
max-width:55%;
text-align:center;
line-height:1.2
}

.bodOpenModal .bodModalContent .bodModal .bodTitle.bodShowTitle{
visibility:visible
}

.bodOpenModal .bodModalContent .bodNextSlide,.bodOpenModal .bodModalContent .bodPrevSlide{
position:absolute;
cursor:pointer;
top:50%;
color:white;
font-size:50px;
-webkit-transform:translate(0%, -50%);
transform:translate(0%, -50%);
text-shadow:1px 1px 3px black
}

.bodOpenModal .bodModalContent .bodNextSlide{
right:15px
}

.bodOpenModal .bodModalContent .bodPrevSlide{
left:15px
}

.bodOpenModal .bodModalContent .bodPrevSlide::before{
content:"\2770"
}

.bodOpenModal .bodModalContent .bodNextSlide::after{
content:"\2771"
}

.bod-modal .bod-expand-icon{
position:relative
}

.bod-modal .bod-expand-icon::after{
font-family:'FontAwesome';content:"\f065";
font-size:30px;
position:absolute;
background-color:rgba(82,76,76,0.7);
top:5px;
right:5px;
line-height:34px;
z-index:10;
padding:0 5px;
color:white;
border:1px solid black;
border-radius:3px;
cursor:pointer
} 

@media screen and (min-width: 500px){
  .bodOpenModal .bodModalContent .bodModal .bodTitle{
    font-size:20px
  }
}

@media screen and (min-width: 800px){
  .bodOpenModal .bodModalContent .bodModal .bodTitle{
    font-size:30px
  }
}

@media (max-width: 768px) {
  .bodOpenModal .bodCloseIcon{
    top:170px;
  }
  
  .bodOpenModal .bodModalContent .bodModal img{
    max-height:70%;
  }
}

@media (max-width: 480px){
.bodOpenModal .bodModalContent .bodModal img{
	max-height:60%;
	top:50%;
}
  
.bodOpenModal .bodModalContent .bodNextSlide,.bodOpenModal .bodModalContent .bodPrevSlide{
	top:50%;
}

.bodOpenModal .bodNavLinks {
	bottom:100px;
}
  
}
/*# sourceMappingURL=modal.min.css.map */