/*
 Documento CSS do Layout
 Criador: Weslei Silveira
 Data Criação: 20/10/2015
 Data Atualização:

 Resolutions:
 col-xs-* ---> mobile
 col-sm-* ---> tablet
 col-md-* ---> laptops
 col-lg-* ---> large monitors
 */

/* ------------------------------------------------------------------------------- */
/*  Home
/* ------------------------------------------------------------------------------- */

#home {
	width: 100%;
	height: 533px;
	position: relative;
	background: url('../images/background.jpg') #1673D8;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	margin-top: 70px;
	padding: 100px 0;
}

/* ------------------------------------------------------------------------------- */
/*  Register
/* ------------------------------------------------------------------------------- */

#register h1 { font-family: 'proximanova-light'; font-size: 36px; color: #FFF; line-height: 44px; }
#register h2 { font-family: 'proximanova-light'; font-size: 22px; color: #FFF; line-height: 30px; margin-top: 60px; }
#register h3 { font-family: 'proximanova-light'; font-size: 22px; color: #598EC3; line-height: 30px; text-align: center; padding: 35px 0; }
#register h4 { font-family: 'proximanova-regular'; font-size: 26px; color: #385A7B; line-height: 30px; margin-top: 100px; }
#register p  { font-size: 16px; color: #878C94; line-height: 100%; }
#register strong { font-family: 'proximanova-regular'; font-weight: normal; line-height: 100%; }

#register {
	margin-top: 0px;
	
}

#register .cover {
	padding: 0px;
}

#register .form {
	width: 100%;
	min-height: 475px;
	background: #FFF;
	border: 1px solid #cfbdc6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#register form {
	padding: 0 30px 30px;	
}

#register label {
    font-size: 14px;
    color: #4983BB;
    line-height: 36px;
    display: none;
    margin: 0;
}

#register select.hs-input {
	background-image: url('../images/select.png');
	background-repeat: no-repeat;
	background-position: right center;
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   appearance: none;
}

#register .hs-form-field {
	margin-bottom: 20px;
}

#register .hs-input {
	width: 100%;
	height: 40px;
	font-size: 14px;
    color: #878C94;
	display: block;
    padding: 6px 12px;
    line-height: 1.42857143;
	background-color: #FFF;
    background-image: none;
    border: 1px solid #C9D3DD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#register .hs-button,
#register .hs-button:visited {
	width: 100%;
	height: 40px;
	font-size: 16px;
    text-align: center;
    color: #FFF;
	background: #4ABA58;
	display: block;
	padding: 6px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#register .hs-button:focus,
#register .hs-button:hover {
	color: #FFF;
	background: #449D44;
	outline: 0;
	-webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	-ms-transition: .2s all ease;
	-o-transition: .2s all ease;
	transition: .2s all ease;
}

#register .invalid {
	background: #FFF url('../images/invalid.png') no-repeat 98% center !important;
	background-size: 16px !important;
    color: #B54848 !important;
    border-color: #B54848 !important;
}

#register .invalid::-webkit-input-placeholder { color: #B54848 !important; }
#register .invalid::-moz-placeholder { color: #B54848 !important; }
#register .invalid:-moz-placeholder { color: #B54848 !important; }
#register .invalid:-ms-input-placeholder { color: #B54848 !important; }

#register .hs-error-msgs label {
	color: #B54848;
	line-height: 100%;
	display: block;
	margin-top: 10px;
}

/* ------------------------------------------------------------------------------- */
/*  About
/* ------------------------------------------------------------------------------- */

#about blockquote {
	margin-top: 40px;
}

#about blockquote:before {
    font-family: 'fontello';
    font-size: 12px;
    content: '\e831';
    color: #4ABA58;
    float: left;
    line-height: 26px;
}

#about p {
	line-height: 26px;
	margin-left: 30px;
}

/* ------------------------------------------------------------------------------- */
/*  Social
/* ------------------------------------------------------------------------------- */

#social {
	margin: 100px 0;
}

#social .icon {
	width: 34px;
	height: 34px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	line-height: 2em;
	text-decoration: none;
	text-align: center;
	color: #8BC8F6;
	border: 2px solid #8BC8F6;
	margin-left: 30px;
	padding: 0px;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	-o-border-radius: 27px;
	border-radius: 27px;
}

#social .icon:first-child {
	margin: 0;
}