/*---------------------- Banner ----------------------*/
salla-slider.photos-slider .swiper
{
    padding-bottom: 1.5rem;
    padding-left: 0rem;
    padding-right: 0rem;
}

salla-slider.photos-slider .swiper-slide
{
    width: 100%;
    margin-left: 0rem;
    margin-right: 0rem;
    padding-left: 20px;
    padding-right: 20px;
}

.banner--fixed img
{   
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8dc63f), color-stop(50%, transparent)), 
                -webkit-gradient(linear, left top, right top, color-stop(50%, #8dc63f), color-stop(50%, transparent)), 
                -webkit-gradient(linear, left bottom, left top, color-stop(50%, #8dc63f), color-stop(50%, transparent)), 
                -webkit-gradient(linear, left bottom, left top, color-stop(50%, #8dc63f), color-stop(50%, transparent));
   
    background: -o-linear-gradient(left, #8dc63f 50%, transparent 50%), 
                -o-linear-gradient(left, #8dc63f 50%, transparent 50%), 
                -o-linear-gradient(bottom, #8dc63f 50%, transparent 50%), 
                -o-linear-gradient(bottom, #8dc63f 50%, transparent 50%);
   
    background: linear-gradient(90deg, #8dc63f 50%, transparent 50%), 
                linear-gradient(90deg, #8dc63f 50%, transparent 50%), 
                linear-gradient(0deg, #8dc63f 50%, transparent 50%), 
                linear-gradient(0deg, #8dc63f 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 16px 2px, 16px 2px, 2px 16px, 2px 16px;
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
    border-radius: 5px;
    padding: 7px;
    -webkit-animation: dash 35s linear infinite;
    animation: dash 35s linear infinite;
}

@-webkit-keyframes dash
{
    to
    {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}

@keyframes dash
{
    to
    {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}
/*------------------ End of Banner -------------------*/