/*=============QIZE= ============*/
img.seticoonsstart {
	border-top-right-radius: 90px;
	border-bottom-right-radius: 90px;
}
h2.zerotitle {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #363636;
}
.startone p {
	font-weight: 500;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	font-size: 18px;
	color: #727272;
}

button#starttest {
	width: 183px;
	height: 55px;
	background: #ba9160;
	cursor: pointer;
	color: #ffffff;
	font-style: normal;
	font-weight: 300;
	align-items: center;
	text-align: center;
	z-index: 888;
	position: relative;
	border-radius: 25px;
	outline: none;
	font-size: 18px;
	padding: 12px 30px;
	border: none;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
svg.mdi-icon.mdi-24px {
	width: 20px;
	height: 20px;
	fill: white;
	position: absolute;
	left: 12px;
	top: 18px;
}


svg.mdi-icontitl {
	width: 17px;
	height: 17px;
	fill: #be9769;
}

button#starttest:hover {
	background: #b58751;
}


button#starttest:before {
	content: "";
	background-color: rgba(255, 255, 255, 0.5);
	height: 100%;
	width: 3em;
	display: block;
	position: absolute;
	opacity: 1;
	top: 0;
	left: -4.5em;
	-webkit-transform: skewX(-45deg) translateX(0);
	transform: skewX(-45deg) translateX(0);
	-webkit-transition: none;
	transition: none;
	webkit-animation: moving 3s ease-in-out infinite;
	-moz-animation: moving 3s ease-in-out infinite;
	-ms-animation: moving 3s ease-in-out infinite;
	-o-animation: moving 3s ease-in-out infinite;
	animation: moving 3s ease-in-out infinite;
}

@keyframes moving {
	30% {
		webkit-transform: skewX(-45deg) translateX(33.5em);
		transform: skewX(-45deg) translateX(33.5em);

	}

	100% {
		webkit-transform: skewX(-45deg) translateX(33.5em);
		transform: skewX(-45deg) translateX(33.5em);

	}
}


p.startbonus {
	text-transform: uppercase;
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: black;
	padding-left: 7px;
}

p.titleanswer {
	font-size: 20px;
	line-height: 1.2;
	color: #363636;
	margin: 0;
}
p.stepnamess {
	margin: 0;
}

.block-text label {
	display: flex;
	justify-content: center;
}

p.nameoption {
	text-align: center;
	font-size: 14px;
	color: #363636;
	margin-bottom: 15px;
	margin-top: 20px;
}


/* zero */

.imagezerosrep img {
	width: 100%;
}


@media only screen and (max-width: 767px){

	.col-sm-6.col-md-6.col-xs-12.zero {
		display: none;
	}

	.starttwo {
		text-align: center;
	}

	p.startbonus {
		text-align: center;
	}

	.starttwo {
		padding-top: 20px!important;
	}

}


.col-sm-6.col-md-6.col-xs-12.zero {
	padding-left: 0;
}
.starttheme {
	padding-top: 50px;
}
.starttwo {
	padding-top: 50px;
}


#backtwo {
	margin-top: 24px;
}

#nextstepfivezero{
	margin-top: 24px;
}

#nextstepfive{
	margin-top: 24px;
}
.container.qize {
	height: 500px;
}


/* finish */

.finishlefts {
	padding-top: 35px;
}
.starttwofinish {
	padding-top: 20px;
}
.form-group.row {
	display: flex;
	justify-content: center;
	position: relative;
	top: 101px;
}


.barfiller {
	width: 100%;
	height: 12px;
	background: #fcfcfc;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 20px;
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
}

.barfiller .fill {
	display: block;
	position: relative;
	width: 0px;
	height: 100%;
	background: #333;
	z-index: 1;
}

.barfiller .tipWrap { display: none; }

.barfiller .tip {
	margin-top: -30px;
	padding: 2px 4px;
	font-size: 11px;
	color: #fff;
	left: 0px;
	position: absolute;
	z-index: 2;
	background: #333;
}

.barfiller .tip:after {
	border: solid;
	border-color: rgba(0,0,0,.8) transparent;
	border-width: 6px 6px 0 6px;
	content: "";
	display: block;
	position: absolute;
	left: 9px;
	top: 100%;
	z-index: 9
}



/* HIDE RADIO */
[type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
	cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
	outline: 2px solid #f00;
}


.col-sm-12.stepinfo {
	margin-bottom: 30px;
	margin-top: 30px;
}

.col-sm-12.col-xs-12.stepback {
	margin-bottom: 30px;
	margin-top: 30px;
}
.col-sm-4.col-md-4.back {
	padding-left: 0;
}

.textblockborder label {
	width: 72%;
	height: 155px;
	border: 1px solid #cfb290;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	align-content: space-between;
	align-items: center;
	padding-bottom: 30px;
	font-size: 14px;
	color: #363636;
}

img.img-responsive.seticoons {
	border-radius: 4px;
}

div#block-5 .col-sm-6.col-md-3.col-xs-6.textblock {
	margin-left: 13%;
}
div#block-5 .col-sm-6.col-md-3.col-xs-6 .textblockborder label {
	width: 100%;
	font-size: 16px;
}

.starttwofinish svg {
	fill: #ddc6a6;
	position: absolute;
	height: 45px;
	right: 0px;
	bottom: 50px;
	transform: scaleX(-1) rotate(180deg);
	overflow: hidden;
}


h2.finishtitle {
	color: #2e2e54;
	font-weight: 500;
	text-align: left;
	line-height: 1;
}

p.starttest {
	font-size: 16px!important;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: var(--color-bg-6,var(--grey-blue));
	line-height: 1.5;
	width: 85%;
}
p.startbonus {
	font-size: 11px;
	font-weight: 900;
	line-height: 1.53;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	text-align: left;
	color: #727272;
}


.textblockborder {
	margin-top: 55px;
	display: flex;
	justify-content: center;
}

.col-sm-2.col-md-2.back {
	padding-left: 0;
}



.backtwo {
	width: 69px;
	height: 34px;
	border-color: transparent;
	cursor: pointer;
	color: #4a505e;
	font-style: normal;
	font-weight: 300;
	align-items: center;
	text-align: center;
	border-radius: 6px;
	outline: none;
	font-size: 14px;
	border: none;
	overflow: hidden;
}

.buttonnext {
	width: 80px;
	height: 33px;
	background: #cfb290;
	cursor: pointer;
	color: #ffffff;
	font-style: normal;
	font-weight: 300;
	align-items: center;
	text-align: center;
	border-radius: 6px;
	outline: none;
	font-size: 14px;
	padding: 0px 13px;
	border: none;
	overflow: hidden;
}

.buttonnext:hover {
	background: #c59e6f;
}




.buttonbpropusk {
	width: 91px;
	height: 33px;
	background: #cfb290ba;
	cursor: pointer;
	color: #ffffff;
	font-style: normal;
	font-weight: 300;
	align-items: center;
	text-align: center;
	border-radius: 6px;
	outline: none;
	font-size: 14px;
	padding-left: 7px;
	border: none;
	overflow: hidden;
}

.col-sm-1.col-md-1.back {
	padding: 0;
}

button#nextstepfivezero:hover {
	background: #cfb290;
}

.buttonback {
	position: relative;
	width: 91px;
	height: 33px;
	cursor: pointer;
	font-style: normal;
	font-weight: 300;
	align-items: center;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #eaeaea;
	outline: none;
	font-size: 14px;
	background: white;
	padding-left: 20px;
}
.buttonback:hover {
	background: #ececec;
}

button#finish {
	width: 241px;
	height: 54px;
	background: #ba9160;
	cursor: pointer;
	color: #ffffff;
	font-style: normal;
	font-weight: 300;
	align-items: center;
	text-align: center;
	z-index: 888;
	position: relative;
	border-radius: 19px;
	outline: none;
	font-size: 19px;
	padding: 12px 30px;
	border: none;
	overflow: hidden;
}

button#finish:hover {
	background: #dca15a;
}


button#finish:before {
	content: "";
	background-color: rgba(255, 255, 255, 0.5);
	height: 100%;
	width: 3em;
	display: block;
	position: absolute;
	opacity: 1;
	top: 0;
	left: -4.5em;
	-webkit-transform: skewX(-45deg) translateX(0);
	transform: skewX(-45deg) translateX(0);
	-webkit-transition: none;
	transition: none;
	webkit-animation: moving 3s ease-in-out infinite;
	-moz-animation: moving 3s ease-in-out infinite;
	-ms-animation: moving 3s ease-in-out infinite;
	-o-animation: moving 3s ease-in-out infinite;
	animation: moving 3s ease-in-out infinite;
}

@keyframes moving {
	30% {
		webkit-transform: skewX(-45deg) translateX(33.5em);
		transform: skewX(-45deg) translateX(33.5em);

	}

	100% {
		webkit-transform: skewX(-45deg) translateX(33.5em);
		transform: skewX(-45deg) translateX(33.5em);

	}
}















svg.finsvg {
	width: 20px;
	height: 20px;
	fill: white;
	position: absolute;
	left: 43px;
	top: 18px;
}

.col-md-6.col-xs-12.mb-3.finishset input {
	height: 53px;
	font-size: 16px;
}
.col-md-6.col-xs-12.mb-3.finishset.redss input {
	border: 1px solid #d10a34;
}

.col-md-6.col-xs-12.mb-3.finishset input::placeholder {
	font-size: 16px;
	color: #727272;

}

svg.is-back {
	position: absolute;
	width: 16px;
	left: 10px;
	top: 7px;
	fill: #9E9E9E;
}

h3.answers {
	text-align: center;
}


ul.infostep li {
	display: inline-block;
}

li.step {
	float: left;
}

ul.infostep {
	text-align: center;
}




.sendmi p {
	display: flex;
	align-items: center;
}

.col-sm-12.col-md-12.col-xs-12.senders h5 {
	display: flex;
	justify-content: center;
}

.col-sm-12.col-md-12.col-xs-12.senders h6 {
	display: flex;
	justify-content: center;
}

.sendmi {
	display: flex;
	justify-content: center;
}
.senders {
	text-align: center;
}

.senders {
	margin-top: 50px;
}
.senders p {
	margin-top: 15px;
}

div#result_form {
	color: red;
	font-weight: 600;
}

/*  480  */


@media only screen and (max-width: 480px){
	.textblockborder label {
		width: 100%;
		height: 77px;
		font-size: 12px;
	}
	.senders {
		margin-top: 20px;
	}

	.senders p {
		margin-top: 5px;
	}

	.col-sm-12.col-xs-12.stepinfo .col-sm-6.col-md-6 {
		padding: 0;
	}
	.col-sm-12.col-xs-12.stepinfo .col-sm-4.col-md-4 {
		padding: 0;
	}

	p.nameoption {
		font-size: 12px;
	}

	.container.qize {
		height: auto;
	}

	.starttwofinish {
		padding-top: 0;
	}

	div#result_form {
		text-align: center;
		color: red;
		font-weight: 500;
		font-size: 15px;
	}
	div#block-5 .col-sm-6.col-md-3.col-xs-6 .textblockborder label {
		font-size: 12px;
		padding-top: 24px;
	}

	.col-sm-2.col-md-2.back {
		text-align: center;
		padding-top: 0;
	}

	span.step-progressbar-steplabel.step-progressbar-nextstep {
		font-size: 8px;
	}

	div#block-5 .col-sm-6.col-md-3.col-xs-6.textblock {
		margin-left: 0;
	}

	.starttwofinish svg {
		position: absolute;
		height: 45px;
		right: -27px;
		bottom: 0px;
		transform: scaleX(-1) rotate(80deg);
		overflow: hidden;
	}

	.col-sm-6.col-md-6.col-xs-12 {
		padding: 0;
	}

	.form-group.row {
		top: 28px;
	}

	.col-sm-12.stepinfo {
		margin-bottom: 5px;
		padding: 0;
	}

	.starttheme {
		padding-top: 10px;
	}

	.col-sm-12.col-xs-12.stepback {
		padding: 0;
	}
	.col-sm-9.col-md-9.poloskas {
		padding: 0;
	}
}


.shadows {
	border-radius: 4px;
	-webkit-box-shadow: 0 0px 15px 0 rgba(0,0,0,.1);
	box-shadow: 0 0px 15px 0 rgba(0,0,0,.1);
	margin-bottom: 50px;
	border: 5px solid transparent;
}




/**/



/* ---------------- *\
	 GLOBAL VARIABLES
\* ---------------- */
/* ------ *\
	 MIXINS
\* ------ */
/* ------------ *\
	 GLOBAL STYLE
\* ------------ */
.step-progressbar-container {
	padding: 0 3px 0 3px;
}

.step-progressbar-bar-wrapper {
	width: 100%;
	height: 10px;
	margin-left: -3px;
	background-color: #FFFFFF;
	border: 2px solid #eaeaea;
	box-sizing: content-box;
}

.step-progressbar-bar {
	display: inline-block;
	position: relative;
	top: -2px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
.step-progressbar-bar .step-progressbar-progress {
	display: block;
	height: 100%;
	background-color: #cfb290;
	box-sizing: border-box;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}

.step-progressbar-toplabels {
	width: 100%;
	height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.step-progressbar-bottomlabels {
	width: 100%;
	height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.step-progressbar-labels-wrapper {
	display: block;
	position: relative;
}

.step-progressbar-toplabels .step-progressbar-steplabel {
	font-size: 16px;
	color: #BBBBBB;
}

.step-progressbar-bottomlabels .step-progressbar-steplabel {
	font-size: 16px;
	color: #BBBBBB;
}

.step-progressbar-steplabel {
	display: inline-block;
	position: absolute;
}
.step-progressbar-steplabel.step-progressbar-laststep {
	transform: translate(-100%, 0);
}
.step-progressbar-steplabel:not(.step-progressbar-firststep):not(.step-progressbar-laststep) {
	transform: translate(-50%, 0);
}

.step-progressbar-steps-wrapper {
	display: block;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 2px;
	left: 0;
}


.step-progressbar-steps {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}

.step-progressbar-step {
	display: block;
	height: 70%;
	position: absolute;
	border-width: 0 1.0px 0 1.0px;
	border-style: dashed;
	border-color: #CCCCCC;
}

.step-progressbar-firststep,
.step-progressbar-laststep {
	display: none;
}

/* ------------- *\
	 ROUNDED STYLE
\* ------------- */
.step-progressbar-rounded .step-progressbar-toplabels,
.step-progressbar-rounded .step-progressbar-bottomlabels {
	padding: 0 25px 0 25px;
	box-sizing: border-box;
}
.step-progressbar-rounded .step-progressbar-bar-wrapper {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
.step-progressbar-rounded .step-progressbar-bar {
	padding: 0 25px 0 25px;
}
.step-progressbar-rounded .step-progressbar-bar:before {
	content: ' ';
	position: absolute;
	height: 10px;
	width: 25px;
	top: 0;
	left: 0;
	background-color: #cfb290;
	box-sizing: border-box;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #FFFFFF;
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	-ms-border-radius: 20px 0 0 20px;
	-o-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
	-webkit-transition: width 0.2s, left 0.2s;
	-moz-transition: width 0.2s, left 0.2s;
	-ms-transition: width 0.2s, left 0.2s;
	-o-transition: width 0.2s, left 0.2s;
	transition: width 0.2s, left 0.2s;
}
.step-progressbar-rounded .step-progressbar-bar.step-progressbar-empty:before {
	width: 0;
	left: 25px;
	border-width: 0;
}
.step-progressbar-rounded .step-progressbar-bar:after {
	content: ' ';
	position: absolute;
	height: 50px;
	width: 0;
	top: 0;
	right: 25px;
	background-color: #cfb290;
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #FFFFFF;
	-webkit-border-radius: 0 50px 50px 0;
	-moz-border-radius: 0 50px 50px 0;
	-ms-border-radius: 0 50px 50px 0;
	-o-border-radius: 0 50px 50px 0;
	border-radius: 0 50px 50px 0;
	-webkit-transition: width 0.2s, right 0.2s;
	-moz-transition: width 0.2s, right 0.2s;
	-ms-transition: width 0.2s, right 0.2s;
	-o-transition: width 0.2s, right 0.2s;
	transition: width 0.2s, right 0.2s;
}
.step-progressbar-rounded .step-progressbar-bar.step-progressbar-full:after {
	width: 25px;
	right: 0;
	border-width: 2px 2px 2px 0;
}
.step-progressbar-rounded .step-progressbar-bar .step-progressbar-progress {
	border-width: 2px 0 2px 0;
}
.step-progressbar-rounded .step-progressbar-steps-wrapper {
	padding: 0 25px 0 25px;
}
.step-progressbar-rounded .step-progressbar-firststep,
.step-progressbar-rounded .step-progressbar-laststep {
	display: block;
}

@media (max-width: 768px) {
	.step-progressbar-step:not(.step-progressbar-nextstep),
	.step-progressbar-steplabel:not(.step-progressbar-nextstep),
	.step-progressbar-firststep:not(.step-progressbar-nextstep),
	.step-progressbar-laststep:not(.step-progressbar-nextstep),
	.step-progressbar-rounded .step-progressbar-firststep:not(.step-progressbar-nextstep),
	.step-progressbar-rounded .step-progressbar-laststep:not(.step-progressbar-nextstep) {
		display: block;
		font-size: 8px;
	}
}