/* === Contact Form === */
.afx-form 
	{
	width:460px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	background-color:#354a5f;
	border: 1px solid #429DD9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	}
	
	
/* === Contact Form Header === */	
.afx-form  h3 
	{
	text-align:center;
	color: #3598dc;
	font-family: "Khand",Arial,Helvetica,sans-serif;
	font-size:140%;
	padding-top:20px;
	white-space: nowrap;
	/*height:110px;*/
	background-image: url(../images/01.png); 
	background-repeat:no-repeat;
	background-position:50% 80%;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #354a5f;
	}

		
/* === Submit Buttons === */
.afx-form button
	{
	background-color: #354a5f;
	}
	
.afx-form button:hover
	{
	background:#6bbaff;
	}
	
.afx-form button:active
	{
	background-color:#3394e8;
	box-shadow:  1px 1px 0px 0px #2d83cf inset;
	}

	
/* === Input Elements === */

.afx-form  input
	{
	width: 78%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	margin-left:10%;
	margin-right:10%;
	height:40px;
	margin-top:20px;
	padding-left:10px;
	border: 1px solid #354a5f;
	font-size:100%;
	outline: none;
	}

::-webkit-input-placeholder 
	{
	font-size:100%;
	font-family: 'Lato', sans-serif;
	}
	
:-moz-placeholder
	{
	font-size:100%;
	font-family: 'Lato', sans-serif;
	}
	
::-moz-placeholder	
	{
	font-size:100%;
	font-family: 'Lato', sans-serif;
	}

:-ms-input-placeholder
	{
	font-size:100%;
	font-family: 'Lato', sans-serif;
	}
	
.afx-form input:focus
	{
	/*background-color:#ebebeb;*/
	border: 1px solid #429DD9;
	background-color: #E3F0FF;
	}
	

/* === Checkbox === */

.afx-form  .check
	{
	width: 20px;
	height: 20px;
	background: #fcfff4;
	margin-left:10%;
	margin-top:25px;
	position: relative;
	float:left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	}

.afx-form .check label 
	{
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 1px;
	top: 1px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;	
	}

.afx-form input[type=checkbox]
	{
	visibility: hidden;
	}

	
.afx-form .check label:after 
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	top: 2px;
	left: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	background: #42a2f4;
	}

.afx-form .check label:hover::after 
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	}

.afx-form .check input[type=checkbox]:checked + label:after 
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	}

.afx-form .check span
	{
	text-align:left;
	color:#fff;
	font-size:100%;
	width:150px;
	/*margin-top:-3px;*/
	float:left;	
	margin-left:30px;
	}
	
	
/* === Submit Button === */
.afx-form button[type="submit"] 
	{
    cursor:pointer;
    width:80%;
	height:40px;
	margin-left:10%;
    border:none;
    color:#fff;
	margin-top:30px;
	margin-bottom:40px;
	font-size:120%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}
	
	
/* === Paragraph & Links === */	
.afx-form-footer
	{
	width:460px;
	text-align:left;
	color:#354A5F;
	font-size:100%;
	margin:0px auto;
	padding:0px;
	}

.afx-form a, .afx-form-footer a 
	{
	text-decoration:none;
	font-weight:600;
	color:#42a2f4;
	}
	
/* === From this code on, concerns responsive. I only overrided the necessary styles to make it responsive ===*/
/* Large desktop */
@media (min-width: 1200px) {  }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  }
	
/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
	
.afx-form, .afx-form-footer
	{
	width:350px;
	padding:0px;
	font-size:90%;
	}
	
/* === Input Elements === */
.afx-form label
	{
	display:block;
	}
	
.afx-form input
	{
	font-size:90%;
	padding-left:2%;
	}
	
	
/* === Text Area === */
.afx-form textarea 
	{
	font-size:90%;
	padding-left:2%;
	}
	
/* === Checkbox === */
.afx-form input[type=checkbox]
	{
	visibility: hidden;
	}

.afx-form .check 
	{
	width: 15px;
	height: 15px;
	background: #fcfff4;
	margin-left:10%;
	margin-top:25px;
	position: relative;
	float:left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	}

.afx-form .check label 
	{
	cursor: pointer;
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;	
	}

.afx-form .check label:after 
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	}

.afx-form .check label:hover::after 
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	}

.afx-form .check input[type=checkbox]:checked + label:after 
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	}

.afx-form .check span
	{
	text-align:left;
	color:#fff;
	font-size:90%;
	margin-top:-2px;
	float:left;	
	margin-left:20px;
	}
	
/* === Headers and Paragraph === */	
.afx-form h3 
	{
	font-size:120%;
	}

.afx-form h4
	{
	font-size:110%;
	}
	
.afx-form-footer p
	{
	width:80%;
	font-size:90%;
	}	
	
/* === Submit Button === */
.afx-form button[type="submit"] 
	{
	font-size:100%;
	}
}
 /* Landscape phones and down */