/*
 * HC Contact Form module
 
 */
 
#contact-form{
padding:20px;
background-color:transparent;
}
 
.large-5 {
    position: relative;
    width: 50%;
	text-align:center;
}

.large-7 {
    position: relative;
    width: 50%;
}

.column, .columns {
    float: left;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
}

.contactos-desc {
	margin-bottom:20px;
	font-size:12px;
	font-weight:400;
	text-align:center;
	color:#5b838c;
	text-transform:uppercase;
	letter-spacing:2px;
}

.titulo-contacto {
font-size:13px;
color:#fdb707;
font-style:italic;
}

.titulo-contacto2 {
font-size:14px;
padding:10px 0px;
color:#333333;
font-weight:700;
letter-spacing:1PX;
}

#contact-details{
	overflow: hidden;
	list-style: none;
	margin-top:14px;
}

ul#contact-details {
    padding-left: 0;
	text-align:center;
}

#contact-details li{
	color: #333333;
	margin-bottom: 14px;
	display:inline;
}

#contact-details li a{
	color: #fff;
}

#contact-form #name{
	overflow: hidden;
	width: 100%;
	margin-right: 2%;
	float: left;
	padding: 5px;
	margin-bottom: 11px;
	background-color:#5b838c;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#form-name{
	width: 94%;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	height:22px;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
	box-shadow:none;
	padding:0 12px;
}

#contact-form #assunto{
	overflow: hidden;
	width: 100%;
	margin-right: 2%;
	float: left;
	padding: 5px;
	margin-bottom: 11px;
	background-color:#5b838c;
}

#form-assunto{
	width: 94%;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	height:22px;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
	box-shadow:none;
}

#contact-form #email{
	overflow: hidden;
	width: 100%;
	float: right;
	padding: 5px;
	margin-bottom: 11px;
	background-color:#5b838c;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#form-email{
	width: 94%;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	height:22px;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
	box-shadow:none;
	padding:0 12px;
}

#contact-form #captcha{
	overflow: hidden;
	width: 100%;
	margin-right: 2%;
	float: none;
	clear: both;
	padding: 5px;
	margin-bottom: 11px;
	background-color:#5b838c;
		-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#form-captcha {
	width: 94%;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	height:22px;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
	box-shadow:none;
}

.form-icon{
	border-right: 1px solid #083b46;
	float: left;
	padding-right: 12px;
	padding-left:6px;
}	

.form-icon i{
	font-size: 9px;
	color:#083b46;
}

#email .form-icon i{
	position: relative;
	bottom: 2px;
}

#message{
	padding: 5px;
	margin-bottom: 11px;
	overflow: hidden;
	background-color:#5b838c;
	width: 100%;
	float: none;
	clear: both;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#form-message{
	float: left;
	font-size:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#083b46;
	width: 94%;
	height: 22px;
	border: none;
	background-color: rgba(0,0,0,0);
	box-shadow:none;
	padding:0px 12px;
}

input[type="text"]::-moz-placeholder{
color:#ffffff;
}

select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .inputbox::-moz-placeholder {
  color:#ffffff;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
  color: #ffffff;
}

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.inputbox:-ms-input-placeholder {
  color: #ffffff;
}

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.inputbox::-webkit-input-placeholder {
  color: #ffffff;
}

#contact-form .btn-wrapper{
	font-size: 12px;
	letter-spacing: 3px;
	text-align:center;
}

#contact-form .btn { 
  text-transform: uppercase; 
  background-color:#5b838c; 
  color:#083b46; 
  padding:6px 12px; 
  font-size:12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;}

#contact-form .btn:hover { background-color:#27e0ff; }

.details-error{
	padding: 10px;
	background-color: #ba2f2f;
	color: #fff;
	display: inline-block;
	float: left;
	/*display: none;*/
}

.form-sent{
	padding: 10px;
	background-color: #2fba53;
	color: #fff;
	display: inline-block;
	float: left;
	/*display: none;*/
}

.social-networks {
	text-align:center;
    margin:15px 0 0 0;
	padding: 0;
}


.social-networks li {
	width: 34px;
	height:34px;
	border:1px solid #5b838c;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    position: relative;
	transition: all 0.3s ease 0s;
   
}

.twitter, .facebook, instagram, linkedin, a i.fa{
	text-align:center;
	border-radius: 50%;
    color: #5b838c;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 34px;
}

a i.fa:hover{
color:#27e0ff;
}

/************** SMARTPHONES ****************/
@media only screen and (max-width: 1024px){
	#form-message, #form-email, #form-name {width: 90%;}
}
@media only screen and (max-width: 767px){
	
	#contact-form #name{ width: 100%; margin-right: 0px; }
	#contact-form #email{ width: 100%; margin-right: 0px; }
}

/***************** TABLETS (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#form-name{ width: 70%; }
	#form-email{ width: 70%; }
}


@media screen{
}