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

.contact_form_container{
	width:50%; float:left; overflow:hidden;
}
/* MESSAGES */
.error_box{	width:100%;	background-color:#F30;	background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900);	overflow:hidden;	position:absolute;	top:0;	left:0;	z-index:10;}
.error_box p{	margin:1%;	color:#FFF;	text-align:center;}
.error_box a{	color:#FFF;}

/* CHECKBOX LOGIN */
#checkbox_popup{ display:none;}
.checkbox_popup{	z-index:10;	position:fixed;	width:100%; height:100%;  background:url(../images/general/black_trans.png) repeat;}
.checkbox_wrapper{
	color:#FFF;	text-align:center;	width:300px;	margin:100px auto 50px auto;	padding:10px 0 5px 0;	background:#000;	overflow:hidden;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #FFF;
}
.checkbox_wrapper h1{	margin:1%; text-align:center;}
.checkbox_wrapper p{	margin:1%; text-align:center;}

.checkbox_button{
	color:#FFF;	margin:2%;	font-family:CAL;	font-size:18px;	padding:5px 20px;	border:2px solid #CCC;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;		background-color:#F30;
	background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900);
}

.checkbox_button:hover{
	cursor:pointer;	cursor:hand;	background:#009;
	background: -webkit-linear-gradient(#09C, #009); 	background: -o-linear-gradient(#09C, #009); 
  	background: -moz-linear-gradient(#09C, #009);  	background: linear-gradient(#09C, #009); 
}

.checkbox_wrapper h1{	text-align:center;	margin:1%;	font-size:25px;}

.checkbox{	width:275px;	height:260px;	margin:0 auto;}
label {	cursor: pointer;	display: inline-block;	width:50px;	height:50px;}
label:before {  	content: "";	margin-left:5px;	float:left;	width:50px;	height:50px;}
input[type=checkbox] {  	display: none;  }
.checkbox1 label:before {	background:url(../images/general/unchecked.png);}
.checkbox2 label:before {	background:url(../images/general/highlighted.png);}
input[type=checkbox]:checked + label:before {  	background:url(../images/general/checked.png);}


.contact_form{ width:80%; margin:1% 10%; overflow:hidden;}

input, textarea{ font-size:18px; font-family:CAL; text-align:left; color:#333; }

.cf_input{
	width:100%; max-width:100%; min-width:100%; margin:1% 0; padding:5px;
	border:2px #CCC solid;
	background-color:#FFF;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.cf_input:focus{
	background-color:#E9E9E9;
	border:2px #F00 solid;
	background: -webkit-linear-gradient(#FFF, #CCC); background: -o-linear-gradient(#FFF, #CCC); 
  	background: -moz-linear-gradient(#FFF, #CCC); background: linear-gradient(#FFF, #CCC);
}

.cf_button{
	width:40%; margin:3% 30% 1% 30%; padding: 3px;
	cursor: pointer; cursor: hand;
	text-align:center; color:#FFF;
	border:2px #CCC solid;
	background-color:#666;
	background: -webkit-linear-gradient(#CCC, #000); background: -o-linear-gradient(#CCC, #000); 
  	background: -moz-linear-gradient(#CCC, #000); background: linear-gradient(#CCC, #000);
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.cf_button:hover{
	background-color:#F00;
	background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900); 
}

.anti-spam{	display:none;}

@media screen and (min-width : 601px) and (max-width : 1000px){
.cf_input{font-size:16px;}
.cf_button{font-size:16px;}
}
@media screen and (max-width : 600px){
.cf_input{font-size:14px;}
.cf_button{font-size:14px;}	
}