@charset "UTF-8";

#div1,
#div2,
#div3,
#div4
{
	padding-top: 90px;
    position: relative;
}

#div1_1,
#div4_1
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    position: relative;
}

#div1_1 > :nth-child(1)
{
    position: relative;
    width: 100%;
}

#div1_1 > :nth-child(1) img
{
	position: absolute;
    right: 0;
    bottom: -4vw;
    width: 800px;
}

#div1_1 h1
{
	margin-bottom: 1rem;
}
#div1_1 h3
{
	margin-bottom: 3rem;
}

#div1_1 h1,
#div1_1 h3
{
	color: var(--cp-color-marrone1);
}

#div1_1 h2
{
	margin-top: 4rem;
	margin-bottom: 1rem;
}

#div1_1 h3,
#div1_1 p,
#div4_1 h3,
#div4_1 p
{
	color: var(--cp-color-bianco1);
}

#div3
{
	padding-bottom: 100px;
}

#div3 h4
{
	color: var(--cp-color-marrone2);
	margin: 0;
}

#img1,
#img2
{
	width: 100vw;
    z-index: 0;
}

#img2
{
	margin-top: 1rem;
}

#div4
{
	position: relative;
	overflow: hidden;
}

#div4 h3
{
	font-size: 52px;
	color: rgb(206, 65, 28);
	margin-top: 0;
}

#div4 h3 .testo-bianco
{
	color: var(--cp-color-bianco0);
}

#div4_1 > :nth-child(1)
{
    position: relative;
}

#div4_1 > :nth-child(1) img
{
    width: 100%;
    min-width: 40rem;
    margin-top: 8rem;
    margin-left: -10rem;
}

#div4_1 .colonna-contenuto.prima
{
	width: calc(50% - 3vw);
	
	display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: 30rem;
}

#div4_1 .colonna-contenuto.seconda
{
	width: calc(50% - 3vw);
}

#div4_1 .colonna-spaziatore
{
	width: 6vw;
}

#div4_2
{
	padding-bottom: 100px;
    padding-top: 2rem;
}

#div5
{
	padding-top: 90px;
	padding-bottom: 70px;
	
	z-index: +1;
}

#div5_1
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

#div5_1 > :nth-child(1)
{
	width: calc(50% - 5vw);
}

#div5_1 > :nth-child(3)
{
    width: calc(50% - 5vw);
    height: calc(var(--bw-content-width) * 0.25);
    min-height: 400px;
    min-width: 280px;
    overflow: hidden;

	border: 6px solid var(--cp-color-bianco0);
    border-radius: 40px;
    background-image: url("/img/MacchinaLavaggioSecco_5873.jpg");
    background-size: cover;
    background-position: center;    
}

#div5_1 .colonna-spaziatore
{
	width: 10vw;
}

#div5_2
{
	text-align: center;
	margin-top: 2rem;
}

/* --- */

#div6
{
	padding-top: 90px;
	padding-bottom: 70px;
	position: relative;
}

#div6_1
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

#div6_1 > :nth-child(1)
{
	width: 40%;
	align-self: stretch;
}

#div6_1 > :nth-child(1) img
{
    position: absolute;
    bottom: -70px;
    right: 70vw;
	height: calc(100% + 140px);
}

#div6_1 > :nth-child(2)
{
    width: 60%;
}

#div6_1_1
{
	margin-top: 80px;
    width: 100%;
    height: calc(var(--bw-content-width) * 0.25);
    min-height: 400px;
    min-width: 280px;
    overflow: hidden;

	border: 6px solid var(--cp-color-bianco0);
    border-radius: 40px;
    background-image: url("/img/InaugurazioneCarboprato_6419.jpg");
    background-size: cover;
    background-position: center;    
}


/**/
#div7
{
	padding-top: 90px;
	padding-bottom: 70px;
	
	background: var(--cp-color-bianco0);
}

#div7_1 h4
{
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1.3;
}

#div8
{
	display: block;
	position: relative;
	background: var(--cp-color-bianco0);
	border: 10px solid var(--cp-color-bianco0);
	line-height: 0;
	overflow: hidden;
}

#div8_1
{
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    
    position: relative;
    left: calc(-2 * (10px + (100vw - 4 * 10px) / 3));
    transition: left var(--bw-transition-default);
}

#div8_1 img
{
	width: calc((100vw - 4 * 10px) / 3);
}

#div8_1 .spaziatore
{
	width: 10px;
	min-width: 10px;
	max-width: 10px;
}

#div8 .btn-slider
{
	position: absolute;
	top: 50%;
	width: 70px;
	margin-top: -35px;
	border-radius: 50%;
	
	cursor: pointer;
} 
#div8 .btn-slider#btnSlider8Sx
{
	left: 25px;
}
#div8 .btn-slider#btnSlider8Dx
{
	right: 25px;
}
#div8 .btn-slider:hover
{
	background: rgba(0,0,0,0.33);
}
#div8 .btn-slider:active
{
	background: rgba(0,0,0,0.66);
}
#div8 .btn-slider.nascosto
{
	opacity: 0.3;
}

#div9
{
	background: var(--cp-color-bianco1);
    padding-top: 90px;
    padding-bottom: 70px;
    overflow: hidden;
    min-height: 27rem;
}

#div9_1
{
	display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

#div9_1 .colonna-contenuto.prima
{
	font-weight: 500;
    line-height: 1.3;
    width: 66%;
}

#div9_1 .colonna-contenuto.prima h4
{
	margin: 0;
}

#div9_1 .colonna-contenuto.seconda
{
	width: 33%;
	position: relative;
}

#div9_1 .colonna-contenuto.seconda img
{
	width: 100%;
    min-width: 25rem;
    position: absolute;
    left: 2rem;
    top: -4rem;
}

#div9_2
{
	margin-top: 100px;
}