.compass-container {width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px}

.copertina{width: 100%; height: 100vh; position: relative;}
.header{position: absolute; z-index: 2; background-color: rgba(255, 255, 255, 1); width: 100%}

.carousel-caption{position:absolute; bottom:40%; color:#000; }
.carousel-caption div {display: inline-block; margin:auto;  background-color: rgba(0,0,0, 0.55); color: #fff; max-width: 450px; border-radius:0; padding: 8px; font-weight: 500; font-size: 1.3em}
.carousel-caption h5 {font-size: 2.4em; text-transform: uppercase; padding: 16px; color:#fff}
.carousel-item {width: 100%; min-width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center}

.slide1 {background: url('../imgs/csd-progetti_xxl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide1-webp {background: url('../imgs/csd-progetti_xxl.webp') no-repeat; background-position: center center; background-size: cover}
.slide2 {background: url('../imgs/csd-falegnameria_xxl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide2-webp {background: url('../imgs/csd-falegnameria_xxl.webp') no-repeat; background-position: center center; background-size: cover}
.slide3 {background: url('../imgs/csd-servizi1_xxl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide3-webp {background: url('../imgs/csd-servizi1_xxl.webp') no-repeat; background-position: center center; background-size: cover}
.slide4 {background: url('../imgs/csd-servizi2_xxl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide4-webp {background: url('../imgs/csd-servizi2_xxl.webp') no-repeat; background-position: center center; background-size: cover}
.slide5 {background: url('../imgs/csd-servizi3_xxl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide5-webp {background: url('../imgs/csd-servizi3_xxl.webp') no-repeat; background-position: center center; background-size: cover}
.slide6 {background: url('../imgs/csd-servizi4_xxl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide6-webp {background: url('../imgs/csd-servizi4_xxl.webp') no-repeat; background-position: center center; background-size: cover}

.cloud{text-align: center; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 0.9em; font-weight: 500; padding:8px; }


h3{padding:16px; margin:0; color: #000; text-align: center; text-transform: uppercase; font-size: 2.3em; font-weight: 500;}
.item{min-height:300px; margin-left: 5px; margin-right:5px; border:#404040 1px solid}
.fa-chevron-right, .fa-chevron-left{padding:5px 10px 5px 10px; font-size: 1.6em}
.prev-arrow-csd svg, .next-arrow-csd svg {width: 36px; height: 36px; cursor: pointer;}

@media (max-width: 1400px) {
.slide1 {background: url('../imgs/csd-progetti_xl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide1-webp {background: url('../imgs/csd-progetti_xl.webp') no-repeat; background-position: center center; background-size: cover}
.slide2 {background: url('../imgs/csd-falegnameria_xl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide2-webp {background: url('../imgs/csd-falegnameria_xl.webp') no-repeat; background-position: center center; background-size: cover}
.slide3 {background: url('../imgs/csd-servizi1_xl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide3-webp {background: url('../imgs/csd-servizi1_xl.webp') no-repeat; background-position: center center; background-size: cover}
.slide4 {background: url('../imgs/csd-servizi2_xl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide4-webp {background: url('../imgs/csd-servizi2_xl.webp') no-repeat; background-position: center center; background-size: cover}
.slide5 {background: url('../imgs/csd-servizi3_xl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide5-webp {background: url('../imgs/csd-servizi3_xl.webp') no-repeat; background-position: center center; background-size: cover}
.slide6 {background: url('../imgs/csd-servizi4_xl.jpg') no-repeat; background-position: center center; background-size: cover}
.slide6-webp {background: url('../imgs/csd-servizi4_xl.webp') no-repeat; background-position: center center; background-size: cover}
}

@media (max-width: 1200px) {
.slide1 {background: url('../imgs/csd-progetti_lg.jpg') no-repeat; background-position: center center; background-size: cover}
.slide1-webp {background: url('../imgs/csd-progetti_lg.webp') no-repeat; background-position: center center; background-size: cover}
.slide2 {background: url('../imgs/csd-falegnameria_lg.jpg') no-repeat; background-position: center center; background-size: cover}
.slide2-webp {background: url('../imgs/csd-falegnameria_lg.webp') no-repeat; background-position: center center; background-size: cover}
.slide3 {background: url('../imgs/csd-servizi1_lg.jpg') no-repeat; background-position: center center; background-size: cover}
.slide3-webp {background: url('../imgs/csd-servizi1_lg.webp') no-repeat; background-position: center center; background-size: cover}
.slide4 {background: url('../imgs/csd-servizi2_lg.jpg') no-repeat; background-position: center center; background-size: cover}
.slide4-webp {background: url('../imgs/csd-servizi2_lg.webp') no-repeat; background-position: center center; background-size: cover}
.slide5 {background: url('../imgs/csd-servizi3_lg.jpg') no-repeat; background-position: center center; background-size: cover}
.slide5-webp {background: url('../imgs/csd-servizi3_lg.webp') no-repeat; background-position: center center; background-size: cover}
.slide6 {background: url('../imgs/csd-servizi4_lg.jpg') no-repeat; background-position: center center; background-size: cover}
.slide6-webp {background: url('../imgs/csd-servizi4_lg.webp') no-repeat; background-position: center center; background-size: cover}
}

@media (max-width: 991px) {
.slide1 {background: url('../imgs/csd-progetti_md.jpg') no-repeat; background-position: center center; background-size: cover}
.slide1-webp {background: url('../imgs/csd-progetti_md.webp') no-repeat; background-position: center center; background-size: cover}
.slide2 {background: url('../imgs/csd-falegnameria_md.jpg') no-repeat; background-position: center center; background-size: cover}
.slide2-webp {background: url('../imgs/csd-falegnameria_md.webp') no-repeat; background-position: center center; background-size: cover}
.slide3 {background: url('../imgs/csd-servizi1_md.jpg') no-repeat; background-position: center center; background-size: cover}
.slide3-webp {background: url('../imgs/csd-servizi1_md.webp') no-repeat; background-position: center center; background-size: cover}
.slide4 {background: url('../imgs/csd-servizi2_md.jpg') no-repeat; background-position: center center; background-size: cover}
.slide4-webp {background: url('../imgs/csd-servizi2_md.webp') no-repeat; background-position: center center; background-size: cover}
.slide5 {background: url('../imgs/csd-servizi3_md.jpg') no-repeat; background-position: center center; background-size: cover}
.slide5-webp {background: url('../imgs/csd-servizi3_md.webp') no-repeat; background-position: center center; background-size: cover}
.slide6 {background: url('../imgs/csd-servizi4_md.jpg') no-repeat; background-position: center center; background-size: cover}
.slide6-webp {background: url('../imgs/csd-servizi4_md.webp') no-repeat; background-position: center center; background-size: cover}
}

@media (max-width: 767px) {
.slide1 {background: url('../imgs/csd-progetti_sm.jpg') no-repeat; background-position: center center; background-size: cover}
.slide1-webp {background: url('../imgs/csd-progetti_sm.webp') no-repeat; background-position: center center; background-size: cover}
.slide2 {background: url('../imgs/csd-falegnameria_sm.jpg') no-repeat; background-position: center center; background-size: cover}
.slide2-webp {background: url('../imgs/csd-falegnameria_sm.webp') no-repeat; background-position: center center; background-size: cover}
.slide3 {background: url('../imgs/csd-servizi1_sm.jpg') no-repeat; background-position: center center; background-size: cover}
.slide3-webp {background: url('../imgs/csd-servizi1_sm.webp') no-repeat; background-position: center center; background-size: cover}
.slide4 {background: url('../imgs/csd-servizi2_sm.jpg') no-repeat; background-position: center center; background-size: cover}
.slide4-webp {background: url('../imgs/csd-servizi2_sm.webp') no-repeat; background-position: center center; background-size: cover}
.slide5 {background: url('../imgs/csd-servizi3_sm.jpg') no-repeat; background-position: center center; background-size: cover}
.slide5-webp {background: url('../imgs/csd-servizi3_sm.webp') no-repeat; background-position: center center; background-size: cover}
.slide6 {background: url('../imgs/csd-servizi4_sm.jpg') no-repeat; background-position: center center; background-size: cover}
.slide6-webp {background: url('../imgs/csd-servizi4_sm.webp') no-repeat; background-position: center center; background-size: cover}
	.works-cell{margin-bottom: 40px}
}

@media (max-width: 575px) {
	.slide1 {background: url('../imgs/csd-progetti_xs.jpg') no-repeat; background-position: center center; background-size: cover}
.slide1-webp {background: url('../imgs/csd-progetti_xs.webp') no-repeat; background-position: center center; background-size: cover}
.slide2 {background: url('../imgs/csd-falegnameria_xs.jpg') no-repeat; background-position: center center; background-size: cover}
.slide2-webp {background: url('../imgs/csd-falegnameria_xs.webp') no-repeat; background-position: center center; background-size: cover}
.slide3 {background: url('../imgs/csd-servizi1_xs.jpg') no-repeat; background-position: center center; background-size: cover}
.slide3-webp {background: url('../imgs/csd-servizi1_xs.webp') no-repeat; background-position: center center; background-size: cover}
.slide4 {background: url('../imgs/csd-servizi2_xs.jpg') no-repeat; background-position: center center; background-size: cover}
.slide4-webp {background: url('../imgs/csd-servizi2_xs.webp') no-repeat; background-position: center center; background-size: cover}
.slide5 {background: url('../imgs/csd-servizi3_xs.jpg') no-repeat; background-position: center center; background-size: cover}
.slide5-webp {background: url('../imgs/csd-servizi3_xs.webp') no-repeat; background-position: center center; background-size: cover}
.slide6 {background: url('../imgs/csd-servizi4_xs.jpg') no-repeat; background-position: center center; background-size: cover}
.slide6-webp {background: url('../imgs/csd-servizi4_xs.webp') no-repeat; background-position: center center; background-size: cover}
	h3{font-size: 1.8em;}
	.carousel-caption div {max-width: auto; font-size: 1em}
	.carousel-caption h5 {font-size: 1.3em;}
	
}