/*===================
* Contact form
====================*/

#contactWraper{ margin:5% 0% 5% 10%; }

#contactWraper .mid-text{
    font-size: 0.8rem;
    margin: 0.8rem 0px;
}

.social-wrap{ 
    height:5%; 
    margin-bottom: 5%; 
    margin: 2rem 0px;
}

#socialBarContainer{ height: 20px; }
#contactText{ 
    /*height:16%; */
    margin-bottom: 0%; 
}

.titleForm{
	color:#E2E2E2;
	font-size: 0.9rem;
}


.finput{
	background: #232323;
    margin: 1% 0%;
    margin: 0.3rem 0%;
	padding: 2%;
	width: 96%;
	color:#969595;
	border: none;
}

.farea{
	background: #232323;
	margin: 1% 0%;
	padding: 2%;
	width: 96%;
	color:#969595;
	border: none;
}

.fbutton{
	background: #282828;
	border: none;
	color: #fff;
	font-family: 'newsanse-regular';
	margin: 0;
	padding: 8px 16px;
	margin-top: 10px;
}

.fchk{
	margin: 10px 6px 10px 0px;
}

.fsusc{
    display: block;
    margin: 0.5rem 0px;
}

.textfont{
	color: #bbbbbb;
}

.textfont.msg{ 
	margin: .5rem 0px; 
}


label input {
	display: none;/* <-- hide the default checkbox */
}

label span {/* <-- style the artificial checkbox */
	height: 12px;
	width: 12px;
	border: 1px solid grey;
	display: inline-block;
	position: relative;
	bottom: -2px;
}

[type=checkbox]:checked + span:before {/* <-- style its checked state..with a ticked icon */
	content: '\2714';
	position: absolute;
	top: -1px;
	left: 1;
}

/*
input[type="checkbox"] {
		display:none;
}
input[type="checkbox"] + label span {
	border: 1px solid #999999;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		display:inline-block;
		width:15px;
		height:15px;
		vertical-align:bottom;
		cursor:pointer;
}

input[type="checkbox"] + label span:active,  input[type="checkbox"]:checked + label span:active{
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.5);
	vertical-align: bottom;
}

input[type="checkbox"]:checked + label span:after {
		content: '\2714';
	font-size: 14px;
	top: 0px;
	left: 5px;
	color: #99a1a7;
	vertical-align: bottom;
}
*/

input[type="text"]:valid, .farea:valid{
	font-weight: normal;
	color:#969595;
	font-family: 'newsanse-regular';
}


input[type="text"]:focus, .farea:focus{
	font-weight: normal;
	color:white;
	font-family: 'newsanse-regular';
}

.social-img{
	display: inline-block;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	margin-right: 40px;

	max-height: 100%;
	max-width: 100%;
}

.social-icon{
	display: inline-block;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	margin-right: 40px;

	font-size: 1.3rem;
	color: #ababab;
}

.oculto {display: none;}