@charset "utf-8";

 .b-lazy {
	        -webkit-transition: opacity 500ms ease-in-out;
	           -moz-transition: opacity 500ms ease-in-out;
	             -o-transition: opacity 500ms ease-in-out;
	                transition: opacity 500ms ease-in-out;
	                 max-width: 100%;
	                   opacity: 0.2;
	    }
	    .b-lazy.b-loaded {
	                   opacity: 1;
	    }
		
		  .image-wrapper {
	        // Adding a loader and background color. The user will see it
		// if the image is loading slow.
	        background: #1E1E1E url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==')center center no-repeat ;
	        width: 100%
	    }
	    .ratio_16-9 {
	        // The image has a 16/9 ratio. Until the image has loaded
	        // we need to reserve some space so the page won't reflow.
	        // How to calculate the space (padding-bottom): 9/16*100 = 56.25
	        // Another example: you have an image 400x250.
	        // So if you want to calculate the space you do: 250/400*100 = 62.5
	        padding-bottom: 56.25%; 
	        height: 0;
	    }
        .b-lazy {
            max-width: 100%;
        }
        
        .b-error:not(.b-loaded) {
			background-image:url('../../../images/event/tmap/icon_no_img.png') !important;
			background-size:30px 26px !important;
			background-color: #e3e7ef !important;
			opacity : 1 !important;
		}