@charset "utf-8";


.bg-overlay{
position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:2;display:flex;align-items:center;justify-content:center;
text-align:center;overflow:hidden;background: rgba(0, 0, 0, 0.7);width:auto;height:auto;opacity:0;
transition: .5s
}

.bg-overlay:hover{opacity: 1}



.hoverimage {width: auto;
 
position: absolute; 
top:50%; 
left:50%;
transform: translate(-50%, -50%) scale(1);
}

 .wButton{
padding:0;
width: auto;
text-align: center;
margin:10px auto !important;
display: flex
}

 .wButton a{
padding:8px 10px;
display:block;
text-decoration: none;
transition:all 0.3s ease;
margin: auto;
line-height: 1.2em;
background: #f4f4f4;
border: 1px solid #ddd
}

.webp-outer{
width: 100%;
clear: both;
display: flex;
margin:0;
padding:0;
}

.webp-image{
margin: 0;
background:white;
max-width: 100%;
text-align: center;
position: relative;
}

.webp-outer .wBorder{
border:.02em  solid #ccc;
padding:5px;
}

.webp-outer .pop{
padding-top:5px;
clear: both;
display: block
}

.webp-outer .wTitle{
color: #333;
text-align: center;
padding: 5px !important;
font-size: 1.3em;

margin: 0 !important
}

.webp-outer .wLeft{margin-right: auto}

.webp-outer .wCenter{margin: 0 auto}

.webp-outer .wRight{margin-left: auto}

.webp-outer .modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(00, 00, 00, .8);
  transition: all .4s;
  width: 100%;
  height: 100%;
  z-index: 100
}

.webp-outer .modal:target {
  visibility: visible;
  opacity: 1;
}

.webp-outer .modal__content {
 position: fixed;
   transform: translate(-50%, -50%) scale(1);
top:50%;
	left:50%;
	max-width: 100%;
text-align: center 	
}

.webp-outer .modal__close {
position: absolute;
 top:-.6em;
  left:0;
  color: #fff !important;
  text-decoration: none;
  font-size: 3.2em; 
  text-align: right;
  width: 100%
}

@media (max-width: 900px){
.webp-outer .modal__content {
 position: fixed;
   transform: translate(-20%, -20%) scale(1);
top:30%;
	left:25%;	
}
}

@media (max-width: 600px){
.webp-outer .pop {
	display: none !important
	}
}