@charset "utf-8";
/* CSS Document */
	
.middle_body_msg{
	position:relative;
	overflow:auto;
	width:98%;
	height:65%;
	top:2%;
	margin-left:auto;
	margin-right:auto;
	border-top:solid 3px #ffd62a;
	border-bottom:solid 3px #ffd62a;
	background-color:transparent;
	}

.contact_title{
	position:relative;
	display:block;
	width:24%;
	height:58px;
	max-width:400px;
	min-width:230px;
	margin-left:8%;
	background-color:transparent;
	background-image:url(../images_main/TTL_banner.png);
	background-size:100%;
	background-repeat:no-repeat;
	}
	
.contact_title h3{
	margin-left:12%;
	font-family:"exo-regular";
	font-size:22px;
	line-height:42px;
	font-weight:normal;
	font-style:normal;
	color:white;
	}

.fdbk_box{
	position:relative;
	display:block;
	width:45%;
	height:40px;
	min-width:275px;
	margin-left:8%;
	top:0;
	font-family:"orbitron-regular";
	font-size:18px;
	line-height:19px;
	font-weight:normal;
	font-style:normal;
	letter-spacing:1px;
	color:#ffd62a;
	background-color:transparent;
	}

/*=== THE FORM ===*/
.fieldbody{
	position:relative;
	float:left;
	overflow:visible;
	width:45%;
	height:620px;
	top:0;
	max-width:560px;
	min-width:275px;
	margin-left:8%;
	background-color:transparent;
	z-index:1;
	}

form input{
	font-family:"exo-regular";
	font-size:13px;
	}

.infofield{
	position:relative;
	display:block;
	width:92%;
	height:22px;
	max-width:420px;
	margin-top:22px;
	padding:2px 2px 4px 10px;
	border:0;
	-webkit-box-shadow:inset 0 2px 6px 1px #888;
	-moz-box-shadow:inset 0 2px 6px 1px #888;
	box-shadow:inset 0 2px 6px 1px #888;
	}
	
.infofield:focus{
	outline:solid 2px #ffd62a;
	}
	
.fieldDIDA{
	position:absolute;
	display:block;
	width:auto;
	height:12px;
	margin-top:2px;
	margin-left:7px;
	padding:2px 8px 4px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#313e4e;
	color:#ffd62a;
	visibility:hidden;
	display:none;
	}

.infofield:hover + .fieldDIDA{
	visibility:visible;
	display:block;
	}
	
.choose_list{
	position:relative;
	display:block;
	overflow:hidden;
	width:90%;
	height:32px;
	max-width:434px;
	margin-top:35px;
	font-family:"exo-regular";
	font-size:16px;
	background:url(../images_main/choose_btn.jpg) no-repeat right #313e4e;
	background-size:contain;
	-webkit-box-shadow: 0 3px 7px 2px #3C4B57;
	-moz-box-shadow: 0 3px 7px 2px #3C4B57;
	box-shadow: 0 3px 7px 2px #3C4B57;
	}

.choose_list:focus{
	outline:solid 2px #ffd62a;
	}
	
.choose{
	position:relative;
	display:block;
	cursor:pointer;
	width:108%;
	height:100%;
	padding:2px 2px 4px 10px;
	border:0px;
	-ms-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	appearance:none;
	background-color:transparent;
	font-family:"exo-regular";
	font-size:17px;
	color:#ffd62a;
	}
	
textarea {
	font-family:"exo-regular";
	font-size:17px;
	}

.body_msg{
	position:relative;
	display:block;
	resize:none;
	float:left;
	width:92%;
	height:140px;
	max-width:420px;
	margin-top:28px;
	padding:2px 2px 2px 10px;
	border:0;
	-webkit-box-shadow:inset 0 2px 6px 1px #888;
	-moz-box-shadow:inset 0 2px 6px 1px #888;
	box-shadow:inset 0 2px 6px 1px #888;
	}

.body_msg:focus{
	outline:solid 2px #ffd62a;
	}
	
.msgDIDA{
	display:block;
	display:none;
	position:relative;
	width:170px;
	height:13px;
	top:2px;
	margin-left:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:transparent;
	color:#ffd62a;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	visibility:hidden;
	}

.error_FLD{
	position:relative;
	display:block;
	width:auto;
	height:13px;
	bottom:-17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffd62a;
	}
	
.body_msg:hover + .msgDIDA{
	visibility:visible;
	display:block;
	}
	

/* PLACEHOLDER */
::-webkit-input-placeholder {
	font-family:"exo-regular";
	font-size:15px;
	line-height:13px;
	color:#666;
	}
:-moz-placeholder { /* Firefox 18- */
	font-family:"exo-regular";
	font-size:16px;
	line-height:25px;
	color:#444;  
	}
::-moz-placeholder {  /* Firefox 19+ */
	font-family:"exo-regular";
	font-size:16px;
	line-height:25px;
	color:#444;  
	}
:-ms-input-placeholder {  
	font-family:"exo-regular";
	font-size:16px;
	line-height:20px;
	color:#444;  
	}

#mail_btn{
	position:relative;
	float:left;
	cursor:pointer;
	width:25%;
	height:36px;
	min-width:120px;
	margin-top:17px;
	margin-left:5%;
	background:url(../images_main/mail_btn_bkg.png) no-repeat center transparent;
	background-size:100%;
	font-family:"exo-regular";
	font-size:15px;
	line-height:8px;
	color:#007BB9;
	border:0;
	}
	
#mail_btn:hover{
	color:white;
	}	
/*=== END FORM ===*/


.privacy_box{
	position:relative;
	float:left;
	width:92%;
	height:auto;
	max-width:420px;
	min-width:190px;
	margin-top:17px;
	margin-left:1%;
	padding:0 0 30px 0;
	font-family:"exo-regular";
	font-size:12px;
	line-height:14px;
	text-align:justify;
	color:white;
	}

.right_panel{
	position:absolute;
	display:inline-block;
	right:-120px;
	margin-top:-100px;
	width:58%;
	height:730px;
	background:transparent;
	background-image:url(../images_main/stripes_panel.png);
	background-size:10%;
	-moz-transform:skew(-25deg);
	-webkit-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	transform:skew(-25deg);
	}

.jolly_info_container{
	position:relative;
	overflow:hidden;
	width:72%;
	height:auto;
	margin-top:10px;
	margin-left:-7%;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}

.jolly_address{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	padding:12px 5px 10px 15px;
	margin-top:0;
	margin-left:0;
	background:rgba(30,30,30,0.5);
	}

.jolly_address h3{
	font-family:"exo-regular";
	font-size:19px;
	line-height:30px;
	font-weight:normal;
	font-style:normal;
	color:#ffd62a;
	}

.jolly_address p{
	font-family:"exo-regular";
	font-size:14px;
	line-height:17px;
	font-weight:normal;
	font-style:normal;
	color:white;
	}

.customer_care{
	position:relative;
	width:100%;
	height:100px;
	margin-top:45px;
	padding:12px 5px 10px 15px;
	background:rgba(30,30,30,0.5);
	}
	
.customer_care p{
	font-family:"exo-regular";
	font-size:14px;
	line-height:17px;
	font-weight:normal;
	font-style:normal;
	color:white;
	}

.paycard{
	position:relative;
	overflow:hidden;
	float:left;
	width:20%;
	height:60px;
	min-width:45px;
	max-width:80px;
	margin-top:4px;
	margin-left:7px;
	background-color:transparent;
	}

.paycard img{
	position:absolute;
	width:100%;
	height:auto;
	margin:auto auto auto auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}

.jolly_location{
	position:relative;
	overflow:hidden;
	display:block;
	width:100%;
	height:240px;
	margin-top:45px;
	margin-left:0;
	background-color:white;
	}


@media screen and (orientation: portrait){
	.contact_title{
		width:42%;
		max-width:450px;
		height:63px;
		}
	
	.fieldbody{
		float:none;
		width:96%;
		max-width:none;
		margin-left:3%;
		}
	.infofield{
		width:97%;
		max-width:620px;
		}
	.choose_list{
		width:100%;
		max-width:620px;
		}
	.body_msg{
		width:97%;
		max-width:620px;
		}
	.privacy_box{
		width:96%;
		max-width:620px;
		}
	.right_panel{
		position:relative;
		display:block;
		right:-3%;
		margin-top:0px;
		width:98%;
		height:950px;
		background-image:none;
		-moz-transform:skew(0deg);
		-webkit-transform:skew(0deg);
		-o-transform:skew(0deg);
		-ms-transform:skew(0deg);
		transform:skew(0deg);
		}
	.jolly_info_container{
		position:relative;
		overflow:hidden;
		width:100%;
		height:850px;
		margin-top:10px;
		margin-left:0;
		-moz-transform:skew(0deg);
		-webkit-transform:skew(0deg);
		-o-transform:skew(0deg);
		-ms-transform:skew(0deg);
		transform:skew(0deg);
		}
	.jolly_location{
		height:360px;
		}
}


@media screen and (orientation:portrait) and (max-height:620px){
		#screen{
		min-height:480px; /*To prevent the footer on fields (for mobile devices)*/
		}
	}

@media screen and (max-width:779px){
	.titlebox{
		width:96%;
		left:1%;
		}
	.fdbk_box{
		margin-left:3%;
		}
	.fieldbody{
		margin-left:3%;
		}
	.privacy_box{
		margin-left:2%;
		}
	}

@media screen and (max-width:520px){
	.privacy_box{
		margin-left:4%;
		padding:0 0 30px 0;
		}
	}

/* Per evitare lo slittamento del right panel durante la scrittura*/
@media screen and (max-width:480px){
	.fieldbody{
		width:60%;
		}

	.right_panel{
		position:relative;
		display:block;
		right:-3%;
		margin-top:0px;
		width:98%;
		height:730px;
		background-image:none;
		-moz-transform:skew(0deg);
		-webkit-transform:skew(0deg);
		-o-transform:skew(0deg);
		-ms-transform:skew(0deg);
		transform:skew(0deg);
		}
	}