/*
 * Housekeeping
 */


h2{
    margin: 0;
    padding: 5px;
	font-size:16px;
	text-align:center;
	font-weight1:bold;
}
.container11 {
    margin: 0 auto;
    max-width: 480px;
	padding:0px;
	margin:0px;
}

.captionr{
/*box-shadow: 1px 2px 6px #62297B;*/
    position: relative;
    overflow: hidden;
background-color: rgba(0, 0, 0, 0.58);
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}
.captionr p{
font-size:12px;
 margin: 0;
 padding: 5px;
 line-height:18px;
 text-align:justify;
}

.captionr::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}

.captionr:hover::before {
    background: rgba(0, 0, 0, .5);
}

.caption__mediar {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlayr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0px;
    color: white;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.captionr:hover .caption__overlayr{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__titler {
    -webkit-transform: translateY( -webkit-calc(-100% - 0px) );
            transform: translateY( calc(-100% - 0px) );

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
	background:#530962 ;
	opacity:.9;
}

.captionr:hover .caption__overlay__titler {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}