/*хак убираю отступы*/

#quiz {
	animation-name: fadeIn;
	position: relative;
	color: #fff;
	/* margin: 0% auto; */
	/* background-image: url('10733678_1920.jpg'); */
	/* background-position: 51.20% 54.01%; */
	background: url("bg.jpg") no-repeat center center;
	background-size: cover;
	min-height: 20rem;
	padding-bottom: 12%;
	padding-top: 5%;
	height: 100%;
	margin-bottom: 3%;
	/* min-height: 100%; */
	position: fixed;
	z-index: 9000;
	top: 0;
}
#quiz .icon-remove {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #f00;
    cursor: pointer;
    z-index: 9001;
    right: 0px;
    top: 0px;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAF8CAYAAACNGugZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzFBRjhCNTUwREMwMTFFNDgzNTNFQjk1NkZBQTI5RTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzFBRjhCNTYwREMwMTFFNDgzNTNFQjk1NkZBQTI5RTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMUFGOEI1MzBEQzAxMUU0ODM1M0VCOTU2RkFBMjlFNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMUFGOEI1NDBEQzAxMUU0ODM1M0VCOTU2RkFBMjlFNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4l7RwAABXeSURBVHja7J0JUFPH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") no-repeat scroll 0px 0px;
}
#quiz .icon-remove:hover,
#quiz .icon-remove:focus { 
    color: #fff;
    border-color: #f3a80a;
    background-color: #f3a80a;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
#quiz form{

}





.page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: 0;
}
/*...хак убираю отступы*/


.stepinput, .stepradio{
    margin: 10% auto; 
}

.btn-wrap {
    width: 412px;
    max-width: 100%;
    position: relative;
    margin: 50px auto 0;
}















.component-bg, .component-bg .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#quiz .btn-content i {
    /* float: left; */
    margin-right: 6px;
}
.component-bg .overlay {
    /**/	
    background:#fdb341;
    opacity: .5;
}
/*доп остпуп для блоков с формой*/

.component-quiz .form-field-text {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.component-quiz .form-field-text-input {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    width: 100%;
    max-height: 1.8em;
    padding: 28px;
    border-radius: 0;
    font-size: 1.2rem;
    line-height: 1.375;
    -webkit-appearance: none;
    transition: border .2s;
    color: #333;
}
.btn-wrap .arrow {
    display: block;
    position: absolute;
    right: 100%;
    bottom: 5px;
    margin-right: 20px;
    width: 60px;
    height: 78px;
}
svg {
    max-width: 100%;
    max-height: 100%;
    fill: currentColor;
    fill-rule: evenodd;
}
.btn-wrap .arrow svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    fill-rule: evenodd;
}
.component-bg {
    overflow: hidden;
    clip: rect(auto,auto,auto,auto);
    pointer-events: none;
    z-index: -1;
}
.component-bg .image-holder {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s,visibility .35s;
    background-image: url('10733678_1920.jpg');
    background-position: 51.20% 54.01%;  /* */
}

.component-quiz .form-field-image-item {
    display: block;
    /* width: 25%; */
    padding: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: .3px;
    float: left;
}
.component-quiz .form-field-image-item .form-field-image-text {
    background: #fff;
    color: #000;
    width: 100%;
    padding: 10px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.component-quiz .form-field-image-item .form-field-image-text i{
    background: #fff;
    color: #000;
    width: 100%;
    padding: 20px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}


.component-bg .image-holder, .component-bg .parallax-outer, .component-bg .video_bg_container {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wellcome-screen {
    /* display: block !important; */
    width: 100%;
    margin: auto;
    left: 0;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: visibility,opacity,transform;
    position: relative;
    margin: 10% auto;
}
.text-style-title-main {
    font-size: 1.429rem;

    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .018em;
    display: block;
    text-align: center;
    margin: 0 auto 15px;
    width: 100%;
    max-width: 960px;
    min-width: 100px;
    word-break: break-word;
}

.btn-wrap.arrow {
    margin-top: 75px;
}
.btn-note {
    max-width: 580px;
    margin: 30px auto 0;
}
.btn-note p {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
}

.wellcome-screen .component-button.filled .btn-content {
    border: 1px solid #f3a80a;
    background-color: #f3a80a;
    /*    color: #212121;*/
    border-radius: 0px;
    padding: 13px 22px 12px;
    /* font-size: 2rem; */
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
/*.wellcome-screen .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover {*/
.wellcome-screen .component-button .btn-content:hover {
    background-color:  #f3a80a;
}
.component-button {
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.429;
    letter-spacing: normal;
    text-align: center;
    word-break: normal;
}
.component-button.big {
    font-size: 0.643rem;
}



.component-quiz .component-button.filled .btn-content {
    border: 1px solid #f3a80a;
    background-color:  #f3a80a;
    color: #fff;
}
.component-quiz .quiz-actions {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    max-width: 100%;
}
.component-quiz .quiz-actions .component-button {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: none;
}
.component-button.bordered .btn-content {
    border: 1px solid currentColor;
}
.component-quiz .component-button.bordered .btn-content {
    color: #fff;
}
.component-quiz .component-button.quiz-next .btn-content:hover {
border: 2px solid #fff;
	color: #fff;
	background: transparent;

}
.component-quiz .component-button.bordered .btn-content:hover {
    color: #ccc; 
}

.component-quiz .quiz-actions .component-button .btn-content {
    padding: 13px 22px 12px;
    /*    width: 200px;*/
}
.component-button .btn-content span {
	transition: opacity .45s;
	font-size: 1rem;
}
.component-button .btn-content  {

    /*    font-size: 2rem;*/
}
.component-button .btn-content span:hover{
    text-decoration: none;
}
.component-quiz .form-field-image-item {
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: .3px;
}

.btn-wrap .component-button {
    width: 100%;
    max-width: 100%;
}

#quiz .errorBlok {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: tomato;
    /* font-weight: 555; */
    background: #fff;
    width: 80%;
    margin: 0 auto;
    /* border: 1px dotted; */
    font-size: 1rem;
}
#quiz .errorElem{
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
    border:1px solid  tomato;
    /* border: 1px dotted; */
}
#quiz .overlay {
    background: #000;
    opacity: .5;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#quiz .row {
    /*    background-color: rgba(0,0,0,.6); */
}
#quiz .container {
    color: #fff;
    position: relative;
}
.component-quiz .step.active {
    visibility: visible;
    pointer-events: all;
}
/*.component-quiz .form-field-image-item .form-field-image-content::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg,#000,transparent);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .35s ease;
}*/
.component-quiz .form-field-image-item:hover .form-field-image-content::before {
    opacity: .3;
}
.component-quiz .form-field-image-item .form-field-image-content::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg,#000,transparent);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .35s ease;
}
.component-quiz .form-field-image-item .form-field-image-img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.component-quiz .form-field-image-item .form-field-image-check {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 5;
    opacity: 0;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    transition: all .35s ease;
}
/*кликнули на ответ с картинкой*/
.component-quiz .form-field-image-item input:checked ~ .form-field-image-content .form-field-image-check {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.component-quiz .form-field-radio-group .form-field-radio-item input[type="radio"]:checked ~ .form-field-radio-content .form-field-radio-check::after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.component-quiz .form-field-image-check #bg {
    fill: #f3a80a;
}
.component-quiz .form-field-image-check #arrow {
    fill: #fff;
}
/*radio*/
.component-quiz .step-fields {
    width: 100%;
    position: relative;
    z-index: 1;
}
.component-quiz .field:last-child {
    margin-bottom: 0;
}
.component-quiz .field {
    max-width: 750px; 
    margin: 0 auto 30px;
}
.component-quiz .field[data-type="image"] {
    max-width: 100%;
}
.component-quiz .form-field-image-item .form-field-image-content {
    cursor: pointer;
}
.component-quiz .form-field-radio-group {
    margin: -10px 0;
    text-align: left;
    margin-left: 20px;
}
.component-quiz .form-field-radio-group .form-field-radio-item {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.component-quiz .form-field-radio-group .form-field-radio-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.component-quiz .form-field-radio-group .form-field-radio-item {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}
.component-quiz .form-field-radio-group .form-field-radio-item input[type="radio"] {
    display: none;
}
.component-quiz .step-title {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .35px;
    margin-bottom: 50px;
    text-align: center;
}
.component-quiz .form-field-image-item input {
    display: none;
}

.component-quiz [data-type="checkbox"] .field-title, 
.component-quiz [data-type="image"] .field-title, 
.component-quiz [data-type="radio"] .field-title,
.component-quiz [data-type="select"] .field-title {
    display: none;
}

.component-quiz .form-field-radio-group .form-field-radio-check::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
    opacity: 0;
    transition: all .15s ease-in;
}
.component-quiz .form-field-radio-group .form-field-radio-text {

}
.component-quiz .form-field-radio-group .form-field-radio-check {
    display: block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    border: 2px solid currentColor;
    /* opacity: .3; */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .35s ease;
    /* z-index: 6; */
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.active{
    animation: fade-in .4s ease;
}
/*-------------------------------------------------*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 310px) and (max-device-width : 480px) {
    .h2, h2 {
        font-size: 22px;
    }
    .component-quiz .quiz-actions .component-button .btn-content {
        padding: 6px 9px 6px;
        width: 124px;
    }
    .component-quiz .form-field-radio-group .form-field-radio-item {
        font-size: 14px;

    }
    .component-quiz .form-field-image-item .form-field-image-text {
        font-size: 12px;
        padding: 10px;
        min-height: 60px;
    }
}
.text-style-title-main {
    margin-top: 5%;
}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    .component-quiz .form-field-image-item .form-field-image-text {
        /* min-height: 40px; */
        display: block;
        overflow: hidden;
        height: 51px;
    }

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}

/*видео*/
audio, canvas, progress, video {
    display: inline-block;
}
#video-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1; 
    /*	background: url(bg.jpg) no-repeat #000;*/
    background-size: cover;
}
#video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    opacity: 0.7;
}
#video-bg > video {
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
}

/*  /видео*/