/* =====================================================
   HOVER STATE
===================================================== */

.hero-stage.hover-mode .hero-panels{

    transform:translateX(-180px) scale(.85);
    opacity:.35;
    transition:all .6s cubic-bezier(.22,.61,.36,1);

}

/* paneller arkaya gitsin */

.hero-stage.hover-mode .hero-panel{

    pointer-events:none;

}

/* =====================================================
   BIG BANNER (MARYNA)
===================================================== */

.hero-preview{

    position:absolute;
    right:-120px;
    top:50%;
    transform:translateY(-50%) scale(.9);
    opacity:0;
    transition:all .7s cubic-bezier(.22,.61,.36,1);
    z-index:40;

}

.hero-preview img{

    width:980px;
    display:block;
    filter:drop-shadow(0 40px 80px rgba(0,0,0,.25));

}

/* =====================================================
   HOVER'DA BANNER AÇILSIN
===================================================== */

.hero-stage.hover-mode .hero-preview{

    opacity:1;
    transform:translateY(-50%) scale(1);

}
.hero-preview{
    display:block;
    cursor:pointer;
}