/* Квизы
*****************************************/
.kwiz {margin: 30px 15px;}
.kwiz__h3{text-align: center;}
.kwiz__content {margin: 0px auto 30px;width: 100%;max-width: 800px;border: 1px solid #9e9e9e;padding: 30px 50px;min-height: 400px;}
.kwiz__prosent {font-size: 12px;text-align: left;font-weight: 500;color: #7e8ca8;margin-bottom: 8px;height: 18px;position: relative;}
.kwiz__chislo {font-size: 14px;font-weight: 700;margin-left: 10px;color: #285ca9;}
.kwiz__progress-bar {width: 100%;float: none;height: 13px;    margin-top: 15px;padding: 3px;position: relative;background: #141d29;border-radius: 25px;box-shadow: inset 0 -1px 1px hsla(0,0%,100%,.3);}
.kwiz__progress-bar_span {display: block;height: 100%;border-radius: 20px;background-image: linear-gradient(90deg,#1f6b2e,#18c139);position: relative;overflow: hidden;transition: all .3s ease;}
.kwiz__progress-bar_span:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-image: linear-gradient(-45deg,hsla(0,0%,100%,.08) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 75%,transparent 0,transparent);z-index: 1;background-size: 20px 20px;-webkit-animation: move 1.5s linear infinite;animation: move 1.5s linear infinite;border-radius: 20px;overflow: hidden;}
@-webkit-keyframes move{0%{background-position:0 0}to{background-position:20px 20px}}
@keyframes move{0%{background-position:0 0}to{background-position:20px 20px}}
.kwiz__zagolovok {margin: 15px 5px;}
.kwiz__title {font-size: 16px;font-weight: bold;margin: 10px 0 20px;}
.kwiz__page {float: right;color: #adadad;}
.kwiz__block {display: none;}
.kwiz__block.active{display: block;}
.kwiz__list {padding: 0;list-style:none;}
.kwiz__li {display: inline-block;vertical-align: top;max-width: 300px;width: 100%;margin: 0;border: 1px solid transparent;border-radius: 50px;}
.postcontent ul>li.kwiz__li:before, .post ul>li.kwiz__li:before, .textblock ul>li.kwiz__li:before{content: ''}
.kwiz__li.active,.kwiz__li:hover{border: 1px solid #dedede;background: #eeeeee;}
.kwiz__label {text-align: left;border: 1px solid transparent;border-radius: 30px;position: relative;max-width: 300px;padding: 15px 30px;width: 100%;cursor: pointer;outline: none;margin: 0;}
.kwiz__button {border-radius: 30px;padding: 15px 5px;outline: none;}
.btn.kviz__btn-right, .btn.kviz__btn-left {border-radius: 30px;padding: 5px 35px;outline: none;}
.btn.kviz__btn-right:focus, .btn.kviz__btn-left:focus{outline: none;box-shadow: none; border-radius: 30px; font-size: 16px;}
.btn.kviz__btn-right.active{padding: 5px 50px 5px 30px;font-size: 16px;}
.btn.kviz__btn-left.active{border-radius: 30px;padding: 5px 35px;padding-left: 50px;color: #4a505e !important;font-size: 16px;}
.btn.kviz__btn-left{text-decoration: none!important;color: #4a505e!important;background: transparent!important;box-shadow: 0 3px 13px 0 rgba(0,0,0,.13)!important;border: 1px solid transparent;position: relative;
padding-left: 50px;}
.btn.kviz__btn-left:before{content: url(../images/icon-strelka.png);position: absolute;left: 20px;top: 14%;}
.kwiz__button-left{float:left;}
.kwiz__button-right {text-align: right;float:right;}
.btn.kviz__btn-right:before{content: url(../images/arrow-right-white.png);position: absolute;right: 15px;margin-top: 3px;margin-left: 10px;}
.btn.kviz__btn-right {float: right;background: #0650c9;border: 1px solid transparent;border-radius: 50px;padding: 5px 50px 5px 30px;color: #fff;outline: none;position: relative;overflow: hidden;}
.btn.kviz__btn-right:hover{background: #19448b;border: 1px solid #19448b;color: #fff;}
.btn.kviz__btn-right:active,.kviz__btn-right:hover,.kviz__btn-right:focus{outline: none;color: #fff;}
.btn.kviz__btn-right:after{content: "";position: absolute;top: 0;bottom: 0;height: 100%;background: linear-gradient(90deg,hsla(0,0%,100%,.1) 10%,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.6));width: 20px;-webkit-transform: skewX(-45deg);transform: skewX(-45deg);left: -25%;z-index: 1;-webkit-transition: all 0.1s;transition: all 0.1s;-webkit-animation-name: slideme;animation-name: slideme;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-delay: 0.05s;animation-delay: 0.05s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-webkit-keyframes slideme {0% { left: -30px; margin-left: 0px; }30% { left: 110%; margin-left: 80px; }100% { left: 110%; margin-left: 80px; } }
.btn:disabled{opacity: 0.65;}

.kwiz__block .radio input[type="radio"] {display: none;}
.kwiz__block .radio .cr{border: none;margin-top: 3px;position: relative;margin-top: 19px;}
.kwiz__block .radio + .radio{*margin: 0;}
.kwiz__block .kwiz__li {padding: 15px 20px; padding-left: 30px;line-height: 25px; margin-bottom: 10px;   display: inline-block;}
.kwiz__li input[type="radio"] ~ span:before {content: "";position: absolute;display: block;width: 18px;height: 18px;background: #fff;margin-right: 5px;border: 1px solid #ccc;border-radius: 50%;left: 0;top: 0;box-sizing: border-box;transition: all 300ms ease-in-out;}
.kwiz__li.active input[type="radio"]:checked ~ span:before {border: 5px solid #0650c9;}

.checkbox .cr{margin-right: 10px;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon{transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{transform: scale(1) rotateZ(0deg);opacity: 1;}
  
/* Финиш форма квиза
***********************************************/
.form-success{text-align: center;max-width: 600px;margin: 0 auto;}
.form-success .title-success{margin-bottom: 35px;font-weight: 500;font-size: 28px;color: #363636;}
.form-success .icon.is-center i{color: #ff0000;font-size: 45px;margin-bottom: 10px;}
.form-success .icon.is-left{color: #dbdbdb;position: absolute;top: 30px;font-size: 24px;left: 15px;}
.form-success .fied-group .icon.is-right{position: absolute;top: 41px;right: 15px;font-size: 24px;display: none;}
.form-success .fied-group.error .icon.is-right{display: block;}
.form-success .icon.is-right i{color: #ff0000;}
.form-success .fied-group{position: relative;text-align: left;}
.form-success .fied-group label{text-transform: uppercase;padding-left: 3px;font-size: 12px;font-weight: 700;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 1.2px;text-align: left;color: #2e2e54;}
.form-success input[type="text"]{border-radius: 4px;border: 1.2px solid #c0c4c3;width: 80%;background: #fff;padding: 10px 0 10px 15px;outline: none;font-size: 16px;margin-bottom: 10px;outline: none;cursor: pointer;}
.form-success input[type="text"]:focus{outline: none;box-shadow: none;border: 1px solid #bbb;}
.form-success input[type="text"].wpcf7-not-valid{box-shadow: none;}
.form-success input[type="text"].error_kwiz{border: 1.2px solid #ff0000;box-shadow: none;}

.form-success input::-webkit-input-placeholder {color:#c0c4c3;}
.form-success input::-moz-placeholder          {color:#c0c4c3;}/* Firefox 19+ */
.form-success input:-moz-placeholder           {color:#c0c4c3;}/* Firefox 18- */
.form-success input:-ms-input-placeholder      {color:#c0c4c3;}

.form-success .form-submit{margin-top: 10px;white-space: normal;min-height: 50px;overflow: hidden;width: 100%;color: #fff;font-size: 16px;border-radius: 5px;background: #ff5900;background: -webkit-linear-gradient(top, #ff5900 0%, #ff5900 100%);background: linear-gradient(to bottom, #ff5900 0%, #ff5900 100%);border-bottom: 3px solid #cb4903;position: relative;outline: none;}
.form-success .form-submit:hover{background: #f86312;background: -webkit-linear-gradient(top, #fd7e3a 0%, #f86312 100%);background: linear-gradient(to bottom, #fd7e3a 0%, #f86312 100%);border-bottom: 3px solid #bb4404;}
.form-success .form-submit:after{content: "";position: absolute;top: 0;bottom: 0;height: 100%;background: linear-gradient(90deg,hsla(0,0%,100%,.1) 10%,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.6));width: 20px;-webkit-transform: skewX(-45deg);transform: skewX(-45deg);left: -25%;z-index: 1;-webkit-transition: all 0.1s;transition: all 0.1s;-webkit-animation-name: slideme;animation-name: slideme;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-delay: 0.05s;animation-delay: 0.05s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.form-success .form-submit i{margin-right: 10px;}
.form-success .checkbox .cr{top: 0;margin-top: -4px;border: 1px solid #eee;font-size: 16px;}
.form-success span.wpcf7-not-valid-tip{display: none;}
.form-success div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border: 2px solid #ff0000;}
.form-success div.wpcf7-response-output{    position: fixed;border: 2px solid #ff0000;top: 20px;left: auto;background: #fff;right: 20px;padding-right: 30px;width: 250px;height: auto;}
.form-success div.wpcf7-mail-sent-ok{
    color: #000;
}

@media(max-width: 768px){
    .kwiz__content{padding: 15px 30px;}
    .btn.kviz__btn-left{padding: 5px 20px 5px 40px;}
    .form-success .title-success{margin-bottom: 15px;font-size: 25px;}
    .btn.kviz__btn-left:before{left: 13px;}
    .btn.kviz__btn-right{padding: 5px 45px 5px 25px;}
    .btn.kviz__btn-right:before{right: 10px}
}
@media(max-width: 508px){
    .btn.kviz__btn-right, .btn.kviz__btn-left{font-size: 12px}
    .kwiz__content {padding: 15px 13px;}
}

.form-success h2{
    display: none;
}

.form-success .formResponsive label{
    height: auto;
    margin: -3px 5px 3px 0;
    float: none;
    line-height: 20px;
    padding: 0px;
    width: 350px;
    display: inline-block;
}
.form-success .formResponsive .formHorizontal .formControlLabel{
    display: none;
}
.form-success .formResponsive .formHorizontal .rsform-block{
    margin-bottom: 0;
}
.form-success .formResponsive .formHorizontal .formControls{
    margin-left: 0;
}
.form-success .formResponsive input[type="radio"], .form-success .formResponsive input[type="checkbox"]{
    float: none;
    margin-top: 1px;
    margin-right: -6px;
}
.form-success .formResponsive .formBody{
    line-height: 15px;
}