/* material switch */
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > label {cursor: pointer;height: 0px;position: relative;width: 40px;}
.material-switch > label::before {background: rgb(0, 0, 0);box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);border-radius: 8px;content: '';height: 16px;margin-top: -8px;position:absolute;/*opacity: 0.3;*/transition: all 0.4s ease-in-out;width: 40px;}
.material-switch > label::after {background: rgb(255, 255, 255);border-radius: 16px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);content: '';height: 24px;left: -4px;margin-top: -8px;position: absolute;top: -4px;transition: all 0.3s ease-in-out;width: 24px;}
.material-switch > input[type="checkbox"]:checked + label::before {background: inherit;}
.material-switch > input[type="checkbox"]:checked + label::after {background: inherit;left: 20px;}
.material-switch > input[type="checkbox"]:checked + label::after {background: #fff;}
.material-switch > label::before {background: #acacac;box-shadow: inset 0px 0px 12px 1px rgba(0, 0, 0, 0.45);border-radius: 32px;/*content: '';*/height: 32px;margin-top: -16px;/*position: absolute;*//*transition: all 0.4s ease-in-out;*/width: 60px;}
.material-switch > label::after {left: -16px;}
.material-switch > input[type="checkbox"]:checked + label::after {left: 12px;}
.material-switch-wrapper {height: 34px;padding-top: 7px;}

/* select2 fixes */
input[type="search"],
.select2-results__option,
.form-group {color: #333;}
.select2-container .select2-selection--single {height: 32px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: 1px solid #aaa;}

/* checkboxes fixes */
.checkbox label {padding-right: 25px;color: #fff;font-size: 15px;line-height: 18px;height: 22px;}
.checkbox label::after,
.checkbox label::before {right: 0;}

/* purple */
[data-color-scheme="purple-color-scheme"] .btnc-1 {background-color: #2a1b39;}
[data-color-scheme="purple-color-scheme"] .btnc-2 {background-color: #66418a;}
[data-color-scheme="purple-color-scheme"] .btnc-3 {background-color: #9f65d7;}
[data-color-scheme="purple-color-scheme"] .cbtn-3 {background-color: #cb08d7;}
[data-color-scheme="purple-color-scheme"] .cbtn-3:hover {background-color: #a506af; color: #fff;}
[data-color-scheme="purple-color-scheme"] .price-text {color: #4a2969;}
[data-color-scheme="purple-color-scheme"] .q-step.passed {border:2px solid #9639ed; background-color: #9639ed}
[data-color-scheme="purple-color-scheme"] .q-step.passed.active, [data-color-scheme="purple-color-scheme"] .q-step.active {background-color: #9639ed}
[data-color-scheme="purple-color-scheme"] .q-step.q-prev {border:2px solid #9639ed;background-color: #9639ed}
[data-color-scheme="purple-color-scheme"] .reset {background-color: #9639ed;}
[data-color-scheme="purple-color-scheme"] .answer:before {border: 3px solid #663879;}
[data-color-scheme="purple-color-scheme"] input:focus {outline: #9f65d7;border-color: #9f65d7;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(159, 101, 215, 0.6);}
[data-color-scheme="purple-color-scheme"] .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #9f65d7;}
[data-color-scheme="purple-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {color: #9f65d7;}
[data-color-scheme="purple-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after:focus {outline: #9f65d7;}
[data-color-scheme="purple-color-scheme"] .material-switch > input[type="checkbox"]:checked + label::before {background: #9f65d7;}
[data-color-scheme="purple-color-scheme"] #next-step {background-color: #a64bc4}
[data-color-scheme="purple-color-scheme"] .tip {color: #9f65d7}
#q-step1.goto:hover {border:1px solid #9f65d7; background-color: #9f65d7; color: #fff;}
[data-color-scheme="purple-color-scheme"] .label-info {background-color: #9f65d7;}
[data-color-scheme="purple-color-scheme"] .material-switch-wrapper.active .switch-ans {color: #9f65d7;}


/* orange */
[data-color-scheme="orange-color-scheme"] .btnc-1 {background-color: #895d10;}
[data-color-scheme="orange-color-scheme"] .btnc-2 {background-color: #f67c1a;}
[data-color-scheme="orange-color-scheme"] .btnc-3 {background-color: #ffac1d;}
[data-color-scheme="orange-color-scheme"] .cbtn-3 {background-color: #cb08d7;}
[data-color-scheme="orange-color-scheme"] .price-text {color: #e49a1a;}
[data-color-scheme="orange-color-scheme"] .q-step.passed {border:2px solid #c15f0f; background-color: #c15f0f}
[data-color-scheme="orange-color-scheme"] .q-step.passed.active, [data-color-scheme="orange-color-scheme"] .q-step.active {background-color: #c15f0f}
[data-color-scheme="orange-color-scheme"] .q-step.q-prev {border:2px solid #c15f0f;background-color: #c15f0f}
[data-color-scheme="orange-color-scheme"] .reset {background-color: #c15f0f;}
[data-color-scheme="orange-color-scheme"] .answer:before {border: 3px solid #955b1c;}
[data-color-scheme="orange-color-scheme"] input:focus {outline: #ffa200;border-color: #ffa200;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(159, 101, 215, 0.6);}
[data-color-scheme="orange-color-scheme"] .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #ffa200;}
[data-color-scheme="orange-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {color: #ffa200;}
[data-color-scheme="orange-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after:focus {outline: #ffa200;}
[data-color-scheme="orange-color-scheme"] .material-switch > input[type="checkbox"]:checked + label::before {background: #ffa200;}
[data-color-scheme="orange-color-scheme"] #next-step {background-color: #ffa200}
[data-color-scheme="orange-color-scheme"] .tip {color: #e49a1a}
#q-step2.goto:hover {border:1px solid #ffa200; background-color: #ffa200; color: #fff;}
[data-color-scheme="orange-color-scheme"] .label-info {background-color: #ffa200;}
[data-color-scheme="orange-color-scheme"] .material-switch-wrapper.active .switch-ans {color: #ffac1d;}


/* pink */
[data-color-scheme="pink-color-scheme"] .btnc-1 {background-color: #c90eff;}
[data-color-scheme="pink-color-scheme"] .btnc-2 {background-color: #ff1bf2;}
[data-color-scheme="pink-color-scheme"] .btnc-3 {background-color: #ff1aa6;}
[data-color-scheme="pink-color-scheme"] .cbtn-3 {background-color: #cb08d7;}
[data-color-scheme="pink-color-scheme"] .price-text {color: #ff1bf2;}
[data-color-scheme="pink-color-scheme"] .q-step.passed {border:2px solid #ff1bf2; background-color: #ff1bf2}
[data-color-scheme="pink-color-scheme"] .q-step.passed.active, [data-color-scheme="pink-color-scheme"] .q-step.active {background-color: #ff1bf2}
[data-color-scheme="pink-color-scheme"] .q-step.q-prev {border:2px solid #ff1bf2;background-color: #ff1bf2}
[data-color-scheme="pink-color-scheme"] .reset {background-color: #ff1bf2;}
[data-color-scheme="pink-color-scheme"] .answer:before {border: 3px solid #cd369b;}
[data-color-scheme="pink-color-scheme"] input:focus {outline: #ff1aa6;border-color: #ff1aa6;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(159, 101, 215, 0.6);}
[data-color-scheme="pink-color-scheme"] .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #ff1aa6;}
[data-color-scheme="pink-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {color: #ff1aa6;}
[data-color-scheme="pink-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after:focus {outline: #ff1aa6;}
[data-color-scheme="pink-color-scheme"] .material-switch > input[type="checkbox"]:checked + label::before {background: #ff1aa6;}
[data-color-scheme="pink-color-scheme"] #next-step {background-color: #ff1aa6}
[data-color-scheme="pink-color-scheme"] .tip {color: #f51ce9}
#q-step3.goto:hover {border:1px solid #ff1aa6; background-color: #ff1aa6; color: #fff;}
[data-color-scheme="pink-color-scheme"] .label-info {background-color: #ff1aa6;}
[data-color-scheme="pink-color-scheme"] .material-switch-wrapper.active .switch-ans {color: #ff1aa6;}


/* red */
[data-color-scheme="red-color-scheme"] .btnc-1 {background-color: #860000;}
[data-color-scheme="red-color-scheme"] .btnc-2 {background-color: #c80000;}
[data-color-scheme="red-color-scheme"] .btnc-3 {background-color: #ff0000;}
[data-color-scheme="red-color-scheme"] .cbtn-3 {background-color: #cb08d7;}
[data-color-scheme="red-color-scheme"] .price-text {color: #e10000;}
[data-color-scheme="red-color-scheme"] .q-step.passed {border:2px solid #c80000; background-color: #c80000}
[data-color-scheme="red-color-scheme"] .q-step.passed.active, [data-color-scheme="red-color-scheme"] .q-step.active {background-color: #c80000}
[data-color-scheme="red-color-scheme"] .q-step.q-prev {border:2px solid #c80000;background-color: #c80000}
[data-color-scheme="red-color-scheme"] .reset {background-color: #c80000;}
[data-color-scheme="red-color-scheme"] .answer:before {border: 3px solid #ce3535;}
[data-color-scheme="red-color-scheme"] input:focus {outline: #ff0000;border-color: #ff0000;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(159, 101, 215, 0.6);}
[data-color-scheme="red-color-scheme"] .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #ff0000;}
[data-color-scheme="red-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {color: #ff0000;}
[data-color-scheme="red-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after:focus {outline: #ff0000;}
[data-color-scheme="red-color-scheme"] .material-switch > input[type="checkbox"]:checked + label::before {background: #ff0000;}
[data-color-scheme="red-color-scheme"] #next-step {background-color: #ff0000}
[data-color-scheme="red-color-scheme"] .tip {color: #ff0000}
#q-step4.goto:hover {border:1px solid #ff0000; background-color: #ff0000; color: #fff;}
[data-color-scheme="red-color-scheme"] .label-info {background-color: #ff0000;}
[data-color-scheme="red-color-scheme"] .material-switch-wrapper.active .switch-ans {color: #ff0000;}


/* green */
[data-color-scheme="green-color-scheme"] .btnc-1 {background-color: #115101;}
[data-color-scheme="green-color-scheme"] .btnc-2 {background-color: #219b01;}
[data-color-scheme="green-color-scheme"] .btnc-3 {background-color: #28d201;}
[data-color-scheme="green-color-scheme"] .cbtn-3 {background-color: #cb08d7;}
[data-color-scheme="green-color-scheme"] .price-text {color: #4cee4c;}
[data-color-scheme="green-color-scheme"] .q-step.passed {border:2px solid #11dd07; background-color: #11dd07}
[data-color-scheme="green-color-scheme"] .q-step.passed.active, [data-color-scheme="green-color-scheme"] .q-step.active {background-color: #11dd07}
[data-color-scheme="green-color-scheme"] .q-step.q-prev {border:2px solid #11dd07;background-color: #11dd07}
[data-color-scheme="green-color-scheme"] .reset {background-color: #11dd07;}
[data-color-scheme="green-color-scheme"] .answer:before {border: 3px solid #74bf44;}
[data-color-scheme="green-color-scheme"] input:focus {outline: #28d201;border-color: #28d201;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(159, 101, 215, 0.6);}
[data-color-scheme="green-color-scheme"] .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #28d201;}
[data-color-scheme="green-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {color: #28d201;}
[data-color-scheme="green-color-scheme"] .checkbox-primary input[type="checkbox"]:checked + label::after:focus {outline: #28d201;}
[data-color-scheme="green-color-scheme"] .material-switch > input[type="checkbox"]:checked + label::before {background: #28d201;}
[data-color-scheme="green-color-scheme"] #next-step {background-color: #28d201;}
[data-color-scheme="green-color-scheme"] .tip {color: #11dd07;}
#q-step5.goto:hover {border:1px solid #28d201; background-color: #28d201; color: #fff;}
[data-color-scheme="green-color-scheme"] .label-info {background-color: #28d201;}
[data-color-scheme="green-color-scheme"] .material-switch-wrapper.active .switch-ans {color: #28d201;}

/* summary */
.goto {
    color: #17a6f4;
    cursor: pointer;
}
.q-step.goto {
    color: #fff;
}
.box-3 {
    background: #7b91ff;
}
#summary .price-currency,
#summary #price {
    color: #ffd674;
}

#summary .answer.purple:before {border: 3px solid #663879;}
#summary .answer.orange:before {border: 3px solid #955b1c;}
#summary .answer.pink:before {border: 3px solid #cd369b;}
#summary .answer.red:before {border: 3px solid #ce3535;}
#summary .answer.green:before {border: 3px solid #74bf44;}

#summary .q-step {background: #949494; border: 1px solid #949494;}
#summary .q-step.passed {border:2px solid #949494; background-color: #949494}
#summary .q-step.passed.active {background-color: #949494}
#summary .q-step.q-prev {border:2px solid #949494;background-color: #949494}
#summary .reset {background-color: #949494;}
#summary .q-step .goto {color: #fff;}

/* hover animation for buttons */
.hover-an {position: relative;overflow: hidden;}
.hover-an:after {content: " ";width: 100%;height: 100%;position: absolute;top: -100%;left: 0;background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff',endColorstr='#00ffffff',GradientType=0 );}
.hover-an:hover:after {transition: all 0.4s ease;top: 0;}