.ccm-block-menu-window-wraper {
position: relative;
width: 100%;
margin-top: -1px;
border-bottom: 1px solid #86008B;
font-family: Oswald;
}

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

.ccm-block-menu-title {
padding: 3px 15px 0px 0px;
cursor: pointer;

color: #86008B;
text-shadow: 0px 0px 6px rgba(122, 3, 163, 0.3);
}

.ccm-block-menu-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-menu-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: 10px;
}

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

.ccm-block-menu-about {
position: relative;
padding: 15px 15px 15px 0px;
}