div[class^="gallery2017"] {
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
img[class^="gallery2017"] {
	-webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
	
}
.gallery2017-dir-ehab{

	background:white;
	margin:0 auto;
	clear:both;
	/*overflow:hidden;*/
    --gall-height:550px;
	    height:var(--gall-height);
	max-height:var(--gall-height);
	min-height:var(--gall-height);
	
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	        box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	border-radius:10px;
    position: relative; 
    
    
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
      
}
.gallery2017-dir-ehab,.gallery2017-dir-ehab *{
	box-sizing: border-box;
}
.is_loading{
	background-image:url('oval.svg') !important;
	background-size:30px !important;
	
}
.gallery2017-big-ehab{
	display:block;
	flex: 1 1 auto;
	width:100%;
	/*height:calc( 100% - 160px );*/
	text-align:center;
	background-color:#D9D9D9;

	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;	
	border:inset 10px rgba(0,0,0,0);
	-webkit-transition: all 0s !important;
    transition: all 0s !important;
}
.gallery2017-thumps-ehab{
	
	width:100%;
	text-align:center;
	height:111px;/*change when tile size change*/
	overflow:hidden;
}
.gallery2017-big-image-ehab{
    /*هذه الصورة غير مرئية...ولكن تستخدم لانتظار اكتمال التحميل ONLOAD*/
	/*opacity:0 !important;*/
	cursor:pointer;
	display:none;
	position:relative;; 
/*    top:50%;
    left:50%;
	transform:translateY(-50%) translateX(-50%);*/
	margin:0 auto;
	box-sizing: border-box;
}
.gallery2017-thumps-inn-ehab{
	overflow-y: hidden;
	white-space: nowrap;
	padding-bottom:30px;
	
	/*-webkit-overflow-scrolling: touch;
	padding-bottom:20px;*/
	
}
.gallery2017-thmp-ehab{
	position:relative;
	width:91px;
	height:91px;
	background:black;
	display:inline-block;
	margin:10px 5px 10px 5px;
	color:white;
	cursor:pointer;	
	opacity:0.6;
	
}
.gallery2017-thmp-ehab:hover{
	
	
	opacity:1;
}
.gallery2017-border{
	-webkit-box-shadow: 0px 0px 0px 2px #000;
    -moz-box-shadow: 0px 0px 0px 2px #000;
    box-shadow: 0px 0px 0px 2px #000;
	opacity:1;
}
.gallery2017-thumps-image-ehab{
	width:100%;
	height:100%;
	object-fit:cover;
}
.gallery2017-left-right{
	
	width:100%;
	text-align:center;
	/*direction:ltr !important;*/
		
}
.gallery2017-left-right *{
	display:inline-block;
	vertical-align:top;
	
}
.gallery2017-right,.gallery2017-left{
	display:inline-block;
	height:31px;
	width:31px;
	line-height:60px;
	vertical-align: top;
	background-image:url('arrows.svg');
	background-size:cover;
	opacity:0.5;
	margin:5px;
	cursor:pointer;
	background-position:0px;
	
}
.gallery2017-right:hover,.gallery2017-left:hover{
	opacity:1;	
}
.gallery2017-right{
	/*float:right;	*/
	right:0px;
	
}
.gallery2017-left{
	background-position:31px;

	
}
.rtl .gallery2017-left{
	background-position:0px;

	
}
.rtl .gallery2017-right{
	background-position:31px;

	
}
.gallery2017-title{
	/*padding-top:5px;*/
	width:calc(100% - 250px);
	display:inline-block;
	font-size:14px;
	line-height:20px;

	height:38px;
	white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  /*background:rgba(0,0,0,0.2);
  color:white;*/
  border-left:solid 1px #dddddd;
  border-right:solid 1px #dddddd;
  
}
.fullscreen_gallery,.autoplay_gallery{
	display:inline-block;
	line-height:40px;
	font-size:12px;
	cursor:pointer;
	text-decoration:none;
}
.fullscreen_gallery:hover{
	color:white;
	background:black;
	
}