.ccm-block-quote-window-wraper {
position: relative;
width: 100%;
margin-top: -1px;
}

.ccm-block-quote-window-wraper:hover .ccm-block-quote-height {
max-height: 1500px;
}

.ccm-block-quote-title {
padding: 3px 0px 0px 0px;
cursor: pointer;
color: #000000;
font-family: Playfair Display;
font-weight: 300;
font-size: 15px;
text-align: right;
font-style: italic;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
}

.ccm-block-quote-height {
overflow: hidden;
-webkit-transition: max-height 1.5s ease;
-moz-transition: max-height 1.5s ease;
-o-transition: max-height 1.5s ease;
transition: max-height 1.5s ease;
max-height: 0;
}

.ccm-block-quote-info-wraper {
-webkit-transition: -webkit-transform 1.5s ease;
-moz-transition: -moz-transform 1.5s ease;
-o-transition: -o-transform 1.5s ease;
transition: transform 1.5s ease;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
padding-right: 0px;
}

.ccm-block-quote-window-wraper:hover .ccm-block-quote-info-wraper {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.ccm-block-quote-about {
position: relative;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #D0D0D0;
margin-bottom: 25px;
}