.container{justify-content:center;max-width:1200px!important;flex-direction:row;align-items:center;display:flex}.container,.container-mobil{height:550px}.panel{flex:1;height:500px;overflow:hidden;filter:grayscale(1);position:relative;margin:20px;box-shadow:0 0 0 #000;border-radius:0;background:#fff no-repeat scroll 50%;width:100px}.panel,.panel h3{transition:all .5s linear}.panel h3{height:380px!important;transform:rotate(-90deg);padding-top:0;font-size:24px;font-weight:700;color:#fff;position:absolute;bottom:20px;left:0;width:400px!important;line-height:30px}.active{flex:6;filter:grayscale(0)}.active h3{transform:rotate(0deg);text-shadow:0 0 3px #000;top:50px;left:50px;width:200px!important}.urun-incele{color:#dc3545!important}.urun-incele,.urun-incele:hover{border-bottom-left-radius:0;padding:10px;font-weight:700;border-top-left-radius:0;text-align:right;background-color:#fff;margin-left:220px;width:auto;margin-top:400px;display:none}.urun-incele:hover{color:#333!important}