/** style solo per navtab altro css eventi in style.css ***/

@-webkit-keyframes 
fake {  from {
	opacity: 1;
}

to { opactity: 1; }
}
@keyframes 
fake {  from {
	opacity: 1;
}

to { opactity: 1; }
}


.responsive-tabs {
	width: 100%;
}

.responsive-tabs .state {
	position: absolute;
	left: -10000px;
}

.responsive-tabs .flex-tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.responsive-tabs .flex-tabs .tab {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 15px;
    letter-spacing: -0.05em;
    text-transform: none;
	font-family: Montserrat;
    font-weight: 600;
	text-transform:uppercase;
	
}

@media only screen and (max-width: 768px) {
.responsive-tabs .flex-tabs .tab {
width: 50%;
  }
}


.responsive-tabs .flex-tabs .panel {
	padding: 20px;
	min-height: 300px;
	display: none;
	width: 100%;
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.responsive-tabs .tab {
	display: inline-block;
	padding: 15px;
	vertical-align: top;
	background-color: #eee;
	cursor: hand;
	cursor: pointer;
	
}

.responsive-tabs .tab:hover { background-color: #fff; }

#tab-one:checked ~ .tabs #tab-one-label, #tab-two:checked ~ .tabs #tab-two-label, #tab-three:checked ~ .tabs #tab-three-label, #tab-four:checked ~ .tabs #tab-four-label {
	background-color: #fff;
	cursor: default;
	border-top: 5px solid var(--arancione);
	color:var(--arancione);
	font-size: 15px;
    letter-spacing: -0.05em;
    text-transform: none;
	font-family: Montserrat;
    font-weight: 600;
	text-transform:uppercase;
	
}

#tab-one:checked ~ .tabs #tab-one-panel, #tab-two:checked ~ .tabs #tab-two-panel, #tab-three:checked ~ .tabs #tab-three-panel, #tab-four:checked ~ .tabs #tab-four-panel { display: block; }

/*

@media (max-width: 600px) {
	
	.flex-tabs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.flex-tabs .tab {
		background: #fff;
	}
	
	.flex-tabs .tab:last-of-type { border-bottom: none; width:50%;}
	
	.flex-tabs #tab-one-label {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		width:50%;
	}
	
	.flex-tabs #tab-two-label {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
	}
	
	.flex-tabs #tab-three-label {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5;
	}
	
	.flex-tabs #tab-four-label {
		-webkit-box-ordinal-group: 8;
		-webkit-order: 7;
		-ms-flex-order: 7;
		order: 7;
	}
	
	.flex-tabs #tab-one-panel {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	
	.flex-tabs #tab-two-panel {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4;
	}
	
	.flex-tabs #tab-three-panel {
		-webkit-box-ordinal-group: 7;
		-webkit-order: 6;
		-ms-flex-order: 6;
		order: 6;
	}
	
	.flex-tabs #tab-four-panel {
		-webkit-box-ordinal-group: 9;
		-webkit-order: 8;
		-ms-flex-order: 8;
		order: 8;
	}
	
	#tab-one:checked ~ .tabs #tab-one-label,  #tab-two:checked ~ .tabs #tab-two-label,  #tab-three:checked ~ .tabs #tab-three-label,  #tab-four:checked ~ .tabs #tab-four-label 
	{ border-bottom: none; width:50%;}
	

}

*/