.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
  }
  
  .lightbox .lightbox-image {
	max-width: 90%;
	max-height: 90%;
	display: block;
	margin: auto;
  
  }
  
  .lightbox-image.prev {
	transition: transform 0.5s ease;
	transform: translateX(-100px);
  }
  
  .lightbox-image.next {
	transition: transform 0.5s ease;
	transform: translateX(100px);
  }
  
  .lightbox .close, .lightbox .btn-prev, .lightbox .btn-next {
	position: absolute;
	top: 20px;
	font-size: 24px;
	color: #000;
	cursor: pointer;
	z-index: 10000;
	padding:10px;
  }
  
  .lightbox .close {
	right: 20px;
	font-size:1.366em!important;
	background-color: #fff;
	font-style: normal;
  }
  
  .lightbox .btn-prev {
	left: 20px;
	top:50%;
  }
  
  .lightbox .btn-next {
	right: 20px;
	top:50%;
  }
  
  .lightbox .counter {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 1.233em;
	font-family:'Open Sans';
	color:#000;
  }