/* modal */
.modal { z-index: 99999; }
.modal-title { text-align: justify; font-size: 14px;    display: none; }
.modal-dialog { max-width: 100%; width: auto!important; position: absolute!important;top:20px; margin: 20px auto!important; /* left: 50%!important; */ }
.modal-content { /*right: 50%!important; */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.p-control { position: absolute; }
.p-control i { font-size: 19px; color: #000; }
.p-control.control-left { top: 40%; bottom: 50%; left: 5px; } 
.p-control.control-right { top: 40%; bottom: 50%; right: 5px; } 
.p-home-img { position: relative; height: 105px; overflow: hidden;  } 
.modal-header { padding: 0; border: 0px; min-height: 0; }
.modal-body { padding: 0; }
.modal-header .close { background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important; border: 0 none; webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 1); box-shadow: 0 0 4px rgba(0, 0, 0, 1); color: #000; display: block; height: 25px; line-height: 10px; margin: 0; opacity: 1; padding: 0 0 4px; position: absolute; right: -12px; text-shadow: 0 1px 0 #000; top: -12px; width: 25px; z-index: 9999; }

/* modal modificata full screen */
.modal { z-index: 99999; background: rgba(255, 255, 255, 0.5); }
.modal-content { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: nona; box-shadow: none; }
.modal-title { text-align: left; font-size: 19px;  color: #000;  display: block; }
.modal-dialog { width: auto!important; position: relative; margin-top: 70px;}
.modal-content { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.p-control { position: absolute; }
.p-control i { font-size: 19px; color: #000; }
.p-control.control-left { top: 40%; bottom: 50%; left: 0; } 
.p-control.control-right { top: 40%; bottom: 50%; right: 0; } 
.p-home-img { position: relative; height: 105px; overflow: hidden;  } 
.modal-header { padding: 0; border: 0px; min-height: 0; }
.modal-body { padding: 0; }
.modal-header .close { height: 25px; line-height: 10px; margin: 0; opacity: 1; padding: 0 0 4px; position: absolute; right: -12px; font-size: 50px; top: -12px; width: 25px; z-index: 9999; }

.ekko-lightbox-nav-overlay a { opacity: 1!important; filter: alpha(opacity=100)!important; color: #97a0a6!important; text-shadow: none!important; }
.ekko-lightbox-container { background: #fff none repeat scroll 0 0; }
.ekko-lightbox-container { position: relative; text-align: center; }
.close { position: absolute; color: #97a0a6; float: right; font-size: 50px; font-weight: 700; line-height: 1; opacity: 1; right: 15px; text-shadow: none; display: block; background: url('../images/ekko-close.png') no-repeat center center / cover !important; width: 50px; height: 50px; margin-top: 15px; }


.ekko-lightbox { padding: 0 !important; display: block; }
.ekko-lightbox .container, .modal-content, .modal-body, .ekko-lightbox-container, .ekko-lightbox-container div { height: 100%; } 
.ekko-lightbox-container div img { max-height: 100%; }
.ekko-lightbox .modal-dialog {height: 90%; position: relative !important; margin: 0 !important; bottom: 5%; top: 5%; }

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) { 
	
	.ekko-lightbox { padding: 0; }
	
	.ekko-lightbox .chevron-left { top: -5px; height: 45px; left: -15px!important; position: absolute;  width: 30px!important;  background: url('../images/ekko-arrow-left.png') no-repeat left center / cover !important; }
	.ekko-lightbox .chevron-right { top: -5px; height: 45px; left: 30px!important; position: absolute;  width: 30px!important;  background: url('../images/ekko-arrow-right.png') no-repeat right center / cover !important; }
	.ekko-lightbox-nav-overlay { height: 50px!important; top: -50px!important; width: 120px!important; }
	
	.modal-dialog { margin-top: 80px; !important; position: relative !important; left: auto !important; }
	.modal-content { right: auto !important; position: relative; margin: 0; } 
	.modal-header { margin-top: auto; }
	
	.ekko-lightbox .modal-dialog { height: auto; position: relative !important; margin: 0 !important; bottom: auto; top: 15%; }
	
}

/* Small devices (tablets, 768px and up)  */
@media (min-width: 767px) { 
	.ekko-lightbox .chevron-left { margin-top: 15px; left: -15px!important; position: absolute;  width: 30px!important; background: url('../images/ekko-arrow-left.png') no-repeat left center / cover !important; }
	.ekko-lightbox .chevron-right {margin-top: 15px;  right: -15px!important; position: absolute;  width: 30px!important; background: url('../images/ekko-arrow-right.png') no-repeat right center / cover !important; }
	.ekko-lightbox-nav-overlay { height: 50px!important; bottom: -50px!important; top: auto!important; }
	
	.modal-header { margin-top: 70px!important; }
	
}

/* Medium devices (desktops, 992px and up)  */
@media (min-width: 992px) {
	
	.ekko-lightbox .chevron-left { left: -50px!important; 
		position: absolute; width: 50px !important; 
		background: url('../images/ekko-arrow-left.png') no-repeat left center / cover !important; }
		
	.ekko-lightbox .chevron-right { right: -50px!important; 
		position: absolute; width: 50px!important; 
		background: url('../images/ekko-arrow-right.png') no-repeat right center / cover !important; }
		
		
	.ekko-lightbox-nav-overlay {  height: 50px!important;
	    bottom: auto!important;
	    top: 50%!important; }
	.modal-header { margin-top: auto!important; }
}