/* header, section, .cont, .cella {
    background: rgba(255,0,0,0.1)
}
#s1 { background: silver } */
/* .cont, .cella {
    background: rgba(255,0,0,0.1)
} */
.parOgg {
    padding-left: 20px;
    padding-right: 20px
}
.marOgg {
    margin-left: 20px
}
#sli {
    position: absolute;
    z-index: 0;
    top: 0; left: 0;
    margin-top: 128px;
    width: 100%;
    height: 610px;
    padding: 0 !important;
    overflow: hidden
}
#s1 .border2 {
    padding: 30px 10px 30px 10px;
    border: 4px solid #e7313d
}
#sli .div_img {
    display: none
}
#slider_0 {
    display: block !important;
    opacity: 1
}
#sli .c0 .cella {
    margin-bottom: 0
}
#s1 .inv {
    color: #fff;
    background: #e7313d;
    display: inline-block;
    padding: 0 5px 0 5px
}
#s1 .inv2 {
    background: transparent;
    padding: 0 5px 0 5px;
    margin-bottom: 250px
}
.bb {
    position: absolute;
    background: #fff;
    top: 0;
    height: 100%;
    width: 15px
}
.bb1 {
    left: 0
}
.bb2 {
    right: 0
}


#img_2_2 { display: none }
#img_2_1 { display: block }

.s2 .rett {
    float: left;
    width: 50%
}
.s2 .ico {
    width: 25px
}
.s2 .c1 {
    padding-right: 10px
}
.s2 .c2 {
    padding-right: 5px
}
.s2 .s {
    height: 20px
}

.s2_1 table {
    width: 80%;
    margin-left: 10%;
}
.s2_1 .te {
    width: 33.3%
}
.s2_1 { padding-top: 0 !important }
#barra1 {
    position: absolute;
    bottom: 0;
    width: 100%
}

#contatti .ico {
    height: 20px;
    margin-right: 10px
}
#img3 {
    position: relative
}
#img3 .div_img {
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s
}
#servImg_0 {
    opacity: 1
}

#contBox {
    position: relative;
    margin-left: 0;
    margin-right: 0
}
#contBox .contCb {
    position:relative;
    /* background: orange; */
    float: left;
    width: 45%
}
#contBox .cb {
    border: 1px solid #d0d1d3;
    /* padding: 20px;
    padding-top: 10px; */
    width: 100%;
    /* padding-right: 15px; */
    margin-top: 16px;
    margin-bottom: 8vw;
    border-radius: 12px;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s
}
#contBox .sep {
    margin-left: 8% !important
}
#contBox .cb:hover {
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.4)
}
#contBox .banda {
    position: absolute;
    z-index: 10;
    padding: 0 10px 0 10px;
    top: 0; left: 35px
    /* margin-left: 35px */
}
#contBox .contImageCb {
    position:relative;
    height: 30vw;
    min-height: 150px;
    max-height: 350px
}
.contImageCb .velo {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(231,49,61,0.9);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.contImageCb .velo:hover {
    opacity: 1
}
#contBox .banda svg {
    display: block;
    margin: 5px 10px 5px 0 !important;
    height: 28px
}
#contBox .banda svg .a {
    fill: #ffffff !important
}
#pulsDevenez {
    float: right;
    padding: 30px;
    margin-right: 11px;
    background: #e0e0e0
}
#barra2 {
    position: absolute;
    bottom: 0;
    width: 100%
}
#contBox .li {
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px solid #f0f0f0
}

@media screen and (max-width:599px){
    #sli { margin-top: 88px }
    #img_2_1 { display: none }
    #img_2_2 { display: block }
    #s1 .c1 {
        margin-top: 20px
    }
    .s2 {
        padding-top: 6vw
    }
    .s2 .cc2 {
        margin-top: 0
    }
    .s2 .rett, .s2 table {
        width: 100%
    }
    .s2 td { display: inline-block }
    .bb { width: 1% }
    #sli { height: 330px }
    #s1 .inv2 { margin-bottom: 50px }
    .parOgg {
        padding-left: 10px;
        padding-right: 10px
    }
    .marOgg {
        margin-left: 10px
    }
    .s2_1 table {
        width: 98%;
        margin-left: 1%
    }
    .s2_1 td { display: table-cell }
    .s2_1 .te {
        width: 100%;
        display: inline-block !important
    }
    .s2_1 .c1 { width: 40px !important; padding: 0 !important }
    #contBox .contCb {
        width: 97%
    }
    #contBox .sep {
        margin-left: 0 !important
    }
    #contBox .banda { left: 25px }
    #puls1 { margin-bottom: 30px }
    #pulsDevenez td { display: block; padding-right: 0 !important }
    #pulsDevenez .pulsanteRosso { margin-top: 15px }
}
@media screen and (max-width:414px){
    #sli { margin-top: 76px }
    .s2 .ico {
        width: 23px
    }
    .s2 .c1 {
        padding-right: 5px
    }
    .s2 .c2 {
        padding-right: 1px
    }
    .s2 .s {
        height: 15px
    }
    #sli { height: 280px }
    #s1 .inv2 { margin-bottom: 30px }
    #contBox .banda { left: 20px }
}
@media screen and (max-width:320px){
    #sli { margin-top: 69px; height: 270px }
}
@media screen and (min-width:600px) and (max-width:767px){
    #sli { margin-top: 92px }
    #s1 .c1 {
        margin-top: 30px
    }
    .s2 {
        padding-top: 4vw
    }
    .s2 .cc2 {
        margin-top: 0
    }
    #img_2_1 { display: none }
    #img_2_2 { display: block }
    .bb { width: 8px }
    #sli { height: 370px }
    #s1 .inv2 { margin-bottom: 60px }
    .parOgg {
        padding-left: 10px;
        padding-right: 10px
    }
    .marOgg {
        margin-left: 10px
    }
    .s2_1 table {
        width: 98%;
        margin-left: 1%
    }
    #contBox .contCb {
        width: 97%
    }
    #contBox .sep {
        margin-left: 0 !important
    }
    #contBox .banda { left: 25px }
    #puls1 { margin-bottom: 30px }
}
@media screen and (min-width:768px) and (max-width:1023px){
    #sli { margin-top: 105px }
    #s1 .c1 {
        margin-top: 40px
    }
    #s1 .cc1 {
        margin-top: 40px
    }
    .s2 .cc1 {
        margin-top: 0
    }
    .s2 {
        padding-top: 4vw
    }
    .bb { width: 10px }
    #img_2_1 { display: none }
    #img_2_2 { display: block }
    #sli { height: 470px }
    #s1 .inv2 { margin-bottom: 140px }
    .parOgg {
        padding-left: 15px;
        padding-right: 15px
    }
    .marOgg {
        margin-left: 15px
    }
    .s2_1 table {
        width: 94%;
        margin-left: 3%
    }
    #contBox .banda { left: 30px }
    #pulsDevenez td { display: block; padding-right: 0 !important }
    #pulsDevenez .pulsanteRosso { margin-top: 15px }
}
@media screen and (min-width:1024px) and (max-width:1199px){
    #sli { margin-top: 112px }
    #contatti .c1 { margin-top: 0 }
    .bb { width: 10px }
    #sli { height: 530px }
    #img_2_1 { display: none }
    #img_2_2 { display: block }
    #s1 .inv2 { margin-bottom: 190px }
    .parOgg {
        padding-left: 15px;
        padding-right: 15px
    }
    .marOgg {
        margin-left: 15px
    }
    .s2_1 table {
        width: 94%;
        margin-left: 3%
    }
    #contBox .banda { left: 30px }
    #pulsDevenez td { display: block; padding-right: 0 !important }
    #pulsDevenez .pulsanteRosso { margin-top: 15px }
}
@media screen and (min-width:1200px) and (max-width:1439px){
    #sli { margin-top: 119px; height: 600px }
    .bb { width: 10px }
    .s2_1 table {
        width: 90%;
        margin-left: 5%
    }
}