@charset "UTF-8";
/* CSS Document */


.spinner-master4 * {transition:all 0.3s;-webkit-transition:all 0.3s;box-sizing:border-box;}

.spinner-master4 {
	height:30px;
	width:30px;
	display:none;
}

.spinner-master4 input[type=checkbox] {display:none;}
.spinner-master4 label {cursor:pointer;position:absolute;z-index:9;height:100%;width:100%;top:0px;left:0;}

.spinner-master4 .spinner4 {position:absolute;height:5px;width:100%;background-color:#333;}



.spinner-master4 .diagonal.part-1 {position:relative;float:left;}
.spinner-master4 .horizontal {position:relative;float:left;margin-top:6px;}
.spinner-master4 .diagonal.part-2 {position:relative;float:left;margin-top:6px;}


.spinner-master4 input[type=checkbox]:checked ~ .spinner-spin4 > .horizontal {transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px); opacity: 0;}
.spinner-master4 input[type=checkbox]:checked ~ .spinner-spin4 > .diagonal.part-1 {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:10px;}
.spinner-master4 input[type=checkbox]:checked ~ .spinner-spin4 > .diagonal.part-2 {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-16px;}


/*Altro movimento
.spinner-master4 input[type=checkbox]:checked ~ .spinner-spin4 > .horizontal {margin-top:1px;}
.spinner-master4 input[type=checkbox]:checked ~ .spinner-spin4 > .diagonal.part-1 {margin-top:0px;}
.spinner-master4 input[type=checkbox]:checked ~ .spinner-spin4 > .diagonal.part-2 {margin-top:1px;}

*/


@media screen and (max-width: 767px)
{
	
.spinner-master4 {
	position:absolute;
	top:20px;  /*Posizionamento del pulsante MENU-iPhone*/
	right:20px; 
	display:block;
}	
	
	
}