/* Button Ripple effect */
.ripple {
    background-position: center;
    transition: background 1s;
}

.ripple:hover,
.ripple:focus {
    text-decoration: none;
    color: #fff;
    background: #014f79 radial-gradient(circle, #00669e 1%, #014f79 1%) center/15000%;
}

.ripple:active {
    text-decoration: none;
    color: #fff;
    background-color: #014f79;
    background-size: 100%;
    transition: background 0s;
}

.gander .ripple:active {
    background-color: #000;
    background-size: 100%;
    transition: background 0s;
}

.btn-ripple {
    display: inline-block;
    border-radius: 25px;
    padding: 16px 44px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.17px;
    cursor: pointer;
    color: #fff;
    background-color: #00669e;
}

.form-section {
    font-size: 16px;
    font-weight: 700;
    color: #212b36;
    line-height: 19px;
    text-align: left;
    margin-bottom: 19px;
}

.stepForm1 .guide,
#sellForm1 .guide {
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 198px;
    margin: auto;
}

.stepForm1 .guide .current,
#sellForm1 .guide .current {
    flex: 0 1 auto;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 19px;
    color: #212b36;
    padding: 0px 20px 19.5px;
    border-bottom: 10px solid #f1be48;
    margin: 30px 12px;
}

.stepForm1 .guide .disabled,
.stepForm1 .guide .finished,
#sellForm1 .guide .disabled,
#sellForm1 .guide .finished {
    flex: 0 1 auto;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 19px;
    color: #212b36;
    padding: 0px 20px 19.5px;
    border-bottom: 10px solid #f1be48;
    opacity: 40%;
    background-color: transparent!important;
}


.stepForm1 h4,
.stepForm1 .h4,
#sellForm1 h4 {
    color: #212B36;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left;
    margin-bottom: 20px;
}


.stepForm1 .submit-btn,
#sellForm1 .submit-btn {
    text-align: center;
    margin-bottom: 30px;
}


.stepForm1 .requiredMsg,
#sellForm1 .requiredMsg {
    width: 40%;
    text-align: right;
}

#formStep1 fieldset {
    width: 100%;
}

#formStep1 .inputContain:not(.nada-input),
#formStep2 .inputContain,
#sellStep2 .inputContain {
    box-sizing: border-box;
    border: 1px solid rgba(33,43,54,0.3);
    border-radius: 3px;
    background-color: #FFFFFF;
    padding: 5px 10px;
    position: relative;
    margin-bottom: 30px;
}

#formStep1 .inputContain:not(.nada-input) label,
#formStep2 .inputContain label,
#sellStep2 .inputContain label {
    color: #212B36;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    top: 7px;
    left: 10px;
}

#formStep1 .inputContain:not(.nada-input) input,
#formStep2 .inputContain input,
#sellStep2 .inputContain input {
    border: none;
    border-radius: 0;
    margin-top:3px;
    margin-bottom:3px !important;
    box-shadow: none;
    padding:0;
    font-size: 16px;
    color: #212B36;
}

#formStep1 .inputContain.inputError:not('.nada-input'),
#formStep2 .inputContain.inputError,
#sellStep2 .inputContain.inputError {
    border-color: #C30B24;
    margin-bottom: 35px;
}

#formStep1 .inputContain.inputError:not(.nada-input) label,
#formStep2 .inputContain.inputError label,
#sellStep2 .inputContain.inputError label {
    color: #C30B24;
}

.stepForm1 .errmessage,
#sellForm1 .errmessage {
    color: #C30B24;
    font-size: 11px;
    line-height: 12px;
    text-transform: none;
}

#formStep1 .inputContain:not(.nada-input) input.err,
#formStep2 .inputContain input.err,
#sellStep2 .inputContain input.err {
    border: none !important;
    background-color: #fff !important;
}

#formStep1 .inputContain.focused:not('.nada-input'),
#formStep2 .inputContain.focused,
#sellStep2 .inputContain.focused {
    border-color: #00669e;
    box-shadow: 0 0 6px 1px #0d8eca;
}

#formStep1 .inputContain.focused:not(.nada-input) input,
#formStep1 .inputContain:not(.nada-input) input.filled,
#formStep2 .inputContain.focused input,
#formStep2 .inputContain input.filled,
#sellStep2 .inputContain.focused input,
#sellStep2 .inputContain input.filled {
    padding: 10px 0 0;
}

#formStep1 .inputContain.focused:not(.nada-input) label,
#formStep2 .inputContain.focused label,
#sellStep2 .inputContain.focused label {
    color: #212B36;
}

#formStep1 .inputContain:not(.nada-input) input::-webkit-input-placeholder,
#formStep1 .inputContain:not(.nada-input) textarea::-webkit-input-placeholder,
#formStep2 input::-webkit-input-placeholder,
#formStep2 textarea::-webkit-input-placeholder,
#sellStep2 input::-webkit-input-placeholder,
#sellStep2 textarea::-webkit-input-placeholder {
    color: #212B36 !important;
}
#formStep1 .inputContain:not(.nada-input) input::-moz-placeholder,
#formStep1 .inputContain:not(.nada-input) textarea::-moz-placeholder,
#formStep2 input:-moz-placeholder,
#formStep2 textarea:-moz-placeholder,
#sellStep2 input:-moz-placeholder,
#sellStep2 textarea:-moz-placeholder {
    color: #212B36 !important;
}
#formStep1 .inputContain:not(.nada-input) input::-moz-placeholder,
#formStep1 .inputContain:not(.nada-input) textarea::-moz-placeholder,
#formStep2 input::-moz-placeholder,
#formStep2 textarea::-moz-placeholder,
#sellStep2 input::-moz-placeholder,
#sellStep2 textarea::-moz-placeholder {
    color: #212B36 !important;
}

#formStep1 .inputContain:not(.nada-input) input::-ms-input-placeholder,
#formStep1 .inputContain:not(.nada-input) textarea::-ms-input-placeholder,
#formStep2 input:-ms-input-placeholder,
#formStep2 textarea:-ms-input-placeholder,
#sellStep2 input:-ms-input-placeholder,
#sellStep2 textarea:-ms-input-placeholder {
    color: #212B36 !important;
}

#formStep1 .inputContain:not(.nada-input) input:focus::placeholder,
#formStep2 input:focus::placeholder,
#sellStep2 input:focus::placeholder {
    color: transparent !important;
}

.form-control:focus {
    border: none;
    box-shadow: none;
}

form .errmessage {
    margin-top: 10px;
    margin-bottom: -23px;
    overflow: visible;
    text-align: left !important;
}

form .form-control:focus,
form .form-control:active {
    border: none;
}

#formStep1 .form-group,
#sellStep1 .form-group {
    position: relative;
}

#formStep1 .form-control:focus,
#formStep1 .form-control:active,
#sellStep1 .form-control:focus,
#sellStep1 .form-control:active {
    border: 1px solid #00669E;
}

#formStep1 .form-group select.form-control,
#sellStep1 .form-group select.form-control {
    height: 48px;
    margin-bottom: 30px;
}

#formStep1 .form-group .cw-icon.icon-down-arrow,
#sellStep1 .form-group .cw-icon.icon-down-arrow {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #000;
    height: 44px;
    width: 40px;
    overflow: visible;
    pointer-events: none;
    background: #fff;
    padding: 16px 10px;
    border-radius: 0 5px 5px 0;
}

#formStep1 .form-group.disabled .cw-icon.icon-down-arrow,
#sellStep1 .form-group.disabled .cw-icon.icon-down-arrow {
    color: #C4CDD5;
}

#formStep1 .form-group.disabled,
#sellStep1 .form-group.disabled {
    background-color: transparent !important;
}

#formStep1 .form-group.disabled label,
#sellStep1 .form-group.disabled label {
    color: #212B36;
    opacity: .5;
}

.stepFormComplete,
.stepFormOptinIssue,
#contactContainer #sellFormOptinIssue,
#contactContainer #sellFormComplete {
    display:none;
    width: 325px;
    border-radius: 8px;
    background-color: #212B36;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 162px);
    box-shadow: 3px 6px 10px 0 rgba(0,0,0,0.36);
    padding: 15px 20px;
}

.stepFormComplete p,
#contactContainer #sellFormComplete p {
    color: #FFFFFF;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
}

.stepFormError,
#contactContainer #sellFormError {
    display: none;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}


@media only screen and (min-width:1400px) {

}

@media only screen and (max-width:1200px) {

}

@media only screen and (max-width:1024px) {

}

@media only screen and (max-width:991px) {

    .stepForm1 .guide .nextstep,
    #sellForm1 .guide .nextstep {
        margin: 40px 21px;
    }

    .stepForm1 .guide .nextstep,
    #sellForm1 .guide .nextstep {
        margin: 40px 21px;
    }

    .stepForm1 .form-group,
    #sellForm1 .form-group {
        position: relative;
    }
}

@media only screen and (max-width: 420px) {


}

@media only screen and (max-width:767px) {


}

@media only screen and (max-width:550px) {


}

@media (max-width: 380px) {



}

@media only screen and (min-width:446px) {
    #stepForm1 #formStep2 .recap-con{
        margin-left: 17%;
    }
}