body {
  background: #706255;
}
html {
    background: #121212;
}
.fs-form-overview {
    background: #fff7ef;
}

.fs-form-wrap {
    color: #ffe3c2;
}

/*---------- NAV -----------*/
.fs-nav-dots button:hover::before, .fs-nav-dots button.fs-dot-current::before {
    background: #8ab63f;
    border: 1px solid #8ab63f;
}

.fs-nav-dots button::after {
    background-color: #F44336;
}

.fs-nav-dots button::before, .fs-nav-dots button::after {

/*        border: 1px dashed #919191;*/
/*    background-color: #000000;*/
}
/*--------------------------------*/
.fs-fields input {
    border-bottom:2px dashed rgb(204 186 165);
 }

 .fs-fields input {
    color: #fff;
}
 .fs-fields textarea {
    border: 2px solid #fff;
    color: #fff;
}

/*---------- Continue Button ----------*/
button.fs-submit, button.fs-continue {
        border: 3px solid #38312a;
    color: #38312a;
    background: #fee6ca;
}

button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover {
    background: #3d3d3d;
    /* border: 3px dashed #518b0f; */
}

.fs-continue::after {
    color: rgb(255 255 255);
}

@media screen and (max-width: 52.5em) {
    button.fs-continue::before {
        color: #38312a  !important;
    }
}

/*----------------Progress Bar--------------*/
.fs-progress {
    background: #dab487;
}
/*---------------------------------------------*/

 /*-----------Raing----------*/
.rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon {
    color: #FDD835;
}

.overview .rating:not(:hover) label input:checked ~ .icon{
    color: #FB8C00;
}

.rating label:last-child .icon {
    color: #38312aa8;
}

.overview .rating label:last-child .icon {
    color: #38312a45;
}

 /*-------------- placeholder --------*/
.fs-fields input::-webkit-input-placeholder,
.fs-fields textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,0.1);
    color: #1d1a1552;
}

.fs-fields input:-moz-placeholder,
.fs-fields textarea:-moz-placeholder {
    color: rgba(0,0,0,0.1);
    color: #67676730;
}

.fs-fields input::-moz-placeholder,
.fs-fields textarea::-moz-placeholder {
    color: rgba(0,0,0,0.1);
    color: #67676730;
}

.fs-fields input:-ms-input-placeholder,
.fs-fields textarea:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
    color: #67676730;
}
/*-------------------------------------*/
@media screen and (max-width: 52.5em) {
    .js .fs-form-full .fs-fields > li.single-q {
        margin-top: 22%;
    }
}

.fs-fields input:focus {
    background-color: #25252524; /* Fixes chrome bug with placeholder */
}

.fs-form-overview .fs-fields input:focus {
    background-color: #2525255c; /* Fixes chrome bug with placeholder */
}

.checkmark {
    border: 5px solid #38312a;
    background-color: #ccbaa5;
}


.fs-form-overview .fs-submit {
    border-color: #000000;
    color: #232529;
}
button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover {
    background: #dfc19f;
}

.fs-form-overview .fs-fields textarea:focus {
    background: #f3e8da;
}

.fs-numbers {
    color: #4b433d;
}

.fs-message-error {
    color: #950707;
}

.radio-container:hover input ~ .checkmark {
    background-color: #90b552;
}
.fs-fields > li label.fs-field-label {
    display: inline-block;
    padding: 0 5px 1em 0;
    font-weight: 700;
    pointer-events: none;
    padding-right: 22px;
}
.fs-fields [required] {
    background-size: 15px;
}