/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
body
{
	background:url(./img/main_bg.jpg) top center fixed no-repeat;
	background-size:cover;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/






#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;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#head_div > header
{
	border:0px solid red;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#head_div > section
{
	border:0px solid magenta;
	user-select:none;
	z-index:1;
}
#head_div[fixed=true] > section
{
	border:0px solid orange;
	position:fixed;
	left:0;
	top:0;
	width:100%;

	transform:translateY(-100%);
	animation:kfm_head_div_fixed ease-in-out 0.8s forwards;
}
@keyframes kfm_head_div_fixed
{
	100%
	{
		transform:translateY(0);
	}
}
#head_div[mobile=false] > section > div
{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
}

#head_div > section > div > figure
{
	margin:0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;

	transition:all .8s ease-in-out;
}
#head_div[mobile=false][fixed=false] > section > div > figure
{
	height:6vw;
}
#head_div[mobile=false][fixed=true] > section > div > figure
{
	width:14vw;
	height:6vw;
	margin-left:1vw;
	background-image:url(./img/logo_small.png);
}
#head_div > section > div > figure > *
{
	display:none;
}

#head_div > section > div > nav
{
	position:relative;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	z-index:1;

	transition:all .8s ease-in-out;
}
#head_div[mobile=false ][fixed=true] > section > div > nav
{
	flex-grow:1;
}
#head_div > section > div > nav > div
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#head_div > section > 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 > section > div > nav > span
{
	position:relative;
	text-align:center;
	cursor:pointer;
}
#head_div > section > div > nav > span > div
{
	position:absolute;
	left:0;
	right:0;
	top:100%;
	height:0;
	overflow:hidden;
}
#head_div > section > div > nav > span > div > p
{
	margin:auto;
	word-wrap:break-word;
    visibility:hidden;
    transform:translateY(-100%);

	transition:all .3s ease-in-out;
}
#head_div[mobile=false] > section > div > nav > span:hover > div
{
	height:auto;
}
#head_div[mobile=false] > section > div > nav > span:hover > div > p
{
	visibility:visible;
    transform:translateY(0%);
}

#head_div > section > div > nav > span > div > p > span
{
	display:block;
}

#head_div[mobile=false] > section > div > aside
{
}

#head_div > section > selection
{
	border:0px solid yellow;
	display:block;
}
/*-- --------------------------------------------------------------------------------- Mobile --------------------------------------------------------------------------------- --*/
#head_div[mobile=true][fixed=true] > section > div
{
	//font-size:90%;
}
#head_div[mobile=true] > section > div
{
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	align-items:center;
	color:#f7f7f7;
}
#head_div[mobile=true] > section > div > figure
{
	flex-grow:1;
	order:2;
}
#head_div[mobile=true][fixed=false] > section > div > figure
{
	width:40vw;
	height:10vw;
	//background-image:url(./img/logo_small.png);
}
#head_div[mobile=true][fixed=true] > section > div > figure
{
	width:40vw;
	height:10vw;
	background-image:url(./img/logo_top_small_chocolate.png);
}
#head_div[mobile=true] > section > div > nav
{
	flex-shrink:1;
}
#head_div[mobile=true] > section > div > nav > *
{
	display:none;
}
#head_div[mobile=true] > section > div > nav
{
	position:relative;
	display:block;
	padding:1vw;
	text-align:center;
}
#head_div[mobile=true][fixed=true] > section > div
{
	color:#230f0a;
}
#head_div[mobile=true] > section > div > nav:before
{
	display:block;
	line-height:60%;
	font-family:E_Ionicons;
	font-size:450%;
	content:'\f394';
}
#head_div[mobile=true] > section > div > nav:after
{
	display:block;
	content:'Menu';
}

#head_div[mobile=true] > section > div > aside
{
	order:3;
	display:flex;
	flex-direction:row;
    align-items:center;
	margin:0;
}
#head_div[mobile=true] > section > div > aside > *
{
	margin:0 1vw;
	text-decoration:none;
	text-align:center;
	color:inherit;
}
#head_div[mobile=true] > section > div > aside > .whatsapp:before
{
	font-family:E_Ionicons;
	font-size:300%;
	content:'\f4ef';
}
#head_div[mobile=true] > section > div > aside > .whatsapp:after
{
	display:block;
	content:'Whatsapp';
}
#head_div[mobile=true] > section > div > aside > .mobile:before
{
	font-family:E_Ionicons;
	font-size:300%;
	content:'\f1fa';
}
#head_div[mobile=true] > section > div > aside > .mobile:after
{
	display:block;
	content:'Mobile';
}
#head_div[mobile=true] > section > div > aside > #cart:before
{
	display:inline-block;
	line-height:90%;
	font-family:E_Ionicons;
	font-size:350%;
	content:'\f3f7';
}
#head_div[mobile=true] > section > div > aside > #cart.cm_button_load:before
{
	content:'\f3f8';
}
#head_div[mobile=true] > section > 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] > section > div > aside > #cart:after
{
	display:block;
	content:'Carrello';
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#head_div > footer
{
	border:0px solid cyan;
	display:block;
}
/*-- -------------------------------------------------------------------------------- Customs --------------------------------------------------------------------------------- --*/
#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 > header > div
{
	height:7vw;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(./img/logo_top_small.png);

	transition:all .8s ease-in-out;
}
#head_div[mobile=true] > header > div
{
	height:24vw;
}

#head_div > section > div
{
	background:#230f0a;
}
#head_div > section > div > nav > span
{
	padding:.5vw 1.6vw;
	text-transform:uppercase;
	letter-spacing:.1vw;
	font-size:50%;
	color:#fff;
}
#head_div[mobile=true] > section > div > nav > span
{
	padding:.5vw 1vw;
	letter-spacing:0vw;
	font-size:200%;
}
#head_div > section > div > nav > span > div > p > span
{
	padding:.5vw 0;
	font-size:85%;
	background:#230f0a;
}

#head_div[mobile=false] > section > div > nav > span:hover
{
	//background:rgba(233,191,24,.5);
}
#head_div[mobile=false] > section > div > nav > span > div > p > span:hover
{
	//background:rgba(255,255,255,.5);
	background-color:rgba(1,1,1,.1);
}

#head_div > section > div > nav
{
	//background:rgba(255,255,255,.1);
}
#head_div > section > div > nav > span > div > p
{
	//background:rgba(255,100,100,.4);
	background:#aaa;
}

#head_div > section > div > aside
{
	color:#fff;
}

#head_div[fixed=true] > section > div
{
	background:#f7f7f7;
}
#head_div[fixed=true] > section > div > nav > span
{
	color:#230f0a;
}
#head_div[fixed=true] > section > div > nav > span > div > p > span
{
	background:#f7f7f7;
}
#head_div[fixed=true] > section > div > nav > span > div > p
{
	background:rgba(255,255,255,1);
}

#head_div[fixed=true] > section > div > aside
{
	color:#230f0a;
}

#head_div > div > selection
{
	font-size:80%;
	color:#fff;
	background:rgba(0,0,0,.5);
}
#head_div[mobile=true] > div > selection
{
	font-size:200%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#foot_div
{
	position:relative;
}
#foot_div[mobile=true]
{
	position:relative;
	font-size:280%;
}

.b_m_div
{
	border:0px solid black;
	text-align:center;
	margin-bottom:5em;
	font-size:60%;
	color:#fff;
	//background:linear-gradient(to right, #5c8000, #73a100, #73a100, #5c8000);
	background:#230f0a;
}
.b_m_item
{
	display:inline-block;
	margin:.1em .5em;
	text-decoration:none;
	color:#fff;

	transition:all .2s cubic-bezier(.5,2.97,.53,1.32);
}
.b_m_item:hover
{
	color:#fffdbb;
}

.claw_div
{
	color:#fff;
	//background:linear-gradient(to right, #5c8000, #73a100, #73a100, #5c8000);
	background:#230f0a;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#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:#230f0a;
	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 > 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);
}






/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.registration_div, .registration_div_mobile
{
	position:relative;
	margin:1em 25em;
	font-size:50%;
	background:rgba(255,255,255,.8);
}
.registration_div_mobile
{
	margin:0em;
	font-size:250%;
}
.modify_div, .modify_div_mobile
{
	position:relative;
	text-align:center;
	font-size:50%;
}
.modify_div_mobile
{
	font-size:200%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#c_m_div
{
	position:relative;
	text-align:center;
	font-family:E_CenturyGothic;
	font-size:80%;
	letter-spacing:.4vw;
	z-index:1;
}
.c_m_item, .c_m_selected
{
	box-sizing:border-box;
	position:relative;
	display:inline-flex;
	margin:0 .5vw;
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
	font-family:inherit;
	text-shadow:.6vw .4vw .8vw #000;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.c_m_item > span, .c_m_selected > span
{
	position:relative;
	padding:.5vw 1vw .5vw 1.3vw;
	color:#FFF;
}
.c_m_selected > span
{
	background:rgba(255,255,255,.5);
	color:#071242;
}
.c_m_item:hover > span
{
	transition:all .5s cubic-bezier(.5,2.97,.53,1.32);
}
.c_m_item:hover > span
{
	background:rgba(255,255,255,.5);
	color:#071242;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.cm_div_empty, .cm_div_empty_mobile, .cm_div_load, .cm_div_load_mobile
{
	position:relative;
	padding:.5em 0;
	cursor:pointer;
	background:rgba(255,255,255,.8);
}
.cm_div_load, .cm_div_load_mobile
{
	background:#080;
	color:#FFF;
}
.cm_div_empty_mobile, .cm_div_load_mobile
{
	font-size:100%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.purchase_checkout
{
	margin:0 10%;
	font-family:system-ui;
	font-size:70%;
	background:rgba(255,255,255,.7);
}
.purchase_checkout[mobile=true]
{
	margin:0;
	font-size:250%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.content_demo_page
{
	position:relative;
	margin:0 2vw;
	text-align:center;
	font-size:100%;
}
.content_demo_page[mobile=true]
{
	font-size:220%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.home_slogan_box
{
	position:relative;
	text-align:center;
	padding:1% 0;
	letter-spacing:.8vw;
	line-height:120%;
	font-family:Arial, Verdana;
	font-size:100%;
	font-style:italic;
	background:linear-gradient(to bottom, #F00, #A00);
	text-shadow:.2vw .5vw .7vw #000;
	color:#FFF;
}
.home_slogan_box[mobile=true]
{
	letter-spacing:.5vw;
	line-height:120%;
	font-size:220%;
}

.home_highlight_div > .e1
{
	display:inline-block;
	margin:0vw 0vw 0vw 5vw;
	font-size:70%;
	background:#d3dbd6;
}
.home_highlight_div > .e1[mobile=true]
{
	margin:0vw 0vw 0vw 0vw;
	font-size:200%;
}
.home_highlight_div > .e1 > h2
{
    font-size:200%;
    padding:1vw 2vw 0vw 2vw;
}
.home_highlight_div > .e1 > ul
{
	padding:4vw 6vw;
}
.home_highlight_div > .e1[mobile=true] > ul > ul
{
    padding: 0 5vw;
}

.home_highlight_div > .e2
{
    margin:5vw 5vw 0 43vw;
    padding:2vw 0;
	text-align:center;
	font-size:70%;
	color:#d3dbd6;
	background:#006b31;
}
.home_highlight_div > .e2[mobile=true]
{
	margin:5vw 0 0 0;
	font-size:200%;
}
.home_highlight_div > .e2 > .picture
{
    margin:0 10vw;
	padding:5vw 0vw;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(./img/session/01/braintree-logo.png);
}

.home_highlight_div > .e3
{
	display:inline-block;
	margin:5vw 5vw 0 5vw;
	font-size:70%;
	background:#d3dbd6;
}
.home_highlight_div > .e3[mobile=true]
{
	font-size:190%;
}
.home_highlight_div > .e3 > h2
{
    font-size:200%;
    padding:1vw 2vw 0vw 2vw;
}
.home_highlight_div > .e3 > ul
{
	padding:4vw 6vw;
}
.home_highlight_div > .e3 > .pay_methods
{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	background:rgba(255,255,255,.7);
}
.home_highlight_div > .e3 > .pay_methods > div
{
	flex-grow:1;
	padding:5% 0;
	margin:0 1%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.home_highlight_div > .e3[mobile=true] > .pay_methods > div
{
	flex-grow:0;
    flex-basis:18%;
    padding:6% 0;
    margin:0 1%;
}

.home_highlight_div > .e4
{
    margin:5vw 5vw 0 43vw;
    padding:2vw 0;
	font-size:70%;
	color:#d3dbd6;
	background:#006b31;
}
.home_highlight_div > .e4[mobile=true]
{
	margin:5vw 0 0 0;
	font-size:200%;
}
.home_highlight_div > .e4 > h2
{
    font-size:200%;
    padding:1vw 2vw 0vw 2vw;
}

.home_highlight_div > .e5
{
    margin:5vw 43vw 5vw 5vw;
    padding:2vw 0;
	font-size:70%;
	background:#d3dbd6;
}
.home_highlight_div > .e5[mobile=true]
{
	margin:5vw 0 0 0;
	font-size:200%;
}
.home_highlight_div > .e5 > h2
{
    font-size:200%;
    padding:1vw 2vw 0vw 2vw;
}

.home_contact_us
{
    margin:12vw 7vw 0vw 7vw;
    padding:2vw 2vw;
    letter-spacing:.1vw;
	text-align:justify;
	font-size:70%;
	color:#fafafa;
	background:#006b31;
}
.home_contact_us[mobile=true]
{
	font-size:200%;
}

.home_custom_div
{
	border:0px solid red;
	position:relative;
	padding:2vw;
	margin:0 5%;
	column-count:3;
	column-gap:4vw;
	column-rule:1px solid #AAA;
	letter-spacing:.1vw;
	line-height:140%;
	text-align:center;
	font-size:80%;
	background:rgba(255,255,255,.7);
}
.home_custom_div[mobile=true]
{
	margin:0 4%;
	column-count:initial;
	column-gap:initial;
	text-align:justify;
	font-size:215%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.justify
{
	text-align:justify;
	-moz-text-align-last:justify;
	text-align-last:justify;
}
.blank_link
{
	text-decoration:none;
	color:inherit;
}