/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


#promos .card-blog{
    margin-top: 60px;
    height: 360px
}
#promos .card-header-image{
    height: 160px;
    overflow: hidden;
}
#promos .promo{
    position: absolute;
    top: 75px;
    background: white;
    z-index: 996;
    border-radius: 0 6px 0 6px ;
    right: 30px;
    padding: 5px;
    margin: 0
}
#promos .card-title{
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
}