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

body{
	background:#f0f3f4;	
}

#summary{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}

#content{
	display:block;
	width:100%;
	margin:0 auto;
	padding-top:5px;
	text-align:center;	
}
#error{
	max-width: 420px;
	width: 100%;
	background: #c04;
	color: #FFF;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: -50px;
	padding: 1em;
	border-radius: 2px;
	text-align: center;
}
#popUp{
	width:100%;
	height:100%;
	max-width:420px;
	margin:0 auto;
	margin-top:60px;
	text-align:center;
	background:#FFF;
	color:#6B6B6B;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-animation-duration: 0.5s;
	-moz-border-animation-duration: 0.5s;
	animation-duration: 0.5s;

}
#popUpHeader{
	background-color: #3399db;
	padding:20px;
		
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
#popUpContent{
	padding:20px;
}
#price{
	font-size:38px;
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
	color:#2D2D2D;	
}
#popUpContent table{
	width:100%;
	margin-bottom:22px;
	color:#AFAFAF;
}
#popUpContent td{
	width:50%;
	text-align:right;
}
.tableTitle{
	font-weight:bold;
	color:#7F7F7F;
	text-align:left!important;	
}
#popUpContent p{
	margin-top:8px;
	font-size:11px;
	color:#B1B1B1;
}
#summaryTitle{
	display:block;
	margin:0.8em 0;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#FFF;	
}
input{
	display:block;
	width:100%;
	margin:4px 0!important;
	padding:20px 15px;
	background:#EFEFEF;
	border:none;
	font-size:16px;
	color:#6E6E6E;
}
input:focus{
	outline:none;	
}
#email{
	background-color:#EFEFEF;
	background:url(../img/mailInputIcon2.png) no-repeat #EFEFEF;
	background-position:left;
	padding-left:40px;
}
.errorMail{
	background:url(../img/mailInputIcon2.png) #ffeaed!important;
	background-repeat:no-repeat!important;
	background-position:left!important;
	color:#c04;
}
.inputLabel{
	display:block;
	margin-top:0.6em;
	margin-bottom:2px;
	color:#7F7F7F;
	font-weight:bold;
}
#country{
	font-size:1.2em;
	color:#6B6B6B;
	padding:0.7em 0.5em;
	width:100%;
	border:solid 1px #EFEFEF;
}
#submitButton{
	width:100%;
	background-color:#6dbf60;
	background:url(../img/mini_lock.png) no-repeat #6dbf60;
	background-position:left;
}
#submitButton:hover{
	background-color:#78d75e;
	background:url(../img/mini_lock_light.png) no-repeat #78d75e;
	background-position:left;
}
#logoBottom{
	display:inline-block;
	margin-top:20px;
}
#logoBottom img{
	max-width:130px;
}

@media screen and (max-device-width: 768px) {
	body{
		font-size:36px;
	}
	#content{
		padding:0.7em;
	}
	#popUp{
		max-width:80%;
		margin-top:0;
		font-size:1em;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
	}
	
	#popUpHeader{
		padding:0.4em;
			
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	#popUpContent{
		padding:1em;
	}
	#price{
		font-size:1.5em;
	}
	#popUpContent table{
		margin:1em 0;
	}
	#popUpContent p{
		font-size:0.5em;
	}
	#summaryTitle{
		font-size:1em;
	}
	input{
		font-size:1em;
		padding:1em;
		padding-left:3em;
		background-size:1.5em;
	}
	#email{
			font-size:1em;
			background-size:6em;
			padding-left:2em;
	}
	.errorMail{
			font-size:1em!important;
			background-size:6em!important;
			padding-left:2em!important;
	}
	#submitButton{
		font-size:1em;
		padding:1em;
		background-size:1.5em;
		
		-o-transition:none;
		-ms-transition:none;
		-moz-transition:none;
		-webkit-transition:none;
	
		transition:none;
	}
	#submitButton:hover{
		background-color:#6dbf60;
		background:url(../img/mini_lock.png) no-repeat #6dbf60;
		background-position:left;
		background-size:1.5em;
	}

	#logoBottom{
		display:inline-block;
		margin-top:1em;
	}
	#logoBottom img{
		max-width:8em;
	}
}

@media screen and (max-device-width: 360px){
	#popUp{
		max-width:100%;
		font-size:1.5em;
	}
	#summaryTitle{
		font-size:1.5em;
	}
}