/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
body
{
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center center;
	background-color:#fafafa;
	background-color:#fafafa;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#wall_div
{
	border:0px solid red;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;

	background-size:cover;
	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 > 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
{
	justify-content:space-between;
}
#head_div[mobile=false] > header > div > figure
{
	margin:0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
#head_div[mobile=false][fixed=false] > header > div > figure
{
	align-self:start;

	width:20vw;
	height:9vw;
	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);
	transform:translateX(-100%);
	animation:kfm_logo cubic-bezier(.5,1.35,.53,1.32) .8s 1 forwards;
}
@keyframes kfm_logo
{
	100%
	{
		transform:translateX(0%);
	}
}
#head_div[mobile=false][fixed=true] > header > div > figure
{
	width:15vw;
	height:5vw;
	margin:0 .5vw;
	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(0,0,0,.9);
	color:#fafafa;
	backdrop-filter:blur(5px);
}
#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 1vw;
}
#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;
}
/*-- -------------------------------------------------------------------------------------------------- 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-reverse;
	justify-content:space-between;
	align-items:center;
	//color:#f7f7f7;
}
#head_div[mobile=true] > header > div > figure
{
	flex-grow:1;
	order:2;
	//width:40vw;
	margin:auto;
	height:12vw;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:1% 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;
	//margin-top:2.4vw;
}
#head_div > header > div > nav > span
{
	text-transform:uppercase;
	letter-spacing:.04vw;
	font-size:45%;
	//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,.5);
	background-color:rgba(120,120,120,.9);
}

#head_div[mobile=false][fixed=false] > header > div > nav
{
	//background:rgba(255,100,100,.4);
}
#head_div > header > div > nav > span > div > p
{
	background-color:rgba(0,0,0,.8);
}

#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:#585a59;
}
#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:left 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
{
	position:relative;
}
#foot_div[mobile=true]
{
	position:relative;
	font-size:280%;
}

#foot_div > .b_m_div
{
	border:0px solid black;
	text-align:center;
	margin-bottom:5em;
	padding:1vw;
	font-size:60%;
	background-color:#ddd;
	color:#000;
}
#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:#585a59;
}

#foot_div > .partners
{
	padding:2vw 0;
	background-color:rgba(0,0,0,.4);
	backdrop-filter:blur(5px);
}
#foot_div > .partners > div
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
#foot_div > .partners > span
{
	padding:0.3vw 1vw;
	letter-spacing:.5vw;
	font-style:italic;
	font-size:80%;
	display:block;
	background:rgba(255,255,255,.7);
	//color:#f0f0f0;
}
#foot_div > .partners > div > a
{
	flex-grow:1;

	aspect-ratio:2/1;
	background-size:80%;
	background-repeat:no-repeat;
	background-position:center center;

	transition:all .2s cubic-bezier(.5,2.97,.53,1.32);
}
#foot_div > .partners > div > a:hover
{
	background-size:85%;
	background-color:rgba(0,0,0,.2);
}

#foot_div > .claw_div
{
	display:flex;
	justify-content:space-between;
	padding:1vw 1vw;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(./img/main_bg.jpg);
	color:#000;
}
#foot_div[mobile=true] > .claw_div
{
	flex-direction:column;
	background:rgba(255,255,255,.7);
}
#foot_div > .claw_div > a
{
	width:20vw;
	margin:4vw;
	aspect-ratio:3/2;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
#foot_div[mobile=true] > .claw_div > a
{
	width:50%;
	margin:4vw auto;
}
#foot_div > .claw_div > div
{
	padding:0 4vw;
	text-align:center;
	background:rgba(255,255,255,.4);
}
#foot_div > .claw_div > div > .owner
{
	font-size:50%;
	letter-spacing:.2vw;
}
#foot_div > .claw_div > div > .owner > div:nth-of-type(1)
{
	margin:1vw 0;
	font-size:200%;
	font-weight:bold;
}
#foot_div > .claw_div > div > .shinystat img
{
	display:block;
	margin:1vw auto;
	width:12em;
}
#foot_div[mobile=true] > .claw_div > div > .shinystat img
{
	width:15.4em;
}
#foot_div > .claw_div > div > .powered
{
	font-size:60%;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
#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:#585a59;
	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);
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.home_div
{
	border:1px solid transparent;
	//background:#ffa500;
}
.home_div > .intro
{
	margin:20vw 10vw;
	padding:4vw 8vw;
	text-align:justify;
	background:rgba(255,255,255,.7);
	backdrop-filter:blur(5px);
	font-size:80%;
}
.home_div[mobile=true] > .intro
{
	margin:20vw 0;
	padding:4vh 2vh;
	font-size:250%;
}
.home_div > .intro > input[type=button]
{
	border:none;
	padding:.7em;
	letter-spacing:.1em;
	background:#cc0000;
	color:#fff;
}
.home_div[mobile=true] > .intro > input[type=button]
{
	width:-webkit-fill-available;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.pitstop
{
	position:relative;
	height:80vh;
}
.pitstop[mobile=false]
{
}
.pitstop[mobile=true]
{
	height:50vw;
}
/*-- ---------------------------------------------------------------------------------------------- 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:.3em 3em;
	cursor:pointer;
}
.psp_d > span:nth-of-type(1)
{
	border:2px solid transparent;
	background:rgba(255,255,255,.9);
	backdrop-filter:blur(5px);
}
.psp_d > span:nth-of-type(1)[onclick]
{
	border:2px solid transparent;
	background:rgba(218,112,214,.9);
	backdrop-filter:blur(5px);
	color:#fff;
}
.psp_d > span:nth-of-type(1)[onclick]:hover
{
	border-color:orchid;
	background:none;
	font-weight:bold;
	color:orchid;
}
.psp_d > span:nth-of-type(2)
{
	background:rgba(230,161,208,.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 .scroll
{
	height:80vh;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center center;
	background-image:url(./img/session/01/masini-nerio-riccione.jpg);
}
.home_div[mobile=true] .scroll
{
	height:50vh;
	background-position:66% center;
}

.home_div > .reviews
{
	background:rgba(255,255,255,.8);
}

.home_div > .media
{
	display:flex;
}
.home_div[mobile=true] > .media
{
	flex-direction:column;
}
.home_div > .media > .links
{
	flex-grow:1;

	display:flex;
	align-items:end;

	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(./img/session/01/01.jpg);
	background-color:rgba(255,255,255,.7);
	backdrop-filter:blur(5px);
}
.home_div > .media > .links > div
{
	font-size:75%;
}
.home_div[mobile=true] > .media > .links > div
{
	flex-grow:1;

	font-size:220%;
}
.home_div > .media > .links > div > *
{
	margin:1vw 0 1vw 1vw;
	padding-right:1vw;
	cursor:pointer;
	background:rgba(0,0,0,.5);
	color:#f7f7f7;
}
.home_div > .media > .links > div > *:hover
{
	background:#cc0000;
	color:#fff;
}
.home_div > .media > .links > div > * > a
{
	text-decoration:none;
	color:inherit;
}
.home_div > .media > .links > div > * > a:before
{
	vertical-align:middle;
	font-size:180%;
}
.home_div > .media > .links > div > * > a[title=Facebook]:before
{
	margin:0 .5em;
	font-family:E_AwesomeBrands;
	content:'\f082';
}
.home_div > .media > .links > div > * > a[title=WhatsApp]:before
{
	margin:0 .5em;
	font-family:E_AwesomeBrands;
	content:'\f40c';
}
.home_div > .media > .links > div > * > a[title=Telefono]:before
{
	margin:0 .5em;
	font-family:E_AwesomeSolid;
	content:'\f098';
}
.home_div > .media > .links > div > * > a[title=GoogleMap]:before
{
	margin:0 .55em 0 .55em;
	font-family:E_AwesomeSolid;
	content:'\f3c5';
}
.home_div > .media > .links > div > * > a[title=Email]:before
{
	margin:0 .5em;
	font-family:E_AwesomeSolid;
	content:'\f199';
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.company_div
{
	font-size:60%;
}
.company_div[mobile=true]
{
	font-size:250%;
}

.company_div[mobile=false] > .box
{
	display:flex;
	align-items:center;
	margin:5vw 5vw;
	padding:5vw 8vw;
	background:rgba(255,255,255,.7);
}
.company_div[mobile=true] > .box
{
	background:rgba(255,255,255,.7);
	backdrop-filter:blur(5px);
}
.company_div > .box.left
{
	flex-direction:row;
}
.company_div > .box.right
{
	flex-direction:row-reverse;
}
.company_div > .box > figure
{
	flex-shrink:0;
	flex-basis:50%;

	margin:0;
	aspect-ratio:1/.73;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.company_div > .box > figure > *
{
	display:none;
}
.company_div > .box > div
{
	text-align:justify;
	line-height:180%;
	color:#111;
}
.company_div > .box.left > div
{
	padding:0 0 0 8vw;
}
.company_div > .box.right > div
{
	padding:0 8vw 0 0;
}
.company_div[mobile=true] > .box > div
{
	padding:8vw;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/















.web_application_div
{
	border-right:.4vw solid #931d17;
	//padding-right:.5em;
	//margin:3% 5% 0 5%;
	margin:1vw 3vw 1vw 1vw;
	padding:2em;
	font-family:default;
	font-size:70%;
	background:rgba(255,255,255,.7);

}
.web_application_div[mobile=true]
{
	font-size:250%;
}
.web_application_div h1
{
	position:relative;
	display:inline-block;
	padding:.5vw 1vw;
	line-height:100%;
	vertical-align:middle;
	letter-spacing:1vw;
	font-family:E_WebLysleekuil;
	font-size:140%;
	color:rgb(255,255,255);
	text-shadow:0vw 0vw 1vw #000;
	background:rgba(50,50,50,.2);
}
.web_application_div[mobile=true] h1
{
	display:block;
	padding:5vw 0;
	letter-spacing:initial;
	text-align:center;
	text-shadow:initial;
	font-weight:bold;
	color:#585a59;
}

.web_application_div h2
{
	display:inline-block;
	letter-spacing:.1vw;
	font-size:200%;
	//text-shadow:0 0 1vw #f00;
}
.web_application_div h3
{
	display:inline-block;
	letter-spacing:.12em;
	line-height:0;
	font-family:E_CenturyGothic;
	font-size:200%;
	font-weight:bold;

	color:black;
	-webkit-text-fill-color:white;
	-webkit-text-stroke-width:.1px;
	-webkit-text-stroke-color:black;
}
.web_application_div[mobile=true] h3
{
	display:block;
	line-height:initial;
	-webkit-text-stroke-width:1px;
}

.web_application_div button
{
	border:none;
	display:inline-block;
	padding:.3em 1em;
	font-family:inherit;
	font-size:150%;
	color:#fff;
	background:#931d17;
}
.web_application_div[mobile=true] button
{
	display:block;
	margin:auto;
	width:-webkit-fill-available;
}
.web_application_div[mobile=true] span
{
	display:block;
	margin:5vw 0;
	text-align:center;
	letter-spacing:.5vw;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.business_boost
{
	margin:5vw;
	padding:8vw;
	letter-spacing:.1vw;
	font-size:70%;
	box-shadow:.5vw .5vw 4vw rgba(0,0,0,.2);
	background:rgba(255,255,255,.7);
	backdrop-filter:blur(5px);
}
.business_boost[mobile=true]
{
	margin:5vw;
	padding:5vw;
	font-size:250%;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.wallet_title, .wallet_title_mobile
{
	margin-top:8%;
	padding:1vw;
	letter-spacing:.5vw;
	font-size:90%;
	font-weight:normal;
	text-transform:uppercase;
	//text-shadow:0vw 0vw 1vw #000;
	background:#585a59;
	color:#fff;
}
.wallet_title_mobile
{
	text-align:center;
	font-size:300%;
}

.wallet_div
{
	margin:3% 4% 0 4%;
}
.wallet_div > .clear
{
	clear:both;
}

.customer_item, .customer_item_mobile
{
	border:0px solid red;
	position:relative;
	overflow:hidden;
	background:rgba(255,255,255,.7);
	backdrop-filter:blur(5px);
}
.customer_item
{
	float:left;
	width:33.33%;
}
.customer_item_mobile
{
	width:100%;
	margin:5vw 0;
	font-size:500%;
}

.customer_item > .title, .customer_item_mobile > .title
{
	display:-webkit-box;
	margin:1vw .5vw;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	background:rgba(255,255,255,.9);

	text-align:center;
	letter-spacing:.18vw;
	font-size:80%;
}

.customer_item > .picture
{
	height:19vw;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.customer_item_mobile > .picture
{
	height:60vw;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

.customer_item > .description, .customer_item_mobile > .description
{
	display:-webkit-box;
	margin:1vw .5vw;
	font-size:50%;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.customer_item_mobile > .description
{
	-webkit-line-clamp:4;
}

.customer_item > .icon, .customer_item_mobile > .icon
{
	border:0px solid #fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	cursor:pointer;
	opacity:0;
	background:rgba(50,50,50,.8);
}
.customer_item > .icon:before, .customer_item_mobile > .icon:before
{
	position:absolute;
	left:50%;
	top:50%;
	font-family:E_Ionicons;
	font-size:300%;
	color:#f8f8f8;

	content:'\f37d';
	transform:translate(-50%, -50%);
}

.customer_item > .picture
{
	transition:all .3s ease-in-out;
}
.customer_item:hover > .picture
{
	transform:scale(1.1);
}

.customer_item > .icon
{
	transition:all .3s ease-in-out;
}
.customer_item:hover > .icon
{
	opacity:1;
	transform:scale(2);
}






/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.coffee_main, .coffee_main_mobile
{
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center bottom;
	background-image:url(./img/session/09/gironi-coffee-cup.jpg);
}
.coffee_head
{
	margin-right:45%;
	box-shadow:.2vw .2vw 2vw #000;
	background-color:rgba(255,255,255,.9);
}
.coffee_head_mobile
{
	padding:2em 0;
	box-shadow:.2vw .2vw 2vw #000;
	background-color:rgba(255,255,255,.9);
}
.coffee_head > .img
{
	float:left;
	height:20vw;
	width:20vw;
	content:url('./img/session/09/gironi-coffee-bean-top-left.png');
	shape-outside:url('./img/session/09/gironi-coffee-bean-top-left.png');
	shape-image-threshold: 0.5;
	shape-margin:1em;
}
.coffee_head_mobile > .img
{
	float:left;
	height:20vw;
	width:40vw;
	content:url('./img/session/09/gironi-coffee-bean-top-left.png');
	shape-outside:url('./img/session/09/gironi-coffee-bean-top-left.png');
	shape-image-threshold: 0.5;
	shape-margin:1em;
}
.coffee_head > .txt
{
	font-size:90%;
	letter-spacing:.1em;
}
.coffee_head_mobile > .txt
{
	font-size:280%;
	letter-spacing:.05em;
}
.coffee_head > .txt > .t, .coffee_head_mobile > .txt > .t
{
	padding:5% 0;
	letter-spacing:.05em;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}
.coffee_head_mobile > .txt > .t
{
	font-size:160%;
}
.coffee_head > .clear
{
	clear:both;
}

.coffee_body
{
	margin-top:20%;
	margin-left:55%;
	margin-right:5%;
	padding:4em;
	font-size:80%;
	background-color:rgba(255,255,255,.8);
	box-shadow:0vw 0vw .5vw #eee;
}
.coffee_body_mobile
{
	margin-top:30%;
	margin-left:5%;
	margin-right:5%;
	padding:1em;
	font-size:280%;
	background-color:rgba(255,255,255,.8);
	box-shadow:0vw 0vw .5vw #eee;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/

/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.contact_div[mobile=true]
{
	background:rgba(255,255,255,.5);
	backdrop-filter:blur(5px);
}
.contact_div > .top
{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.contact_div[mobile=true] > .top
{
	flex-direction:column;
	align-items:stretch;
	font-size:139%;
}
.contact_div > .top > div
{
	padding:1vw 1vw;
	font-size:80%;
}
.contact_div[mobile=true] > .top > div
{
	font-size:200%;
}
.contact_div > .top > div
{
	display:flex;
	flex-direction:column;
	cursor:pointer;
}
.contact_div > .top > div > a
{
	display:flex;
	align-items:center;

	color:inherit;
	text-decoration:none;
}
.contact_div > .top > div > a:before
{
	display:flex;
	align-items:center;
	justify-content:center;

	border-radius:50%;
	border:.2em solid #f03747;
	aspect-ratio:1/1;
	min-width:1.5em;
	text-align:center;
	margin:.2em 1em;
	font-family:E_Ionicons;
	font-size:120%;
	background:#fafafa;
	color:#000;
	box-shadow:0 0 0 #fff, 0 0 1vw #fff, 0 0 .5vw #000;
}
.contact_div > .top > div > .phone:before
{
	content:'\f4b8';
}
.contact_div > .top > div > .mobile:before
{
	content:'\f1fa';
}
.contact_div > .top > div > .email:before
{
	content:'\f422';
}
.contact_div > .top > div > .address:before
{
	content:'\f455';
}
.contact_div > .top > div > .whatsapp:before
{
	content:'\f4ef';
}
.contact_div > .top > div > .facebook:before
{
	content:'\f230';
}
.contact_div > .top > div > a:hover:before
{
	border:.2em solid #fff;
	background:#f03747;
	color:#fff;
	//box-shadow: -0.3vw 0.5vw 1vw #ccc;
}
.contact_div > .top > img
{
	display:block;
	margin:0;
	width:33vw;
}
.contact_div[mobile=true] > .top > img
{
	width:100%;
}

.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 #7fdb09;
	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:1em 2em;
	cursor:pointer;
	letter-spacing:.1em;
	color:#fafafa;
	background:#cc0000;
}
.contact_div .controls > input[type=submit]:hover
{
	color:#cc0000;
	background:#fafafa;
}

.contact_div > .gmap
{
	border:1vw solid #fff;
	border-radius:.1vw;
	position:relative;
	margin:2vw auto;
	width:92%;
	font-size:60%;
}
.contact_div[mobile=true] > .gmap
{
	width:100%;
	font-size:180%;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.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;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.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;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------- twentytwo version pages ------------------------------------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.slide_service_div
{
	transition:transform 1s ease-out;
}

.service_tag_box
{
	//border:.5vw solid #FFF;
	//border-left:1vw solid transparent !important;
	border-radius:50% 0 0 50%;
	position:relative;
	float:right;
	clear:right;
	margin:3% 0;
	padding-left:6%;
	padding-right:1.5%;
	white-space:nowrap;
	box-shadow:0.5vw 1vw 2vw #999;
}
.service_tag_box > span > a
{
	position:relative;
	font-family:E_Awesome;
	font-size:160%;
}
.service_tag_box > span > a:before
{
	font-size:50%;
	content:" ";
}

.service_title
{
	position:relative;
	margin:0 10%;
	letter-spacing:.2vw;
	font-size:200%;
	font-style:italic;
	font-weight:bold;
	color:#005;
}
.service_subtitle
{
	position:relative;
	margin:0 10%;
	letter-spacing:.4vw;
	font-size:140%;
	font-style:italic;
	text-decoration:underline;
	color:#005;
}
.service_description
{
	position:relative;
	margin:0 10%;
	letter-spacing:.1vw;
	color:#005;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.indexing_div_mobile
{
	font-size:300%;
}

.indexing_div > .intro, .indexing_div_mobile > .intro
{
	border-left:1px solid #585a59;
	border-bottom:1px solid #585a59;
	margin-top:5vw;
	margin-bottom:5vw;
	margin-left:10vw;
	font-size:70%;
}
.indexing_div > .intro > .title, .indexing_div_mobile > .intro > .title
{
	padding:.3vw 1vw;
	line-height:180%;
	letter-spacing:1vw;
	text-transform:uppercase;
	font-family:inherit;
	font-size:100%;
	background:#585a59;
	color:#fff;
}
.indexing_div > .intro > .content, .indexing_div_mobile > .intro > .content
{
	padding:2vw 10vw;
	letter-spacing:.2vw;
}

.indexing_div > div > .item, .indexing_div_mobile > div > .item
{
	border:0px solid red;
	display:table;
	margin:3.5vw 0;
	cursor:pointer;
	letter-spacing:.2vw;
	font-size:150%;
	text-shadow:none;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.indexing_div_mobile > div > .item
{
	border:0px solid red;
	min-height:4em;
	background:rgba(50,50,50,.1);
}
.indexing_div > div > .item > span, .indexing_div_mobile > div > .item > span
{
	display:table-cell;
	vertical-align:middle;
}
.indexing_div > div > .item > span > a:before, .indexing_div_mobile > div > .item > span > a:before
{
	border:2px solid #585a59;
	border-radius:50%;
	padding:0 .24em 0 .36em;
	vertical-align:-30%;
	margin:0 1vw 0 5vw;
	font-family:E_Ionicons;
	font-size:180%;
	font-weight:normal;
	color:#585a59;
	content:'\f3d3';
	box-shadow:inset 0 0 .3vw #555, 0.5vw 1vw 2vw #999;

	transition:all .2s ease-in-out;
}
.indexing_div > div > .item:hover > span > a:before
{
	border-color:#fff;
	color:#fff;
	background:#585a59;
}
.indexing_div > div > .item > div, .indexing_div_mobile > div > .item > div
{
	display:table-cell;
	vertical-align:middle;
	color:#585a59;
	text-shadow:0vw 0vw 1vw #000;

	transition:all .1s ease-in-out;
}
.indexing_div_mobile > div > .item > div
{
	color:#585a59;
	text-shadow:none;
	font-size:90%;
}
.indexing_div > div > .item:hover > div
{
	transform:scale(1.015);
	color:#fff;
}

.indexing_div > article, .indexing_div_mobile > article
{
	border-right:1px solid #585a59;
	border-bottom:1px solid #585a59;
	margin-top:5vw;
	margin-bottom:5vw;
	margin-right:10vw;
	text-align:center;
	font-size:70%;
}
.indexing_div > article > h2, .indexing_div_mobile > article > h2
{
	padding:.3vw 1vw .3vw 4vw;
	margin-right:1vw;
	line-height:180%;
	letter-spacing:1vw;
	text-transform:uppercase;
	text-align:center;
	font-family:inherit;
	font-size:100%;
	background:#585a59;
	color:#fff;
}
.indexing_div > article > p, .indexing_div_mobile > article > p
{
	padding:2vw 10vw;
	letter-spacing:.2vw;
	text-align:left;
}
.indexing_div > article > input[type='button'], .indexing_div_mobile > article > input[type='button']
{
	border:1px solid transparent;
	border-bottom:none;
	margin:auto;
	padding:.2em 2em;
	cursor:pointer;
	letter-spacing:.1em;
	font-family:inherit;
	font-size:inherit;
	color:#fff;
	background:#585a59;
}
.indexing_div > article > input[type='button']:hover, .indexing_div_mobile > article > input[type='button']:hover
{
	border-color:#585a59;
	color:#585a59;
	background:#fff;
}

.seguimi
{
	text-transform:uppercase;
	color:#585a59;
	text-shadow:0 0 .1em #555;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.social_div, .social_div_mobile
{
	text-align:center;
}
.social_div_mobile
{
	font-size:300%;
}

.social_div > .intro, .social_div_mobile > .intro
{
	border-left:1px solid #585a59;
	border-right:1px solid #585a59;
	border-bottom:1px solid #585a59;
	margin:5vw 10vw 0 10vw;
	font-size:70%;
}
.social_div > .intro > .title, .social_div_mobile > .intro > .title
{
	padding:.3vw 1vw;
	line-height:180%;
	letter-spacing:1vw;
	text-transform:uppercase;
	font-family:inherit;
	font-size:100%;
	background:#585a59;
	color:#fff;
}
.social_div > .intro > .content, .social_div_mobile > .intro > .content
{
	padding:2vw 6vw;
	letter-spacing:.2vw;
}

.social_div > .twin, .social_div_mobile > .twin
{
	border-left:1px solid #585a59;
	margin:5vw 10vw 0 10vw;
	font-size:70%;
}
.social_div > .twin > .social_to_web, .social_div > .twin > .web_to_social
{
	border:0px solid red;
	float:left;
	width:50%;
	padding:1%;
}
.social_div_mobile > .twin > .web_to_social
{
	margin-top:1em;
}
.social_to_web > .title, .web_to_social > .title
{
	text-transform:uppercase;
}
.social_to_web > .icons:before
{
	font-family:E_Ionicons;
	font-size:250%;
	color:#585a59;
	content:'\f230\00a0\f489\00a0\f350\00a0\00a0\00a0\00a0\f469\00a0\00a0\00a0\f4d2';
}
.web_to_social > .icons:before
{
	font-family:E_Ionicons;
	font-size:250%;
	color:#585a59;
	content:'\f4d2\00a0\00a0\00a0\00a0\f469\00a0\00a0\00a0\f230\00a0\f489\00a0\f350';
}

.social_div > .motivation, .social_div_mobile > .motivation
{
	border-left:1px solid #585a59;
	margin:5vw 10vw 0 10vw;
	padding:1%;
	font-size:70%;
}
.social_div > .motivation > span:before, .social_div_mobile > .motivation > span:before
{
	display:inline-block;
	vertical-align:middle;
	font-family:E_Ionicons;
	font-size:250%;
	color:#585a59;
	content:'\f4a9';
	transform:rotate(180deg);
}
.social_div > .motivation > span:after, .social_div_mobile > .motivation > span:after
{
	display:inline-block;
	vertical-align:middle;
	font-family:E_Ionicons;
	font-size:250%;
	color:#585a59;
	content:'\00a0\f469\00a0\f4a9';
}
.social_div_mobile > .motivation > span
{
	display:block;
}

.social_div > .our_company, .social_div_mobile > .our_company
{
	border-left:1px solid #585a59;
	margin:5vw 10vw 0 10vw;
	padding:1%;
	font-size:70%;
}

.social_div > .instagram, .social_div_mobile > .instagram
{
	border-left:1px solid #585a59;
	margin:5vw 10vw 0 10vw;
	padding:1%;
	font-size:70%;
}
.social_div > .igram_div
{
	border-left:1px solid #585a59;
	margin:5vw 10vw 0 10vw;
	padding:1%;
}

.social_div > .facebook, .social_div_mobile > .facebook
{
	border-left:1px solid #585a59;
	margin:5vw 10vw 0 10vw;
	padding:1%;
	font-size:70%;
}

.social_link
{
	text-transform:uppercase;
	color:#585a59;
	text-shadow:0 0 .1em #555;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.web_marketing_div, .web_marketing_div_mobile
{
	text-align:center;
}
.web_marketing_div_mobile
{
	font-size:300%;
}

.web_marketing_div > .intro, .web_marketing_div_mobile > .intro
{
	border-left:1px solid #585a59;
	border-right:1px solid #585a59;
	border-bottom:1px solid #585a59;
	margin:5vw 5vw 0 5vw;
	font-size:70%;
}
.web_marketing_div > .intro > .title, .web_marketing_div_mobile > .intro > .title
{
	padding:.3vw 1vw;
	line-height:180%;
	letter-spacing:1vw;
	text-transform:uppercase;
	font-family:inherit;
	font-size:100%;
	background:#585a59;
	color:#fff;
}
.web_marketing_div > .intro > .content, .web_marketing_div_mobile > .intro > .content
{
	padding:2vw 2vw;
	letter-spacing:.2vw;
}

.web_marketing_div > .title, .web_marketing_div_mobile > .title
{
	margin-top:5vw;
	padding:.3vw 1vw;
	line-height:180%;
	letter-spacing:.1vw;
	text-transform:uppercase;
	font-family:inherit;
	font-size:70%;
	background:#585a59;
	color:#fff;
}
.web_marketing_div_mobile > .title
{
	padding:2vw 1vw;
	line-height:120%;
}
.web_marketing_div > .content, .web_marketing_div_mobile > .content
{
	border-left:1px solid #585a59;
	border-right:1px solid #585a59;
	border-bottom:1px solid #585a59;
	margin:0 5vw 5vw 5vw;
	padding:2vw 2vw;
	letter-spacing:.1vw;
	font-size:70%;
}
.web_marketing_div .sub, .web_marketing_div_mobile .sub
{
	padding:2vw 1vw;
	letter-spacing:.1vw;
	font-weight:bold;
	background:rgba(50,50,50,.1);
}
.web_marketing_div ul, .web_marketing_div_mobile ul
{
	margin:0;
	padding:0;
	list-style-type:circle;
	list-style-position:inside;
	text-align:left;
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/
.products_box
{
	border:0px solid red;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;

	transition:transform .5s;
}

.product_box, .product_box_mobile
{
	box-sizing:border-box;
	border-radius:.8vw;
	position:relative;
	float:left;
	margin:6% 1%;
	padding:0;
	overflow:hidden;
	background:#FFF;
	box-shadow:0vw 1.5vw 3vw #555;
}
.product_box
{
	width:31%;
	font-size:60%;
}
.product_box_mobile
{
	width:98%;
	font-size:180%;
}

.product_box > img, .product_box_mobile > img
{
	border:none;
	position:relative;
	display:block;
	width:100%;
}
.product_box > div, .product_box_mobile > div
{
	border-radius:.8vw;
	position:relative;
	margin:1%;
	text-align:center;
	text-transform:uppercase;
	font-size:120%;
	letter-spacing:.2vw;
	background:rgba(255,255,255,.2);
}
/*-- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --*/