.standar {
				font-weight: 700;
				font-size: .9em;
			}

			.layer_read_more{
    			text-align: center;
				position: absolute;
    			top: 30%;
				opacity: 0;
    			
    			z-index: 3;
				min-width: 100%;
				max-height: 100%;

  				-webkit-transition: opacity 0.3s ease-in-out;
  				-moz-transition: opacity 0.3s ease-in-out;
  				-ms-transition: opacity 0.3s ease-in-out;
  				-o-transition: opacity 0.3s ease-in-out;
  				transition: opacity 0.3s ease-in-out;
			}
			.card:hover .layer_read_more{
    			text-align: center;
				position: absolute;
    			top: 30%;
				opacity: 1;
    			
    			z-index: 3;
				min-width: 100%;
				max-height: 100%;

  				-webkit-transition: opacity 0.3s ease-in-out;
  				-moz-transition: opacity 0.3s ease-in-out;
  				-ms-transition: opacity 0.3s ease-in-out;
  				-o-transition: opacity 0.3s ease-in-out;
  				transition: opacity 0.3s ease-in-out;
			}

        	.card {
        		margin: 0 0 1rem 0 !important;
        	}

        	div.card-image-custom>img {
        	  min-width: 100% !important;
        	  max-width: 100% !important;
        	  display: block;
        	}
        	.card-image-custom {
        	  width: 100%;
        	  /*max-height:12.7em !important; */
        	  overflow: hidden;
        	  border-top-left-radius: 10px !important;
        	  border-top-right-radius: 10px !important;
        	}
        	.card .card-action {
        	    background-color: transparent !important;
        	    border-top: 0px !important;
        	}
			.card:hover .card-image-custom img{
				-moz-transform: scale(1.13);
				-webkit-transform: scale(1.13);
				transform: scale(1.13);
			}
			.card-image-custom img{
				max-width: 100%;
			 	-moz-transition: all 0.3s;
			 	-webkit-transition: all 0.3s;
			 	transition: all 0.3s;
			}

/*----------------UNTUK TINGGI SESUAI DENGAN CARD VIDEO----------------*/
        	div.card-image-custom-height>img {
        	  min-width: 100% !important;
        	  max-width: 100% !important;
        	}
        	.card-image-custom-height {
        	  width: 100%;
        	  max-height:12.7em !important; 
        	  overflow: hidden;
        	  border-top-left-radius: 10px !important;
        	  border-top-right-radius: 10px !important;
        	}
        	.card .card-action {
        	    background-color: transparent !important;
        	    border-top: 0px !important;
        	}
			.card:hover .card-image-custom-height img{
				-moz-transform: scale(1.13);
				-webkit-transform: scale(1.13);
				transform: scale(1.13);
			}
			.card-image-custom-height img{
				max-width: 100%;
			 	-moz-transition: all 0.3s;
			 	-webkit-transition: all 0.3s;
			 	transition: all 0.3s;
			}
/*----------------END UNTUK TINGGI SESUAI DENGAN CARD VIDEO-------------*/

			.card, .gede{
				border-radius: 15px;
			}
			.gede:hover .item img{
				-moz-transform: scale(1.13);
				-webkit-transform: scale(1.13);
				transform: scale(1.13);
			}
			.item {
				position: relative;
				overflow: hidden;
				width: 100%;
				background-color: #fff;
				border-radius: 15px 15px 0 0;
			}
			.item img {
			 	max-width: 100%;
			 	-moz-transition: all 0.3s;
			 	-webkit-transition: all 0.3s;
			 	transition: all 0.3s;
			}
			
			.overlay{ 
			    position: absolute; z-index: 1000; 
			    bottom:0px; 
			    margin:0; 
			    padding: 0; 
			    width: 100%;  
			    height: 100% !important;
			    background-color: rgba(0,0,0,.1);
			}
			.gede:hover .overlay{ 
			    position: absolute; z-index: 1000; 
			    bottom:0px; 
			    margin:0; 
			    padding: 0; 
			    width: 100%;  
			    height: 100% !important;
			    background-color: rgba(0,0,0,.1);
			    cursor: pointer;
			
			}
			.card-footer{
				width: 100%;
				min-height: 10em !important;
				background-image: url('../images/events.jpg');
				background-size: cover;
				background-position: right; 
			}
			.card-title{width: 100%; font-weight:bold;}
			.card-footer a p.tanggal{color: #000;}
			p.hari{text-align:left; font-weight: bold; font-size: 2em; text-transform: uppercase; 
			  padding: .1em 0 0 0; color: white; line-height: 1em; }
			span.jam{color: white; font-weight: bold; font-size: .7em;}
			p.tanggal{font-weight: 800; font-size:1.2em; margin: 0;}
			p.lokasi{font-weight: 300; font-size: 1em; color:grey; margin:0; padding: 0 5px;}
			.tKiri{padding: 2em 0 0 0; width: 72%; text-align: center;}
			.tKanan{ width: 25%;}
			div.round {
			  	background:
			  	    -moz-radial-gradient(0 100%, circle, rgba(0,0,0,0) 14px, rgba(0,0,0,.1) 15px),
			  	    -moz-radial-gradient(100% 100%, circle, rgba(0,0,0,0) 14px, rgba(0,0,0,.1) 15px);
			  	background:
			  	     -o-radial-gradient(0 100%, circle, rgba(0,0,0,0) 14px, rgba(0,0,0,.1) 15px),
			  	     -o-radial-gradient(100% 100%, circle, rgba(0,0,0,0) 14px, rgba(0,0,0,.1) 15px);
			  	background:
			  	     -webkit-radial-gradient(0 100%, circle, rgba(0,0,0,0) 14px, rgba(0,0,0,.1) 15px),
			  	     -webkit-radial-gradient(100% 100%, circle, rgba(0,0,0,0) 14px, rgba(0,0,0,.1) 15px);
			}
			.card__stop:before {
			    content: "";
			    position: absolute;
			    bottom: 8.5rem;
			    width: 2.4rem;
			    height: 2.4rem;
			    background-color: #420d09;
			    border-radius: 100%;
			    left: -1.3rem;
			}
			.card__stop:after {
			    content: "";
			    position: absolute;
			    bottom: 8.5rem;
			    width: 2.4rem;
			    height: 2.4rem;
			    background-color: #420d09;
			    border-radius: 100%;
			    right: -1.1rem;
			}

@media screen and (max-width: 321px){
	p.lokasi{font-size: .9em; padding: 0 10px;}
}


.card .card-image .card-title{
	padding: 20px 10px !important;
}
.card .card-title{
	font-size: 20px !important;
}