/* "Barchasini ko'rish" kartasi — karusel oxirida turadi va
   oddiy kino kartasi bilan bir xil o'lchamda ko'rinadi */

.viewall-box{
    display:block;
    position:relative;
    width:100%;
    /* 368/248 — poster rasmlarining nisbati, shuning uchun
       karta qo'shnilari bilan bir xil balandlikda turadi */
    padding-bottom:148.387%;
    border:3px solid #222933;
    border-radius:3px;
    background:#1B222C;
    overflow:hidden;
    transition:all 300ms ease-in;
    -webkit-transition:all 300ms ease-in;
}

.viewall-inner{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    padding:0 10px;
    text-align:center;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}

.viewall-inner .fa{
    display:block;
    font-size:42px;
    line-height:1;
    margin-bottom:14px;
    color:#02B0E4;
    transition:all 300ms ease-in;
    -webkit-transition:all 300ms ease-in;
}

.viewall-text{
    display:block;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    color:#9fb0c5;
    transition:all 300ms ease-in;
    -webkit-transition:all 300ms ease-in;
}

.viewall-link:hover .viewall-box{
    background:#232F3D;
    border-color:#02B0E4;
}

.viewall-link:hover .viewall-inner .fa{
    -webkit-transform:translateX(4px);
    -ms-transform:translateX(4px);
    transform:translateX(4px);
}

.viewall-link:hover .viewall-text{
    color:#fff;
}