/*@import url('demo.css');*/

.calendar{
	width:600px !important;
	max-width:90% !important;
	background-color: #faf9f9 !important;
	background-color: #faf9f9eC !important;
	border:6px solid #262c47;
	border-radius:25px;
	padding:25px 9px !important;
}

.fc-calendar-container {
	position: relative;
	height: 400px;
	width: 400px;
}
/*
.fc-row > div:nth-child(6),.fc-row > div:nth-child(7) {
	background-color:#c8c1c1 !important;
	pointer-events: none;
}*/
.fc-calendar {
	width: 100%;
	height: 100%;
}

.fc-calendar .fc-head {
	height: 30px;
	line-height: 30px;
	/*background: #ccc;*/
	color: #fff;
}

.fc-calendar .fc-body {
	position: relative;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
	/* background-color: #faf9f9 !important; */

}

.fc-calendar .fc-row {
	width: 100%;
	/*border: 1px solid #ddd;*/
}

.fc-four-rows .fc-row  {
	height: 25%;
}

.fc-five-rows .fc-row  {
	height: 20%;
	padding-left: 15px;
}

.fc-six-rows .fc-row {
	height: 16.66%;
	height: -moz-calc(100%/6);
	height: -webkit-calc(100%/6);
	height: calc(100%/6);
}


.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
/*	float: left;
	height: 100%;
	width:  14.28%; 
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	position: relative;*/

	float: left;
	height: 81%;
	width:  12.5%; 
	width: -moz-calc(100%/8);
	width: -webkit-calc(100%/8);
	width: calc(100%/8);
	margin:0.8%;
	position: relative;
	border-radius:9px;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
	width:  14.2%;
}

.fc-calendar .fc-row > div {
	/*border-right: 1px solid #ddd;*/
	padding: 4px;
	overflow: hidden;
	position: relative;
}

.fc-calendar .fc-head > div {
	text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
	position: absolute;
	width: 30px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	color: white;
	/*text-shadow: 0 -1px 0 rgba(255,255,255,0.8);*/
	bottom: 5px;
	right: 5px;
	text-align: right;
	font-family: 'Knockout-HTF30-JuniorWelterwt';
}

.fc-calendar .fc-row > div > span.fc-weekday {
	padding-left: 5px;
	display: none;
}

/*.fc-calendar .fc-row > div.fc-today {
	background: #f3e635;
}*/

.fc-calendar .fc-row > div.fc-out {
	opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
	border-right: none;
}

.fc-calendar .fc-row:last-child {
	border-bottom: none;
}

/*

.weekend{
	
	pointer-events: none !important;
}*/

.not_avaible{
	pointer-events: none !important;
	background-color:#d8d8d8 !important;
}	
.not_avaible > span{
	color:#c8b4c4 !important;
}	

.weekend > span.fc-date{
	text-shadow: none;
}


/*
.orari{
	width: 60%;
	margin:0.6vh auto;
	border-radius: 25px;
	border: 1px solid #ddd;
	padding:0.9vh 0;
	background-color: white;
}*/

.orari{
	width:30% !important;
	max-width: 30% !important;
	margin:0.6vh 1.5%;
	border-radius: 25px;
	border: 1px solid #ddd;
	padding:0.9vh 0;
	background-color: white;/**/
}
/*
.orari.avaible{
	background-color:green;
	color:white;
}
*/
.orari.not_avaible{
	background-color:#ddd;
	color:white;
}

.avaible.focus{
	background-color: #f3e635!important;
	color:black;	
}

.orari.avaible:hover{
	background-color: #f3e635;
	color:black;
}

#select-orario{
	text-align:center;
	padding:1.2vh;
	max-height: 300px;
	overflow:hidden;
}


section.planet{
	width: 45% !important;
	min-width:333px;
	color:black !important;
	background-color: #f6f6f6 !important;
}


p.planet, .planet-p{
	color:black !important;
	margin-top:30px;
}
.input-planet{
	color:black !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5)!important;

}

.input-planet::placeholder{
	color:black;
	width:100%;
}

.input-planet::focus{
	background-color:transparent;
}

.planet-p > input {
	width:100%;
}
.planet-button{
	width:100%;
	margin:0 0;
	padding-top:0;
	margin-top: -21px;
}

#pianetaContattaci-content.active.opened{
	z-index:99999 !important;
}
/* Custom calendar elements */

.custom-calendar-wrap {
	margin: 10px auto;
	position: relative;
	overflow: hidden;
}

.custom-inner {
	/*	background-color: #faf9f9 !important;*/
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/
}

.custom-inner:before,
.custom-inner:after  {
	content: '';
	width: 99%;
	height: 50%;
	position: absolute;
	/*background: #f6f6f6DE;*/
	bottom: -4px;
	left: 0.5%;
	z-index: -1;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/
}

.custom-inner:after {
	content: '';
	width: 98%;
	bottom: -7px;
	left: 1%;
	z-index: -2;
}

.custom-header {
	/*background: #f6f6f6;*/
	padding: 5px 20px 10px 20px;
	height: 70px;
	position: relative;
	/*border-bottom: 1px solid #ddd;*/
}

.custom-header h2,
.custom-header h3 {
	text-align: center;
	text-transform: uppercase;
}

.custom-header h2 {
	color: #e95734;
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	padding: 12px 0;
	border-top: 1px solid #662d91;
	border-bottom: 1px solid #662d91;
}

.custom-header h3 {
	font-size: 10px;
	font-weight: 700;
	color: #b7bbc2;
}

.custom-header nav span {
	position: absolute;
	top: 0;
	width: 6rem;
	/*height: 30px;*/
	color: #e95734;
	cursor: pointer;
	margin: 0 1px;
	font-size: 20px;
	line-height: 30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-top: 15px;
}

.custom-header nav span:first-child {
	left: 15px;
}

.custom-header nav span:last-child {
	right: 15px;
}

.custom-header nav span:before {
	font-family: 'fontawesome-selected';
	color: #ef4f69;
	position: absolute;
	text-align: center;
	width: 100%;
}

.send-btn-text{
	margin-top:75px;
	color: #4e5369;
}

.custom-header nav span:hover:before {
	color: #495468;
}

.custom-content-reveal {
	/*background: #f6f6f6;*/
	background: rgba(246, 246, 246, 0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0px;
	text-align: center;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.custom-content-reveal span.custom-content-close {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	/*background: #ef4f69;*/
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	cursor: pointer;
	line-height: 13px;
	padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
	content: 'x';
	font-size: 18px;
	color: #fff;
}

.custom-content-reveal a,
.custom-content-reveal span {
	font-size: 22px;
	padding: 10px 30px;
	display: block;
}

.custom-content-reveal h4 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 3px;
	color: #777;
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	border-top: 5px solid #ef4f69;
	box-shadow: 0 1px rgba(255,255,255,0.9);
	margin-bottom: 30px;
}

.custom-content-reveal span {
	color: #888;
}

.custom-content-reveal a {
	color: #ef4f69;
}

.custom-content-reveal a:hover {
	color: #333;
}

/* Modifications */

.fc-calendar-container {
	height: 270px;
	width: auto;
	/*padding: 0 30px;*/
	/*background: #f6f6f6DE;*/
	/*box-shadow: inset 0 1px rgba(255,255,255,0.8);*/
}

.fc-calendar .fc-head {
	/*background: #faf9f9;*/
	color: #b42ea3;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

.fc-calendar .fc-row > div {
	background-color: #3C89C3;
	color: white !important;
	cursor: pointer;
}

.fc-calendar .fc-row > div.avaible:hover {
	background-color: #f3e635;
	cursor: pointer;
	color: black !important;
}
.fc-calendar .fc-row > div.avaible:hover > span.fc-date{
	color: black !important;
}
.fc-calendar .fc-row > div.focus > span.fc-date{
	color: black !important;
}
.fc-calendar .fc-row > div:empty {
	background: transparent;
}

.fc-calendar .fc-row > div > span.fc-date {
	top: 50%;
	left: 50%;
	text-align: center;
	margin: -10px 0 0 -15px;
	/*color: black;
	font-weight: 400;*/
	pointer-events: none;
	color: white;
	font-family: 'Knockout-HTF30-JuniorWelterwt';
}
/*
.fc-calendar .fc-row > div.fc-today {
	background: #fdc500;
	box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);
}
*/
.fc-calendar .fc-row > div.fc-today > span.fc-date {
	color: white;
	font-family: 'Knockout-HTF30-JuniorWelterwt';
	/*text-shadow: 0 1px 1px rgba(0,0,0,0.1)*/;
}

.fc-calendar .fc-row > div.fc-content:after {
	content: '\00B7';
	text-align: center;
	width: 20px;
	margin-left: -10px;
	position: absolute;
	color: #DDD;
	font-size: 70px;
	line-height: 20px;
	left: 50%;
	bottom: 3px;
}

.fc-calendar .fc-row > div.fc-today.fc-content:after {
	color: #b02c42;
}

.fc-calendar .fc-row > div.fc-content:hover:after{
	color: #ef4f69;
}

.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{
	color: #fff;
}

.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {
	display: none;
	font-size: 22px;
}

@media screen and (max-width: 400px) {
	.fc-calendar-container {
		height: 240px;
	}
	.fc-calendar .fc-row > div > span.fc-date {
		font-size: 15px;
	}
}

.orari{
	height: 60px;
	margin-top:15px;
	margin-bottom:15px;
	border-radius: 25px;
	padding-top:15px;
	padding-bottom:20px;
	font-size:20px;
}
.orari.avaible{
	background-color: #b0d6ea;
	color:black;

}

.orari.not_avaible{
	background-color: #d8d8d8;
	color:white;
}
.select-parent-div{
	margin-top:1vh;
}
@media screen and (max-width: 1000px) and (orientation:landscape) {

	.calendar{
		transform: scale(.45);
	}


}

@media screen and (min-width: 1000px) and (orientation:landscape){
	#calendar-div{
			height: 484px;
	}
}

@media screen and (max-width: 432) and (orientation:portrait){
	#calendar-div{
			height: 390px;
	}
}



#dati-form.ufo-max-height{
		max-height: 318px !important;
		min-height: 318px !important;
	}
	.fc-row{
		padding-left: 3px !important;
	}
	.select-parent-div{
		padding-left: 8px!important;
		padding-right: 11px!important;
	}

/*.space{
	margin:0 !important;
}*/
@media screen and (orientation:landscape) {

	.ufo-max-height{
		max-height: 300px !important;
		min-height: 300px !important;
	}
	#dati-form.ufo-max-height{
		max-height: 300px !important;
		min-height: 300px !important;		
	}
	.space{
		margin:15px 0 !important;
	}
	.orari {
    	margin-top: 30px;
   	 	margin-bottom: 30px;
	}
}
.trasparency{
    background-image: url('../../test/img/nuovo/sfumatura.png');
    width:100% !important;
    height: 100% !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    transform: scale(1) !important;
    display:none;
    animation-delay:1s;
    animation-duration: 3s!important
}


.timeZone {
  background-image: url('../img/arrowDown.png');
  background-position: 98% 50%;
  background-size: auto 1.5rem;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius:none;
  background-color:#d8d8d8;
  color:black;
  border: 1px solid grey;
}

.timeZone::-ms-expand {
    display: none;
}

.titleModalUfo{
	font-weight: bold;
	font-size: 2.1em;
	text-align: center;
	color:#4e5369;
	margin-bottom:0px!important;
}


.input-space{
	border-bottom:none !important;
	background-color:#d8d8d8;
	color:black !important;
	width:100%;
	border-radius:9px;
	height: 39px;
}

.dismissModal{/*
	background-color: #d8d8d8;*/
	border-radius: 50%;
	width: 3vh;
	height: 3vh;
	font-size:2vh;
	text-align: center;
	position: absolute;
	right: 15px;
	top: 6px;
	cursor:pointer;
}


.trasparency{
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: top;
}


.marte-onda1{
width: 19%;
position: relative;
margin-top: -17%;
}
.marte-onda2{
width: 24%;
position: relative;
margin-top: -21%;
margin-left: -13%;
}
.marte-onda3{
width: 26%;
position: relative;
margin-left: -28%;
margin-top: -23%;
}
.marte-onda4{
    width: 31%;
    position: relative;
    margin-left: -15%;
    margin-top: -25%;
}
.satellite{
    width:48%;
    position:relative;

}


.corpo-astronauta{
    z-index: 99999;
    position: relative;
    width: 60%;
}

.mano-astronauta{
    position: relative;
    z-index: 999;
    width: 30%;
    margin-left: -82%;
    margin-top: 6%;
}

.piede-astronauta{
    position: relative;
    width: 13%;
    margin-left: 28%;
    margin-top: -12%;
}

.loghi{
	width:30%;
	position:absolute;
	top:117px;
	left: 35%;
}

@media (max-width: 767px){
.satellite-group{
    
    width: 23%;
    margin-left: 41%;
    margin-top: 31%;
    }
    .astronauta{
        
        position: relative;
        width: 47%;
        margin-top: 8%;
        margin-left: 11%;
        height: 26%;
    }
    .loghi{
    	top:30% !important;
    }
}
/* iPhone 6 Plus Orizzontale */
@media (max-width: 750px){
    .satellite-group{
        
        width: 9%;
        margin-left: 36%;
        margin-top: 31%;
    }
    .astronauta{
        
        position: relative;
        width: 18%;
        margin-top: 30%;
        margin-left: 6%;
        height: 26%;
    }
    .loghi{
    	width: 20% !important;
		top: 31% !important;
		left: 40% !important;
    }
}
/* iPhone 6 Plus Orizzontale 2 */
@media (max-width: 736px){
    .satellite-group{
        
        width: 15%;
        margin-left: 33%;
        margin-top: 31%;
    }
    .astronauta{
        
        position: relative;
        width: 20%;
        margin-top: 30%;
        margin-left: 4%;
        height: 26%;
    }
    .loghi{
    	width: 20% !important;
		top: 31% !important;
		left: 40% !important;
    }
}
/* iPhone 6 Orizzontale */
@media (max-width: 667px){
    .satellite-group{
        
        width: 12%;
        margin-left: 38%;
        margin-top: 31%;
    }
    .astronauta{
        
        position: relative;
        width: 16%;
        margin-top: 30%;
        margin-left: 3%;
        height: 26%;
    }
}

  

/* MOBILE PHONES */
@media (max-width: 640px){

}
/* iPhone 5 Orizzontale */
@media (max-width: 568px){
.satellite-group 
{
    width: 9%;
    margin-left: 39%;
    margin-top: 35%;
}
    .astronauta{
        
        position: relative;
        width: 15%;
        margin-top: 34%;
        margin-left: 4%;
        height: 26%;
    }
    .loghi{
    	width: 15% !important;
		top: 37% !important;
		left: 42.5% !important;
    }
}

/* Small MOBILE PHONES */
@media (max-width: 540px){
}

/* iPhone 6 Plus portrait */
@media (max-width: 414px){
    .satellite-group{
        width: 12%;
        /*margin-left: 42%;*/
        margin-top: 33%;
        height: 10%;
        /*transform: rotateZ(-23deg);
        -moz-transform: rotateZ(-23deg);
        -ms-transform: rotateZ(-23deg);*/
    }
    .astronauta{
        
        position: relative;
        width: 15%;
        margin-top: 32%;
        margin-left: 3%;
        height: 26%;
        /*transform: rotateZ(-23deg);
        -moz-transform: rotateZ(-23deg);
        -ms-transform: rotateZ(-23deg);*/
    }
    .loghi{
    	top:33% !important;
    	width:15% !important;
    }
}
/* iPhone 6 portrait */
@media (max-width: 376px){
    .satellite-group{
        
        width: 9%;
        margin-left: 41%;
        margin-top: 33%;
        /*transform: rotateZ(-23deg);
        -moz-transform: rotateZ(-23deg);
        -ms-transform: rotateZ(-23deg);*/
    }
    .astronauta{
        
    position: relative;
    width: 12%;
    margin-top: 33%;
    margin-left: 3%;
    height: 26%;
        /*transform: rotateZ(-23deg);
        -moz-transform: rotateZ(-23deg);
        -ms-transform: rotateZ(-23deg);*/
    }
    .loghi{
    	top:35% !important;
	    width: 12% !important;
	    left: 44% !important;
    }
}
/* IPHONE */
@media (max-width: 320px){
	.loghi{
		top:40% !important;
	}
	.satellite-group{
        margin-top: 37%;
    }
    .astronauta{
        margin-top: 37%;
    }
}

/* IPAD PORTRAIT (Verticale) - Risoluzione dei tablet ANDROID se messi in orizzontale */
@media (min-width: 768px) and (max-width: 979px){
.satellite-group{
    
        width: 12%;
        margin-left: 36%;
        margin-top: 30%;
    }
    .astronauta{
        
        position: relative;
        width: 21%;
        margin-top: 29%;
        margin-left: 5%;
        height: 26%;
    }
    .loghi{
    	top:30% !important;
    }
}

/* IPAD LANDSCAPE (Orizzontale) */
@media (min-width: 980px) and (max-width: 1199px){
    .satellite-group{
        
        width: 15%;
        margin-left: 33%;
        margin-top: 24%;
    }
    .astronauta{
        
        position: relative;
        width: 27%;
        margin-top: 21%;
        margin-left: 6%;
        height: 26%;
    }
    .loghi{
    	top:19%;
    }
}


/* MEDIUM DESKTOP 1 */
@media (min-width: 1200px) and (max-width: 1280px){
    .satellite-group{
        
        width: 24%;
        margin-left: 27%;
        margin-top: 18%;
    }
    .astronauta{
        
        position: relative;
        width: 47%;
        margin-top: 12%;
        margin-left: 11%;
        height: 26%;
    }
    .loghi{
    	top:11% !important;
    }
}

/* MEDIUM DESKTOP  2 */
@media (min-width: 1281px) and (max-width: 1440px){
        .satellite-group{
            
        width: 24%;
        margin-left: 27%;
        margin-top: 18%;
    }
        .astronauta{
            
            position: relative;
            width: 47%;
            margin-top: 14%;
            margin-left: 11%;
            height: 26%;
    }
    .loghi{
    	top:14% !important;
    }
}

/* LARGE DESKTOP */
@media (min-width: 1441px) and (max-width: 1920px){
    .satellite-group{
        
    position: relative;
    width: 24%;
    margin-left: 18%;
    margin-top: 15%;
    height: 26%;
    }


.astronauta{
    
    position: relative;
    width: 47%;
    margin-top: 12%;
    margin-left: 11%;
    height: 26%;
}
}

/* VERY LARGE DESKTOP */

@media (min-width: 1921px){
    .satellite-group{
        
        position: relative;
        width: 24%;
        margin-left: 18%;
        margin-top: 12%;
        height: 26%;
        }


    .astronauta{
        
        position: relative;
        width: 47%;
        margin-top: 8%;
        margin-left: 11%;
        height: 26%;
    }
}



/*.trasparency{
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown; /* Safari 4.0 - 8.0 */
  /*  -webkit-animation-duration: 1s !important; /* Safari 4.0 - 8.0 */
   /* animation-name: fadeInDown;

}
*/
.satellite-group, .astronauta{          
-webkit-animation-name: showHide; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 3s !important; /* Safari 4.0 - 8.0 */
animation-name: showHide;
animation-delay: 1s;
        }

.marte-onda1{
-webkit-animation-name: fadeInLeft; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s !important; /* Safari 4.0 - 8.0 */
animation-name: fadeInLeft;
animation-delay: 1s;
}
.marte-onda2{
-webkit-animation-name: fadeInLeft; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s !important; /* Safari 4.0 - 8.0 */
animation-name: fadeInLeft;
animation-delay: 2s;

}
.marte-onda3{
-webkit-animation-name: fadeInLeft; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s !important; /* Safari 4.0 - 8.0 */
animation-name: fadeInLeft;
animation-delay: 4s;

}
.marte-onda4{
-webkit-animation-name: fadeInLeft; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s !important; /* Safari 4.0 - 8.0 */
animation-name: fadeInLeft;
animation-delay: 3s;
}
.astronauta{
    -webkit-animation-name: slideInRight; /* Safari 4.0 - 8.0 */
    animation-delay: 3s;
    -webkit-animation-duration: 12s !important; /* Safari 4.0 - 8.0 */
    animation-name: slideInRight;
}

.mano-astronauta{
    -webkit-animation-name: manoAstronauta; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 6s !important; /* Safari 4.0 - 8.0 */
    animation-name: manoAstronauta;
    animation-duration: 6s !important;
    transform-origin: 90% 90%;  
}

.piede-astronauta{
    -webkit-animation-name: piedeAstronauta; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 6s !important; /* Safari 4.0 - 8.0 */
    animation-name: piedeAstronauta;
    animation-duration: 6s !important;
}


@keyframes piedeAstronauta{
    0% {
        -webkit-transform: rotate(0deg) translateX(0px);
        -moz-transform: rotate(0deg) translateX(0px);
        -o-transform: rotate(0deg) translateX(0px);
        transform: rotate(0deg) translateX(0px);
    }

    50% {
        -webkit-transform: rotate(-20deg) translateX(-30px);
        -moz-transform: rotate(-20deg) translateX(-30px);
        -o-transform: rotate(-20deg) translateX(-30px);
        transform: rotate(-20deg) translateX(-30px);
    }
    100% {
        -webkit-transform: rotate(0deg) translateX(0px);
        -moz-transform: rotate(0deg) translateX(0px);
        -o-transform: rotate(0deg) translateX(0px);
        transform: rotate(0deg) translateX(0px);
    }
}

@keyframes manoAstronauta{
    0% {
        -webkit-transform: rotate(0deg) translateX(0px);
        -moz-transform: rotate(0deg) translateX(0px);
        -o-transform: rotate(0deg) translateX(0px);
        transform: rotate(0deg) translateX(0px);
    }
    50% {

        -webkit-transform: rotateZ(-8deg) translateX(0px);
        -moz-transform: rotateZ(-8deg) translateX(0px);
        -o-transform: rotateZ(-8deg) translateX(0px);
        transform: rotateZ(-8deg) translateX(0px);
    }
    100% {
        -webkit-transform: rotateZ(0deg) translateX(0px);
        -moz-transform: rotateZ(0deg) translateX(0px);
        -o-transform: rotateZ(0deg) translateX(0px);
        transform: rotateZ(0deg) translateX(0px);
    }
}

@keyframes showHide{
    0% {
       opacity:0;
    }
    50% {
       opacity:0;
    }
    100% {
       opacity:1;
    }
}

@-webkit-keyframes AstronaveSend {
 

    to {
		  -ms-transform: translate(450px,-870px); /* IE 9 */
		  -webkit-transform: translate(450px,-870px); /* Safari prior 9.0 */
		  transform: translate(450px,-870px); /* Standard syntax */
    }
}

@keyframes AstronaveSend {
 

    to {
		  -ms-transform: translate(450px,-870px); /* IE 9 */
		  -webkit-transform: translate(450px,-870px); /* Safari prior 9.0 */
		  transform: translate(450px,-870px); /* Standard syntax */
    }
}
.AstronaveSend {
    -webkit-animation-name: AstronaveSend;
    animation-name: AstronaveSend;
    animation-duration: 3s;
}


#giorno_selezionato,#ora_selezionata{
	font-size:1.8rem;
	font-family: 'Knockout-HTF30-Welterweight';
}




#img-button-scheduleCall{

	position: absolute;
    left: 10%;
    width: 80%;
    top: 10%;

}
#img-back-scheduleCall{

	position: absolute;
    left: 10%;
    width: 80%;
    top: 30%;

}
.required{
	border: 1px solid red !important;
}