#acardion img{
    max-width: none;
}
#acardion hr{
    margin-left:-15px;
    margin-bottom:10px;
    margin-top:10px;
    border-top:1px solid;
    border-bottom:1px solid;
}
#acardion{
    overflow: hidden;
    height: 400px;
    text-align: center;
}
#acardion ul li{
    display: inline-block;
    cursor: pointer;
    transition: 1s;
    position: relative;
}
#acardion ul li:hover{
   
    width: 35%;
} 
#acardion ul li:hover li{
   
    width: 10%;
}   
#acardion ul li div{
    overflow: hidden;
    width: 100%;
    position: absolute;
}
#acardion ul{
    margin: 0px;
    padding: 0px;
}

#acardion .titles{
    font-size: 15pt;
    z-index: 8000;
    transform: rotate(-90deg);
    transition: 1s;
    padding-top: 10px;
    padding-bottom: 10px;
}
#acardion .title_text{
    font-size: 15pt;
    z-index: 9000;
    transform: rotate(-90deg);
    transition: 1s;
    padding-top: 10px;
    padding-bottom: 10px;
    
}
#acardion ul li:hover .titles{
    opacity:0;
    
}
#acardion .zag{
    margin-left: 15px;
    text-align: left;
    margin-top: 10px;
    z-index: 8000;
    transition-duration: 1s;
    padding-left: 10px;
    width: 90%;
    padding-bottom: 10px;
    padding-top: 10px;
}
#acardion .descript_text{
    opacity:0;
    margin-left: 15px;
    text-align: left;
    margin-top: 10px;
    font-size: 15pt;
    z-index: 9000;
    transition-duration: 1s;
    padding-left: 10px;
    width: 90%;
    padding-bottom: 10px;
    padding-top: 10px;
    
}
#acardion .topin{
    opacity: 0;
}