.html .html-content {
    width:100%;
	padding: 30px 0 0 0;
}

.is-wrapper { opacity: 1 !important; }

.bgr1 {

	height:auto;
	border:none;
	z-index:300;
	margin:0;
	padding:0px;
	background-image: url(/resources/images/bgr1.webp);
	background-repeat: no-repeat;
	background-position: left top;
}

.col-md-5 { padding-left: 0px !important;}
.imageBox {
  position: relative;
  float: left;
  width:320px;
}
@media screen and (max-width: 1400px) {
 	.imageBox {
  width:270px !important;
}
}
@media only screen and (max-width: 1910px) and (min-width: 1450px)  {
	.imageBox {
  width:290px !important;
}
} 
.imageBox .hoverImg {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.imageBox:hover .hoverImg {
  display: block;
}

.bgr2 {
	border:none;
	z-index:300;
	margin:0;
	padding:60px 0;
	background-image: url(/resources/images/bgr2.webp);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center
}
p {
  margin: 0px !important;
}