/* Fonts */

@font-face {
    font-family: 'FontAwesome';
    src: url('https://s.afosto.com/fonts/fontawesome-webfont.eot?v=3.2.1') format('embedded-opentype'), url('https://s.afosto.com/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('https://s.afosto.com/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('https://s.afosto.com/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Basis */

body {
    font-family: 'Open Sans', sans-serif!important;
    font: -webkit-small-control; font-size:14px; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004)
}

h3 { font-family: 'Open Sans', sans-serif!important; color:#1762B0; text-align: center; font-size: 24px; margin-bottom: 30px; }
h3 span { font-size: 16px;display: block;line-height: 25px;color: #666;margin-top: 10px;}

.login-title-row h1 { font-family: 'Open Sans', sans-serif!important; color: #1762B0; font-size: 24px; margin-bottom: 10px!important; }

.login-title-row {
	text-align: center;
}

.login-title-row .login-subtitle {
	color: #666;
	font-size: 16px;
	padding-left: 140px;
	padding-right: 140px;
}

.login-step-row .step-container {
	padding-top: 10px;
	text-align: center;
	width: 100%;
}

.login-step-row .step-circle {
	border-radius: 4px;
	background: #ccc;
	display: inline-block;
	height: 8px;
	width: 8px;
}

.login-form-row {
	background: #fff;
	border: 1px solid #E6E6E6;
	padding-top: 60px;
	padding-bottom: 10px;
}

.login-form-row .error-flash-message {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-form-row .error-flash-message div {
    margin-left: 20px;
}
.login-form-row .error-flash-message .flash-danger {
    color: #f34541;
}

.login-form-row .login-link, .login-form-row .form-signup-step-previous-link {
	color: #666;
	font-size: 12px;
	line-height: 32px;
}

.login-form-row .login-link:hover , .login-form-row .form-signup-step-previous-link:hover {
	text-decoration: none;
}

.login-form-row .control-label {
	color: #666;
	font-family: 'Open Sans', sans-serif!important;
	padding-left: 0;
	padding-bottom: 5px;
}

.login-form-row .form-actions {
	float: left;
	width: 100%;
	margin: 0!important;
	margin-top: 40px!important;
	background: none!important;
	border: none;
}

.login-form-row .control-group .controls input:nth-child(2) {
	float: right;
	margin-right: 0!important;
	padding-right: 0!important;
}

.terms-row {
	color: #666;
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
}

.terms-row .terms-link {
	color: #1762B0;
	text-decoration: underline;
}

.terms-row .terms-and-conditions {
	color: #666!important;
}

.login-form-row input::-webkit-input-placeholder {
	color: #CCC;
	font-style: italic;
	font-size: 13px;
	font-weight: 300;
}

.login-form-row .circle-service {
	border-radius: 16px;
	background: #CCC;
	color: #fff;
	font-size: 18px;
	display: block;
	height: 32px;
	margin-top: 65px;
	width: 32px;
}

.login-form-row .service-description {
	text-align: left;
	padding-top: 10px;
}

.signup-form-step-block .service-description.first {
	padding-top: 25px;
}

.login-form-row .service-description h3 {
	color: #666;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 30px;
	text-align: left;
}

.login-form-row .service-group {
	margin-bottom: 30px;
}

.login-form-row .service-description .service-subtitle {
	color: #a5a5a5;
	font-size: 12px;
}

.login-form-row .circle-service.active {
	background: #49BF67;
}

.login-form-row .circle-service.inactive {
	background: #f34541;
}

.login-form-row .circle-service i {
	padding-left: 7px;
	line-height: 32px;
}

.login-form-row .circle-service.inactive i {
	padding-left: 9px;
}

.login-form-row .control-group input {
	background: #fff!important;
	border: 1px solid #999!important;
}

.login-form-row .form-signup-step-next-btn, .login-form-row .form-signup-step-last-btn {
	background: #f15b2a!important;
	color: #fff!important;
	float: right!important;
	font-weight: 700!important;
	height: 35px!important;
	line-height: 35px!important;
	width: auto!important;
	opacity: 0.5;
	padding: 0px 10px 0px 10px!important;
}

.login-form-row .form-signup-step-last-btn {
	opacity: 1;
}

.login-step-row .step-circle.active {
	background: #666;
}

.login-step-row {
	margin-bottom: 50px;
}

.login-contrast {
	background: #F4F7FA;
}

body.sign-in {
	padding: 0;
}

body.sign-in #wrapper {
	padding-top: 100px;
}

body.sign-in #wrapper .controls {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

body.sign-in #wrapper .controls .form-wrapper {
	background: #fff;
	border: 1px solid #E6E6E6;
	width: 487px;
	padding: 0;
}

body.sign-in #wrapper .controls .form-wrapper-signin {
	background: none;
	border: none;
	width: 800px;
	padding: 0;
}

body.sign-in label {padding-left:10px;}

body.sign-in #wrapper .controls .form-wrapper input[type="text"], body.sign-in #wrapper .controls .form-wrapper input[type="password"] {
	background: #F8F8F8;
	border: 1px solid #E6E6E6;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 14px;
	height: 40px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding-left: 10px;
}

body.sign-in #wrapper .controls .form-wrapper input[type="text"].error, body.sign-in #wrapper .controls .form-wrapper input[type="password"].error {
	border-color: #b94a48;
}

body.sign-in #wrapper .controls .form-wrapper .icon-over-input [class^="icon-"], body.sign-up #wrapper .controls .form-wrapper .icon-over-input [class^="icon-"], body.forgot-password #wrapper .controls .form-wrapper .icon-over-input [class^="icon-"] {
	color: #CCC;
	font-size: 20px;
	right: 15px;
	top: 11px;
}

body.sign-in #wrapper .controls .form-wrapper-signin .icon-over-input [class^="icon-"], body.sign-up #wrapper .controls .form-wrapper-signin .icon-over-input [class^="icon-"], body.forgot-password #wrapper .controls .form-wrapper-signin .icon-over-input [class^="icon-"] {
	color: #666;
}

body.sign-in #wrapper .controls .form-wrapper .control-group .controls, body.sign-in #wrapper .controls .form-wrapper .control-group {
	float: left;
}

body.sign-in #wrapper .controls .form-wrapper .control-group {
	width: 100%;
    height:100%;
    margin-bottom: 10px;
}

body.sign-in #wrapper .controls .form-wrapper .control-group select {
	height: 40px;
}

.form-vertical .help-block.error {
	font-size: 12px;
}

body.sign-in #wrapper .controls .form-wrapper .control-group .controls input:first-child {
    
    margin-right:10px;
    
}

body.sign-in #wrapper .controls .form-wrapper .control-group .controls input:nth-child(2) {
    
    margin-right:-10px;
    padding-right:0px;
    
}
body.sign-in #wrapper .controls .form-wrapper .control-group .controls input.big {
    width:412px;
}

body.sign-in #wrapper .controls .form-wrapper .row-fluid {
	width: auto;
}

body.sign-in #wrapper .controls .form-wrapper .form-vertical {
	margin: 0;
    padding:0 25px;
}

body.sign-in #wrapper .controls .form-wrapper-signin .form-vertical {
	margin: 0;
    padding:0 40px;
}

body.sign-in #wrapper .controls .form-wrapper .form-actions {
	background: #E6E9EB;
	height: 60px;
	padding: 0;
        margin:10px -25px 0;
        
}

body.sign-in #wrapper .controls .form-wrapper .form-actions .controls {
	margin: 0;
	padding: 0;
}

body.sign-in #wrapper .controls .form-wrapper .form-actions button, body.sign-up #wrapper .controls .form-wrapper .form-actions button, body.forgot-password #wrapper .controls .form-wrapper .form-actions button, body.sign-in #wrapper .controls .form-wrapper .form-actions .btn {
	background: none;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #9AA4A7;
	float: left;
	font-family: 'Open Sans', sans-serif!important;
	height: 60px;
	margin: 0;
	padding: 0;
	text-shadow: none;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	width: 49.5%;
}

body.sign-in #wrapper .controls .form-wrapper .form-actions .btn.full-width {
    width:100%
}

body.sign-in #wrapper .controls .form-wrapper .form-actions .btn:nth-child(2) {
	border-left: 1px solid #fff;
	float: right;
}

body.sign-in #wrapper .controls .form-wrapper .form-login-btn-row {
	margin: 0 auto;
	text-align: center;
        font-weight:300;
}
.form-login-btn.btn-primary {background: #1D76BB}
.form-login-btn.btn-signup {background: #F15B2A;}

body.sign-in #wrapper .controls .form-wrapper .form-login-btn-row .form-login-btn {
	border: none;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #fff;
	height: 45px;
	padding: 10px 20px;
	margin-top: 10px;
        margin-bottom:10px;
        font-family: 'Open Sans', sans-serif!important;
        font-weight:300;
}

body.sign-in #wrapper .controls .form-wrapper .login-btn-row {
	padding-top: 0;
	padding-bottom: 20px;
        margin-top:-5px;
}

body.sign-in #wrapper .controls .form-wrapper .form-logo {
	text-align: center;
	padding-bottom: 15px;
	padding-top: 40px;
}


body.sign-in #wrapper .controls .form-wrapper p {
	color: #9AA4A7;
	font-family: 'Open Sans', sans-serif!important;
}

body.sign-in #wrapper .controls .form-wrapper .forgot-info-row {
	padding-bottom: 0;
	padding-top: 20px;
	text-align: center;
}

body.sign-in #wrapper .controls .form-wrapper .error-message {
    clear:both;
    float: left;
}

body.sign-in #wrapper .controls .form-wrapper .error-message p {
    color: #b94a48;
    font-size: 12px;
}

body.sign-in #wrapper .controls .form-wrapper .control-group input.error::-webkit-input-placeholder {
    color: #b94a48!important;
}

body.sign-in #wrapper .controls .form-wrapper .control-group input.error::-moz-placeholder {
    color: #b94a48!important;
}

body.sign-in #wrapper .controls .form-wrapper .control-group input.error:-moz-placeholder {
    color: #b94a48!important;
}

body.sign-in #wrapper .controls .form-wrapper .control-group input.error::-ms-input-placeholder {
   color: #b94a48!important;
}

body.sign-in #wrapper .controls .form-wrapper .form-actions .login-footer-btn:hover {
    background: #1D76BB;
    color: #fff;
}

.control-group {
margin-bottom: 5px;
}

.error {
	font-family: 'Open Sans', sans-serif!important;
}
#login-form { position: relative; }
#login-form #new { position: absolute; right:-285px; top:-50px; }
#normal-address-button {display:none; }
#no-chrome { display: none; width: 487px;padding: 0;  margin:auto; text-align: center; font-size: 13px; padding:25px; color:#666; line-height: 20px;}
#no-chrome a { margin-top:10px; } 
#full-address {display:none;}

#build {
margin: auto;
/* display: inline; */
width: 300px;
text-align: center;
font-size: 60px; }

.service-group-active {
    float: left;
    margin-left: 10px;
    margin-right: 30px;
}

.service-description {
    float: left;
    margin-left: 30px;
    width: 430px;
}

.service-group-content img {
	float: left;
}

.row-fluid>.span12.blocked-info {
    margin: 20px;
    margin-bottom: 10px;
    width: 95%;
}
.row-fluid>.span12.blocked-info ul {
    margin: inherit;
    padding-left: 50px;
}
.row-fluid>.span12.blocked-info secondary {
    color: #eee;
}
body.sign-in #wrapper .controls .form-wrapper .blocked-buttons p {
    color: #333;
}
body.sign-in #wrapper .controls .form-wrapper .blocked-buttons .form-login-btn-row .form-login-btn {
    height: inherit;
}

@media (max-width: 767px) {
	body.sign-in #wrapper {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 0;
		overflow-y:  auto;
	}
	body.sign-in #wrapper .controls {
		height: 100%;
	}
	body.sign-in #wrapper .controls .login-subtitle{
		padding: 0;
	}
	body.sign-in #wrapper .controls .form-wrapper {
		border: none;
		max-width: auto;
		width: 100%;
		height: 100%;
	}
	body.sign-in #wrapper .controls .form-wrapper .form-vertical {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: calc(100% - 124px);
	}
	body.sign-in #wrapper .controls .form-wrapper .form-vertical h3 {
		margin-top: 10vh;
		margin-bottom: 5vh;
	}

	body.sign-in #wrapper .controls .form-wrapper .control-group .controls input:first-child{
		margin-right:0;
	}

	body.sign-in #wrapper #country{
		width: 100%;
	}


	.login-form-row{
		min-height: 100%;
		box-sizing: border-box;
	}
	.login-form-row .login-link,
	.form-signup-step-previous-link,
	body.sign-in #wrapper .controls .form-wrapper .form-actions button,
	body.sign-up #wrapper .controls .form-wrapper .form-actions button,
	body.forgot-password #wrapper .controls .form-wrapper .form-actions button,
	body.sign-in #wrapper .controls .form-wrapper .form-actions .btn {
		line-height: normal;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.login-form-row .login-link,
	.login-form-row .form-signup-step-previous-link{
		line-height: normal;
		display: flex;
		justify-content: center;
		align-items: center;
	}


	.terms-row{
		box-sizing: border-box;
	}

	.login-form-row .login-link, .login-form-row .form-signup-step-previous-link{
		height: 35px;
	}



}