/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900');*/
@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900&display=swap');

html {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	background-color: #FFFFFF;
	color: black;
	font-family: Nunito, sans-serif;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	min-width: 150px;
	width: 100%;
}

a, a:visited, a b {
	text-decoration: none;
	cursor: pointer;
}

input[type="text"]{
	padding: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	border-style: none;
	border: 1px solid darkgrey;
	border-radius: 3px;
}

input[type="submit"]{
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="button"]{
    -webkit-appearance: none;
    border-radius: 0;

}

input.inputOk{
    border: 2px solid #6db917;
    background-color: #c7ffbc;
}
input.inputError{
    border: 2px solid #b90800;
    background-color: #ffcecc;
}

button{
	-webkit-appearance: none;
	border-radius: 0;
}

video{
	z-index: 0;
	width: 100%;
	height: auto;
	max-width: 1280px;
	max-height: 720px;
}

.hidden-scroll {
	opacity: 0;
}

.fadedInScroll {
	opacity: 1 !important;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.productVideo {
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.productVideo video{
	width: 90%;
	max-width: 1920px;
}

.success{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
	background: #499bea; /* Old browsers */
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	padding: 20px;
	font-weight: 400;
	font-size: 120%;
}

.inPageSuccess img{
    width: 20px;
    margin-right: 10px;
}

.inPageSuccess > *{
    vertical-align: middle;
}

.error{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
	background: #ea0200; /* Old browsers */
	background: -moz-linear-gradient(top, #ea6205 0%, #9c0010 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ea6205 0%,#9c0010 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ea6205 0%,#9c0010 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	padding: 20px;
	font-weight: 400;
	font-size: 120%;
}

.button-freccia{
	background: none;
	background-image: url("../image/arrow.jpg");
    background-repeat: no-repeat;
    background-position: right; 
	border: none;
	font-size: 150%;
	font-weight: 400;
	padding-right: 30px;
	cursor: pointer;
}

.button-freccia:hover{
	padding-right: 40px;	
}

.button-pay{
	background-color: #15a5e8;
	padding: 20px;
	color: white;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 50px;
	position: relative;
	z-index: 99;
}

.box-heading{
	font-weight: 400;
	margin-bottom: 5px;
}

.close{
	width: 15px;
	margin-left: 10px;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.button , input .button{
	font-weight: 400;
	font-size: 120%;
	margin: 5px;
	background-color: transparent;
	border: none;
	padding-bottom: 2px;
}

.button:hover{
	border-bottom: 2px solid black;
	padding-bottom: 0;
}

h1{
	font-size: 28px;
}

h1.seo{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	margin: 0;
}

.greyButton{
	color: white;
	background-color: #bfbfbf;
	font-size: 12px;
	padding: 4px;
	margin-left: 20px;
	margin-right: 20px;
	border: none;
}

.blueButton{
	color: white;
	background-color: #15a5e8;
	font-size: 22px;
	padding: 10px;	
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	border: none;
    cursor: pointer;
}

.baseButton{
	color: white;
	background-color: #15a5e8;
	font-size: 18px;
	padding: 5px 20px;
	border-radius: 3px;
	display: inline-block;
	margin: 16px 0;
}

.blueBorder{
	border: 5px solid #15a5e8;
}

.blueLink{
	color: #15a5e8;
	font-weight: 900;
}

.warning{
	padding: 20px;
	background-color: #ffba43;
}

.bread{
	text-align: left;
	margin: 15px 0;
	border-bottom: 1px solid #f5f5f5;
}

.bread li{
	margin: 0 0 0 10px;
	display: inline;
}

.bread li a{
	color: grey;
	font-size: 0.6em;
	border: none;
}

.bread li a:hover{
	color: #15a5e8;
}

.bread li h1{
	display: inline;
	font-size: 16px;
	margin: 0 10px 0 0;
}

.bread li span{
	margin: 0 0 0 10px;
	color: lightgrey;
}

@media all and (max-width: 768px){
	.button-pay{
		position: fixed;
		margin-bottom: 0px;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.productVideo video{
		width: 100%;
		height: auto;
	}

	.desktop_only{
		display: none;
	}

	.bread{
		overflow: hidden;
		white-space: nowrap;
		text-align: right;
	}
}

@media all and (min-width: 768px){
	.mobile_only{
		display: none;
	}
}

/* COMMON */

/* HEADER */
a{
	color: black;
	text-decoration: none;
	margin-left: 0px;
}

#header{
	position: relative;
	width: 100%;
	min-height: 45px;
	padding: 15px 0 0 0 ;
	background-color: white;
	z-index: 60;
}

#header a{
	margin-right: 2%;
	font-size: 70%;
	font-weight: 400;
}

#header #link_home{
	margin: 0px;
}

#logo_img{
	display: inline;
	height: 26px;
	margin: 3px 10px 3px 10px;
	vertical-align: middle;
	position: relative;
}

#menu_ico{
	display: none;
	height: 38px;
	margin: 0px;
	vertical-align: middle;
}

#menu{
	display: inline;
	margin-top: 0px;
	margin-left: 2%;
	letter-spacing: 3px;
}

@media all and (max-width: 1054px){
	#menu a{
		letter-spacing: 1px;
		font-size: 8px;
	}	
}

#menu a{
	font-size: 10px;
}

#underliner{
	position: absolute;
	top: 42px;
	left: -30px;
	height: 0;
	width: 30px;
	z-index: 99;
	border-bottom: 3px solid black;
}

#carrello{
	position: absolute;
	top: 8px;
	right: 0px;
	width: 250px;
	height: 30px;
	font-size: 80%;
	font-weight: 400;
	text-align: right;
}

#accedi_div{
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	margin-right: 5px;
	font-size: 120%;
	font-weight: 400;
}

#cart-riassunto{
	display: inline-block;
	vertical-align: middle;
	height: 30px;	
	margin-right: 5px;
	font-size: 100%;
	font-weight: 400;	
	text-align: right;
}

#cart_ico{
	position: relative;
	display: inline-block;
	margin: 6px 4px 6px 4px;
	vertical-align: middle;
	cursor: pointer;
}

#cart_ico_img{
	height: 28px;
	width: auto;
}

#cart_ico #cart_count{
	position: absolute;
	color: red;
	font-weight: bold;
	top: -3px;
	right: -3px;
}

#search_ico_img{
	display: inline-block;
	vertical-align: middle;
	margin: 6px 4px 6px 4px;
	height: 28px;
	width: auto;
	cursor: pointer;
}

#mobile_menu_search{
	display: none;
}

#sub_menu{
	width: 100%;
	margin: 0 3px 0 0;
	padding: 0 0 20px 0;
	background-color: #FFFFFF;
	color: black;
	position: absolute;
	z-index: 90;
	top: 44px;
	left: 0px;
	display: none;
	letter-spacing: 4px;
	border-top: 1px solid lightgrey;
	box-shadow: 0px 6px 12px rgba(0,0,0,0.15);
}

.menu_image{
	display: block;
	height: 100px;
	width: auto;
	margin-bottom: 20px;
}

#cart , #search_field{
	display: none;
    position: relative;
    padding: 3px;
    border-top: 1px solid #eaeaea;
    height: 30px;
	text-align: right;
}


#search_field input{
    height: 22px;
    box-sizing: border-box;
    border: none;
    padding: 3px;
    font-size: 80%;
    background-color: #f5f5f5;
    width: calc( 100% - 42px);
    vertical-align: middle;
	max-width: 500px;
}

.button-search {
    height: 30px;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}

.mobile_less , .mobile_more{

}


#darken_all{
	position: fixed;
	background-color: black;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.70;
	z-index: 50;
	display: none;
}

#close_mobile_menu_btn{
	position: fixed;
	z-index: 51;
	top: 4vw;
	right: 4vw;
	width: 7vw;
	height: 7vw;
	display: none;
}

.sfondo_sub_menu{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -5;
	background-color: black;	
    opacity: 0.86;
    filter: alpha(opacity=86);
	clear: both;
}

#sub_menu a , #cart .content a{
	color: black;
}

#header #cart.active .content {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: black;
	color: #FFFFFF;
	position: absolute;
	top: 30px;
	left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
	display: block;
}

.submenu_row{
	display: none;
}

.submenu_block{
	display: inline-block;
	vertical-align: top;
	margin: 16px 70px 16px 16px;
}

.menu_level_a{
	display: none;
	position: relative;
}

.mobile_less , .mobile_more{
	position: absolute;
	right: 6vw;
	top: 5vw;
	width: 5vw;
	height: 5vw;
	display: none;
}

.menu_level_b{
	display: block;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 16px;
	position: relative;
}

.menu_level_c{
	display: block;
	font-size: 80%;
	font-weight: 300;
	margin-left: 0px;
	margin-top: 7px;
}

#cookie-law{
	padding: 10px;
	background-color: #b8e13d;
}

#cookie-law a{
	font-weight: 400;
}

#progress{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 5px;
	height: 5px;
	z-index: 99;
	clear: both;
	background-color: #15a5e8;
}

#menuSubBar{
	background-color: #f0f0f0;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
	padding: 3px;
	position: relative;
	z-index: 20;
}

#menuSubBar a{
	display: inline-block;
	text-align: center;
	width: 24%;
	vertical-align: middle;
	padding: 4px;
	box-sizing: border-box;
	white-space: nowrap;
}

#menuSubBar a *{
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

#menuSubBar a img{
	height: 18px;
	margin-left: 8px;
}

#language_banner{
	padding: 8px 0;
	text-align: center;
	border-bottom: 1px solid black;
}

#language_banner img{
	height: 20px;
}

@media all and (max-width: 768px){
	body{
		width: 100%;
		//font-size: 240%;
	}

	#header{
		min-height: 14vw;
		padding: 0;
		z-index: 40;
	}

	#header *{
		vertical-align: middle;
	}
	
	#logo_img{
		display: inline-block;
		height: auto;
		width: 40vw;
		margin-left: 3vw;
	}

	#menu{
		display: none;
	}
	
	#menu_ico{
		display: inline-block;
		height: 14vw;
		vertical-align: middle;
	}
	
	#carrello{
		position: absolute;
		top: 0;
		right: 0;
		float: right;
		width: 30vw;
		height: 50px;
		font-size: 80%;
		font-weight: 400;
	}
	
	#cart-riassunto{
		display: none;
	}

	#accedi_div{
		height: 100px;
		margin-right: 5px;
		font-size: 180%;
	}

	#cart{
		display: none;
	}

	#cart_ico{
		margin: 4vw 4vw 4vw 0;
	}

	#cart_ico #cart_count{
		top: -1vw;
		right: -1vw;
	}

	#cart_ico_img{
		height: 6vw;
	}

	#search_ico_img{
		margin: 4vw 4vw 4vw 3vw;
		height: 6vw;
	}

	.sfondo_sub_menu{
		display: none;
	}

	.menu_image{
		display: none;
	}

	#mobile_menu_search{
		display: block;
		border-bottom: 1px solid #B3B3B3;
		height: 8vw;
		padding: 2vw;
		overflow: hidden;
	}

	#mobile_search_ico{
		position: absolute;
		top: 2vw;
		right: 3vw;
		width: 8vw;
		height: 8vw;
	}

	#mobile_search_input{
		border: none;
		font-size: 5vw;
		line-height: 160%;
		width: calc( 100% - 12vw );
		background-color: transparent;
	}

	#sub_menu{
		position: fixed;
		overflow: auto;
		overflow-y: scroll;
		background-color: white;
		box-sizing: border-box;
		color: black;
		width: 85vw;
		height: 100vh;
		padding: 0;
		top: 0;
		left: 0;
		text-transform: capitalize;
	}

	#sub_menu a{
		color: black;
	}

	.submenu_row{
		display: block;
		margin: 0;
	}
	
	.submenu_block{
		display: block;
		vertical-align: top;
		margin: 0;
	}

	.mobile_more{
		display: inline;
	}

	.menu_level_a{
		font-size: 4vw;
		font-weight: 400;
		line-height: 180%;
		display: block;
		background-color: #f8f8f8;
		border-bottom: 1px solid #B3B3B3;
		padding: 5vw 5vw 5vw 3vw;
	}

	.menu_level_b{
		margin: 0;
		font-size: 3vw;
		font-weight: 400;
		padding: 4vw 4vw 4vw 5vw;
		background-color: #eeeeee;
		border-bottom: 1px solid #B3B3B3;
		display: none;
	}

	.menu_level_b .mobile_less , .menu_level_b .mobile_more {
		top: 3vw;
	}
	
	.menu_level_c{
		margin: 0;
		padding: 3vw 3vw 3vw 7vw;
		background-color: #dbdbdb;
		border-bottom: 1px solid #a9a9a9;
		display: none;
	}
	
	#search_field{
		display: none;
	}

	.button-search {
		height: 6vw;
		width: 6vw;
		margin-left: 2vw;
		cursor: pointer;
		padding: 3px;
	}

	#menuSubBar{
		padding: 0;
	}

	#menuSubBar{
		overflow: hidden;
		white-space: nowrap;
	}

	#menuSubBar>a{
		width: 100%;
	}
}
/* HEADER */

/* SOCIAL */
#social_button_product{
	margin-top: -30px;
}

#social_button_product a{
	display: inline-block;
	margin: 8px;
	width: 24px;
	overflow: hidden;
}

#social_button_page a{
	display: inline-block;
	margin-right: 20px;
	width: 24px;
	overflow: hidden;
}

#facebook_share_button #facebook_share_placer::before{
	content:url('../image/facebook_gray.png');
}

#twitter_share_button #twitter_share_placer::before{
	content:url('../image/twitter_gray.png');
}

#google_plus_share_button #google_plus_share_placer::before{
	content:url('../image/google_plus_gray.png');
}

@media all and (min-width: 768px){
	#facebook_share_button:hover  #facebook_share_placer::before{
		content:url('../image/facebook_active.png');
	}

	#twitter_share_button:hover  #twitter_share_placer::before{
		content:url('../image/twitter_active.png');
	}

	#google_plus_share_button:hover  #google_plus_share_placer::before{
		content:url('../image/google_plus_active.png');
	}
}
/* SOCIAL */

/* HOME */

#featured{
	margin-top: 16px;
	overflow: hidden;
	width: 100%;
}

#content{
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-height: 400px;
	text-align: center;
}

#icons{
	display: none;
}

#homeMainBanner{
	text-align: center;
	background-color: black;
	margin-top: 25px;
	overflow: hidden;
}

#homeMainBanner img{
	width: 80%;
	max-width: 2000px;
}

@media all and (max-width: 768px){
	#homeMainBanner{
		margin-bottom: 80px;
	}

	#homeMainBanner img {
		width: 150%;
		margin-left: -25%;
	}
}

#homeMainBanner #discount_banner{
	padding: 100px 0;
}

.catModuleTitle{
    text-align: center;
    font-size: 1em;
	margin-top: 40px;
}

.catModule{
	border-top: 1px solid #ececec;
	box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	width: 100%;
	position: relative;
	margin-top: 15px;
	padding: 10px 20px 80px 20px ;
	box-sizing: border-box;
	text-align: center;

}

.catModule a{
	display: inline-block;
	width: 24.5%;
	max-width: 500px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.catModule a img{
	width: 80%;
}

.catModule a div{
	width: 100%;
	box-sizing: border-box;
	display: block;
	text-align: center;
	font-size: 0.9em;
}

.catModule .name{
	margin-bottom: 12px;
}

.catModule .price{
	font-weight: 500;
	font-size: 16px;
}


.full_price{
	color: grey;
	position: relative;
	display: inline-block;
	margin-right: 7px;
	font-size: 15px;
}

.full_price hr{
	position: absolute;
	top: 0;
	width: 100%;
	border: 1px solid #ae0000;
	background-color: #ae0000;
	transform: rotate(-15deg);
}

.catModule *.more{
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-weight: bold;
	width: auto;
	white-space: nowrap;
}

.catModule *.more * {
	vertical-align: middle;
}

.catModule *.more img{
	height: 20px;
	width: auto;
	display: inline-block;
	margin-left: 10px;
}

.nBlocks{
	width: 100%;
	margin-top: 70px;
	margin-bottom: 80px;
	box-sizing: border-box;
	text-align: center;
}

.nBlocks>a{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.nBlocks>a:first-child{
	margin-left: 0;
}

.nBlocks>a>img{
	width: 100%;
}

.nBlocks>a h3{
	font-size: 15px;
}

.nBlocks>a p{
	font-size: 12px;
	padding: 8px;
}

.threeBlocks>a{
	width: 27.75%;
	margin-left: 8%;
	max-width: 500px;
}

.twoBlocks>a{
	width: 44%;
	margin-left: 10%;
	max-width: 800px;
}

@media all and (min-width: 768px){
	@media all and (max-width: 1977px){
		#featured_5{
			display: none;
		}
	}

	@media all and (max-width: 1647px){
		#featured_4{
			display: none;
		}
	}

	@media all and (max-width: 1317px){
		#featured_3 ,#featured_4 , #featured_5{
			display: block;
		}
	}
}

@media all and (max-width: 768px){
	#featured>div{
		width: 98%;
		margin-bottom: 30px;
		padding: 0px;
		height: auto;
	}
	
	#featured_4 , #featured_5{
		display: block;
	}	
	
	#featured>div img{
		width: 100%;
		max-width: 600px;
	}

	.catModule{
		padding: 0 1% 80px 1%;
		box-sizing: border-box;
	}

	.catModule > a{
		width: 40%;
		margin: 4%;
	}

	.twoBlocks>a {
		display: block;
		width: auto;
		margin: 30px 0 60px 0;
	}

	.threeBlocks{
		margin: 20px 0 20px 0;
	}

	.threeBlocks>a{
		width: 100%;
		margin: 0;
	}

	.threeBlocks>a:last-child {
		display: none;
	}
}

/* HOME */

/* FOOTER */

#footer {
	position: relative;
	width: 100%;
	-webkit-box-shadow: 0px -2px 6px #bbbbbb;
	-moz-box-shadow: 0px -2px 6px #bbbbbb;
	box-shadow: 0px -2px 6px #bbbbbb;
	padding: 0;
	text-align: center;
	font-size: 90%;
	padding-bottom: 30px;
}

#footer>div{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

#footer h3{
	margin-top: 22px;
	margin-bottom: 10px;
}

#footer ul{
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#footer li{
	margin-top: 7px;
	display: block;
}

#legal{
	color: #8c8c8c;
	text-align: center;
	padding: 5px;
}

#footer #footer_payment_methods_before{
	margin-left: 0;
	margin-right: 0;
}

#footer #footer_payment_methods_after{
	display: none;
	margin-left: 0;
	margin-right: 0;
}

#footer img{
	margin-top: 20px;
	width: 200px;
}

@media all and (max-width: 900px){
	#footer>div{
		display: block;
	}	
	
	#footer{
		padding-top: 60px;
		margin-top: 30px;
	}
	
	#footer #footer_payment_methods_before{
		display: none;
		margin-top: 20px;
	}
	
	#footer #footer_payment_methods_after{
		display: block;
		margin-left: 7vw;
		margin-top: 20px;
	}
	
	#footer img{
		width: 86vw;
	}
}



/* FOOTER */

/* CATEGORY */

#container_slide{
	margin: 0;
	padding: 0;
	background-color: black;
	overflow: hidden;
	position: relative;
}

.slide_img{
	position: absolute;
	display: none;
}

.product-list{
	position: relative;
	margin-top: 15px;
	overflow: auto;
	padding: 0;
	width: 100%;
	font-size: 0;
	text-align: left;
}

.product-list .fade{
	opacity: 0.4;
	filter: grayscale(40%);
}

.product-list div{
	position: relative;
	width: 20%;
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 12px;
	margin-top: 30px;
}

.product-list .image{
	width: 90%;
}

.product-list .price{
	font-size: 14px;
}

.product-list .image img{
	width: 100%;
}

.product-list div div{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.intestazione-sezione{
	margin-top: 40px;
	font-weight: 700;
	font-size: 1.5em;
	padding: 5px;
	border-bottom: 1px solid lightgrey;
}

.pagination{
	display: block;
	margin: 0;
	margin-top: 20px;
	padding: 10px;
	font-size: 16px;
	border-top: 1px solid #dbdbdb;
}

.pagination .links *{
	display: inline-block;
	border: 1px solid lightgrey;
	border-left: none;
	padding: 5px;
	margin: 0;
	width: 20px;
}

.pagination .links *:first-child{
	border-left: 1px solid #dbdbdb;
}

.pagination a:hover{

}

.pagination b{
	color: white;
	background-color: #15a5e8;
}

.category-list{
	padding-bottom: 20px;
	border-bottom: 1px solid lightgrey;
	text-align: left;
}

.sottocategoria{
	display: inline-block  !important;
	box-sizing: border-box;
	position: relative;
	width: 200px;
	height: 180px;
	margin: 10px;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

.sottocategoria a{
	width: 100%;
}
	
.sottocategoria img{
	width: 100%;
	height: auto;
}

@media all and (max-width: 1400px){	
	.product-list div{
		width: 25%;
	}
}

@media all and (max-width: 1000px) {
	.product-list div{
		width: 33%;
	}
}

@media all and (max-width: 750px) {
	.product-list div{
		width: 50%;
	}
	
	.product-list .price{
		font-size: 18px;
	}
	
	.product-list div{
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.product-list div{
		width: 100%;
	}	
}

/* CATEGORY */

/*PRODUCT*/

.black_space{
	width: 100%;
	height: 18px;
	background-color: black;
}

.product_top{
	width: 100%;
	position: relative;
	min-height: 550px;
}

.product_top .image{
	width: 70%;
	max-width: 1200px;
	min-height: 800px;
}

.product_top .image img{
	width: 100%;
}

.product_top .no_discount{
	color: red;
	font-weight: 900;
	padding-right: 15px;
}

.image-additional{
	width: 30%;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.image-additional img{
	width: 120px;
	height: auto;
}

#disclaimer_img{
	font-size: 70%;
}

#loghi{
	position: absolute;
	top: 15px;
	left: 15px;
}

#loghi img{
	height: 70px;
}

.product-info{
	letter-spacing: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	line-height: 150%;
	padding-top: 40px;
}

.product_code{
	font-weight: 400;
	font-size: 75%;
}

.product_name{
	font-weight: 400;
	letter-spacing: 0;
}

.price-tax{
	text-color: gray;
	font-size: 75%;
}

.price-main{
	font-size: 130%;
	font-weight: 600;
}

.qnt_btn_cont{
	display: inline-block;
	position: relative;
	bottom: -3px;
	height: 35px;
	width: 18px;
	padding: 0px;
}

.qnt_btn{
	display: block;
	cursor:pointer;
	height: 12px;
	margin-top: 3px;
	padding: 0px;
}

#product-bar{
	height: 30px;
	background: linear-gradient(to bottom, #e5e5e5 0%,#e5e5e5 72%, #d6d6d6 98%, #d0d0d0 100%);
	width: 100%;
	padding-bottom: 0px;
	padding-top: 3px;
}

#product-bar a{
	display: inline-block;
	height: 26px;
	padding: 7px 15px 0 15px;
	font-weight: 700;
	font-size: 75%;
	margin-left: 20px;
	text-transform: uppercase;
}

#product-bar a.white{
	background-color: white;
	color: black;
	padding: 7px 25px 0 25px;
}

#product-bar a.black{
	background-color: unset;
	//color: white;
}

#product-body{
	padding: 0;
	margin: 0;
	margin-top: 15px;
	overflow: hidden;
}

.tab-content-full{
	margin: 0;
	padding: 0;
	position: relative;
}

.tab-content{
	padding: 20px 80px 200px 80px;
	font-size: 90%;
}

#button-cart{
	cursor: pointer;
	width: 100%;
	margin: 20px 0 20px 0;
}

@media all and (max-width: 1400px){	
	.image-additional img{
		width: 110px;
	}
}

@media all and (max-width: 1200px){	
	.product-info{
		line-height: 100%;
		padding-top: 12px;
	}
	
	.product-info h1{
		margin-top:5px;
		margin-bottom:5px;
		line-height: 28px;
	}
	
	.image-additional img{
		width: 90px;
	}
}

@media all and (max-width: 930px){
	.product-info{
		font-size: 70%;
		padding-top: 0px;
	}
}

@media all and (max-width: 768px){
	.black_space{
		display: none;
	}

	.image{
		width: 100%;
		display: block;
		position: static;
	}

	.product_top{
		margin-top: 5vw;
		padding-bottom: 1vw;
		min-height: 0;
	}
	
	.product_top .image{
		width: 100%;
		min-height: 0;
	}
	
	.product-info{
		display: block;
		width: 100%;
		position: static;
		font-size: 5vw;
		margin-top: 4vw;
	}

	.product_top #social_button_product{
		margin-top: 20px;
	}

	.product_code{
		font-size: 5vw;
	}
	
	.product-info div{
		padding: 10px;
	}
	
	.image-additional{
		margin-top: 20px;
		display: block;
		width: 100%;
		position: static;	
	}
	
	.image-additional img{
		width: 23vw;
	}
	
	#loghi{
		position: absolute;
		top: 0;
		left: 3vw;
	}

	#loghi img{
		margin-right: 1vw;
		height: 40px;
	}
	
	#disclaimer_img{
		display: none;
	}
	
	#product-bar{
		height: 26px;
		font-size: 14px;
	}

	#product-bar a{
		margin-left: 3px;
		margin-right: 3px;
		padding-left: 3px;
		padding-right: 3px;
		height: 25px;
	}
	
	.tab-content{
		padding: 8px 25px 8px 25px;
	}

	#button-cart{
		position: fixed;
		bottom: 0px;
		left: 0;
		margin: 0;
		z-index: 99;
	}	
}

@media all and (max-width: 350px){
	#product-bar{
		font-size: 10px;
		height: 11px;
	}

	#product-bar a{
		height: 12px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 10px;
	}	
}

/*PRODUCT*/

/*CONFERMA AGGIUNTA CARRELLO*/

#addedConfirm{
	display: none;
	position: fixed;
	top: 8%;
	left: 8%;
	z-index: 99;
	width: 84%;
	height: 84%;
	background-color: white;
	text-align: center;
	-webkit-box-shadow: 7px 7px 20px #555555;
	-moz-box-shadow: 7px 7px 20px #555555;
	box-shadow: 7px 7px 20px #555555;	
	overflow: hidden;
}

#addedConfirm div{
	margin-top: 20px;
	position: relative;
	z-index: 99;
}

#textAdded{
	font-size: 24px;
}

#discountCodeBlock div{
	margin: 0;
	display: inline-block;
}

#discountCodeLeft{
	background-color: #15a5e8;
	color: white;
	padding: 5px;
	border-width: 0;
}

#voucherCodeBlock div{
	margin: 0;
	margin-top: 5px;
	display: inline-block;
}

#voucherCodeLeft{
	background-color: #15a5e8;
	color: white;
	padding: 5px;
}

#addedConfirm #addedProductImage{
	z-index: 0;
}

#addedProductName{
	font-size: 14px;
}

#addedProductPrice{
	font-size: 24px;
}

#addedProductImage{
	height: 65%;
}

#addedProductImage img{
	height: 100%;
	width: auto;
	margin-top: -60px;
}

#addedConfirm #bottom{
	width: 100%;
	position: absolute;
	bottom: 5px;
	text-align: center;
}

#addedConfirm .greyButton{
	color: white;
	background-color: #bfbfbf;
	font-size: 12px;
	padding: 4px;
	margin-left: 20px;
	margin-right: 20px;
}

#addedConfirm .blueButton{
	color: white;
	background-color: #15a5e8;
	font-size: 22px;
	padding: 10px;	
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
}

#addedConfirm #addedProductOrderInfo{
	padding-top: 5px;
	border-top: 1px solid #b7b7b7;
}

#addedConfirm #addedProductOrderInfo div{
	display: inline-block;
}

#addedConfirm #addedProductOrderInfo #addedProductInfoCreditCards{
	width: 20%;
	margin-right: 40px;
	vertical-align: middle;
}

#addedConfirm #addedProductOrderInfo img{
	width: 100%;
}

#addedConfirm #addedProductOrderInfo #addedProductInfoTwoHours{
	width: 17%;
	margin-right: 40px;
	vertical-align: middle;
}

@media screen and (max-width: 580px) {
	#addedConfirm{
		width: 94%;
		height: 94%;
		top: 3%;
		left: 3%;
	}
	
	#textAdded{
		font-size: 16px;
	}
	
	#discountCodeLeft{
		font-size: 16px;
	}
	
	#addedConfirm div{
		margin-top: 10px;
	}
	
	#addedProductImage{
		height: auto;
	}

	#addedProductImage img{
		height:200px;
		margin-top: -20px;
	}
	
	#addedConfirm .greyButton{
		margin-left: 4px;
		margin-right: 4px;
	}

	#addedConfirm .blueButton{
		font-size: 17px;
		margin-left: 4px;
		margin-right: 4px;
	}
	
	#addedConfirm #addedProductOrderInfo{
		width: 100%;
		text-align: center;
	}
	
	#addedConfirm #bottom #addedProductOrderInfo div{
		display: block;
		width: 100%;
		margin-bottom: 12px;
	}
	
	#addedConfirm #addedProductOrderInfo img{
		width: 160px;
		margin: auto;
	}
	
	#addedConfirm #bottom #addedProductOrderInfo #addedProductShippinInfo{
		font-size: 12px;
	}
}

@media screen and (max-width: 920px) and (orientation:landscape){
	#addedConfirm{
		width: 94%;
		height: 94%;
		top: 3%;
		left: 3%;
	}
	
	#addedConfirm #textAdded{
		font-size: 14px;
		font-weight: 400;
	}
	
	#addedConfirm div{
		margin-top: 10px;
		font-size: 12px;
	}
	
	#addedConfirm #discountCodeBlock {
		margin-top: 0;
	}
	
	#addedConfirm #discountCodeBlock div{
		margin-top: 8px;
		margin-left: 0;
		font-size: 11px;
	}	
	
	#addedProductImage img{
		height:150px;
		margin-top: -20px;
	}
	
	#addedConfirm #addedProductButtons{	
		margin-bottom: 20px;
	}
	
	#addedConfirm #addedProductOrderInfo{
		display: none;
	}
}

/*CONFERMA AGGIUNTA CARRELLO*/

/*PAGINE BASE*/
#video_pagina_base{
width: 100%;
background-color: black;
margin: 0px;
padding: 0px;
text-align: center;
margin-top: -1px;
}

#testo_pagina_base{
	padding:5%;
}

#content-page{
	padding: 20px;
}

.barra-nera{
	height: 25px;
	background-color: black;
}

@media screen and (max-width: 920px) {
	#testo_pagina_base{
		font-size: 120%;
	}
}

@media screen and (max-width: 580px) {
	#testo_pagina_base{
		font-size: 140%;
	}
	
	.barra-nera{
		height: 18px;
	}
}
/*PAGINE BASE*/

/*NEGOZI*/
	
	.negozio{
		width: 200px;
		height: 200px;
		display: inline-block;
		padding: 10px;
	}

/*NEGOZI*/

/*SIMULATORE*/
#simulatore{
	display: inline-block;
	width: 60vw;
	box-sizing: border-box;
	max-width: 1600px;
	position: relative;
	z-index: 0;
	vertical-align: top;
}

#simulator #colors #loader{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	margin-left: -50px;
	margin-top: -50px;
	display: none;
}

#simulator #left_img{
	width: 30vw;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

#simulator #left_img img{
	width: 60vw;
}

#simulator #right_img{
	overflow: hidden;
	width: 100%;
}

#simulator #dragger{
	position: absolute;
	width: 200px;
	left: calc( 30vw - 100px );
	top: calc( 15vw - 100px );
	cursor: pointer;
}

#simulator #selectedSpecs{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 38vw;
}

#simulator #selectedSpecs div>*{
	display: inline-block;
	vertical-align: top;
}

#simulator #selectedSpecs div>*>*{
	vertical-align: middle;
}

#simulator #selectedSpecs img{
	width: 8vw;
	margin: 0 1vw 0 1vw;
	max-width: 150px;
}

#simulator #selectedSpecs #selectedSpecsRight{
	width: 20vw;
	margin-top: 20px;
	line-height: 200%;
}

#simulator #selectedSpecs #selectedDescriptionBox{
	display: inline-block;
	vertical-align: top;
	width: 24vw;
	margin-left: 1vw;
}

#simulator #selectedSpecs #selectedBestUseBox{
	display: inline-block;
	vertical-align: top;
	width: 10vw;
	margin: 20px 0 0 1vw;

}

#simulator #pickTheLens{
	margin: 2vw;
	border-top: 1px solid lightgrey;
	padding-top: 2px;
}

#simulator .selectFilterButtons img{
	width: 10vw;
	max-width: 150px;
	margin-left: 1vw;
}

#simulator #infos{
	margin: 2vw;
	border-top: 1px solid lightgrey;
	padding-top: 2px;
}

@media screen and (max-width: 900px) {
	#simulator #simulatore{
		display: block;
		width: 100%;
	}

	#simulator #simulatore #left_img{
		width: 50vw;
	}

	#simulator #left_img img{
		width: 100vw;
	}

	#simulator #dragger{
		width: 120px;
		left: calc( 50vw - 60px );
		top: calc( 25vw - 60px );
	}

	#simulator #selectedSpecs{
		display: block;
		width: 100vw;
	}

	#simulator #selectedSpecs img{
		width: 20vw;
		margin: 3vw;
		max-width: 150px;
	}

	#simulator #selectedSpecs #selectedSpecsRight{
		width: 60vw;
		margin: 5vw;
		line-height: 200%;
	}

	#simulator #selectedSpecs #selectedDescriptionBox{
		vertical-align: top;
		width: 60vw;
		margin: 3vw;
	}

	#simulator .selectFilterButtons img{
		width: 20vw;
		margin-left: 3vw;
	}
}

/*SIMULATORE*/

/*SEARCH*/
#search-criteria{
	background-color: black;
	color: white;
	padding: 15px;
}

#search-criteria input , #search-criteria select{
	background-color: black;
	border: 1px solid white;
	color: white;
}

.button-search-page{
	font-size: 130%;
	margin-left: 10px;
}
/*SEARCH*/

/*ACCOUNT*/
#column-right{
	position: absolute;
	right: 0;
	margin: 2%;
	width: 16%;
	border-left: 2px solid gray;
	padding-left: 10px;
	top: 60px;
}

#content-account{
	padding-left: 20px;
	padding-bottom: 50px;
	width: 900px;
}

.left-profilo{
	width: 46%;
	display: inline-block;
	margin: 2%;
	margin-bottom: 100px;
}

.right-profilo{
	display: inline-block;
	width: 46%;
	margin: 2%;
}

.addresses-list{
	position: relative;
	width: 75%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 20px;
}

.addresses-list .bottoni{
	position: absolute;
	right: 0;
	bottom: 10px;
}

.order-list{
	position: relative;
	width: 75%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 20px;
}

.order-list .bottoni{
	position: absolute;
	right: 0;
	bottom: 10px;
}

table.list{
	border: 1px solid black;
	margin-top: 15px;
	margin-top: 15px;
	width: 76%;
	max-width: 900px;
}

table.list td{
	border: 1px solid #dddddd;
	margin: 0;
}

table.form{
	width: 76%;
}

@media screen and (max-width: 900px) {
	#column-right{
		position: static;
		margin: 2%;
		width: 96%;
		border-left: none;
	}
	
	#content-account{
		padding-left: 20px;
		padding-bottom: 50px;
		width: auto;
	}
	
	.addresses-list{
		width: 96%;
		border-top: 2px solid black;
		border-bottom: 2px solid black;
	}

	.addresses-list .bottoni{
		position: static;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	
	.order-list{
		width: 96%;
		border-top: 2px solid black;
		border-bottom: 2px solid black;
	}
	
	.order-list .bottoni{
		position: static;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	
	.left-profilo{
		width: 86%;
	}

	.right-profilo{
		display: inline-block;
		width: 86%;
	}
	
	.form input{
		font-size: 100%;
		border: 2px solid black;
	}
	

	
	table.list , table.form{
		width: 100%;
		font-size: 70%;
	}
	
	table.form td{
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
/*ACCOUNT*/

/*SITEMAP*/
.sitemap-info{
	font-size: 130%;
}

.sitemap-info div{
	display: inline-block;
	width: 21%;
	margin: 2%;
	vertical-align:top;
}

.sitemap-info ul{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 90%;
}

@media screen and (max-width: 900px) {
	.sitemap-info div{
		width: 46%;
	}	
}

@media all and (max-width: 768px){
	.sitemap-info div{
		width: 96%;
	}
}
/*SITEMAP*/

/*CART*/
.cart-product-big{
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 13px;
	margin: 13px;
}

.stock{
	color: red;
	font-weight: 400;
}

.cart-info{
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
}

.cart-product-big .cart-product-left{
	display: inline-block;
	position: relative;
}

.cart-product-big .cart-product-image{
	width: 300px;
}

.cart-product-big .cart-product-remove{
	display: none;
	position: absolute;
	top: 13px;
	right: 13px;
} 

.cart-product-big .cart-product-description{
	margin-top: -20px;
}

.cart-product-big .cart-product-price{
	font-size: 30px;
}

.cart-product-big .cart-product-modify-quantity{
	display: none;
}

.cart-product-big .cart-product-options{
	display: none;
	text-align: left;
}

.cart-product-small{
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
}

.cart-product-small .cart-product-remove{
	position: absolute;
	right: 10px;
	top: 6px;
}

.cart-product-small div , .cart-product-small img{
	display: inline;
	vertical-align: middle;
}

.cart-product-small a.cart-product-remove{
	display: none;
}

.cart-product-small span.cart-product-modify-quantity{
	display: none;
}

.cart-product-small div.cart-product-options{
	display: none;
	margin-left: 30px;
}

#total{
	border-collapse: collapse;
}

tr.total_border{
	border: 5px solid #15a5e8;
}

.total_border td{
	padding:  7px;
}

.total_standard td{
	padding:  3px;
}

/*CART*/

/* checkout */
#checkout_choice{
	position: relative;
	/*border: 1px solid red;*/
	text-align: center;
	margin-top: 100px;
	margin-bottom: 200px;
}

#checkout_choice div{
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align:top;
	width: 28%;
}

#checkout_choice div#checkout_ppe_btn{
	height: 320px;
	cursor: pointer;
}

#checkout_choice div#checkout_ppe_btn:hover{
	border-bottom: 4px solid #15a5e8;
}

#checkout_choice div#checkout_ppe_btn img{
	margin-top: 100px;
	width: 200px;
}

#checkout_choice div#checkout_ppe_btn div{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#checkout_choice div#checkout_fill_btn{
	border-left: 2px solid #d9d9d9;
	border-right: 2px solid #d9d9d9;
	height: 320px;
	cursor: pointer;
}

#checkout_choice div#checkout_fill_btn:hover{
	border-bottom: 4px solid #15a5e8;
}

#checkout_choice div#checkout_fill_btn img{
	margin-top: 120px;
	width: 250px;
}

#checkout_choice div#checkout_fill_btn div{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#checkout_choice div#checkout_login_btn{
	height: 320px;
}

#checkout_choice div#checkout_login_btn div{
	display: block;
	width: 100%;
	margin-top: 15px;
}

#checkout_choice div#checkout_login_btn #text_login_co{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin-bottom: 0;
}

.success_content{
	text-align: center;
	margin-left: 20%;
	margin-right: 20%;	
	padding-bottom: 180px;
}

.success_content h1{
	margin-top: 100px;
}

.success_content h1 img{
	margin-right: 20px;
	margin-left: -50px;
}

.success_content p{
	margin-top: 100px;
}

.success_content .blueBorder p{
	margin-top: 10px;
}

.success_content .buttons{
	margin-top: 100px;
}

@media screen and (max-width: 900px) {
	#checkout_choice{
		margin-top: 10px;
	}

	#checkout_choice div{
		display: block;
		width: 100%;
	}
	
	#checkout_choice div#checkout_ppe_btn{
		height: auto;
	}
	
	#checkout_choice div#checkout_ppe_btn img{
		margin-top: 40px;
	}
	
	#checkout_choice div#checkout_ppe_btn div{
		position: relative;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	#checkout_choice div#checkout_fill_btn{
		height: auto;
		border-left: none;
		border-right: none;
		border-top: 2px solid #d9d9d9;
		border-bottom: 2px solid #d9d9d9;
	}
	
	#checkout_choice div#checkout_fill_btn img{
		margin-top: 50px;
	}

	#checkout_choice div#checkout_fill_btn div{
		position: relative;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	#checkout_choice div#checkout_login_btn #text_login_co{
		position: relative;
		margin-top: 30px;
	}
		
	.success_content{
		margin-left: 20px;
		margin-right: 20px;	
	}
	
	.success_content h1 img{
		margin-left: 0px;
	}
}

/* checkout */

/*FILL _____________________________________________________________________________________________________________________________*/

#content_fill{
	position: relative;
	max-width: 2000px;
	margin-left: auto;
	margin-right: auto;
}

#overview{
	position: absolute;
	top: 0;
	left: 20px;
	width: 22%;
}

#overview div{
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	padding-bottom: 30px;
	background-color: white;
	border: 1px solid #d4d4d4;
	-webkit-box-shadow: 5px 5px 12px #d4d4d4;
	-moz-box-shadow: 5px 5px 12px #d4d4d4;
	box-shadow: 5px 5px 12px #d4d4d4;	
}

#overview div h4{
	font-size: 17px;
	font-weight: 300;
	margin-top: 0;
}

#overview div p{
	font-size: 12px;
}

#overview div .tasto_tile{
	color: #bdbdbd;
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
}

#mobile_total{
	display: none;
}

#content_fill #fill_cart{
	text-align: center;
	position: absolute;
	top: 0;
	right: 20px;
	padding: 10px;
	width: 22%;
	background-color: white;
	border: 1px solid #d4d4d4;
	-webkit-box-shadow: 5px 5px 12px #d4d4d4;
	-moz-box-shadow: 5px 5px 12px #d4d4d4;
	box-shadow: 5px 5px 12px #d4d4d4;	
}

#content_fill #fill_cart .product .name{
	font-size: 14px;
}

#content_fill #fill_cart .product .price{
	font-size: 24px;
}

#content_fill #fill_cart #cart_products{
	margin-bottom: 40px;
}

#content_fill #fill_cart .cart_subtotals{
	text-align: left;
	margin-top: 10px;
	font-size: 14px;
}

#content_fill #fill_cart #cart_total{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 18px;
}

#content_fill #fill_cart .tasto_tile{
	font-size: 12px;
	color: #bdbdbd;
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 10px;	
}

#main_fill{
	margin-top: 20px;
	margin-bottom: 180px;
	margin-left: auto;
	margin-right: auto;
	width: 45%;
	max-width: 400px;
	text-align: center;
}

#main_fill table{
	width: 100%;

}

#main_fill table tr{
	text-align: left;
	height: 45px;
}

#main_fill table tr td:first-child{
	width: 35%;
	text-align: right;
}

#main_fill table tr td input{
	width: 100%;
}

#pay_btn{
	cursor: pointer;
	margin: 0;
	margin-top: 30px;
	width: 100%;
	text-align: center;
}

#shipping_more{
	cursor: pointer;
	color: #949494;
	font-size: 14px;
}

#credit_card_image{
	margin: 0;
	margin-top: 50px;
	width: 100%;
}

.fill_popup{
	position: relative;
	z-index: 99;
}

.fill_popup , .shipping_big{
	display: none;
	position: fixed;
	overflow: auto;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: white;
	padding: 20px;

}

.fill_popup .new_address{
	margin-top: 20px;
	margin-bottom: 180px;
	margin-left: auto;
	margin-right: auto;
	width: 45%;
	max-width: 400px;
	text-align: center;
}

.fill_popup .new_address table tr{
	width: 35%;
	text-align: right;
	height: 45px;
}

.fill_popup .new_address table tr td input{
	width: 100%;
}

.fill_popup .new_address table tr td:first-child{
	width: 35%;
	text-align: right;
}

.fill_popup table{
	width: 100px;
}

.fill_popup #payment_save_btn , .fill_popup #payment_cancel_btn{
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
}

.fill_popup #shipping_big_save_btn , .fill_popup #shipping_big_cancel_btn{
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
}

.select_address{
	cursor: pointer;
	font-weight: 400;
}

@media screen and (max-width: 900px) {
	#overview{
		display: block;
		position: static;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 10px;
	}
	
	#main_fill{
		margin: 0px;
		width: 100%;
		max-width: 600px;		
		margin-left: auto;
		margin-right: auto;
	}
	
	#main_fill input{
		border: 1px solid gray;
	}
	
	#main_fill table{
		width: 90%;
		font-size: 11px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#overview #payment_address{
		margin-bottom: 5px;
	}
	
	#overview #payment_address h4{
		font-size: 11px;
		display: inline;
		margin: 0px;
	}	
	
	#overview #payment_address p{
		font-size: 11px;
		font-weight: 400;
		display: inline;
		margin: 0px;
	}	
	
	#overview #shipping_details{
		padding-bottom: 10px;
	}
	
	#overview #shipping_details h4{
		font-size: 11px;
		display: inline;
		margin: 0px;
	}	
	
	#overview #shipping_details p{
		font-size: 11px;
		font-weight: 400;
		display: inline;
		margin: 0px;
	}
	
	#content_fill #fill_cart {
		display: none;
	}
	
	#main_fill #pay_btn{
		position: fixed;
		z-index: 99;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	#payment_change{
		margin-left: 0px;
		margin-right: 0px;
		padding: 0;
	}
	
	#payment_change .new_address{
		width: 90%;
		font-size: 11px;
		margin-left: auto;		
		margin-right: auto;		
	}
	
	#payment_change table{
		width: 100%;
	}	
	
	#payment_change input[type="text"]{
		font-size: 11px;
	}	
	
	#payment_change select{
		font-size: 11px;
		width: 100%;
	}
	
	#shipping_big{
		margin-left: 0px;
		margin-right: 0px;
		padding: 0;
	}
	
	#shipping_big h4{
		font-size: 14px;
	}
	
	#shipping_big .new_address{
		width: 90%;
		font-size: 11px;
		margin-left: auto;	
		margin-right: auto;	
		max-width: 600px;		
	}
	
	#shipping_big table{
		width: 100%;
	}	
	
	#shipping_big input[type="text"]{
		font-size: 11px;
	}	
	
	#shipping_big select{
		font-size: 11px;
		width: 100%;
	}
	
	#mobile_total{
		display: inline;
		font-size: 16px;
	}
}

/*FILL _____________________________________________________________________________________________________________________________*/


/*CUSTOM _____________________________________________________________________________________________________________________________*/
#content-custom{
	position: relative;
	height: 100vh;
}

#content-custom #view{
	width: 74%;
	margin: 0;
	box-sizing: border-box;
	height: 100vh;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#content-custom #view #img_anteprima_mobile{
	z-index: 0;
	position: relative;
}

#content-custom #view #slideLeftBtn{
	position: absolute;
	left: 20px;
	top: 50%;
	height: 70px;
	margin-top: -35px;
	cursor: pointer;
	opacity: 0.3;
}

#content-custom #view #slideRightBtn{
	position: absolute;
	right: 20px;
	top: 50%;
	height: 70px;
	margin-top: -35px;
	cursor: pointer;
	opacity: 0.3;
}

#content-custom #view #slide_dots{
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	bottom: 60px;
}

#content-custom #view #slide_dots svg{
	display: inline-block;
	stroke: black;
	stroke-width: 1px;
	opacity: 0.3;
	margin: 10px;
	cursor: pointer;
}

#view #slide_dots{
	position: absolute;
	bottom: 0;
	left: 50%;
}

#pannello-opzioni{
	position: absolute;
	top: 0;
	right: 0;
	width: 26%;
	max-width: 400px;
	height: 100vh;
	overflow-y: scroll;
	box-sizing: border-box;
	border-left: 1px solid lightgrey;
}

#pannello-opzioni #opzioni a {
	display: block;
	border-bottom: 1px solid lightgrey;
	text-align: center;
	padding-bottom: 30px;
	font-size: 12px;
	color: #373737;
}

#pannello-opzioni #opzioni a img{
	display: block;
	width: 13vw;
	max-width: 200px;
	margin: 30px auto 30px auto;
}

#pannello-opzioni #valori-opzioni > *{
	//display: block;
	position: relative;
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	text-align: center;
	padding-bottom: 30px;
	font-size: 12px;
	color: #373737;
}

#pannello-opzioni #valori-opzioni .tasto-opzione {

}

#pannello-opzioni #valori-opzioni img{
	display: block;
	width: 10vw;
	max-width: 40px;
	margin: 30px auto 30px auto;
}

#pannello-opzioni #valori-opzioni .selected{
	border-bottom: 3px solid #15a5e8;
}

#social_button_custom{
	z-index: 41;
	position: absolute;
	top: 10px;
	left: 10px;
}

#social_button_custom *{
	margin-right: 5px;
}

#loader_custom{
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: -64px;
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #15a5e8; /* Blue */
	border-radius: 50%;
	width: 128px;
	height: 128px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}


#description-custom{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 41;
}

#content-custom #view #two-hours-custom{
	position: absolute;
	bottom: 2%;
	left: 2%;
	z-index: 41;
}

#content-custom #view #two-hours-custom img{
	width: 30vw;
	max-width: 140px;
	height: auto;
}

#avvertenza_compatibility_custom{
	position: fixed;
	background-color: white;
	box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	box-sizing: border-box;
	top: 30vh;
	width: 50vw;
	left: 25vw;
	padding: 10vw;
	z-index: 99;
	border: 4px solid #15a5e8;
}

@media screen and (orientation: portrait) {
	#content-custom #view{
		width: 100%;
		display: block;
		height: 74vh;
		border-bottom: none;
	}

	#content-custom #pannello-opzioni{
		position: relative;
		height: 26vh;
		width: 100%;
		max-width: none;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		border-left: none;
	}

	#pannello-opzioni #opzioni{
		display: flex;
		position: relative;
		flex-shrink: 0;
		width: 100%;
	}

	#pannello-opzioni #opzioni a {
		flex-shrink: 0;
		display: block;
		width: 33vw;
		border-right: 1px solid lightgrey;
		border-bottom: 1px solid lightgrey;
		border-top: 1px solid lightgrey;
		height: 26vh;
	}

	#pannello-opzioni #valori-opzioni > *{
		border-top: 1px solid lightgrey;
		width: 33vw;
		height: 26vh;
	}

	#pannello-opzioni #opzioni a:last-child{
		border-right: none;
	}

	#pannello-opzioni #opzioni img{
		margin-top: 0;
	}

	#content-custom #view #two-hours-custom{
		position: absolute;
		top: 10px;
		right: 10px;
		left: auto;
		bottom: auto;
	}

	#content-custom #view #two-hours-custom img{
		width: 30vw;
		max-width: 140px;
		height: auto;
	}

	#content-custom #view #slide_dots {
		bottom: 10vw;
	}

	#avvertenza_compatibility_custom{
		top: 5vh;
		width: 90vw;
		left: 5vw;
		padding: 7vw;
	}
}

/*CUSTOM _____________________________________________________________________________________________________________________________*/

/*SELECT REGION _____________________________________________________________________________________________________________________________*/

#select_area_background{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	background-color: white;
	display: none;
}

#select_area{
	z-index: 99;
	padding: 15px;
	color: black;
	width: 1100px;
	height: 400px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -550px;
	margin-top: -200px;
	display: none;
	text-align: center;
}

#select_area a{
	color: black;
}

#select_area_title{
	border-bottom: 1px solid black;
	margin-bottom: 30px;	
}

#usa_free{
	display: none;
	width: 1100px;
}

.area_entry{
	display: inline-block;
	margin-right: 30px;
	margin-left: 30px;
}

.area_entry img{
	width: 100px;
	display: inline;
	vertical-align: middle;
}

#select_area_note{
	border-top: 1px solid black;
	margin-top: 20px;
	font-size: 75%;
}

@media screen and (max-width: 900px) {
	#select_area{
		left: 1%;
		top: 1%;
		width: 90%;
		height: 90%;
		padding: 4%;
		margin-left: 0;
		margin-top: 0;
		overflow: scroll;
	}
	
	#usa_free{
		width: 100%;
	}	
	
	#usa_free img{
		width: 100%;
	}

	.area_entry{
		display: block;
		margin-top: 15px;
	}

	.area_entry img{
		width: 50px;
	}

	#select_area_note{
		margin-top: 20px;
		font-size: 75%;
	}
}

/*SELECT REGION _____________________________________________________________________________________________________________________________*/

/*PPE _____________________________________________________________________________________________________________________________*/
.ppe{
	min-height: 600px;
	text-align: center;
}

.ppe .blueBorder{
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 20%;
	margin-right: 20%;
	padding: 20px;
}

.ppe h3{
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 20%;
	margin-right: 20%;
}

@media screen and (max-width: 900px) {
	.ppe h3{
		margin-top: 60px;
		margin-bottom: 60px;
		margin-left: 20px;
		margin-right: 20px;
	}	
	
	.ppe .blueBorder{
		margin-right: 20px;
		margin-left: 20px;
		margin-bottom: 50px;
		padding: 20px;
	}
}
/*PPE _____________________________________________________________________________________________________________________________*/

/*TECHNOLOGY_______________________________________________________*/

.fascia_tec{
	text-align: center;
	background-color: black;
	padding: 0;
}

.fascia_tec #simulator{
	background-color: white;
	margin-bottom: 120px;
}

.titolo_fascia_tec{
	padding-left: 30px;
	margin-bottom: 20px;
}

.img_tec{
	width: 100%;
	max-width: 1200px;
}

.testo_tec{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 120px;
}

.testo_tec h1{
	margin-top: 40px;
}

/*TECHNOLOGY_______________________________________________________*/

/*Live chat______________________________________*/
@media all and (max-width: 768px){
	.mylivechat_inline{
		display: none;
	}
}

/*FBRATINGS_______________________________________________________*/

.social_rating_bar{
	display: block;
	background-color: white;
	box-shadow: 4px 2px 8px rgba(0,0,0,0.3);
	margin: 20px;
	padding: 20px 20px 0 20px;
}

.social_rating_bar > div{
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.social_rating_bar .social_rating_avg{
	margin-right: 120px;
}

.social_rating_bar .social_rating_avg img{
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: auto;
}

.social_rating_bar .social_rating_avg div{
	position: relative;
	left: 100px;
	margin-bottom: 10px;
	font-size: 16px;
}

.social_rating_bar .social_rating_avg .num{
	font-size: 22px;
	font-weight: bold;
}

.social_rating_bar .social_rating_stars{
	margin-top: 30px;
}

.social_rating_bar .social_rating_stars img{
	width: 30px;
}

.social_rating_bar .ratings{
	width: calc( 100% - 300px );
}

.social_rating_bar .rate{
	vertical-align: top;
	display: inline-block;
	margin-left: 40px;
	width: 300px;
	overflow: hidden;
	height: 100%;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.social_rating_bar .rate .reviewer_image{
	position: absolute;
	width: 50px;
	height: auto;
	border-radius: 25px;
	overflow: hidden;
	padding: 0;
}

.social_rating_bar .rate .reviewer_name{
	position: relative;
	left: 70px;
	font-weight: bold;
}

.social_rating_bar .rate .reviewer_text{
	position: relative;
	left: 70px;
	color: grey;
	font-style: italic;
	width: 210px;
}

@media all and (max-width: 768px){
	.social_rating_bar .ratings{
		display: none;
	}

	.social_rating_bar{
		margin: 50px 3vw 20px 3vw;
		padding: 3vw;
	}

	.social_rating_bar .social_rating_avg_block{
		box-sizing: border-box;
		width: 88vw;
	}

	.social_rating_bar .social_rating_avg img{
		width: 15vw;
	}

	.social_rating_bar .social_rating_avg div{
		left: 18vw;
	}

	.social_rating_bar .social_rating_avg .num{

	}

	.social_rating_bar .social_rating_stars{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}

	.social_rating_bar .social_rating_stars img{
		width: 5vw;
	}
}
/*FBRATINGS_______________________________________________________*/

/*Banner usa______________________________________________________*/
#usa_free_banner{
	text-align: center;
	color: white;
	background-image: url("../image/american_flag.jpg");
	background-size: cover;
	font-family: Arial;
	font-weight: 700;
	padding: 10px;
	font-size: 3vw;
}

@media all and (max-width: 768px){
	#usa_free_banner {
		font-size: 6vw;
	}
}

/*christmas_______________________________________________________*/
#christmas{
	background-color: #0a260a;
	background-image: url("../image/christmas.jpg");
	background-size: cover;
	background-position: center;
	padding: 16px;
	color:white;
	font-weight: 400;
	text-align: center;
}

#christmas *{
	vertical-align: middle;
}

#christmas .big{
	font-size: 28px;
	font-weight: 800;
	margin-right: 10px;
	text-transform: uppercase;
}

#christmas .small{
	font-size: 14px;
	font-weight: 200;
	margin-right: 10px;
}

@media all and (max-width: 768px){
	#christmas .small{
		margin-top: 20px;
		font-size: 11px;
	}
}

/*discount_code_______________________________________________________*/
#discount_banner #discount_container{
	max-width: 1500px;
	margin: 0 auto;
}

#discount_banner #discount_container>*{
	vertical-align: middle;
}

#discount_banner #discount_code{
	display: inline-block;
	box-sizing: border-box;
	width:24%;
	font-size: 80px;
}

#discount_banner #discount_info{
	display: inline-block;
	box-sizing: border-box;
	width:70%;
	margin-left: 5%;
	font-size: 30px;

}

#discount_banner #discount_alert{
	font-size: 15px;
}

@media all and (max-width: 768px){
	#discount_banner{
		text-align: center;
		padding-bottom: 20px;
		overflow: hidden;
	}

	#discount_banner #discount_code , #discount_banner #discount_info{
		width: 100%;
		margin: 0 auto;
	}

	#discount_banner #discount_code{
		font-size: 22vw;
	}

	#discount_banner #discount_info{
		font-size: 8vw;
	}

	#discount_banner #discount_alert{
		font-size: 4vw;
	}
}

/*black_friday________________________________________________________*/
#discount_banner{
	background-image: url("../image/cracks.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	color: #eed100;

}

#discount_banner #discount_code {
	font-family: Arial;
	font-weight: 700;
}

/*holiday*/
#holiday{
	background-color: #3cafff;
	background: linear-gradient(to bottom, #1e5799 0%,#3cafff 100%);
	text-align: center;
}

#holiday *{
	display: inline-block;
	vertical-align: middle;
}

#holiday img{
	height: 160px;
}

#holiday div{
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}

#holiday div *{
	display: block;
}

@media all and (max-width: 768px){
	#holiday div{
		text-align: center;
		margin: 5vw;
	}

	#holiday img{
		height: 20vh;
	}
}


/*nuove descrizioni prodotti*/
.base_product_description{
	text-align: center;
	margin-bottom: 300px;
}

.base_prod_logo{
	margin: 50px 0 50px 0;
}

.productSep{
	border-bottom: 1px solid #b7b7b7;
	width: 80%;
	margin: 100px auto 100px auto;
}

.base_prod_block p{
	text-align: center;
	width: 90%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.base_prod_block img{
	margin: 30px 0 30px 0;
}

.productSpecsSep{
	border-bottom: 1px solid #b7b7b7;
	width: 100%;
	margin: 35px auto 35px auto;
}

.tab-content ul li{
	font-weight: 600;
	margin-top: 20px;
	text-indent: -50px;
	margin-left: 50px;
}

.tab-content ul li>*{
	vertical-align: middle;
}

.tab-content ul li img{
	width: 30px;
	margin-right: 20px;
}

@media all and (max-width: 768px){
	.base_prod_logo{
		margin: 30px 0 30px 0;
	}

	.base_product_description{
		text-align: center;
		margin-bottom: 100px;
	}

	.productSep{
		margin: 50px auto 50px auto;
	}

}

/*nuove descrizioni prodotti*/


/*Correzione vecchia parte information*/

a.mainContacts{
	display: block;
	margin-bottom: 15px;
}

a.mainContacts>* {
	vertical-align: middle;
}

a.mainContacts img{
	width: 8vw;
	max-width: 50px;
}

/*nuova parte information_______________________________*/
.information_icons_list{
	text-align: center;
	letter-spacing: normal;
	padding: 0 10% 200px 10%;
}

.information_icons_list .contacts_icons a{
	display: inline-block;
	margin: 30px;
}

.information_icons_list .contacts_icons a img{
	width: 110px;
}


.information_icons_list h1{
	margin-block-start: 2em;
	margin-block-end: 0.3em;
}

.information_icons_list h3{
	margin-block-start: 0.3em;
	font-weight: 400;
}

.information_icons_list img{
	width: 110px;
	margin-top: 80px;
}

.information_icons_list p{
	width: 90%;
	max-width: 800px;
	margin: 20px auto 0 auto;
}

#ship_info{
	padding: 0 10% 200px 10%;
	margin-top: 0px;
	text-align: center;
}

#ship_info p{
	margin-bottom: 80px;
}

#quality{
	text-align: center;
	letter-spacing: normal;
}

#quality .video_block , #quality video{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto 0 auto;
}

#quality .image_text_block{
	margin-top: 120px;
}

#quality h3{
	font-weight: 800;
	max-width: 1200px;
	margin: 30px auto 0 auto;
}

#quality p{
	max-width: 1200px;
	margin: 40px auto 40px auto;
}

#quality img{
	width: 60%;
	max-width: 1200px;
}

#quality .tech_doc{
	display: inline-block;
	width: 100px;
	margin: 16px;
	vertical-align: top;
}

#quality .tech_doc img{
	height: 90px;
}

#quality .tech_doc span{
	display: block;
	font-size: 13px;
}

@media all and (max-width: 768px) {
	#quality{
		overflow: hidden;
	}

	#quality .image_text_block{
		margin-top: 20vw;
	}

	#quality h1{

	}

	#quality h3{
		margin: 15vw 5vw 10vw 5vw;
	}

	#quality img{
		width: 100%;
	}

	#quality img.mobileOverflow{
		margin-left: -50%;
		width: 200%;
	}

	#quality p{
		max-width: 1200px;
		margin: 5vw;
	}
}

#whatsapp{
	width: 100vw;
	height: 100vh;
	min-height: 1000px;
	text-align: center;
	padding-top: 20px;
	box-sizing: border-box;
	background-image: url("../image/ski_swimming_pool.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	letter-spacing: normal;
}

#whatsapp ol{
	list-style: none;
	text-align: left;
	counter-reset: my_counter;
}

#whatsapp ol li{
	margin-top: 30px;
	counter-increment: my_counter;
	vertical-align: middle;
}

#whatsapp ol li::before{
	content: counter(my_counter) " ";
	color: #1d76c9;
	font-weight: 900;
	font-size: 2.4em;
	margin-left: -28px;
	position: relative;
	top: 8px;
}

#whatsapp h2{
	font-size: 4vw;
}

#whatsapp #input_box{
	background: rgba(255,255,255,0.8);
	margin: 9vh 7vw 0 7vw;
	padding: 7vw;
}

#whatsapp #input_box #email_box{
	display: none;
}

#whatsapp #input_box img{
	width: 30vw;
	display: block;
	margin: 0 auto 20px auto;
}

#whatsapp #input_box p{
	font-size: small;
	text-align: left;
}

#whatsapp #input_box select{
	padding: 1px 0 2px 0;
}

#whatsapp #input_box button{
	margin: 5vw;
}

#whatsapp #input_box div{
	font-size: small;
}

#whatsapp #input_box div a{
	font-weight: 800;
	cursor: pointer;
}

@media all and (min-width: 768px) {
	#whatsapp {
		background-size: 40vw auto;
		background-position: left top;
		position: relative;
	}

	#whatsapp h2{
		margin: 0;
		position: absolute;
		top: 3vw;
		left: 0;
		width: 40vw;
		font-size: 2vw;
	}

	#whatsapp #input_box{
		box-sizing: border-box;
		margin: 0 0 0 40vw;
		width: 60vw;
		padding: 30px 15vw 10px 15vw;
	}

	#whatsapp #input_box img{
		width: 16vw;
		max-width: 400px;
	}

	#whatsapp #input_box button{
		margin: 3vw 1vw 1vw 1vw;
	}

	#whatsapp #input_box div:last-child{
		display: none;
	}

	#whatsapp #input_box #email_box{
		display: block;
	}

	#whatsapp #input_box>div{
		/*min-height: 25vw;*/
	}

	#whatsapp #input_box #whatsapp_box {
		padding-bottom: 4vw;
	}

	#whatsapp #input_box #email_box{
		border-top: 1px solid lightgrey;
		padding-top: 4vw;
	}
}

#become_reseller{
	text-align: center;
	letter-spacing: normal;
}

#become_reseller h1{
	margin-top: 50px;
}

#become_reseller .base_prod_block{
	margin: 100px;
}

#become_reseller .base_prod_block img{
	width: 80%;
	max-width: 1200px;
}

#become_reseller .double{
	border-top: 1px solid lightgrey;
	margin: 5vw;
}

#become_reseller .double>*{
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	padding: 3vw 7vw 3vw 7vw;
	vertical-align: top;
}

#become_reseller .double_grey{
	border-bottom: 1px solid lightgrey;
	background: linear-gradient(90deg, white 0%, rgb(239, 239, 239) 50%, white 100%);
}

#become_reseller .icon{
	width: 10vw;
	max-width: 150px;
}

#become_reseller .icon-bigger{
	width: 15vw;
	max-width: 200px;
}

#become_reseller .grey_form{
	background-color: rgb(239, 239, 239);
	padding: 30px 4vw 30px 4vw;
	margin-bottom: 100px;
}

.grey_form input[type="text"] , .grey_form input[type="email"] , .grey_form input[type="tel"]{
	border: 0.5px solid #a1a1a1;
	width: 100%;
}

#become_reseller .grey_form button{
	padding: 10px 30px 10px 30px;
	width: 16vw;
}

#become_reseller .grey_form .double{
	border-top: none;
	margin: 3vw;
}

#become_reseller .grey_form .double>*{
	max-width: 600px;
	padding: 40px 4vw 40px 4vw;
}

#become_reseller .grey_form .double div>div{
	margin-bottom: 40px;
}

#become_reseller .grey_form .double p{
	margin: 7px;
	font-weight: normal;
}

#become_reseller ul li>*{
	text-align: center;
}

#become_reseller img.list_icon{
	width: 50px;
	margin-bottom: 0;
	margin-top: 40px;
}

#become_reseller ul p{
	margin-top: 5px;
}

@media all and (max-width: 768px) {
	#become_reseller>div{
		margin: 80px 1vw 80px 1vw !important;
	}

	#become_reseller>div.double{
		margin: 80px 0 80px 0 !important;
	}

	#become_reseller .grey_form{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#become_reseller .base_prod_block img{
		width: 90%;
		max-width: 1200px;
	}

	#become_reseller .double>*{
		width: 100%;
	}

	#become_reseller .grey_form button{
		width: 80%;
	}

	#become_reseller img.list_icon{
		width: 20%;
	}
}

#take_friends{
	text-align: center;
	padding-bottom: 200px;
}

#take_friends .openImg{
	width: 60%;
	max-width: 1200px;
}

#take_friends h2{
	margin-top: 70px;
}

#take_friends .information_icons_list{
	padding: 0;
}

#take_friends .mega{
	font-size: 24px;
	font-weight: 700;
	background: -webkit-linear-gradient(#0095b9, #002f91);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#take_friends .information_icons_list p{
	margin-top: 20px;
	margin-bottom: 50px;
}

#take_friends .information_icons_list h3{
	margin-top: 50px;
}

#take_friends .information_icons_list img{
	margin-top: 30px;
}

.information_icons_list .discount_icon {
	font-size: 60px;
	font-weight: 700;
	background: -webkit-linear-gradient(#0095b9, #002f91);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#take_friends .information_icons_list .discount_icon{
	margin-bottom: 0;
	margin-top: 50px;
}

#affiliate{
	text-align: center;
}

#affiliate div.top img{
	max-width: 1200px;
	width: 100%;
}

#affiliate a.blueButton{
	margin: 100px 0;
	padding: 10px 60px;
	display: inline-block;
}

#affiliate .information_icons_list{
	padding: 40px 10% 70px 10%;
}

#affiliate .information_icons_list img{
	margin-top: 30px;
}
/*nuova parte information_______________________________*/

/*fulvio_______________________________________________*/
#fulvio{
	overflow: hidden;
	text-align: center;
}

#fulvio h1{
	text-align: left;
	font-size: 2.4em;
	margin-left: 20px;
}

#fulvio #main{
	position: relative;
	margin-top: -70px;
	z-index: -1;
	width: 100%;
	min-width: 1600px;
}

#fulvio .story{
	text-align: left;
	margin: 80px 40px;
}

#fulvio .story img{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	max-width: 522px;
}

#fulvio .story div{
	display: inline-block;
	width: 40%;
	margin-left: 10%;
	vertical-align: top;
	max-width: 1200px;
}

#fulvio .story div p{
	margin-top: 0;
	margin-bottom: 15px;
}

#fulvio #logos{
	margin: 70px auto;
}

#fulvio #we{
	margin: 70px;
	font-size: 1.4em;
}

#fulvio #we a{
	color: #1b69a2;
	font-weight: 900;
}

/*fulvio_______________________________________________*/

/*countdown___________________________________________*/
#countdown{
	background-color: #dcdcdc;
	text-align: center;
	margin: 20px 0;
	padding: 20px 0;
}

#countdown .number{
	font-weight: 900;
	font-size: 24px;
	padding-left: 20px;
	border-left: 1px solid black;
}

#countdown .did{
	font-size: 18px;
	color: #434343;
	padding-right: 20px;
}

#countdown .number:first-child{
	border-left: none;
}

@media all and (max-width: 768px) {
	#countdown .number{
		font-size: 18px;
		padding-left: 5px;
	}

	#countdown .did{
		font-size: 9px;
		padding-right: 5px;
	}
}
/*countdown___________________________________________*/

/*electra___________________________________________*/
#electra h4{
	color: darkgrey;
}

#electra .big_container{
	text-align: center;
	background-color: lightgrey;
}


#electra img.big{
	width: 100%;
	max-width: 2000px;
}

.effect-container{
	position: relative;
	overflow: hidden;
	margin: 0;
}

#electra img.zoom{
	position: absolute;
	margin: auto;
}

#electra img.scrollSlow{
	position: absolute;
	margin: auto;
}

#electra img.c_h {
	left: -9999px;
	right: -9999px;
}

#electra img.c_v {
	top: -9999px;
	bottom: -9999px;
}

#electra .patent{
	color: grey;
	font-size: 13px;
	padding: 10px 10px 20px 10px;
	text-align: center;
}

#electra .black_band{
	background-color: black;
	text-align: center;
	color: #f5f5f5;
	padding-top: 40px;
	overflow: hidden;
}

#electra .black_band h3{
	max-width: 900px;
	margin: 20px auto;
}

#electra .black_band img{
	width: 100%;
	max-width: 2000px;
}

#electra .twoCols{
	margin: 20px 0;
	padding: 0;
}

#electra .twoCols > *{
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	vertical-align: middle;
}

#electra .twoCols div:first-child{
	padding: 3%;
}

#electra .base_title{
	margin-top: 70px;
	padding-left: 5%;
}

#electra .quad > *{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	padding: 30px 10%;
	color: darkgrey;
}

#electra .quad > * img{
	width: 20%;
}

#electra ul.specs img{
	width: 20%;
}

#electra ul.specs > li{
	display: inline-block;
	vertical-align: top;
	width: 33%;
	box-sizing: border-box;
	text-align: center;
	padding: 30px 10%;
	color: darkgrey;
}

#electra .res_steps > div{
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

#electra .res_steps > div:first-child{
	padding: 50px;
}

#electra .res_steps > div img{
	width: 100%;
}

#electra .story{
	color: darkgrey;
}

#electra .story h2{
	color: black;
	margin-top: 80px;
	text-align: center;
}

#electra .story p{
	margin: 7px 50px;
}

#electra .credit{
	margin: 120px 0;
	padding: 0 5%;
	text-align: center;
}

#electra .credit img{
	width: 200px;
	margin-bottom: 80px;
}

#electra .faq{
	padding: 0 50px;
	margin-bottom: 80px;
}

#electra .faq h4{
	color: black;
	margin-top: 70px;
}

#electra .faq .a{
	margin-top: 30px;
	color: #3b8fff;
}

#electra #book_now{
	background-color: #efefef;
	text-align: center;
	padding: 10px 0;
	margin: 30px 0;
}

#electra #book_now a{
	display: inline-block;
	width: auto;
	margin: 0 auto;
	background-color: #0e67c4;
	color: white;
	padding: 10px 40px;
	font-size: 30px;
	position: relative;
	border-radius: 15px;
}

.compare h2{
	margin-top: 100px;
	font-size: 24px;
}

.compare h4{
	font-size: 20px;
}

#electra div.compare{
	max-width: 900px;
	margin: 0 50px;
}

#electra img.compare{
	width: calc(100% - 100px);
	max-width: 2000px;
	margin: 0 50px 80px 50px;
}

@media all and (max-width: 768px) {
	#electra{
		font-size: 12px;
	}

	#electra h1{
		font-size: 22px;
	}

	#electra h2{
		font-size: 19px;
	}

	#electra h3{
		font-size: 16px;
	}

	#electra h4{
		font-size: 14px;
	}

	#electra .black_band h1 , #electra .black_band h2 ,#electra .black_band h3 , #electra .black_band h4{
		padding: 0 5%;
	}

	#electra .twoCols > *{
		display: block;
		width: 100%;
		text-align: center;
	}

	#electra .quad > * {
		display: block;
		width: 100%;
	}

	#electra .base_title{
		padding: 0 5%;
		text-align: center;
	}

	#electra ul.specs > li{
		width: 50%;
	}

	#electra .res_steps > div {
		width: 100%;
	}

	#electra img.compare{
		margin: 0 0 80px 0;
		width: 100%;
	}
}


/*electra___________________________________________*/