/*stili generali*/

body {
	background-color:#F2F2F2;
	font-family:  'PT Sans', sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

.hide {
  display: none;
}


/* ## Float Clearing
--------------------------------------------- */


.clearfix::before, 
#header-top::before, 
.tracking-menu-top::before {
	content: " ";
	display: table;
}


.clearfix::after,
#header-top::after,
.tracking-menu-top::after
 {
	clear: both;
	content: " ";
	display: table;
}

/*stili testata*/

#header-top {
	text-align:center;
	background:#fff;
}

#header-top .wrap {
	max-width:1200px;
	padding:10px 20px;
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
	display:flex;
}

#header-top .logo-top {
	float:left;
	display:flex;
	align-items:center;
}

#header-top .logo-top img {
	float:left;
	max-height:50px;
	width:auto;
}

/*stili menu top di navigazione*/

.tracking-menu-top {
display: block;
width: 100%;
text-align: right;
}

.tracking-menu-top ul {
    list-style-type: none;
    padding: 0;
	margin:0;
}

.tracking-menu-top ul li {
	display:inline;
}

.tracking-menu-top ul li a {
	display:inline-block;
	text-align:center;
	width:80px;
	padding:10px 20px 0;
	text-decoration:none;
	color:#808080;
	font-size:15px;
}

.tracking-menu-top ul li a:hover {
	color:#333;
}

.tracking-menu-top ul li a.current {
	color:#F37021;
}

.tracking-menu-top ul li a::before {
  display:block;
  margin:0 auto 3px;
}

.tracking-menu-top ul li a.tracking::before {
  content: url(../images/icon-tracking.svg);
  width:27px;
}

.tracking-menu-top ul li a.tracking.current::before, .tracking-menu-top ul li a.tracking:hover::before {
  content: url(../images/icon-tracking-h.svg);
}

.tracking-menu-top ul li a.ticket::before {
  content: url(../images/icon-ticket.svg);
  width:23px;
}


.tracking-menu-top ul li a.ticket.current::before, .tracking-menu-top ul li a.ticket:hover::before {
  content: url(../images/icon-ticket-h.svg);
}

.tracking-menu-top ul li a.contatti::before {
  content: url(../images/icon-contatti.svg);
  width:27px;
}

.tracking-menu-top ul li a.contatti.current::before, .tracking-menu-top ul li a.contatti:hover::before {
  content: url(../images/icon-contatti-h.svg);
}


/*stili sezione titolo e tracking*/

#titolo-tracking .wrap {
	max-width:1200px;
	padding:10px 20px;
	margin:0 auto;
}

#titolo-tracking h1 {
	font-size:35px;
	font-weight:300;
}

#titolo-tracking h1 strong {
	font-weight:bold;
}



.trackingBar {
	height:99px;
	position:relative;
}

.trackingBar .fondoGrigioContainer {
	position:relative;
	height:100%;
	z-index:1;
}
.trackingBar .fondoGrigio {
	position:absolute;
	background:#d9d9d9;
	height:24px;
	/* Firefox */
	width: -moz-calc(100% - 64px);
	/* WebKit */
	width: -webkit-calc(100% - 64px);
	/* Opera */
	width: -o-calc(100% - 64px);
	/* Standard */
	width: calc(100% - 64px);
	bottom:0;
	left:32px;
}

.trackingBar .iconaStato {
	width:30px;
	height:30px;
	position:absolute;
	bottom:-3px;
	z-index:10;
}

.trackingBar .icona-1 {
	left:3px;
}

.trackingBar .icona-2 {
	/* Firefox */
	left: -moz-calc(50% - 15px);
	/* WebKit */
	left: -webkit-calc(50% - 15px);
	/* Opera */
	left: -o-calc(50% - 15px);
	/* Standard */
	left: calc(50% - 15px);}

.trackingBar .icona-3 {
	right:3px;
}

.trackingBar .fondoIcona1 {
	width:36px;
	height:36px;
	position:absolute;
	left:0;
	bottom:-6px;
	z-index:1;
}

.trackingBar .fondoIcona2 {
	width:36px;
	height:36px;
	position:absolute;
	/* Firefox */
	left: -moz-calc(50% - 18px);
	/* WebKit */
	left: -webkit-calc(50% - 18px);
	/* Opera */
	left: -o-calc(50% - 18px);
	/* Standard */
	left: calc(50% - 18px);
	bottom:-6px;
	z-index:1;
}

.trackingBar .fondoIcona3 {
	width:36px;
	height:36px;
	position:absolute;
	right:0;
	bottom:-6px;
	z-index:1;
}

.trackingBar .sfumaturaStato{
	position:absolute;
	height:16px;
	bottom:4px;
	/* Firefox */
	width: -moz-calc(50% - 35px);
	/* WebKit */
	width: -webkit-calc(50% - 35px);
	/* Opera */
	width: -o-calc(50% - 35px);
	/* Standard */
	width: calc(50% - 35px);
	z-index:1000;
}

.sfumaturaStato.left{
	left:2.4%;
}
.sfumaturaStato.right{
	left:50.8%
}
/*colori stati*/

.status-0 {
	color:#35495E;
}
/* in sospeso */
.status-1 {
	color:#ABBAD4;
}

/* attesa ritiro */
.status-2 {
	color:#35495E;
}

/* Partito */
.status-20 {
	color:#7756A2;
}

.sfumaturaStato.stato-0-3 {
	background-image: linear-gradient(to right, #35495E , #1D76D8);
}
.sfumaturaStato.stato-0-4 {
	background-image: linear-gradient(to right, #35495E , #396731);
}
.sfumaturaStato.stato-0-6 {
	background-image: linear-gradient(to right, #35495E , #970D00);
}
.sfumaturaStato.stato-0-5 {
	background-image: linear-gradient(to right, #35495E , #FF6E00);
}
.sfumaturaStato.stato-0-50 {
	background-image: linear-gradient(to right, #35495E , #BDB76B);
}
.sfumaturaStato.stato-0-8 {
	background-image: linear-gradient(to right, #35495E , #E9BE57);
}
.sfumaturaStato.stato-0-10 {
	background-image: linear-gradient(to right, #35495E , #FFDE00);
}
.sfumaturaStato.stato-0-95 {
	background-image: linear-gradient(to right, #35495E , #B5590C);
}

.sfumaturaStato.stato-1-3 {
	background-image: linear-gradient(to right, #ABBAD4 , #1D76D8);
}
.sfumaturaStato.stato-1-4 {
	background-image: linear-gradient(to right, #ABBAD4 , #396731);
}
.sfumaturaStato.stato-1-6 {
	background-image: linear-gradient(to right, #ABBAD4 , #970D00);
}
.sfumaturaStato.stato-1-5 {
	background-image: linear-gradient(to right, #ABBAD4 , #FF6E00);
}
.sfumaturaStato.stato-1-50 {
	background-image: linear-gradient(to right, #ABBAD4 , #BDB76B);
}
.sfumaturaStato.stato-1-8 {
	background-image: linear-gradient(to right, #ABBAD4 , #E9BE57);
}
.sfumaturaStato.stato-1-10 {
	background-image: linear-gradient(to right, #ABBAD4 , #FFDE00);
}
.sfumaturaStato.stato-1-95 {
	background-image: linear-gradient(to right, #ABBAD4 , #B5590C);
}

.sfumaturaStato.stato-2-3 {
	background-image: linear-gradient(to right, #35495E , #1D76D8);
}
.sfumaturaStato.stato-2-4 {
	background-image: linear-gradient(to right, #35495E , #396731);
}
.sfumaturaStato.stato-2-6 {
	background-image: linear-gradient(to right, #35495E , #970D00);
}
.sfumaturaStato.stato-2-5 {
	background-image: linear-gradient(to right, #35495E , #FF6E00);
}
.sfumaturaStato.stato-2-50 {
	background-image: linear-gradient(to right, #35495E , #BDB76B);
}
.sfumaturaStato.stato-2-8 {
	background-image: linear-gradient(to right, #35495E , #E9BE57);
}
.sfumaturaStato.stato-2-10 {
	background-image: linear-gradient(to right, #35495E , #FFDE00);
}
.sfumaturaStato.stato-2-95 {
	background-image: linear-gradient(to right, #35495E , #B5590C);
}

.sfumaturaStato.stato-20-3 {
	background-image: linear-gradient(to right, #7756A2 , #1D76D8);
}
.sfumaturaStato.stato-20-4 {
	background-image: linear-gradient(to right, #7756A2 , #396731);
}
.sfumaturaStato.stato-20-6 {
	background-image: linear-gradient(to right, #7756A2 , #970D00);
}
.sfumaturaStato.stato-20-5 {
	background-image: linear-gradient(to right, #7756A2 , #FF6E00);
}
.sfumaturaStato.stato-20-50 {
	background-image: linear-gradient(to right, #7756A2 , #BDB76B);
}
.sfumaturaStato.stato-20-8 {
	background-image: linear-gradient(to right, #7756A2 , #E9BE57);
}
.sfumaturaStato.stato-20-10 {
	background-image: linear-gradient(to right, #7756A2 , #FFDE00);
}
.sfumaturaStato.stato-20-95 {
	background-image: linear-gradient(to right, #7756A2 , #B5590C);
}

/* In transito */
.status-3 {
	color:#1D76D8;
}
/* In consegna */
.status-4 {
	color:#396731;
}

/* Eccezione */
.status-6 {
	color:#970D00;
}

/* Consegna fallita */
.status-5 {
	color:#FF6E00;
}

/* In lavorazione */
.status-50 {
	color:#BDB76B;
}

/* Ritardo */
.status-8{
	color:#E9BE57;
}

/* Punto di ritiro */
.status-10 {
	color:#FFDE00;
}

/* Rientrato */
.status-95 {
	color:#B5590C;
}

.sfumaturaStato.stato-3-99 {
	background-image: linear-gradient(to right, #1D76D8 , #5EC700);
}
.sfumaturaStato.stato-4-99 {
	background-image: linear-gradient(to right, #396731 , #5EC700);
}
.sfumaturaStato.stato-6-99 {
	background-image: linear-gradient(to right, #970D00 , #5EC700);
}
.sfumaturaStato.stato-5-99 {
	background-image: linear-gradient(to right, #FF6E00 , #5EC700);
}
.sfumaturaStato.stato-50-99 {
	background-image: linear-gradient(to right, #BDB76B , #5EC700);
}
.sfumaturaStato.stato-8-99 {
	background-image: linear-gradient(to right, #E9BE57 , #5EC700);
}
.sfumaturaStato.stato-10-99 {
	background-image: linear-gradient(to right, #FFDE00 , #5EC700);
}
.sfumaturaStato.stato-95-99 {
	background-image: linear-gradient(to right, #B5590C , #5EC700);
}

/* Consegnato */
.status-99 {
	color:#5EC700;
}


/*baloon info*/

.speech-bubble { position: absolute;
background: #fff;
border-radius: .4em;
padding:5px 20px;
text-align:left;
display:block;
z-index:1000000;
} 

.bubble-sx {
left:0;
}

.bubble-dx {
right:0;
}

.bubble-centro {
	/* Firefox */
	left: -moz-calc(50% - 35px);
	/* WebKit */
	left: -webkit-calc(50% - 65px);
	/* Opera */
	left: -o-calc(50% - 65px);
	/* Standard */
	left: calc(50% - 85px);
}

.speech-bubble:after { content: '';
position: absolute;
bottom: 0;
width: 0;
height: 0;
border: 11px solid transparent;
border-top-color: #fff;
border-bottom: 0;
margin-left: -11px;
margin-bottom: -10px;
}

.speech-bubble.bubble-centro:after {
	left:85px;

}

.speech-bubble.bubble-dx:after {
	right:5px;

}

.speech-bubble.bubble-sx:after {
	left:15px;

}

.speech-bubble h2 {
	margin:0;
	font-size:18px;
}

.speech-bubble h3 {
	margin:0;
	font-size:15px;
	font-weight:normal;
}

.speech-bubble.bubble-centro {
	text-align:center;
}

.speech-bubble.bubble-dx {
	text-align:right;
}

.speech-bubble.bubbleNascosto {
	background:none;
	padding-left:0;
	padding-right:0;
}

.speech-bubble.bubbleNascosto::after {
	border-color:transparent;
}


/*contenuto main*/

#contenuto-main .wrap {
	max-width: 1200px;
    padding: 10px 20px 0;
    margin: 15px auto 0;
}

.descrizioneTop {
	text-align:center;
	background:#fff;
	padding:25px 0;
}

.descrizioneTop h2 {
	font-size:28px;
	font-weight:normal;
	margin:10px 0;
}

.bannerTop img, .bannerBottom img, .bannerDx img  {
  width: 100%;
  height: auto;
}


/*area tracking info*/

.trackingDx {
	text-align:left;
	background:#fff;
	padding:20px 0;
}

.trackingInfo .interno {
	padding:0 0 0 20px;
}

.trackingInfo .barraCorriere p {
	font-size:16px;
	color:#808080;
	font-weight:300;
	margin:0;
}

.trackingInfo .barraCorriere p.trackingNumber {
	font-size:28px;
	color:#000;
	font-weight:bold;	
}

.trackingInfo .barraCorriere img {
	float:left;
	margin-right:15px;
	width:50px;
	height:50px;
}

.trackingInfo .noteCorriere {
	margin:5px 0 0;
	color:#808080;
	font-weight:300;
}

.trackingInfo .noteCorriere strong {
	color:#000;
	font-weight:bold;
}
.listaStati{
	height:auto;
	transition: max-height 2s ease-in-out;
}
.listaStati.collapsed{
	max-height: 250px;
	overflow: hidden;
}

.trackingInfo .listaStati .stato {
	padding:16px 0 0;
	margin-top:15px;
	border-top:1px solid #eee;
}

.trackingInfo .listaStati .stato img {
	float:left;
	margin-right:15px;
	width:45px;
	height:45px;
}

.trackingInfo .listaStati .stato p {
	font-size:14px;
	margin:0;
	padding-left:60px;
}

.trackingInfo .listaStati .stato p strong {
	font-size:16px;
	font-weight:bold;
	color:#000;
}

.trackingInfo .listaStati .stato p.grigio {
	color:#808080;
}

.visualizzaDiPiu {
	margin-top:16px;
	text-align:center;
	text-transform:uppercase;
	background:#E6E6E6;
	display:block;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:10px 0;
	cursor: pointer;
	
}

.visualizzaDiPiu:hover {
	background:#eee;
}

.half-1 {
	width:48%;
	float:left;
	margin-right: 3.5%;
}

.half-2, .bannerDx {
	width:48%;
	float:left;
}

.half-2, .bannerDx .interno {
	padding-right:20px;
}

.bannerDx .banner {
	width:100%;
	height:auto;
}


/*area prodotti correlati */

.prodottiCorrelati {
	text-align:left;
	background:#fff;
	padding:20px;
}


/*area descrizioneBottom */

.descrizioneBottom {
	text-align:center;
	background:#fff;
	padding:0 20px;
}

.descrizioneBottom .interno {
	padding:25px 0;
	margin-top:25px;
	border-top:1px solid #eee;
}


.descrizioneBottom h2 {
	font-size:28px;
	font-weight:normal;
	margin:10px 0;
}


/*area bannerBottom */
.bannerBottom {
	background:#fff;
	padding-bottom:10px;
}

/*footer*/

footer {
	color:#808080;
	font-size:13px;
	text-align:center;
}

footer p {
	margin:0;
}

footer a {
	color:#808080;
	text-decoration:none;
}

footer a:hover {
	text-decoration:underline;
}

footer .wrap {
    max-width: 1200px;
    padding: 15px 20px;
    margin:0 auto;
}

/*stili responsive*/

@media (max-width: 600px) {

	/*testata*/
	#header-top .wrap {
		padding: 20px;
	}

	#header-top .logo-top {
		width: 100%;
		float: none;
		text-align: center;
		display: block;

	}

	.tracking-menu-top {
		float: none;
		width: 100%;
		position: fixed;
		bottom: 0;
		background: #fff;
		left: 0;
		-webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.15);
		-moz-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.15);
		box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.15);
	}

	.tracking-menu-top ul li a {
		width: 32.3%;
		margin: 0;
		padding: 10px 0;
	}

	#header-top .logo-top img {
		display: inline;
		float: none;
	}


	/*sezione tracking bar*/
	#titolo-tracking h1 {
		font-size: 26px;
	}

	#titolo-tracking h1 strong {

	}

	.speech-bubble h2 {
		font-size: 14px;
	}

	.speech-bubble h3 {
		font-size: 13px;
	}

	.speech-bubble {
		width: 70px;
		padding: 5px 10px;
		height: 62px;
	}

	.bubble-centro {

		left: -moz-calc(50% - 45px);
		left: -webkit-calc(50% - 45px);
		left: -o-calc(50% - 45px);
		left: calc(50% - 45px);

	}

	.dentroBubble {
		position: absolute;
		bottom: 7px;
		width: 70px;
		left: 10px;
	}

	.trackingBar {

		height: 122px;
		position: relative;

	}

	.speech-bubble.bubble-centro::after {
		left: 45px;
	}

	/*sezione contenuto main*/
	.trackingDx {
		padding: 30px 0;

	}

	#contenuto-main .wrap {
		max-width: 1200px;
		padding: 10px 0 0;
	}

	.descrizioneTop {
		padding: 25px 20px;
	}

	.half-1 {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.trackingInfo .interno {
		padding: 0 20px;
	}

	.bannerDx {
		display: none;
	}

}

@media (max-width: 474.99px) {
	.sfumaturaStato.left{
		left:7.1%;
	}
	.sfumaturaStato.right{
		left:52%
	}
}
@media (min-width: 475px) and (max-width: 575.98px){
	.sfumaturaStato.left{
		left:5.5%;
	}
	.sfumaturaStato.right{
		left:51.5%
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.sfumaturaStato.left{
		left:4.3%;
	}
	.sfumaturaStato.right{
		left:51.3%
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.sfumaturaStato.left{
		left:3.2%;
	}
	.sfumaturaStato.right{
		left:51%
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.sfumaturaStato.left{
		left:2.6%;
	}
	.sfumaturaStato.right{
		left:50.6%;
	}
}
@media (min-width: 1200px) {
	.sfumaturaStato.left{
		left:2.4%;
	}
	.sfumaturaStato.right{
		left:50.7%;
	}
}

.image-responsive{
	width: 100%;
}

.statoCourierChange{
	padding: 16px 0 0;
	margin-top: 15px;
	border-top: 1px solid #eee;
}

.alert{
	background-color: #feeab0;
	padding: 10px;
	margin-bottom: 10px;
}