/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
body
{
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center center;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#wall_div
{
	border:0px solid red;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;

	background-size:cover;
	background-color:#fafafa;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center center;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#main_elm
{
	position:relative;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#head_div
{
	position:relative;
	user-select:none;
	z-index:1;
}
#head_div[fixed=true] > header
{
	position:fixed;
	left:0;
	top:0;
	width:100%;

	transform:translateY(-100%);
	animation:kfm_head_div_fixed ease-in-out .8s forwards;
}
@keyframes kfm_head_div_fixed
{
	100%
	{
		transform:translateY(0);
	}
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#head_div[fixed=true] > header > .pitstop
{
}
#head_div[fixed=true] > header > .pitstop
{
	display:none;
}

#head_div > header > p
{
	padding:.1em .5em;
	margin:auto;
}
#head_div[mobile=false] > header > p
{
    display:flex;
    width:100%;
	align-items:center;
    justify-content:flex-end;
	font-size:60%;
}
#head_div[mobile=true] > header > p
{
    display:flex;
    width:100%;
	align-items:center;
    justify-content:space-evenly;
	font-size:200%;
}
#head_div > header > p > a
{
	text-decoration:none;
	cursor:pointer;
	color:inherit;
}
#head_div > header > p > .it, #head_div > header > p > .en
{
	letter-spacing:.2em;
}
#head_div[mobile=true] > header > p > .it, #head_div[mobile=true] > header > p > .en
{
	margin:0 .2em;
}
#head_div[mobile=false] > header > p > .it:after
{
	padding:0 .5em 0 .5em;
	content:'|';
}

#head_div[mobile=false] > header > div
{
	display:flex;
	justify-content:space-between;
}
#head_div[mobile=false][fixed=false] > header > div
{
	//height:46vw;
	//flex-direction:column;
	justify-content:space-between;
}
#head_div[mobile=false] > header > div > figure
{
	margin:0;
	background-size:90%;
	background-repeat:no-repeat;
	background-position:center center;
}
#head_div[mobile=false][fixed=false] > header > div > figure
{
	align-self:start;

	width:12vw;
	height:12vw;
	background-image:url(./img/logo_desk.png);
	background-color:rgba(255,255,255,.5);
	backdrop-filter:blur(5px);

	transition:all .8s ease-in-out;
	//transform:rotate(-10deg);
}
#head_div[mobile=false][fixed=true] > header > div > figure
{
	//width:10vw;
	//height:6vw;
	//margin-left:1vw;
	width:5vw;
	height:unset;
	background-image:url(./img/logo_desk_fixed.png);
}
#head_div[mobile=false] > header > div > figure > *
{
	display:none;
}
#head_div[mobile=false] > header > div > nav
{
	position:relative;
	display:flex;
	flex-flow:row no-wrap;
	justify-content:space-evenly;
	align-items:center;
	z-index:1;

	transition:all .8s ease-in-out;
}
#head_div[mobile=false][fixed=false] > header > div > nav
{
	background:rgba(25,45,190,.8);
	backdrop-filter:blur(5px);
	color:#fafafa;
}
#head_div[mobile=false ][fixed=true] > header > div > nav
{
	flex-grow:1;
}
#head_div[mobile=false] > header > div > nav > div
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#head_div[mobile=false] > header > div > nav > div > div
{
	border:0px solid red;
	box-sizing:border-box;
	position:absolute;
	background:rgba(255,255,255,.3);
	transition:all .5s cubic-bezier(.5,1,.1,1.2);
}
#head_div[mobile=false] > header > div > nav > span
{
	position:relative;
	text-align:center;
	cursor:pointer;
}
#head_div[mobile=false] > header > div > nav > span > a
{
	display:block;
	margin:.5vw 2vw;
}
#head_div[mobile=false] > header > div > nav > span > div
{
	height:0;
}
#head_div[mobile=false] > header > div > nav > span > div > p
{
	position:relative;
	height:0;
	margin:auto;
	word-wrap:break-word;
	overflow:hidden;
	z-index:1;

	transition:all .3s ease-in-out;
}
#head_div[mobile=false] > header > div > nav > span:hover > div
{
}
#head_div[mobile=false] > header > div > nav > span:hover > div > p
{
	height:auto;
}

#head_div > header > div > nav > span > div > p > span
{
	display:block;
}

#head_div[mobile=false] > header > div > aside
{
	//display:none;
}
/*-- -------------------------------------------------------------------------------------------------- Mobile -------------------------------------------------------------------------------------------------- --*/
#head_div[mobile=true] > header > div > figure > *
{
	display:none;
}
#head_div[mobile=true][fixed=true] > header > div
{
	//font-size:90%;
}
#head_div[mobile=true] > header > div
{
	display:flex;
	flex-flow:row;
	//flex-flow:row-reverse;
	justify-content:space-between;
	align-items:center;
	//color:#f7f7f7;
}
#head_div[mobile=true] > header > div > figure
{
	flex-grow:1;
	order:1;
	margin:auto;
	height:14vw;
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center center;
}
#head_div[mobile=true] > header > div > nav
{
	flex-shrink:1;
	flex-grow:.05;
	position:relative;
	display:block;
	padding:1vw;
	text-align:center;

	transition:all .8s ease-in-out;
}
#head_div[mobile=true] > header > div > nav > *
{
	display:none;
}
#head_div[mobile=true] > header > div > nav:before
{
	display:block;
	line-height:80%;
	font-family:E_Ionicons;
	font-size:500%;
	content:'\f394';
}
#head_div[mobile=true] > header > div > nav:after
{
	display:block;
	font-size:150%;
	text-transform:uppercase;
	content:'Menu';
}

#head_div[mobile=true] > header > div > aside
{
	order:3;
	display:flex;
	flex-direction:row;
	margin:0;
}
#head_div[mobile=true] > header > div > aside > *
{
	margin:0 1vw;
	text-decoration:none;
	text-align:center;
	color:inherit;
}
#head_div[mobile=true] > header > div > aside > .whatsapp:before
{
	font-family:E_Ionicons;
	font-size:300%;
	content:'\f4ef';
}
#head_div[mobile=true] > header > div > aside > .whatsapp:after
{
	display:block;
	content:'Whatsapp';
}
#head_div[mobile=true] > header > div > aside > .mobile:before
{
	font-family:E_Ionicons;
	font-size:300%;
	content:'\f1fa';
}
#head_div[mobile=true] > header > div > aside > .mobile:after
{
	display:block;
	content:'Mobile';
}
#head_div[mobile=true] > header > div > aside > #cart:before
{
	display:inline-block;
	line-height:90%;
	font-family:E_Ionicons;
	font-size:350%;
	content:'\f3f7';
}
#head_div[mobile=true] > header > div > aside > #cart.cm_button_load:before
{
	content:'\f3f8';
}
#head_div[mobile=true] > header > div > aside > #cart.cm_button_load:before
{
	animation:kfm_cm_button_load_before 5s cubic-bezier(.5,2.97,.53,1.32) infinite alternate;
}
@keyframes kfm_cm_button_load_before
{
	5%
	{
		transform:translateX(20%);
	}
	10%
	{
		transform:translateX(0);
	}
	95%
	{
		transform:scale(1);
	}
	100%
	{
		transform:scale(1.05);
	}
}
#head_div[mobile=true] > header > div > aside > #cart:after
{
	display:block;
	content:'Carrello';
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#head_div[mobile=false] > footer
{

}
#head_div[mobile=true] > footer
{

}
/*-- -------------------------------------------------------------------------------------------------- Customs ------------------------------------------------------------------------------------------------- --*/
#head_div > header > div
{
}
#head_div[mobile=false] > header > div
{
}
#head_div[mobile=false][fixed=false] > header > div
{
}
#head_div[mobile=false][fixed=true] > header > div
{
	box-shadow:.2vw .2vw 2vw #888;
	background:rgba(255,255,255,.5);
	backdrop-filter:blur(5px);
}
#head_div[mobile=false][fixed=false] > header > div > nav
{
	padding:.5vw 0;
	align-self:center;
}
#head_div > header > div > nav > span
{
	text-transform:uppercase;
	letter-spacing:.04vw;
	font-size:40%;
	//color:#fff;
}
#head_div[mobile=false] > header > div > nav > span
{
	flex-basis:10%;
}
#head_div[mobile=true] > header > div > nav > span
{
	padding:.5vw 1vw;
	letter-spacing:0vw;
	font-size:200%;
}
#head_div > header > div > nav > span > div > p > span
{
	padding:.3vw .5vw;
	//font-size:85%;
	//background:#525252;
}

#head_div[mobile=false] > header > div > nav > span:hover
{
	//background:rgba(233,191,24,.5);
}
#head_div[mobile=false] > header > div > nav > span > div > p > span:hover
{
	background:rgba(255,255,255,.3);
}

#head_div[mobile=false][fixed=false] > header > div > nav
{
	//background:rgba(255,100,100,.4);
}
#head_div > header > div > nav > span > div > p
{
	background:rgba(25,45,190,.9);
}

#head_div[mobile=true][fixed=false] > header > div
{
	color:#3f3e43;
	background:rgba(255,255,255,.5);
}
#head_div[mobile=true][fixed=true] > header > div
{
	color:#f7f7f7;
	background:#181715;
}
#head_div[fixed=true] > header > div > nav > span
{
	color:#3f3e43;
}
#head_div[fixed=true] > header > div > nav > span > div > p > span
{
	background:#f7f7f7;
}
#head_div[fixed=true] > header > div > nav > span > div > p
{
	background:rgba(255,255,255,1);
}

#head_div[mobile=true][fixed=false] > header > div > figure
{
	background-image:url(./img/logo_mobile.png);
}
#head_div[mobile=true][fixed=true] > header > div > figure
{
	background-position:center center;
	background-image:url(./img/logo_mobile_fixed.png);
}

#head_div > div > selection
{
	font-size:80%;
	color:#fff;
	background:rgba(0,0,0,.5);
}
#head_div[mobile=true] > div > selection
{
	font-size:200%;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#head_div[mobile=false] > header > div > nav > span:nth-of-type(4)
{
	//padding:.5vw 1.5vw;
}
#head_div[mobile=false] > header > div > nav > span:nth-of-type(5)
{
	//padding:.5vw 2vw;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#foot_div
{
	//border:1px solid transparent;
	position:relative;
	margin-top:3vw;
	background:#0895c9;
	background-repeat:no-repeat;
	//clip-path:polygon(100% 100%, 0% 100% , 0.00% 6.67%, 2.00% 6.61%, 4.00% 6.43%, 6.00% 6.15%, 8.00% 5.76%, 10.00% 5.29%, 12.00% 4.75%, 14.00% 4.16%, 16.00% 3.54%, 18.00% 2.92%, 20.00% 2.30%, 22.00% 1.73%, 24.00% 1.21%, 26.00% 0.76%, 28.00% 0.41%, 30.00% 0.16%, 32.00% 0.03%, 34.00% 0.01%, 36.00% 0.10%, 38.00% 0.32%, 40.00% 0.64%, 42.00% 1.05%, 44.00% 1.55%, 46.00% 2.11%, 48.00% 2.71%, 50.00% 3.33%, 52.00% 3.96%, 54.00% 4.56%, 56.00% 5.12%, 58.00% 5.62%, 60.00% 6.03%, 62.00% 6.35%, 64.00% 6.56%, 66.00% 6.66%, 68.00% 6.64%, 70.00% 6.50%, 72.00% 6.25%, 74.00% 5.90%, 76.00% 5.46%, 78.00% 4.94%, 80.00% 4.36%, 82.00% 3.75%, 84.00% 3.12%, 86.00% 2.50%, 88.00% 1.91%, 90.00% 1.37%, 92.00% 0.90%, 94.00% 0.52%, 96.00% 0.23%, 98.00% 0.06%, 100.00% 0.00%);
}
#foot_div:before
{
/*
	display:block;
	height:6vw;
	margin-top:-3vw;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 60" fill="%230895c9"><path d="M0 0v60c9 0 18-3 25-10 13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s36 14 50 0c13-14 36-14 50 0s37 13 50 0c14-14 37-14 50 0 7 7 16 10 25 10V0H0Z"></path></svg>');
	content:'';
	transform:scale(1, -1);
*/
	display:block;
	width:100%;
	height:2vw;
	background:#fafafa;
	clip-path:polygon(0% 100%, 2% 0%, 4% 100%, 6% 0%, 8% 100%, 10% 0%, 12% 100%, 14% 0%, 16% 100%, 18% 0%, 20% 100%, 22% 0%, 24% 100%, 26% 0%, 28% 100%, 30% 0%, 32% 100%, 34% 0%, 36% 100%, 38% 0%, 40% 100%, 42% 0%, 44% 100%, 46% 0%, 48% 100%, 50% 0%, 52% 100%, 54% 0%, 56% 100%, 58% 0%, 60% 100%, 62% 0%, 64% 100%, 66% 0%, 68% 100%, 70% 0%, 72% 100%, 74% 0%, 76% 100%, 78% 0%, 80% 100%, 82% 0%, 84% 100%, 86% 0%, 88% 100%, 90% 0%, 92% 100%, 94% 0%, 96% 100%, 98% 0%, 100% 100%);
	content:'';
	transform:scale(1, -1);
}
#foot_div[mobile=true]
{
	position:relative;
	font-size:280%;
}

#foot_div > .b_m_div
{
	border:0px solid black;
	text-align:center;
	//margin:2em 0 4em 0;
	margin:2em 0 1em 0;
	font-size:60%;
	//background:linear-gradient(to right, #181715, #181715, #181715, #181715);
	color:#fff;
}
#foot_div[mobile=true] > .b_m_div > br
{
	display:none;
}
#foot_div > .b_m_div > .b_m_item
{
	display:inline-block;
	margin:.1vw .5vw;
	padding:.1vw .5vw;
	text-decoration:none;
	color:inherit;

	transition:all .2s cubic-bezier(.5,2.97,.53,1.32);
}
#foot_div > .b_m_div > .b_m_item br
{
	content:'';
}
#foot_div > .b_m_div > .b_m_item br:before
{
	content:' ';
}
#foot_div > .b_m_div > .b_m_item:hover
{
	background:#fafafa;
	color:#181715;
}

#foot_div > .claw_div
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:3vw 4vw;
	padding:1vw 6vw 2vw 1vw;
	text-align:left;
	//background:linear-gradient(to right, #181715, #181715, #181715, #181715);
	color:#eee;
}
#foot_div[mobile=true] > .claw_div
{
	border:none;
	padding:0;
}
#foot_div > .claw_div > .owner
{
	font-size:50%;
	letter-spacing:.2vw;
}
#foot_div[mobile=true] > .claw_div > .owner
{
	//font-size:80%;
	font-size:70%;
	letter-spacing:initial;
	text-align:center;
}
#foot_div > .claw_div > .owner > div:nth-of-type(1)
{
	margin:1vw 0;
	font-size:200%;
	font-weight:bold;
}
#foot_div > .claw_div > .shinystat img
{
	display:block;
	margin:1vw 0;
	width:12em;
}
#foot_div[mobile=true] > .claw_div > .shinystat img
{
	width:100%;
}
#foot_div > .claw_div > .powered
{
	font-size:60%;
}
#foot_div[mobile=true] > .claw_div > .powered
{
	text-align:center;
	//font-size:90%;
	font-size:85%;
}
#foot_div[mobile=false] > .claw_div > .powered > nobr:not(:last-child):after
{
	content:' - ';
}
#foot_div[mobile=true] > .claw_div > .powered > nobr:not(:last-child):after
{
	display:inline-block;
	content:'\00a0';
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#side_div
{
	border:0px solid red;
	position:fixed;
	display:flex;
	flex-flow:column nowrap;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.8);
	z-index:1;

	transition:all .5s ease-in-out, box-shadow .5s .2s linear;
}
#side_div[display=hide]
{
	transform:translateX(-100%);
}
#side_div[display=show]
{
	box-shadow:.5vw .2vw 10vw #000;
	transform:translateX(0%);
}

#side_div > section
{
	border:0px solid green;
	position:relative;
	flex-grow:1;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	overflow:hidden;
}
#side_div > section > nav
{
	display:block;
	margin:0;
	max-height:100%;
	overflow:scroll;
}
#side_div > section > nav > span
{
	display:block;
	margin:2vw 10vw 2vw 0;
	padding:1vh 2vw;
	letter-spacing:.1em;
	font-size:250%;
	background:#0895c9;
	color:#fafafa;
}
#side_div > section > nav > span > a
{
	display:flex;
    justify-content:space-between;
}
#side_div > section > nav > span[display=hide] > a:after, #side_div > section > nav > span[display=show] > a:after
{
	display:block;
	margin:auto 0;
	padding:0 .1ex 0 .3ex;
	font-family:E_Ionicons;
	transform:scale(2.0);
	content:'\f487';

	transition:all .3s ease-in-out;
}
#side_div > section > nav > span[display=show] > a:after
{
	transform:scale(2.0) rotate(90deg);
}
#side_div > section > nav > span > div
{
	overflow:hidden;
	transition:all .8s ease-out;
}
#side_div > section > nav > span[display=hide] > div
{
	max-height:0;
}
#side_div > section > nav > span[display=show] > div
{
	max-height:100vh;
}
#side_div > section > nav > span > div > p
{
	margin:1em auto 0 auto;
}
#side_div > section > nav > span > div > p > span
{
	display:block;
	margin:.2em 0 .2em 1em;
}
#side_div > section > nav > span > div > p > span > a > br
{
	content:'';
}
#side_div > section > nav > span > div > p > span > a > br:before
{
	content:' ';
}

#side_div > div
{
	text-align:right;
}
#side_div > div > a:before
{
	border-radius:100% 0 0 0;
	display:inline-block;
	padding:0.2em .1em 0em .4em;
	font-family:E_Ionicons;
	font-size:600%;
	background:rgba(0,0,0,.2);
	color:#fff;
	content:'\f405';
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#call_div[mobile=true]
{
	position:fixed;
	right:0;
	top:0;
	padding:2vw;

	transition:top .5s ease-in-out, transform .5s .5s ease-in-out;
}
#call_div[mobile=true][display=hide]
{
	transform:translateX(100%);
}
#call_div[mobile=true][display=show]
{
	transform:translateX(0);
}
#call_div[mobile=true] > a:before
{
	border:.5vw solid #fff;
	border-radius:50%;
	display:inline-block;
	padding:.2em .4em;
	text-decoration:none;
	font-family:E_Ionicons;
	font-size:500%;
	background:rgba(0,0,0,.2);
	color:#fff;
	content:'\f4b8';
	backdrop-filter:blur(5px);
}

#msgs_div[mobile=true]
{
	position:fixed;
	right:0;
	top:0;
	padding:2vw;

	transition:top .5s ease-in-out, transform .5s .5s ease-in-out;
}
#msgs_div[mobile=true][display=hide]
{
	transform:translateX(100%);
}
#msgs_div[mobile=true][display=show]
{
	transform:translateX(0);
}
#msgs_div[mobile=true] > a:before
{
	border:.5vw solid #fff;
	border-radius:50%;
	display:inline-block;
	padding:.2em .32em;
	text-decoration:none;
	font-family:E_Ionicons;
	font-size:500%;
	background:rgba(0,0,0,.2);
	color:#fff;
	content:'\f4ef';
	backdrop-filter:blur(5px);
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.pitstop
{
	position:relative;
	height:50vw;
	background-size:cover;
	background-repeat:no-repeat;
	//background-attachment:fixed;
	background-position:center center;
	//background-image:url(./pitstop/img/pitstop-default.jpg);
	background-color:#eee;
}
.pitstop[mobile=false]
{
	margin-top:-12vw;
}
.pitstop[mobile=true]
{
	height:85vh;
}



/*-- --------------------------------------------------------------------------------------------- PitStop Customs --------------------------------------------------------------------------------------------- --*/
.pitstop[mobile=true]
{
	font-size:120%;
}
.psp_cnt > div:nth-of-type(2)[action=out] > span > div
{
	animation:kfm_psp_cnt_picture_span_div ease-in-out 1s forwards;
}
@keyframes kfm_psp_cnt_picture_span_div
{
	100%
	{
		background:none;
		backdrop-filter:none;
		transform:scale(1.2);
	}
}
.psp_cnt > div:nth-of-type(2) > span > div > div:nth-of-type(1)
{
}
.psp_cnt > div:nth-of-type(2) > span > div > div:nth-of-type(2)
{
}

.psp_cnt > div:nth-of-type(2) > span > div > div:nth-of-type(1) > .psp_t
{
	margin:1vw;
	padding:.5em 1em;
	text-align:center;
	background:rgba(255,255,255,.7);
	backdrop-filter:blur(5px);
}
.psp_cnt > div:nth-of-type(2) > span > div > div:nth-of-type(2) > .psp_d
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.psp_cnt[mobile=true] > div:nth-of-type(2) > span > div > div:nth-of-type(2) > .psp_d
{
	flex-direction:column;
}
.psp_d > *
{
	margin:1vw;
	padding:1em;
	cursor:pointer;
}
.psp_d > span:nth-of-type(1)
{
	background:rgba(33,161,208,.9);
	backdrop-filter:blur(5px);
	color:#fff;

	//transform:translateX(-300%);
	//animation:kfm_psp_d_div ease-in-out 2s forwards;
}
.psp_d > span:nth-of-type(2)
{
	background:rgba(60,200,30,.9);
	backdrop-filter:blur(5px);
	color:#fff;

	//transform:translateX(300%);
	//animation:kfm_psp_d_div ease-in-out 2s forwards;
}
@keyframes kfm_psp_d_div
{
	100%
	{
		transform:translateX(0%);
	}
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/



.home_div > .intro
{
	margin:10vw 0;
	padding:20vw 10vw 10vw 40vw;
	font-size:60%;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-image:url(./img/session/01/azzurro-free-workshop-about-us.jpg);
	color:#fafafa;
}
.home_div[mobile=true] > .intro
{
	margin:20vw 0;
	padding:160px 20px 20px 60px;
	font-size:250%;
}
.home_div > .intro > article
{
	padding:6vw 6vw;
	text-align:right;
	background:rgba(0,0,0,.7);
	backdrop-filter:blur(5px);
}
.home_div[mobile=true] > .intro > article
{
}
.home_div > .intro > article > p
{
	text-align:justify;
}
.home_div[mobile=true] > .intro > article > p
{
	margin:0 0 5vw 0;
}
.home_div > .intro > article > input[type=button]
{
	border:1px solid transparent;
	padding:.7em 3em;
	letter-spacing:.1em;
	background:#dfdfdf;
	color:#000;
}
.home_div > .intro > article > input[type=button]:hover
{
	border-color:#fff;
	background:unset;
	color:#fff;
}
.home_div[mobile=true] > .intro > article > input[type=button]
{
	width:-webkit-fill-available;
}

.home_div > .brick
{
	display:flex;

	margin:20vh auto;
	font-size:60%;
	//background:rgba(255,255,255,.5);
	background:#dfdfdf;
	backdrop-filter:blur(5px);
}
.home_div[mobile=true] > .brick
{
	flex-direction:column-reverse;

	font-size:250%;
}
.home_div > .brick > article
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;

	padding:4vw 4vw;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#44f;
	color:#fff;
}
.home_div[mobile=true] > .brick > article
{
	align-items:initial;
}
.home_div > .brick > article > h1
{
	margin:0;
	padding:1em 1em;
	letter-spacing:.1em;
	font-size:150%;
	//background:#0cb4c5b8;
	color:#fff;
}
.home_div[mobile=true] > .brick > article > h1
{
	padding:1em 0;
	text-align:center;
}
.home_div > .brick > article > p
{
	margin:3vw 0;
	//letter-spacing:.05em;
	text-align:justify;
}
.home_div > .brick > article > input[type=button]
{
	border:1px solid transparent;
	margin:0;
	padding:.7em 3em;
	cursor:pointer;
	//color:#fff;
	//background:#0aabc6;
}
.home_div > .brick > article > input[type=button]:hover
{
	border-color:#fff;
	background:unset;
	color:#fff;
}
.home_div > .brick > aside
{
	flex-grow:1;

	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.home_div > .brick > aside > video
{
	margin:0;
	width:60vw;
}
.home_div[mobile=true] > .brick > aside > video
{
	width:100%;
}

.home_div > .reviews
{
	background:rgba(255,255,255,.8);
}
.home_div[mobile=true] > .reviews
{
	margin:80px 0;
}

.home_div > .media
{
	display:flex;
}
.home_div[mobile=false] > .media
{
	margin:80px 0;
}
.home_div[mobile=true] > .media
{
	flex-direction:column;
}
.home_div[mobile=true] > .media > div:has(*)
{
	margin-bottom:80px;
}

.home_div > .media > .links
{
	flex-grow:1;

	display:flex;
	align-items:end;

	font-size:60%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(255,255,255,.7);
	background-image:url(./img/session/01/azzurro-free-workshop-links.jpg);
	backdrop-filter:blur(5px);
	color:#fff;
}
.home_div[mobile=true] > .media > .links
{
	align-items:initial;
	flex-direction:column;
	font-size:300%;
	background-attachment:fixed;
}
.home_div > .media > .links > div
{
	display:flex;
	flex-direction:column;
	justify-content:end;
	background-color:rgba(0,0,0,.3);
}
.home_div > .media > .links > div > a
{
	text-decoration:none;
	margin:1vw;
	padding:.8vw 1vw;
	//background-color:rgba(0,0,0,.1);
	background-color:rgba(255,255,255,.3);
	backdrop-filter:blur(5px);
	color:inherit;

	transition:all .2s cubic-bezier(.5,2.97,.53,1.32);
}
.home_div[mobile=true] > .media > .links > div > a
{
	margin:1vw 0;
	padding:5vw 5vw;
}
.home_div > .media > .links > div > a:hover
{
	background-color:rgba(255,255,255,.1);
	transform:scale(1.02);
}
.home_div > .media > .links > div > a:before
{
	display:inline-block;
	min-width:1.2em;
	vertical-align:middle;
	font-family:E_Ionicons;
	font-size:120%;
}
.home_div > .media > .links > div > a[title=Facebook]:before
{
	content:'\f230';
}
.home_div > .media > .links > div > a[title=WhatsApp]:before
{
	content:'\f4ef';
}
.home_div > .media > .links > div > a[title=Phone]:before
{
	content:'\f4b8';
}
.home_div > .media > .links > div > a[title=Mobile]:before
{
	content:'\f3a2';
}
.home_div > .media > .links > div > a[title=GoogleMap]:before
{
	content:'\f203';
}
.home_div > .media > .links > div > a[title=Email]:before
{
	content:'\f422';
}

.home_div > .media > .facebook
{
	overflow:auto;
}
.home_div[mobile=true] > .media > .facebook
{
}

.home_div > .gmap:has(*)
{
	font-size:70%;
	margin-bottom:80px;
}
.home_div[mobile=true] > .gmap
{
	font-size:180%;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.about_us
{
	overflow:hidden;
}
.about_us > *
{
	transition:all 2s cubic-bezier(.3,1.5,.20,1);
}
.about_us > [show=true]
{
	transform:translateX(0%);
}
.about_us > [show=false]:nth-of-type(odd)
{
	transform:translateX(100%);
}
.about_us > [show=false]:nth-of-type(even)
{
	transform:translateX(-100%);
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.company_box
{
	//padding:0 10%;
	font-size:70%;
	letter-spacing:.1vw;
	overflow:hidden;
}
.company_box[mobile=true]
{
	font-size:250%;
}

.company_box > article
{
border:1px solid red;
	border-radius:0 2vw 0 2vw;
	margin:5vw 5vw;
	padding:5vw 8vw;
	text-align:justify;
	line-height:140%;
	font-size:90%; 
	color:#111;
	background:rgba(255,255,255,.7);
}
.company_box[mobile=true] > article
{
	margin:0;
	padding:5vw 5vw;
}
.company_box > article.left
{
	transform:translateX(-100%);
}
.company_box > article.right
{
	transform:translateX(100%);
}
.company_box > article[show=true]
{
	animation:kfm_company_box_show cubic-bezier(.3,1.5,.20,1) 2s forwards;
}
@keyframes kfm_company_box_show
{
	100%
	{
		transform:translateX(0%) scale(1, 1);
	}
}

.company_box .pictures_box
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}
.company_box .pictures_box > figure
{
	flex-basis:24%;

	position:relative;
	border:.1vw solid #ddd;
	aspect-ratio:1/1;
	margin:1%;
	cursor:pointer;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	box-shadow:inset 0vw -1.5vw 12vw -0.5vw rgba(255,255,255,.2), -0.5vw 1vw 1vw rgba(50,50,50,.5);

	transition:all .2s ease-in-out;
}
.company_box[mobile=true] .pictures_box > figure
{
	margin:3% auto;
	flex-basis:47%;
}
.company_box .pictures_box > figure:hover
{
	//border:10px inset #fff;
	//filter:brightness(120%);
	//filter:drop-shadow(8px 8px 10px #fff);
	box-shadow:inset 0vw 0vw 1vw -0.5vw #FFF, -0.25vw 0.5vw 0.5vw rgba(50,50,50,.5);
}
.company_box .pictures_box > figure:before
{
	position:absolute;
	left:50%;
	top:50%;
	font-family:E_Ionicons;
	color:#f8f8f8;
	content:'\f37d';
	opacity:0;
	transform:translate(-50%, -50%);

	transition:all .2s ease-in-out;
}
.company_box .pictures_box > figure:hover:before
{
	opacity:1;
	transform:translate(-50%, -50%) scale(5);
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.faq_title
{
	margin:1vw auto;
	text-align:center;
	letter-spacing:.2vw;
	backdrop-filter:blur(10px);
}
.faq_title[mobile=true]
{
	padding-top:7vh;
	letter-spacing:.5vw;
	font-size:300%;
}
.faq_title:before, .faq_title:after
{
	border-top:1px solid #7db92c;
	display:block;
	height:1vw;
	margin:0 25vw 0 0;
	content:'';
}
.faq_title:after
{
	margin:0 0 0 15vw;
	transform:scale(1, -1);
}

.faq_div
{
	margin:5vw auto 10vw auto;
}
.faq_div:before, .faq_div:after
{
	display:block;
	height:2vw;
	background-color:#0895c9;
	clip-path:polygon(0% 100%, 2% 0%, 4% 100%, 6% 0%, 8% 100%, 10% 0%, 12% 100%, 14% 0%, 16% 100%, 18% 0%, 20% 100%, 22% 0%, 24% 100%, 26% 0%, 28% 100%, 30% 0%, 32% 100%, 34% 0%, 36% 100%, 38% 0%, 40% 100%, 42% 0%, 44% 100%, 46% 0%, 48% 100%, 50% 0%, 52% 100%, 54% 0%, 56% 100%, 58% 0%, 60% 100%, 62% 0%, 64% 100%, 66% 0%, 68% 100%, 70% 0%, 72% 100%, 74% 0%, 76% 100%, 78% 0%, 80% 100%, 82% 0%, 84% 100%, 86% 0%, 88% 100%, 90% 0%, 92% 100%, 94% 0%, 96% 100%, 98% 0%, 100% 100%);
	content:'';
}
.faq_div:after
{
	transform:scale(-1, -1);
}
.faq_div[mobile=true]
{
	margin:7em auto 15em auto;
}
.faq_div > div
{
	background-color:#0895c9;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.contact_div[mobile=true]
{
	background:rgba(255,255,255,.5);
	backdrop-filter:blur(5px);
}
.contact_div > .top
{
	margin:3em 0;

	//clip-path:polygon(100% 100%, 0% 100% , 0.00% 6.67%, 2.00% 6.61%, 4.00% 6.43%, 6.00% 6.15%, 8.00% 5.76%, 10.00% 5.29%, 12.00% 4.75%, 14.00% 4.16%, 16.00% 3.54%, 18.00% 2.92%, 20.00% 2.30%, 22.00% 1.73%, 24.00% 1.21%, 26.00% 0.76%, 28.00% 0.41%, 30.00% 0.16%, 32.00% 0.03%, 34.00% 0.01%, 36.00% 0.10%, 38.00% 0.32%, 40.00% 0.64%, 42.00% 1.05%, 44.00% 1.55%, 46.00% 2.11%, 48.00% 2.71%, 50.00% 3.33%, 52.00% 3.96%, 54.00% 4.56%, 56.00% 5.12%, 58.00% 5.62%, 60.00% 6.03%, 62.00% 6.35%, 64.00% 6.56%, 66.00% 6.66%, 68.00% 6.64%, 70.00% 6.50%, 72.00% 6.25%, 74.00% 5.90%, 76.00% 5.46%, 78.00% 4.94%, 80.00% 4.36%, 82.00% 3.75%, 84.00% 3.12%, 86.00% 2.50%, 88.00% 1.91%, 90.00% 1.37%, 92.00% 0.90%, 94.00% 0.52%, 96.00% 0.23%, 98.00% 0.06%, 100.00% 0.00%, 100% 100%, 0% 100%);
	//clip-path:polygon(0.00% 6.67%, 2.00% 6.61%, 4.00% 6.43%, 6.00% 6.15%, 8.00% 5.76%, 10.00% 5.29%, 12.00% 4.75%, 14.00% 4.16%, 16.00% 3.54%, 18.00% 2.92%, 20.00% 2.30%, 22.00% 1.73%, 24.00% 1.21%, 26.00% 0.76%, 28.00% 0.41%, 30.00% 0.16%, 32.00% 0.03%, 34.00% 0.01%, 36.00% 0.10%, 38.00% 0.32%, 40.00% 0.64%, 42.00% 1.05%, 44.00% 1.55%, 46.00% 2.11%, 48.00% 2.71%, 50.00% 3.33%, 52.00% 3.96%, 54.00% 4.56%, 56.00% 5.12%, 58.00% 5.62%, 60.00% 6.03%, 62.00% 6.35%, 64.00% 6.56%, 66.00% 6.66%, 68.00% 6.64%, 70.00% 6.50%, 72.00% 6.25%, 74.00% 5.90%, 76.00% 5.46%, 78.00% 4.94%, 80.00% 4.36%, 82.00% 3.75%, 84.00% 3.12%, 86.00% 2.50%, 88.00% 1.91%, 90.00% 1.37%, 92.00% 0.90%, 94.00% 0.52%, 96.00% 0.23%, 98.00% 0.06%, 100.00% 0.00%, 100% 100%, 98.00% 99.94%, 96.00% 99.77%, 94.00% 99.48%, 92.00% 99.10%, 90.00% 98.63%, 88.00% 98.09%, 86.00% 97.50%, 84.00% 96.88%, 82.00% 96.25%, 80.00% 95.64%, 78.00% 95.06%, 76.00% 94.54%, 74.00% 94.10%, 72.00% 93.75%, 70.00% 93.50%, 68.00% 93.36%, 66.00% 93.34%, 64.00% 93.44%, 62.00% 93.65%, 60.00% 93.97%, 58.00% 94.38%, 56.00% 94.88%, 54.00% 95.44%, 52.00% 96.04%, 50.00% 96.67%, 48.00% 97.29%, 46.00% 97.89%, 44.00% 98.45%, 42.00% 98.95%, 40.00% 99.36%, 38.00% 99.68%, 36.00% 99.90%, 34.00% 99.99%, 32.00% 99.97%, 30.00% 99.84%, 28.00% 99.59%, 26.00% 99.24%, 24.00% 98.79%, 22.00% 98.27%, 20.00% 97.70%, 18.00% 97.08%, 16.00% 96.46%, 14.00% 95.84%, 12.00% 95.25%, 10.00% 94.71%, 8.00% 94.24%, 6.00% 93.85%, 4.00% 93.57%, 2.00% 93.39%, 0.00% 93.33%, 0.00% 0.00%);
}
.contact_div[mobile=true] > .top
{
	font-size:250%;
}
.contact_div > .top:before, .contact_div > .top:after
{
	display:block;
	height:2vw;
	background-color:#1072ba;
	clip-path:polygon(0% 100%, 2% 0%, 4% 100%, 6% 0%, 8% 100%, 10% 0%, 12% 100%, 14% 0%, 16% 100%, 18% 0%, 20% 100%, 22% 0%, 24% 100%, 26% 0%, 28% 100%, 30% 0%, 32% 100%, 34% 0%, 36% 100%, 38% 0%, 40% 100%, 42% 0%, 44% 100%, 46% 0%, 48% 100%, 50% 0%, 52% 100%, 54% 0%, 56% 100%, 58% 0%, 60% 100%, 62% 0%, 64% 100%, 66% 0%, 68% 100%, 70% 0%, 72% 100%, 74% 0%, 76% 100%, 78% 0%, 80% 100%, 82% 0%, 84% 100%, 86% 0%, 88% 100%, 90% 0%, 92% 100%, 94% 0%, 96% 100%, 98% 0%, 100% 100%);
	content:'';
}
.contact_div > .top:after
{
	transform:scale(-1, -1);
}
.contact_div > .top > .contacts
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-around;
	background:#1072ba;
}
.contact_div > .top > .contacts > a
{
	flex-basis:20%;

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	aspect-ratio:1/1;
	margin:2vw;
	padding:2vw;
	text-decoration:none;
	cursor:pointer;
	background:rgba(255,255,255,.2);
	color:inherit;
}
.contact_div[mobile=true] > .top > .contacts > a
{
	flex-basis:46%;
}
.contact_div > .top > .contacts > a > div:before
{
	display:block;
	font-family:E_Ionicons;
	font-size:250%;
	color:#fafafa;
}
.contact_div > .top > .contacts > .phone > div:before
{
	content:'\f4b8';
}
.contact_div > .top > .contacts > .mobile > div:before
{
	content:'\f1fa';
}
.contact_div > .top > .contacts > .emergency > div:before
{
	content:'\f45d';
}
.contact_div > .top > .contacts > .email > div:before
{
	content:'\f422';
}
.contact_div > .top > .contacts > .address > div:before
{
	content:'\f455';
}
.contact_div > .top > .contacts > .whatsapp > div:before
{
	content:'\f4ef';
}
.contact_div > .top > .contacts > .facebook > div:before
{
	content:'\f230';
}
.contact_div > .top > .contacts > .instagram > div:before
{
	content:'\f350';
}
.contact_div > .top > .contacts > a > span
{
	text-align:center;
	color:#fafafa;
}
.contact_div > .top > .contacts > a > h2
{
	padding:.3em 1em;
	width:-webkit-fill-available;
	word-break:break-word;
	text-align:center;
	font-size:60%;
	background:rgba(255,255,255,.2);
}
.contact_div > .top > .contacts > a:hover > h2
{
	background:rgba(255,255,255,.8);
	color:#555;
}

@media(prefers-reduced-motion:no-preference)
{
	.contact_div > .top > .contacts > a
	{
		animation:wipe-enter cubic-bezier(.3,1.5,.20,1) 3s forwards;
	}
}
@keyframes wipe-enter
{
	0%
	{
		transform:scale(0, .025);
	}
	50%
	{
		transform:scale(1, .025);
	}
}

.contact_div > .middle
{
	display:flex;
	justify-content:space-between;
}
.contact_div[mobile=true] > .middle
{
	flex-direction:column;
}
.contact_div > .middle > div:nth-child(1)
{
	font-size:60%;
	margin-left:6vw;
}
.contact_div[mobile=true] > .middle > div:nth-child(1)
{
	margin:0;
	text-align:center;
	font-size:230%;
}

.contact_div[mobile=false] > .middle > div:nth-child(2)
{
	max-width:40%;
	margin-right:4%;
	font-size:60%;
}
.contact_div[mobile=true] > .middle > div:nth-child(2)
{
	font-size:230%;
}

.contact_div .field
{
	border-bottom:2px solid #44f;
	display:table;
	width:100%;
}
.contact_div .field > div:nth-child(1)
{
	border:0px solid red;
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	width:10em;
	background:#eee;
}
.contact_div .field > div, .contact_div .field > input, .contact_div .field > textarea
{
	border:none;
	display:table-cell;
	padding:.1em;
	width:100%;
	vertical-align:middle;
}
.contact_div .field > input:focus, .contact_div .field > textarea:focus
{
	outline-width:0;
}
.contact_div .controls
{
	text-align:center;
}
.contact_div .controls
{
	margin-bottom:2em;
}
.contact_div .controls > input[type=submit]
{
	border:none;
	margin:2vw;
	padding:.2em 2em;
	cursor:pointer;
	letter-spacing:.1em;
	color:#fafafa;
	background:#181715;
}

.contact_div > .gmap_div
{
	border:1vw solid #fff;
	border-radius:.1vw;
	position:relative;
	margin:2vw auto;
	width:92%;
	box-shadow:.3vw .3vw 1vw #555;
	font-size:60%;
}
.contact_div[mobile=true] > .gmap_div
{
	width:100%;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.contact_div [check]
{
	text-align:center;
	cursor:pointer;
}
.contact_div [check]:before
{
	vertical-align:bottom;
	margin:auto .4em auto auto;
	font-family:E_AwesomeRegular;
	font-size:110%;
}
.contact_div [check=true]:before
{
	content:'\f058';
}
.contact_div [check=false]:before
{
	content:'\f111';
}

.contact_div [check] + div
{
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.purchase_checkout
{
	margin:0 10%;
	font-family:system-ui;
	font-size:60%;
	//background:rgba(255,255,255,.7);
}
.purchase_checkout[mobile=true]
{
	margin:0;
	font-size:250%;
}

.empty_favorite
{
	display:flex;
	align-items:center;
	justify-content:center;
}
.empty_favorite[mobile=true]
{
	min-height:70vh;
	font-size:250%;
}
.empty_favorite:before
{
	content:'Elenco preferiti vuoto';
}
.favorite
{
	margin:0 10%;
	font-family:system-ui;
	//background:rgba(255,255,255,.7);
}
.favorite[mobile=true]
{
	margin:0;
}
.favorite > .controls
{
	display:flex;
	justify-content:space-evenly;
	padding:4vw;

	user-select:none;
}
.favorite[mobile=true] > .controls
{
	flex-wrap:wrap;
	justify-content:space-between;
	padding:1vw;
}
.favorite > .controls > *
{
	border:2px solid transparent;
	padding:.3em 1em;
	margin:1em;
	cursor:pointer;
	text-align:center;
	background:#0895c9;
	color:#fafafa;
}
.favorite[mobile=true] > .controls > *
{
	padding:.3em .5em;
	margin:.5em;
	flex-basis:42%;
	font-size:300%;
}
.favorite[mobile=true] > .controls > *:last-child
{
	flex-basis:100%;
	//width:-webkit-fill-available;
}
.favorite > .controls > *:hover
{
	border-color:#0895c9;
	background:#fafafa;
	color:#888;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.justify
{
	text-align:justify;
	text-justify:distribute;
}
.justify:after
{
	content: "";
	display:inline-block;
	width:100%;
}
.clear
{
	clear:both;
}
.blank_link, .blank_link:visited
{
	cursor:pointer;
	text-decoration:none;
	color:inherit;
}
.azure_link, .azure_link:visited
{
	color:#99F;
	font-weight:bold;
	font-style:italic;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/