.wrap-quizes * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap-quizes *:before, .wrap-quizes *:after {
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.wrapper-all {
    background: rgba(0,0,0,.5);
    padding: 15px 0;
}
.wrap-quiz {
    min-width: 320px;
}
.wrap-quizes img {
    max-width: 100%;
}
.wrap-quizes {
    max-width: 1024px;
    margin: 0 auto;
    background: #fff;
}

.wrap-quizes .main-cont {
    padding: 30px; 
}

.wrap-quizes .wrap-slider  .wrap-label  {
    -webkit-box-shadow: 0 0 5px  #ccc;
    box-shadow: 0 0 5px  #ccc;
    border: 1px solid transparent;
    border-radius: 5px;
    margin: 10px 10px;
}
.wrap-quizes .wrap-slider  .wrap-label:hover {
    border: 1px solid rgba(61, 59, 238, 0.5);
}

.wrap-quizes .wrap-slider  .wrap-label .text-block {
    padding: 10px 10px;
}

.wrap-quizes .quiz-item-01 .wrap-quiz, .wrap-quizes .quiz-item-03 .wrap-quiz {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.wrap-quizes  .wrap-slider {
    width: 100%;
}
.wrap-quizes .quiz-item-01 .main-cont, .wrap-quizes .quiz-item-03 .main-cont {
    flex-basis: 75%;
    max-width: 75%;
}
.wrap-quizes label {
    display: block;
}
.wrap-quizes .quiz-item-01 label.active {
    position: relative;

}
.wrap-quizes .quiz-item-01 label.active:before {
    content: "\2714";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #7957d5;
    top: 20px;
    right: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
}
.wrap-quizes  .quiz-aside {
    flex-basis: 25%;
    min-width: 25%;
    background: #f7f7f7;
    padding: 30px;
}
.wrap-quizes .quiz-item-01 input, .wrap-quizes  input[type=radio] {
    display: none;
}
.wrap-quizes .slick-prev {
    left: 15px;
    z-index: 9;
}
.wrap-quizes .slick-next {
    right: 15px;
    z-index: 9;
}
.wrap-quizes .slick-prev:before, .wrap-quizes  .slick-next:before {
    color: #000;
    font-size: 30px;
}
.wrap-quizes .button-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.wrap-quizes .form-quiz .button-block {
    margin: 15px 0;
}
.wrap-quizes .form-quiz  .butt {
    border-radius: 10px;
    cursor: pointer;
}
.wrap-quizes .butt {
    width: 140px;
    padding: 10px 0;
   position: relative;
    text-align: center;
    border-radius: 20px;
    background: #3D3BEE;
    color: #000;
    border: 1px solid #3D3BEE;
    display: block;
}
.wrap-quizes  .butt.js-next span, .form-quiz  .butt span {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid #000;
    line-height: 18px;

}
.form-quiz  .butt {
    padding: 15px 0;
}
.stop-block.disabled {
    position: relative;
}
.stop-block.disabled::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.wrap-quizes .check-block label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.wrap-quizes .check-block  input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.wrap-quizes .check-block span {
    font-size: 12px;
}
.form-quiz label {
    margin: 15px 0;
}
.form-quiz label span {
    margin-bottom: 5px;
    display: block;
}
.form-quiz  .butt span {
    left: 20%;
}
.wrap-quizes  .butt.js-prev span {
    width: 30px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 10px;

    line-height: 18px;
}

.wrap-quizes  .butt.js-prev.disabled {
    background: #fff;
    color: #333;
     border: 1px solid #ccc;
}
.wrap-quizes  .next-but-block {
    position: relative;
    flex-basis: 140px;
}
.wrap-quizes  .next-but-block.disabled:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    left: 0;
    top: 0;
}
.wrap-quizes button.butt {
    width: 100%;
}
.wrap-quizes a {
    text-decoration: none;
}
.wrap-quizes .check-r {
    width: 20px;
    height: 20px;
    background: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 14px;
    left: 15px;
}
.wrap-quizes .wrap-items {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: space-between;
}
.wrap-quizes .quiz-item-02 .item, .wrap-quizes .quiz-item-04 .item {
    flex-basis: 48%;
}
.wrap-quizes  .radio-label {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 15px 15px 15px 50px;
    position: relative;
    cursor: pointer;
}
.wrap-quizes  .radio-label.active .check-r:after {
    content: "";
    position: absolute;
    background: #3D3BEE;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
    border-radius: 50%;
}
.wrap-quizes  .radio-label.active .check-r:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    border: 2px solid #3D3BEE;
}
.wrap-quizes  input[type=text] {
    width: 100%;
    border: 1.2px solid #c0c4c3;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    text-indent: 15px;
}
.wrap-quizes  .wrap-ct-quiz {
    min-height: 330px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}
.wrap-quizes  .form-quiz {
    max-width: 500px;
    margin: auto;
}
.wrap-quizes  .error {
    display: none;
    color: red;
}
.wrap-quizes  .promo-select {
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px 5px 30px;
    background: rgba(61, 59, 238, 0.2);
    font-size: 18px;
    position: relative;
}
.wrap-quizes  .range-block {
    margin: 10px 0 20px;
}
.wrap-quizes  .promo-select:before {
    content: "\2714";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #3D3BEE;
    border-radius: 50%;
    left: 7px;
    top: 5px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    font-size: 8px;
}
.wrap-quizes  .pes-line  {
    height: 6px;
    width: 100%;
    background: #dbdbdb;
    border-radius: 25px;
    margin: 10px 0;
    position: relative;
} 
.pes-line span {
    background: #3D3BEE;
    display: block;
    height: 100%;
}
.wrap-quizes  .js-pes  {
    color: #3D3BEE;
} 
.wrap-quizes  .prob  {
    color: #69748c;
    font-size: 16px;
    margin-bottom: 20px;
} 
.wrap-quizes  .devise {
    background: #fff;
    padding: 5px 10px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    border-radius: 4px;
    color: #2e2e49;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    margin-top: 10px;
    border: 1px solid #ccc;
} 
.wrap-quizes  h2  {
    font-size: 28px;
    margin: 15px 0;
} 
.wrap-quizes  .prob svg {
    width: 20px;
    fill: #3d3bee;
}
.wrap-quizes  .wrap-peop  {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
} 
.wrap-quizes  .wrap-peop .img-block {
    max-width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 15px;
     border-radius: 50%;
     overflow: hidden;
}

.wrap-quizes  .wrap-peop img {
    min-width: 70px;
    display: block;
}
.wrap-quizes  .wrap-peop .title {
    font-size: 16px;
}
.wrap-quizes  .wrap-peop .descr {
    font-size: 12px;
}









.quiz-item {
    display: none;
}
.quiz-item-01 {
    display: block;
}


.slick-slide, a, button, .button, .butt  {


    outline: none
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .wrap-quizes .quiz-aside, .wrap-quizes .main-cont {
        padding: 30px 15px;
    }
    .wrap-quizes .quiz-item-01 .wrap-quiz, .wrap-quizes .quiz-item-03 .wrap-quiz {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrap-quizes .quiz-aside {
        flex-basis: 100%;
    }
    .wrap-quizes .quiz-item-01 .main-cont, .wrap-quizes .quiz-item-03 .main-cont {
        flex-basis: 100%;
        max-width: 100%;
    }
}
a.butt.js-prev {

       background: #fff;

}

a.butt.js-next{

           color: #fff;
           
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .wrap-quizes .wrap-items {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrap-quizes .quiz-item-02 .item, .wrap-quizes .quiz-item-04 .item {
        flex-basis: 100%;
        margin: 15px 0;
    }
    .wrap-quizes input[type=text] {
        height: 40px;
    }
    .form-quiz .butt span {
        left: 40px;
    }
}