.qode-cards-gallery-holder {
    padding: 10px 0;
    position: relative;
    height: 518px;
}

.qode-cards-gallery-holder .qode-cards-gallery {
    width: 100%
}

.qode-cards-gallery-holder img {
    position: relative;
    display: block;
    border-radius: 4px;
    width: 100%;
    object-fit: cover;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.qode-cards-gallery-holder .fake_card {
    position: relative;
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.qode-cards-gallery-holder .card {
    box-sizing: border-box;
    position: absolute;
    -webkit-transition: transform .5s ease-in-out,margin .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out,top .3s ease-in-out,bottom .3s ease-in-out;
    -moz-transition: transform .5s ease-in-out,margin .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out,top .3s ease-in-out,bottom .3s ease-in-out;
    transition: transform .5s ease-in-out,margin .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out,top .3s ease-in-out,bottom .3s ease-in-out;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    overflow: hidden;
}

.qode-cards-gallery-holder .card:not(:last-of-type) {
    cursor: pointer
}

.qode-cards-gallery-holder .card:not(.selected) {
    opacity: .5 !important;
}

.qode-cards-gallery-holder.left .card.out {
    -webkit-transition: transform .5s ease-in-out,left .3s ease-in-out;
    -moz-transition: transform .5s ease-in-out,left .3s ease-in-out;
    transition: transform .5s ease-in-out,left .3s ease-in-out
}

.qode-cards-gallery-holder.left .card:nth-last-child(8) {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    transform: scale(.3);
    left: -70%
}

.qode-cards-gallery-holder.left .card:nth-last-child(7) {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    transform: scale(.4);
    left: -60%
}

.qode-cards-gallery-holder.left .card:nth-last-child(6) {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    left: -50%
}

.qode-cards-gallery-holder.left .card:nth-last-child(5) {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    transform: scale(.6);
    left: -40%
}

.qode-cards-gallery-holder.left .card:nth-last-child(4) {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    left: -30%
}

.qode-cards-gallery-holder.left .card:nth-last-child(3) {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    left: -20%
}

.qode-cards-gallery-holder.left .card:nth-last-child(2) {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    left: -10%
}

.qode-cards-gallery-holder.left .card:nth-last-child(1) {
    padding: 0;
    left: 0
}

.qode-cards-gallery-holder.left .card:not(:last-of-type):not(.active):hover {
    margin-left: -10px!important
}

.qode-cards-gallery-holder.right .card.out {
    -webkit-transition: transform .5s ease-in-out,right .3s ease-in-out;
    -moz-transition: transform .5s ease-in-out,right .3s ease-in-out;
    transition: transform .5s ease-in-out,right .3s ease-in-out
}

.qode-cards-gallery-holder.right .card:nth-last-child(8) {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    transform: scale(.3);
    right: -70%
}

.qode-cards-gallery-holder.right .card:nth-last-child(7) {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    transform: scale(.4);
    right: -60%
}

.qode-cards-gallery-holder.right .card:nth-last-child(6) {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    right: -50%
}

.qode-cards-gallery-holder.right .card:nth-last-child(5) {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    transform: scale(.6);
    right: -40%
}

.qode-cards-gallery-holder.right .card:nth-last-child(4) {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    right: -30%
}

.qode-cards-gallery-holder.right .card:nth-last-child(3) {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    right: -20%
}

.qode-cards-gallery-holder.right .card:nth-last-child(2) {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    right: -10%
}

.qode-cards-gallery-holder.right .card:nth-last-child(1) {
    padding: 0;
    right: 0
}

.qode-cards-gallery-holder.right .card:not(:last-of-type):not(.active):hover {
    margin-right: -10px!important
}

.qode-cards-gallery-holder.top .card.out {
    -webkit-transition: transform .5s ease-in-out,top .3s ease-in-out;
    -moz-transition: transform .5s ease-in-out,top .3s ease-in-out;
    transition: transform .5s ease-in-out,top .3s ease-in-out
}

.qode-cards-gallery-holder.top .card:nth-last-child(8) {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    transform: scale(.3);
    top: -70%
}

.qode-cards-gallery-holder.top .card:nth-last-child(7) {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    transform: scale(.4);
    top: -60%
}

.qode-cards-gallery-holder.top .card:nth-last-child(6) {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    top: -50%
}

.qode-cards-gallery-holder.top .card:nth-last-child(5) {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    transform: scale(.6);
    top: -40%
}

.qode-cards-gallery-holder.top .card:nth-last-child(4) {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    top: -30%
}

.qode-cards-gallery-holder.top .card:nth-last-child(3) {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    top: -20%
}

.qode-cards-gallery-holder.top .card:nth-last-child(2) {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    top: -10%
}

.qode-cards-gallery-holder.top .card:nth-last-child(1) {
    padding: 0;
    top: 0
}

.qode-cards-gallery-holder.top .card:not(:last-of-type):not(.active):hover {
    margin-top: -10px!important
}

.qode-cards-gallery-holder.bottom .card.out {
    -webkit-transition: transform .5s ease-in-out,bottom .3s ease-in-out;
    -moz-transition: transform .5s ease-in-out,bottom .3s ease-in-out;
    transition: transform .5s ease-in-out,bottom .3s ease-in-out
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(8) {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    transform: scale(.3);
    bottom: -70%
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(7) {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    transform: scale(.4);
    bottom: -60%
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(6) {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    bottom: -50%
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(5) {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    transform: scale(.6);
    bottom: -40%
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(4) {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    bottom: -30%
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(3) {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    bottom: -20%
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(2) {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    bottom: -10%
}

.qode-cards-gallery-holder.bottom .card:nth-last-child(1) {
    padding: 0;
    bottom: 0
}

.qode-cards-gallery-holder.bottom .card:not(:last-of-type):not(.active):hover {
    margin-bottom: -10px!important
}