/* ------------------------------------------------------------- */
/* GOOGLE MAPS */
/* ------------------------------------------------------------- */

.maps {
position: relative;
height: 0;
padding-top: 100%;
}
#google_maps {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#tooltip p { font-size: 1.4rem; }
#tooltip strong { font-weight: 700; }
#no_cookie {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: calc(var(--space_x) + var(--space_x_out));
text-align: center;
background: var(--color_light_grey);
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#no_cookie p {
display: block;
width: 100%;
font-size: 1.4rem;
font-weight: 400;
margin: 0;
padding: 0;
line-height: 1.5;
color: var(--color_dark_grey);
}
#no_cookie .btn { margin-top: 2rem; }
@supports (aspect-ratio: 1 / 1) { 	
	.maps { height: auto; padding-top: 0; }
	#google_maps, #no_cookie {
	position: static;
	height: auto;
	aspect-ratio: 1 / 1;	
	}
}

/* ------------------------------------------------------------- */
/* PRIMARY */
/* ------------------------------------------------------------- */

#primary .btn { margin-left: var(--space_x); }

/* ------------------------------------------------------------- */
/* REACH US */
/* ------------------------------------------------------------- */

#reach_us .photo {}
#reach_us .photo figure {
display: block;
width: 100%;
height: auto;
text-align: left;
}
#reach_us .photo figure img {
display: block;
width: 100%;
height: auto;
}

/* TEXT */
#reach_us .text { text-align: left; }
#reach_us .text h3 {
display: block;
font-size: 3rem;
font-weight: 700;
margin: 0;
padding: 0;
line-height: 1;
letter-spacing: normal;
color: var(--color_blue);
}
#reach_us .text p {
display: block;
font-size: 1.8rem;
font-weight: 600;
margin: 1.5em 0 0;
padding: 0;
line-height: 1.5;
letter-spacing: normal;
color: var(--color_dark_grey);
}

/* INFO */
#reach_us .text .info {
margin: 4rem 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
#reach_us .text .info .item {
-webkit-box-align: start;
-webkit-align-items: flex-start;
	 -ms-flex-align: start;
        align-items: flex-start;
}
#reach_us .text .info .item span.icon {
display: block;
width: 50px;
padding: 10px 13px;
background-color: var(--color_azure);
-webkit-clip-path: polygon(9% 0, 82% 0, 100% 56%, 48% 100%, 0 47%);
        clip-path: polygon(9% 0, 82% 0, 100% 56%, 48% 100%, 0 47%);
}
#reach_us .text .info .item:nth-child(odd) span.icon { background-color: var(--color_blue); }
#reach_us .text .info .item span.icon svg {
display: block;
width: 100%;
margin: 0 auto 10px;
padding: 0;
}
#reach_us .text .info .item span.icon svg > .colore { fill: var(--color_white); }
#reach_us .text .info .item dl {
display: block;
padding: 1rem 0 0 2rem;
}
#reach_us .text .info .item dl dt {
display: block;
font-size: 1.4rem;
font-weight: 700;
margin: 0 0 0.4em;
padding: 0;
line-height: 1;
letter-spacing: normal;
text-transform: uppercase;
color: var(--color_dark_grey);
}
#reach_us .text .info .item dl dd {
display: block;
font-size: 1.6rem;
font-weight: 400;
margin: 0;
padding: 0;
line-height: 1;
letter-spacing: normal;
color: var(--color_medium_grey);
}

/* OL */
#reach_us .text ol {
display: block;
font-size: 1.6rem;
font-weight: 400;
margin: 0;
padding: 0;
line-height: 1.5;
list-style: none;
counter-reset: li;
}
#reach_us .text ol li {
position: relative;
display: block;
margin: 0;
padding: 1.5rem 0 1.5rem 5rem;
color: var(--color_dark_grey);
border-top: 1px solid #d7d7d7;
}
#reach_us .text ol li:before {
position: absolute;
top: 1.7rem;
left: 1.5rem;
display: block;
font-size: 2rem;
font-weight: 700;
margin: 0;
padding: 0;
line-height: 1;
color: var(--color_blue);
counter-increment: li;
content: counters(li,".");
}



/* ------------------------------------------------------------- */
/* PIXEL RATIO */
/* ------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { 

}

/* ------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------- */

@media only screen and (max-width: 1699px) {
	
}

@media only screen and (max-width: 1599px) {
		
}

@media only screen and (max-width: 1439px) {
	
}

@media only screen and (max-width: 1365px) {
	
	/* REACH US */
	#reach_us .text .info { text-align: center; }
	#reach_us .text .info .item { display: block; }
	#reach_us .text .info .item span.icon { margin: 0 auto; }
	#reach_us .text .info .item dl { padding: 1.6rem 0 0 0; }
	
}

@media only screen and (max-width: 1279px) {
		
}

@media only screen and (max-width: 1199px) {
		
}

@media only screen and (max-width: 1111px) {
	
}


@media only screen and (max-width: 1023px) {
	
	/* REACH US */
	#reach_us .text { padding-top: var(--space_y); }
	#reach_us .text h3 { font-size: 2.9rem; }
	#reach_us .text .info { margin: var(--space_y) 0; }
	
}

@media only screen and (max-width: 833px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.8rem; }
	
}

@media only screen and (max-width: 767px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.7rem; }
	
}

@media only screen and (max-width: 735px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.6rem; }
	
}

@media only screen and (max-width: 666px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.5rem; }

}	

@media only screen and (max-width: 599px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.4rem; }
	#reach_us .text p { margin: 1.3em 0 0; }
	#reach_us .text .info .item dl dt { font-size: 1.3rem; }
	
}

@media only screen and (max-width: 567px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.3rem; }
		
}

@media only screen and (max-width: 479px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.2rem; }
	#reach_us .text p { font-size: 1.7rem; margin: 1em 0 0; }
	#reach_us .text .info { display: block; text-align: left; }
	#reach_us .text .info .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	}
	#reach_us .text .info .item:not(:first-child) { margin-top: 2em; }
	#reach_us .text .info .item span.icon { margin: 0; }
	#reach_us .text .info .item dl { padding: 1.4rem 0 0 2rem; }
	#reach_us .text .info .item dl dt { font-size: 1.2rem; }
			
}

@media only screen and (max-width: 413px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2.1rem; }
	
}

@media only screen and (max-width: 374px) {
	
	/* REACH US */
	#reach_us .text h3 { font-size: 2rem; }
	
}

@media only screen and (max-width: 359px) {
	
}