picture{
        position: relative;
	display: inline-block;
      }

     picture img{
        width: 50%; height: auto; 
	display: block;  
	position: absolute;
	
      }

      .canvas{
        position: absolute; 
	z-index: 10;
/*	pointer-events: none; */
	
      }

      

      .title_span{
        position: revert;
        z-index: auto;
	display: inline;
	
       
      }
      .tittle_arc{
        position: absolute;
        z-index: 12;
        font-size: 10px;
        padding: 8px;
        background-color: rgba(255, 255, 255, 0.8);
        border: 2px;
        border-radius: 10px;
	
	 pointer-events: auto;
        
      }

 	
      a.no-link:hover {
    	color: inherit !important;
    	cursor: default !important;
	text-decoration: auto;
	}


  .lg-outer .lg-img-wrap, .lg-outer .lg-item {

         text-align: left;
          

    }

    .lg-outer .lg-object{
              position: absolute;
	     
	      
      }

     .lg-outer .lg-img-wrap, .lg-outer .lg-item{

	display:grid;
	place-items:center;
      }


  img .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
	      left: auto !important;

      }

  img .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x .zoom-igazit{
		     top: -55% !important;   
     }