/* section, .cont, .cella {
    background: rgba(0,0,0,0.02)
} */
header #back {
    height: 0
}
#N { display: none !important }
#N2 {
    display: none;
    position: fixed;
    z-index: -1;
    width: 50%;
    min-width: 200px;
    max-width: 550px
}
.sup {
    position: relative;
    z-index: 10
}
#CONT {
    margin-top: 0 !important
}
#slider {
    position: relative;
    width: 100%;
    height: calc(100vw / 1.66);
    min-height: 400px
}
#contSlider {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 100
}
.topSlider_testo {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:none
}
.topSlider_testo table {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%
}
.grad {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 40%;
    display: none
}
#grad1 {
    top: 0;
    background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0))
}
#grad2 {
    bottom: 0;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1))
}
#cts_1 {
    display: block
}
#cis_1_1 {
    opacity: 1
}
#contQuad {
    margin-right: 0
}
.quad {
    position: relative;
    float: left;
    width: 50%
}
.quad .c {
    position: absolute;
    background: #f0f0f0;
    padding: 15px;
    width: 88%;
    height: 88%;
    margin: 6%
}
/* .quad .c img {
    max-width: 50%;
    max-height: 50%
}*/ 
.quadV {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}
.quadV:hover {
    opacity: 1
}
.quadV table {
    width: 100%;
    height: 100%
}
.quadV td {
    padding: 15px
}
#contQuad .ul {
    float: right
}
#contQuad .ul .puls {
    position: absolute;
    left: 15px;
    bottom: 15px
}
.quadV .contIco {
    position: absolute;
    width: 100%;
    height: 35px;
    left: 0;
    bottom: 10px
}
.quadV .contIco img {
    display: inline;
    height: 100%
}

#servizi .cella { 
    margin-top: 0;
    margin-bottom: 0
}
#servizi .div_img {
    opacity: 1
}
#servizi .asp {
    overflow: hidden
}
#servizi .col {
    position: relative;
    float: left;
    width: 33.3%;
    padding: 0 15px 0 15px
}
#linea1 {
    position: absolute;
    width: 1px;
    background: #c7c7c7
}
#linea1 { top: 0 }
#servizi .ccc1 {
    border-left: 1px solid #c7c7c7
}
#paraContract {
    transform: translate3d(0,0,0);
}

@media screen and (max-width:599px){
    #slider {
        height: 450px
    }
    #slider .div_img { height: 370px !important}
    #grad2 {
        height: 60%;
        background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1) 70%)
    }
    #servizi .v, #cv1, #linea1 { display: none }
    .quad .c {
        width: 98%;
        height: 98%;
        margin: 1%
    }
    #img1 { width: 55vw !important }
    #contQuad { padding-top: 10px !important }
    .linea { display: none }
    #servizi .colSu { width: 100% }
    #servizi .col1 {
        border-left: 1px solid #c7c7c7
    }
    #servizi * {
        border: 0 !important
    }
    #servizi .col {
        padding: 0 15px 0 0
    }
    #paraContract {
        float: none
    }
    #cellaContract {
        width: 100% !important
    }
    #servizi .col {
        width: 50%
    }
    #servizi .colSu { width: 100% }
}
@media screen and (max-width:414px){
    #slider {
        height: 400px
    }
    #slider .div_img { height: 350px !important}
    .quad {
        width: 80%
    }
    #contQuad .ul {
        float: left
    }
    .quad .c {
        width: 86%;
        height: 86%;
        margin: 7%
    }
    #servizi .col {
        width: 100%
    }
    #servizi .div_img {
        margin-top: 5vw
    }
    .tabCasaModerna td { display: block }
}
@media screen and (max-width:320px){

}
@media screen and (min-width:600px) and (max-width:767px){
    #slider {
        height: 550px
    }
    #slider .div_img { height: 460px !important}
    #grad2 {
        height: 60%;
        background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1) 70%)
    }
    #servizi .v, #cv1 { display: none }
    .quad {
        float: none;
        width: 100%
    }
    #servizi .colSu { width: 66.6% }
    .tabCasaModerna td { display: block }
}
@media screen and (min-width:768px) and (max-width:1023px){
    #slider {
        height: 550px
    }
    #slider .div_img { height: 460px !important}
    #grad2 {
        height: 60%;
        background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1) 70%)
    }
    #servizi .v, #cv1 { display: none }
    .quad {
        float: none;
        width: 100%
    }
    #servizi .colSu { width: 66.6% }
}
@media screen and (min-width:1024px) and (max-width:1199px){
    #servizi .v, #cv1 { display: none }
}
@media screen and (min-width:1200px) and (max-width:1439px){
    #cv1 { display: none }
    
}