﻿

  .fancybox-button,.button:hover {

	background: rgba(30,30,30,.0)!important;
	

	}
.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #ffffff !important;
    cursor: default !important;
    outline: none !important;
	
}

.fancybox-button:hover {
    color: #ffffff;
    background-color: black !important;
}
.img-height{
      width: 100%;
    height: fit-content;
  }



.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 43px !important;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 50px; 
}
.fancybox-navigation .fancybox-button--arrow_right {
    padding: 0px 0px 0px 0px;
    right: 0;
    right: env(safe-area-inset-right);
}
.fancybox-navigation .fancybox-button--arrow_left {
    padding: 0px 0px 0px 0px;
    right: 0;
    right: env(safe-area-inset-right);
}

.last-img{
	
	font-size: 5.28571rem !important;
	text-align: center;
}
.shadow-margin-big{
	margin-top: 48%;
	
}
.shadow-margin{
	margin-top: 45%;
	
}


.text-block {
position: absolute;
 bottom: 15px;
 /* right: 149px; */
 background-color: rgba(0, 0, 0, 0.5);
 color: white !important;
 padding-left: 25px;
 padding-right: 20px;
 /* width: 88%; */
 font-size: 2.28571rem;
 top: 0;
  right: 0;
  
  left: 0;
}

.container-img {
  position: relative;
}

.img-width {
	width:100%
}

.margin-bot{
	margin-bottom: 15px;
}
   h4 {
	 
	text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
	color: #ffffff !important;
	font-family: "Open Sans" !important;
	opacity: unset !important;
	font-size: 14px !important;
	font-weight: 500 !important;

 } 	
 
 .top-pad{
	margin-top: 12px;
 }
.top-pad2 {
  margin-top: -14px;
}

  
@media screen and (max-width: 992px) {

	.last-img{
		padding-top: 15%;
		}
		
	.shadow-margin{
		margin-top: 48%;
		
		}
		
	.fancybox-button,.button:hover {

	background: rgba(30,30,30,.6)!important;
	

	}
	
	 .top-pad{
	margin-top: 0px;
 }

}

@media screen and (max-width: 320px) {

	 .top-pad{
	margin-top: -20px;
 }
}

@media screen and (max-width: 375px) {

	 .top-pad{
	margin-top: -15px;
 }
}
