@charset "UTF-8";
/* CSS Document */

#main {

max-width: 5000px; 
min-height: 100vh;
}


/*------------------------------------------------------------------
Wonder Lightox
-------------------------------------------------------------------*/

#html5box-html5-lightbox  {
background-color:#FFF;
	-o-transition: 0s;
-ms-transition: 0s;
-moz-transition: 0s;
-webkit-transition: 0s;
transition: .0s;
z-index: 9999!important;
}
#html5-lightbox-overlay  {
opacity: 0.4!important;

}

.html5lightbox-div img {
margin-left: auto;
margin-right: auto;

}
 .overlay-div {

}
#html5-close {

position: fixed;
top: 0px;
right: 0px;
}
#html5-close .mh-icon-close {
display: none;
    }
.mh-icon-close:before {

margin-left: 0px!important;
margin-right: 0px!important;
}
.html-image img{
display: block;
margin: 0px 0;
margin-left: auto;
margin-right: auto;
}
#html5-close {
position: fixed !important;
width: 150px;
height: 100px;
background-image: url(../images/swipebox/swipebox_huff_close_black.png);
background-size: 50px;
background-position: 90px 12px;
background-repeat: no-repeat;
background-color: transparent!important;
}

.html5box-enter-animated {

}
#html5-watermark {
display:none
}
.lightbox-content {

}


#html5-lightbox-overlay {
opacity: 0.3!important;
pointer-events: all;
}



@media only screen and (max-width: 480px) {

	#html5-close {
width: 70px;
height: 70px;
background-color: #2d0708!important;
		background-position: 10px 15px;
}
}