/* ==========================================================================
   REGISTRO
   ========================================================================== */

.register-module {
	padding-top: 3.5em;
}

@media(max-width:900px) {
	.register-module {
		padding-top: 0;
	}

	.container-inner {
		margin: 0;
	}
}

.register-module .title01:first-child {
	margin-top: 1em;
}

.register-header a {
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
	font-weight: bold;
}

.register-header a:hover {
	color: #ffdbdb;
}

.register-module-title {
	padding: 1em;
	background: #f0f0f0;
	margin-bottom: 2em;
}

	.register-module-title h3 {
		margin-bottom: 0;
	}

	.register-module-title-small {
		padding: 1em;
		background: #f0f0f0
	}

	.register-module-title-small .button-icon {
		padding: 0;
		padding-right: .3em;
	}

	.register-module-title-small h3 {
		display: inline-block;
		margin: 0;
		margin-right: 2em;
	}

.register-field {
	margin: 1em 0;
}

	.register-field.full input {
		width: 100% !important;
	}

	.register-field.full label {
		padding: 0;
		width: 100%;
		text-align: left;
	}

.register-field input[type="submit"] {
	margin-top: 2em;
}

	.register-field-input,
	.register-field input {
		width: 60%;
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		max-height: none;
	}

	.register-field input[type="text"],
	.register-field input[type="password"] {
		color: #666565;
	}

	.register-field-input-full,
	.register-field-full input {
		width: 100%;
	}

	@media (max-width: 900px) {
		.register-field-input,
		.register-field input {
			width: 100%;
		}
	}
		.register-field-input .register-field-input,
		.register-field-input input {
			width: 100%;
		}
	.register-field .register-field:last-child {
		margin-bottom: 0;
	}
	.register-field input {
		height: 36px;
		border: 1px solid #e8e8e8;
		padding: 5px 0 5px 10px;
    font-size: .9375em;
	}
	.register-field input:focus {
		background: transparent;
	}
	.register-field-input select,
	.register-field select{
		min-width: 0;
		width: 100%;
		vertical-align: middle;
		border-radius: 0;
	}
	.register-field .select01 {
		max-width: none;
	}
	.register-field label {
		line-height: 36px;
		display: inline-block;
		width: 39%;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: .05em;
		font-weight: bold;
		color: #23242b;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  vertical-align: top;
	  text-align: right;
    padding-right: 1.5em;
	}

	.register-field-full label {
		text-align: left;
	}

	@media(max-width: 900px) {
		.register-field label {
			text-align: left;
		}
	}

.register-checkbox-small {
	padding-left: 30%;
}
@media(max-width: 900px) {
	.register-checkbox-small {
		padding-left: 0;
	}
}

	.register-checkbox input[type="checkbox"]:checked + label .customCheckbox:before {
		content: "\e622";
    font-family: 'Universia-DQE' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 14px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ff0000;
    display: inline-block;
    vertical-align: middle;
	}

	.register-checkbox input[type="checkbox"]:checked + label .customCheckbox:after {
		content: "";
    display: inline-block;
    width: 2px;
    height: 100%;
    vertical-align: middle;
    margin-right: -2px;
	}

	.register-checkbox input {
		display: none;
	}

	.register-checkbox label {
		width: 100%;
    display: block;
    font-family: 'PT Serif', serif;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0;
    cursor: pointer;
    white-space: normal;
    line-height: 2em;
    color: #777777;
    text-align: left;
	}

	.register-checkbox label a {
		font-family: 'PT Serif', serif;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0;
	}

	.register-checkbox .customCheckbox {
		position: relative;
    width: 31px;
    height: 31px;
    border: 1px solid #e8e8e8;
    background-color: #f0f0f0;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
	}

	.register-field.alpha {
		margin-top: 3.5em;
	}

	.register-field .button01,
	.register-extra .button01 {
		width: auto;
		height: auto;
		padding: 1em 5em;
		margin: 1em auto;
		font-size: 1.1em;
		display: block;
		cursor: pointer;
	}

	@media(max-width: 900px) {
		.register-field .button01 {
			width: 100%;
		}
	}

	.register-extra .button01 {
		display: inline-block;
		margin-top: 2em;
	}

.register-step {
	width: 33.33333%;
	margin: 2em 0;
	padding-right: .5em;
	font-family: 'Roboto Condensed', sans-serif;
	box-sizing: border-box;
	float: left;
	opacity: .5;
}

.register-step.active {
	opacity: 1;
}

	.register-step-name {
		width: 100%;
		font-weight: bold;
		text-align: center;
		padding-bottom: .3em;
		display: block;
		border-bottom: 3px solid #292b33;
		color: #23242b;
	}

	.register-step-number {
		width: 25px;
		margin: 0 auto;
		line-height: 25px;
		border-radius: 50%;
		border: 1px solid #292b33;
		color: #23242b;
		text-align: center;
		display: block;
	}

	.register-step.active .register-step-number {
		background: #292b33;
		color: #ffffff;
	}

.register-extra {
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	position: absolute;
	top: 100%;
	z-index: 9;
	-webkit-box-shadow: 0 15px 8px -8px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0 15px 8px -8px rgba(50, 50, 50, 0.5);
	box-shadow:         0 15px 8px -8px rgba(50, 50, 50, 0.5);
}

	.register-extra .container-inner {
		padding-bottom: 0;
	}

	.register-extra h4 {
		padding: .5em 0 .75em;
		margin: .3em 0 .5em;
		border-bottom: 1px solid #e8e8e8;
	}

	.register-extra .submodule-title,
	.register-extra .no-border {
		border-bottom: none;
	}

	.register-extra .border-bottom {
		padding-bottom: 1em;
		border-bottom: 1px solid #e8e8e8;	
	}

	.register-extra__greet {
		font-family: 'Roboto Condensed', sans-serif;
	}

	.register-extra__radio {
		margin-top: .5em;
	}

	.register-extra__radio input[type="radio"] {
		float: none;
	}

	.register-extra__radio label {
		display: inline-block;
	}

	.register-extra__rating {
		clear: both;
	}

	.register-extra__rating .rating {
		float: right;
	}