/* 
Copyright 2014 - The Box Company srl
Tutti i diritti riservati
Versione: 2.0;

*/

*{ 
	margin: 0; 
	padding: 0; 
}

body{
	font-family: 'Roboto',sans-serif;
	height: 200px;
	background-color: #f4f2ef;
	color: #606060;
}

h4 {
	font-family: 'Roboto',sans-serif;
	font-size: 2.2em;
	color:#5f5f5f;
	margin: 20px;
	font-weight: 200;
	text-align: center;
	word-wrap: break-word;
}

h5 {
	font-family: 'Roboto',sans-serif;
	font-size: 1em;
	color:#5f5f5f;
	margin: 20px;
}

h6{
	font-family: 'Roboto',sans-serif;
	font-size: 1em;
	color:#3f3f3f;
	margin: 20px;
}

a img,:link img,:visited img,fieldset {
	border:none;
	text-decoration: none;
}

a:link, a:hover{
	text-decoration: none;
}


p{
	font-family: 'Roboto',sans-serif; 
	font-size: 0.8em;
	color:#606060;
	padding: 5px;
	margin:0;
}

strong {
	font-weight: bold;
}


.clear {
	clear:both
}
.padding25{
	padding: 25px;
}

.padding020{
	padding:10px 20px 0 20px;
}

.paddingtop20 {
  padding-top: 20px;
}

.fontsize10{
	font-size: 10px;
}

.fontsize15{
	font-size: 15px;
}

.template-color:hover{
	opacity: 0.8;
}

.content-privacy {
	background-color: #ebe6e4;
	margin: 0 15px 0px 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 0.8em;
	text-align: center;
	line-height: 20px;
	padding: 5px 0 5px 0px;
}



.btn-dietro{
	color:#606060;	
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #f4f2ef;
	border: 2px solid #dedede;
	padding: 6px 20px 6px 20px;
	   -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	width: 25%;
	margin: 0 auto;
	cursor: pointer;
}

.btn-dietro:hover{
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #dedede;
	color:#606060;
	padding: 6px 20px 6px 20px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
 
}

.text-call{
	font-size: 1em;
}


/* ===> Stile allineamenti <===  */
.text-left{
	text-align: left !important;
}

.align-left{
	text-align: left;
}

.center{
	text-align: center;
}


.align-right{
	text-align: right;
}


.float-left{
	float: left;
}

.float-right{
  float: right;
}

.center{
  text-align: center;
}


a:link, a:hover, a:link {
	text-decoration: none!important;
}

.2em{
	font-size: 2em
}

/* ===> Fine Stile allineamenti <===  */

/* ===> Stile banner superiore<===  */
.ombra-header{
	position: relative;
	bottom: 5px;
}	

/* ===> Fine Stile allineamenti <===  */

.pointer{
	cursor: pointer;
}

.normal{
	font-style: normal;
}


/* ===> Stile del testo sotto il banner <===  */
.testo {
	margin:0 15px 20px 15px; 
	line-height: 22px; 
	font-size: 1em;
	color: #606060;
	/*text-align: left;*/
}

.testo ul, .testo ol {
	padding:20px!important;
	text-align:left;
}
/* ===> Fine Stile del testo sotto il banner <===  */


/* ===> Contenitore condividi <===  */
.content-condividi{
	margin:0 30px 0px 30px;
	font-size: 14px;
	text-align: center;
}


/* ===> Fine Contenitore condividi <===  */


/* ===> Stile del footer <=== */
.footer-preview {
	display: block;
	padding: 10px 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=80);
	opacity:0.8;
	/*color: #595f6c;*/
	position: relative;
	font-size: 0.8em;
	text-align: center;
}

.font-footer{
	font-size: 0.8em;
}

.container-prefooter {
	height: 15px;
	font-size: 12px;
	padding: 15px 0 25px 0;
	margin: 0 auto;
	text-align:  center!important;
}


#prefooter li { 
  display: inline; 
  padding: 10px; 
}

.bianco{
	color: #fff;
}
/* ===>Fine  Stile del footer <===  */

/* ==> Stile dello slider <==*/
.swipe {
  overflow: hidden;
  position: relative;

}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}
.swipe .nav {
  position: absolute;
  width: 80px;
  height: 100%;
  z-index: 10;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  color: #fff;
  top: 0;
  cursor: pointer;

  
}
.swipe .nav.next {
  width: 53px;
  background-repeat: no-repeat;
  background-position: center;
  right: 0px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.swipe .nav.prev {
  width: 53px;
  background-repeat: no-repeat;
  background-position: center;
  left: 0px;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* ==> Fine Stile dello slider <==*/


/* ==> Stile pagina <==*/
.box-shadow{
	position: relative;
	top: -5px;
	/*width: 300px;*/
	text-align: center;
	margin:0 auto;
}	

.box-shadow img {
	height: auto;
}

.btn-preview {
	border-top-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	height: 65px;
	min-height: 65px;
	line-height: 65px;
	font-size: 2em;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	/* padding: 0 15px 0 15px; */
	margin: 0 3em 0 3em;

}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	margin: 0 auto;
	width: 100%;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0% 0 0% 0%;
}

.col:first-child { 
	margin-left: 0; 
}


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}

.group:after {
	clear:both;
}

.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100% !important;

}

.span_2_of_3 {
	width: 50% !important;
}

.span_1_of_3 {
	width: 33.3% !important;
}

#open-condividi{
	/*background-color: #a2b0cf!important;*/
	/*border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
	bottom: 0px;
	opacity:1;
	/*left: 50%;*/
	/*margin-left: -45px;*/
	padding-top: -20px;
	position: fixed;
	text-align: center;
	width: 500px;
	margin-top: 0 auto;
	height: 500px;
	margin-bottom: -500px;
	background-repeat:no-repeat;
	background-position: center center;
	/*border: 1px solid #a2b0cf;*/
	z-index: 1000;
}

.messaggio-conferma{
	  padding: 10px;
	  margin: 0 0 20px 0;
	  color: #606060;
	  font-size: 1em;
	  text-align: center;
}

.text-privacy{
	  font-weight:bold; 
	  cursor:pointer;

}

.condividi-master{
	  font-size: 15px;
	  background-repeat: no-repeat;
	  padding: 2px;
	  margin: 0 auto;
	  cursor: pointer;
}

.seguici-master{
	 font-size: 15px;
	  width: 130px;
	  height: 30px;
	  padding: 4px;
	  margin: 0 auto;
	  cursor: pointer;
}


/* ==> Stile pagina <==*/

/* ==> Box privacy <==*/

.arrow {
	width: 0;
	height: 0;
	line-height: 0px;
	border-top: 10px solid #ebe6e4;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: relative;
	bottom: 0px;
	text-align: center;
	margin: 0 auto;
	}
/* ==> Fine Stile dello slider <==*/





/* ==> Stile call to action <==*/

.cta{
	width: 70px;
	height: 70px;
	background-position: center;
	margin: 20px auto 10px auto;
	cursor: pointer;
	text-align: center;
	padding: 2px;
}


/* ==> Fine Stile Call To Action <==*/





/* ==> Stile icone social <==*/

.content-call{
	margin: 0 auto;
	text-align: center;
}


.social-fb{
	background-image: url(/assets/img/facebook.png);
	width: 70px;
	height: 70px;
	cursor: pointer;
	margin: 0 auto;

}


.social-fb:hover{
	background-image: url(/assets/img/facebook_h.png);
	width: 70px;
	height: 70px;

}

.social-tw{
	background-image: url(/assets/img/twitter.png);
	width: 70px;
	height: 70px;
	cursor: pointer;
	margin: 0 auto;

}


.social-tw:hover{
	background-image: url(/assets/img/twitter_h.png);
	width: 70px;
	height: 70px;

}
.social-gl{
	background-image: url(/assets/img/google.png);
	width: 70px;
	height: 70px;
	cursor: pointer;
	margin: 0 auto;

}


.social-gl:hover{
	background-image: url(/assets/img/google_h.png);
	width: 70px;
	height: 70px;

}

.close-social{
	background-image: url(/assets/img/close.png);
	width: 20px;
	height: 20px;
	cursor: pointer;
	float: right;
	margin: 5px;
}

.close-social:hover{
	background-image: url(/assets/img/close_h.png);
	width: 20px;
	height: 20px;
}

/* ==> Fine Stile icone social <==*/


/* ==>Stile landing deal <==*/
.containerDettaglio{
	text-align:right;
	width:100px; 
	height: 20px;
	float:right;
	margin-right:20px;
	margin-bottom: 5px;
	font-weight: bold;
}

.testoDettaglioProdotto{
	text-align:left;
	display:none;
	line-height: 22px; 
	margin:0 0 20px 0; 
	font-size: 1em!important;
	color: #606060;
}

.pzDisponibili{
	font-size: 1em;
	margin-top: 5px;
	color: #606060;
}

.container-priceLandingNoDiscount{
  width: 100px;
  height: 107px;
  background-repeat: no-repeat;
  position: relative;
  top: -100px;
  left: 20px;
  z-index: 100;
}

.container-priceLanding{
  width: 100px;
  height: 107px;
  background-repeat: no-repeat;
  position: relative;
  top: -119px;
  left: 20px;
  z-index: 100;
}

.originalPriceLanding{
	text-align: center;
	margin-top: 20px;
}

.decimali{
	font-size: 12px!important;
	font-weight: bold;
}

.img-timer{
	float: left;
	text-align: center;
	padding:0 5px 0 5px;
	line-height: 70px;
	width: 25%;
	height: 70px;
}

ul.panels li.panel {
  margin: 0px;
  padding-left: 0px;
  display: block;
 
}

#countdown{
	padding: 0px !important;
	margin: 0px !important;
}

ul.panels li.panel.panel_1 div.timer {
  color: #fff;
  text-align: center !important;
  margin: -90px auto 15px auto !important;
  text-align: center !important;
  padding: 0px !important;
  height: 70px;
  list-style: none !important;
}

ul.panels li.panel.panel_1 div.timer ul {
  display: inline-block;
  list-style: none !important;
}

ul.panels li.panel.panel_1 div.timer ul li {
  float: left;
  text-align: center;
}
ul.panels li.panel.panel_1 div.timer ul li.seperator {
  font-size: .7em;
}
ul.panels li.panel.panel_1 div.timer ul li p {
  font-weight: 200;
  line-height: 1em;
}
ul.panels li.panel.panel_1 div.subscribe {
  padding: 40px 0;
}
ul.panels li.panel.panel_1 div.subscribe h3 {
  text-align: center;
  color: white;
}

ul.panels li.panel.panel_1 div.subscribe form .error_alert {
  display: none;
}

.timeRefDays, .timeRefSeconds, .timeRefMinutes, .timeRefHours{
	margin: 0; 
	padding: 0;
	color:#fff;
}

.coupon-container{
	margin:40px;
	line-height:20px;
}

.coupon-img{
	width:40%;
	height: 60px; 
	text-align:center; 
	float:left; 
	padding:10px 0 10px 0;
	background: url(/assets/img/icona_coupon_tkp.png) no-repeat center center;
}

.coupon-text{
	width:60%; 
	text-align:left;
	float:left; 
	padding:10px 0 10px 0
}
/* ==> Fine Stile landing deal<==*/

/* ex style.css */
.obbligatorio:before {
	position: relative;
	top: -62px;
	float: left;
	background-repeat: no-repeat;
}	

#open-condividi{
	/*background-color: #a2b0cf!important;*/
	/*border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
	bottom: 0px;
	opacity:1;
	/*left: 50%;*/
	/*margin-left: -45px;*/
	padding-top: -20px;
	position: fixed;
	text-align: center;
	width: 500px;
	margin-top: 0 auto;
	height: 200px;
	margin-bottom: -500px;
	background-repeat:no-repeat;
	background-position: center center;
	/*border: 1px solid #a2b0cf;*/
	z-index: 1000;
}

/*check box privacy*/
input[type=checkbox].css-checkbox-privacy {
    display:none;
}

input[type=checkbox].css-checkbox-privacy + label.css-label-3 {
	  font-family: 'Roboto', sans-serif;
  padding: 2px 0px 5px 30px!important;
  height: 18px!important;
  /* display: inline-block!important; */
  line-height: 30px!important;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  font-size: 16px!important;
  /* vertical-align: middle; */
  cursor: pointer;
  /* margin-bottom: 6%; */
  /* margin-right: 10px; */
  color: #5f5f5f;
  margin-top: 10px;
}



input[type=checkbox].css-checkbox-privacy:checked + label.css-label-3 {
	background-position: 0 -27px!important;

}
/*END check box privacy*/