* {
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
body {
    background: inherit;
}
figure {
    margin: 0;
}
figure[disabled=disabled] {
    pointer-events:none;
    cursor: not-allowed;
    opacity: 0.5;
}
input:disabled,
input:read-only {
    cursor: not-allowed;
}
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.center {
    text-align: center;
}
.hidden {
    display: none;
}

.gsd-step {
    margin-bottom: 10px;
    border: 1px solid #f0f0f0;
}
.headline {
    position: relative;
    text-align: center;
    /* border-bottom: 1px solid #e5e5e5; */
}
.headline h2 {
    font-weight: 300;
    margin: 0;
    padding: 0.5em 0;
}
.headline.success {
    color: #ffffff;
    background: #1b5278;
}
.content {
   padding: 10px 2% 10px;
}
.content > p {
    flex-basis: 100%;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 2em;
}

.row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*flex-wrap: nowrap;*/
}
.content.row {
    align-items: center;
    margin: 0 auto;
}

.step-image {
    max-width: 260px;
    margin: 0 5%;
}

.column {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;

}
.gsd-radio {
    border: 1px solid #b0b0b0;
    cursor: pointer;
    margin: 10px;
    transition: all 0.3s cubic-bezier(.6,.3,0,.9);
    position: relative;
}
.gsd-radio.active, .gsd-radio.active:hover {
    border-color: #385f95;
}
.gsd-radio span {
    padding: 1em 0;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    background: grey;
    color: #ffffff;
    display: block;

}
.gsd-radio input[type=radio] {
    display: none;
}
.gsd-radio .input-container {
    display: block;
    width: auto;
}
.gsd-radio .input-container input[type=text] {
    bottom: 50px;
    width: 80%;
    text-align: center;
    font-size: 12px;
    display: none;
    margin: 0 auto 5px;
}
.gsd-radio:hover {
    transform: scale(1.05);
    border-color: #c55e18;
}
.gsd-radio:hover span {
    background: #c55e18;
}

.gsd-radio.active .input-container input[type=text] {
    display: block;
}
.gsd-radio.active span {
    background: #385f95;
}
.gsd-radio img {
    max-width: 180px;
}
label.desc {
    display: inline-block;
    min-width: 100px;
}
#last-rehab {
    margin-top: 10px;
}
.input-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-container label {
    margin: 0 1em 0 0;
}
.input-container.label-above {
    display: block;
}

.input-container.label-above input,
.input-container.label-above select {
    flex-basis: 100%;
    flex-wrap: wrap;
}
.input-wrapper {
    position:relative;
}

#house-preview {
    max-width: 260px;
    margin: 0 5%;
}

.gsd-step input, .gsd-step select {
    border: 1px solid #ddd;
    background: #fff;
    height: 2em !important;
    padding: 5px 40px 5px 10px;
    outline: none;
}

.gsd-step select {
    padding: 5px 15px 5px 10px;
}

.gsd-step input {
    text-align: right;
}

.gsd-step .input-container input,
.gsd-step .input-container select {
    width: 100%;
}
.gsd-step input.required {
    border-color: red;
    background: rgba(255, 0, 0, 0.1);
}
#gsd-form-step-7-region {
    width: 60%;
}
#gsd-form-step-7-region .input-container {
    float: left;
    display: block;
    width: auto;
    margin-bottom: 16px;
}
#gsd-form-step-7-region input {
    text-align: left;
}
.input-container input:focus {
    box-shadow: 0 0 5px rgb(56, 95, 149);
}
.input-container .input-desc {
    position: absolute;
    right: 10px;
    color: #333;
    top: 50%;
    transform: translateY(-50%);
}
#gsd-form-step-8-email {
    display: flex;
    justify-content: space-between;
}

#gsd-form-step-8-email .input-container {
    margin-bottom: 1em;
}

#gsd-form-step-8-email input {
    text-align: left;
}

#gsd-form-step-8-email > div {
    width: 47%;
}
.contact-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wrapper button {
    background: #385f95;
    border: none;
    border-bottom: 2px solid #2a466e;
    height: 38px;
    color: #ffffff;
    text-align: center;
    min-width: 200px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.wrapper button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.wrapper button:hover {
    transform: scale(0.9);
}
.wrapper .action-back {
    background: #ddd;
    border-color: #ddd;
    color: #666;
}
.actionbar {
    margin-top: 1em;
    text-align: center;
}
.actionbar button {
    margin: 0 0.5em;
}
.column .action-next {
    margin: 2em 0 0;
}
.slider-wrapper {
    position: relative;
    margin: 0 0 1em;
    padding: 0 0em 2em;
    font-size: 14px;
}
.slider-wrapper .slider-desc-min {
    position: absolute;
    left: 0em;
    bottom: 0;
}
.slider-wrapper .slider-desc-max {
    position: absolute;
    right: 0;
    bottom: 0;
}

.ui-slider .ui-slider-handle {
    left: 48.4444%;
    width: auto;
    padding: 3px 10px;
    height: auto;
    top: -10px;
    border-radius: 10px;
    color: white;
    background: rgb(56, 95, 149);
    box-shadow: rgb(51, 51, 51) 2px 2px 5px;
    cursor: pointer;
    border: none;
    outline: none;
    transform: translateX(-25%);
}
.ui-state-active {
    background: #385f95;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #2a466e;
}
.slick-initialized .slick-slide {
    outline: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    border-color: #ffffff;
}
.ui-visual-focus {
    box-shadow: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #385f95;
    border-color: #385f95;
}

/** Retails Message **/
.retail-feature {
    opacity: 0;
    transition: opacity 350ms ease-in-out;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fafafa;
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    text-align: center;
}
.active .retail-feature {
    opacity: 1;
}

.retail-feature p {
    display: block;
    margin: 0 auto;
}
.owner-radio{
  float: left;
  clear: none;
}

label {
  float: left;
  clear: none;
  display: block;
  padding: 2px 1em 0 0;
}

input[type=radio],
input.radio {
  float: left;
  clear: none;
  margin: 2px 0 0 2px;
  height: 25px !important;
}

.radio-padding {
  padding-left: 2em;
}
.progress-color {
  background-color: #385f95
}

.progress-table {
  width: 100%;
  height: 10px;
}

.input-privacy {
  width: 100%;
  height: 0 !important;
}

.privacy-font {
  font-size: 14px;
}

.action-new {
  margin-top: 17px;
  width: 100%;
}

.new-year {
  margin-top: 20px;
}

body > h1 { margin: .5em auto; text-align: center; }
body > h2 { margin: .5em auto; text-align: center; }