.blocco-S {position: relative;}

.blocco-S .blu-space {
    position: absolute;
    width: 100%;
    left: 0;
    height: 15%;
    background-color: #1E2E3E;
}

.blocco-S .occhiello {
    text-transform: uppercase;
    color:#fff;
    margin-bottom: 10px;
}

.blocco-S .swiper .occhiello {
    color: #fff;
    font-size: 12px;
    margin-top: 15px;
}

.blocco-S .border {
    color:#C28936;
    padding-bottom: 50px;
    margin-top: 20px;
    position: relative;
}

.blocco-S .border:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 1px;
    background-color: #fff;
    height: 100%;
}

.blocco-S .swiper {overflow: visible;}
.blocco-S .swiper-slide {width: 80%;}

/*--------------------------------------------------------------------------------*/
/*** Media Query ***/
/* sopra 000px -> bootstrap ref. */
@media (min-width: 415px) {}
@media (min-width: 576px) /* SM */ {}
@media (min-width: 768px) /* MD */ {.blocco-S .swiper-slide {width: 40%;}}
@media (min-width: 992px) /* LG */ {.blocco-S .swiper-slide {width: 25%;}}
@media (min-width: 1200px) /* XL */ {}
@media (min-width: 1367px) {}
@media (min-width: 1920px) {}

/* sotto 000px -> bootstrap ref. */
@media (max-width: 1200px) /* XL */ {}
@media (max-width: 992px) /* LG */ {}
@media (max-width: 768px) /* MD */ {}
@media (max-width: 576px) /* SM */ {}

/* orientamento finestra/dispositivo */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

/* solo dispositivi touch */
@media (hover: none) {}