
section {
	background: #f8f8f8
}
label {
	cursor: pointer
}
.hidden {
	display: none
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
img {
	max-width: 100%
}
.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}


.top_phone a {
	font-weight: 700;
	font-size: 1.25vw;
	line-height: 2vw;
	text-align: center;
	color: #000;
	margin-left: .5vw
}
@keyframes circle-anim {
	0% {
		transform: matrix(1, 0, 0, 1, 0, 0)
	}
	42.86% {
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: .66
	}
	100% {
		transform: matrix(2.39, 0, 0, 2.39, 0, 0);
		opacity: 0
	}
}
@keyframes circle-anim_two {
	0% {
		transform: matrix(1, 0, 0, 1, 0, 0)
	}
	42.86% {
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: .66
	}
	100% {
		transform: matrix(3.17, 0, 0, 3.17, 0, 0);
		opacity: 0
	}
}
@keyframes circle-anim_three {
	0% {
		transform: matrix(1, 0, 0, 1, 0, 0)
	}
	42.86% {
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: .66
	}
	100% {
		transform: matrix(2.79, 0, 0, 2.79, 0, 0);
		opacity: 0
	}
}
.top_phone {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: .5vw
}
.container {
	max-width: 84.4vw;
	margin: 0 auto
}
.check_wrap input[type=checkbox] {
	display: none
}
.check_wrap input[type=checkbox]+label:before {
	content: "";
	color: transparent;
	display: inline-block;
	background-color: #f0b353;
	border: 1px solid #f0b353;
	font-size: 12px;
	font-weight: 900;
	line-height: 20px;
	margin: 0 10px 0 0;
	height: 20px;
	width: 20px;
	text-align: center;
	vertical-align: middle;
	transition: color ease .3s;
	border-radius: 3px;
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5);
	vertical-align: top
}
.check_wrap input[type=checkbox]:checked+label:before {
	background-image: url(../images/check.svg);
	background-repeat: no-repeat;
	background-position: center;
	/*background-size: .8vw*/
}
.btn {
	font-size: .81vw;
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5);
	border-radius: 100px;
	margin-top: 1.6vw;
	position: relative;
	text-align: center;
	display: block;
	width: 19.3vw;
	height: 3.125vw;
	line-height: 3.125vw;
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	color: #2b2b2b;
	overflow: hidden;
	transition: .3s
}
.btn:hover {
	box-shadow: 0 4px 30px rgba(255, 175, 54, .7);
	font-weight: 700
}
.btn:focus {
	background: linear-gradient(180deg, #efad50 0, #f6d767 100%);
	font-weight: 700;
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5)
}
.btn:after {
	margin-left: -30px;
	content: " ";
	width: 30px;
	height: 300px;
	background: #fff;
	-webkit-animation-delay: .05s;
	animation-delay: .05s;
	position: absolute;
	left: -90px;
	top: -150px;
	top-animation-timing-function: ease-in-out;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	-webkit-animation-name: slideme;
	animation-name: slideme;
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
@-webkit-keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0
	}
	30% {
		left: 110%;
		margin-left: 80px
	}
	100% {
		left: 111%;
		margin-left: 84px
	}
}
@keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0
	}
	30% {
		left: 110%;
		margin-left: 80px
	}
	100% {
		left: 111%;
		margin-left: 84px
	}
}
.price_form_wrap h2 {
	font-size: 1.25vw;
	line-height: 1.5vw;
	text-align: center;
	font-weight: 400;
	color: #000
}
.price_form_wrap p {
	font-size: .91vw;
	line-height: 1.1vw;
	text-align: center;
	margin-top: -.5vw;
	color: #000;
	padding-bottom: 1.5vw
}
.price_form input {
	font-size: 1vw;
	margin: 0 auto .7vw;
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius: 1.5vw;
	color: #000;
	width: 19.31vw;
	height: 3.13vw;
	line-height: 3.13vw;
	display: block;
	text-align: center;
	font-family: Montserrat
}
button {
	background-color: transparent;
	padding: 0;
	border: none;
	cursor: pointer
}
.price_form_wrap {
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	padding: 1.6vw 0;
	border-radius: 1.5vw
}
.price_wrap {
	box-sizing: border-box;
	padding: .5vw;
	background: #fff;
	width: 30.521vw;
	margin-top: -1.5vw;
	box-shadow: rgba(0, 0, 0, .1) 0 4px 50px;
	border-radius: 1.5vw
}
.price_form_wrap .icon_wrap {
	text-align: center;
	width: 17vw;
	margin: 0 auto
}
.price_wrap .btn {
	margin: 0 auto
}
.check_wrap label span {
	font-size:10px;
	line-height:12px;
	display: inline-block;
	vertical-align: top
}
.check_wrap {
	width:200px;
	margin:10px auto;
}
header {
	background-size: cover;
	background-position: center;
	height: 56.25vw;
	z-index: 1;
	position: relative
}
.logo {
	width: 10.419vw
}
.progress_bar {
	position: relative;
	padding: 7px;
	z-index: 2;
	margin-top: 2.5vw
}
.progress_bar ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}
/*.progress_bar ul li {
	font-size: .84vw;
	text-align: center;
	height: 3.125vw;
	line-height: 3.125vw;
	color: #2b2b2b;
	width: 10.0899vw
}*/

.progress_bar ul li{
	width:13%;
	box-sizing:border-box;
	font-size:12px;
	color: #2b2b2b;
	line-height:15px;
	padding:15px 5px;
	margin:0 3px;
	
}
.progress_bar ul li:last-child {
	margin-right: 0
}
.progress_bar ul li.test-block-active {
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	font-weight: 700;
	
	border-radius: 25px
}

.proggress_dekstop .progress_bar ul li.test-quest:last-child .icon{
	display:none;
}

.proggress_dekstop .progress_bar ul li.test-quest:last-child .text{
		display:block;
	}
/************/
@media(max-width:700px){
	.quest-text{
		display:none;
	}
	
	.progress_bar ul li{
		margin:1px;
		font-size:14px;
		
	}
	
	.test_img_end{
		display:none;
	}
	
	.proggress_dekstop .progress_bar ul li.test-quest:last-child .icon{
		display:inline-block;
	}
	.proggress_dekstop .progress_bar ul li.test-quest:last-child .text{
		display:none;
	}
}


.test-slider__wrap {
	padding: 30px
}
.test-slider__wrap h3 {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #2b2b2b
}
.form_radio_btn_wrap {
	padding-bottom: 3vw;
	padding-top: 4.3vw
}
.form_radio_btn {
	width: 21.8vw
}
.form_radio_btn input[type=checkbox],
.form_radio_btn input[type=radio] {
	display: none
}
.form_radio_btn h4 {
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	font-weight: 400;
	color: #000;
	margin-top: 1vw
}
@media(max-width:1000px){
	.form_radio_btn h4{
		font-size: 14px;
		line-height: 16px;
	}
	
	
}

}
@media(max-width:700px){
	.form_radio_btn h4{
		font-size: 12px;
		line-height: 16px;
	}
	
	
}

.form_radio_btn .img_wrap {
	display: block;
	height: 180px;
	width: 100%;
	background-size: cover;
	position: relative;
	border-radius: 2vw
}

@media(max-width:1380px){
	.form_radio_btn .img_wrap {
		
		height: 120px;
		
	}
}

@media(max-width:700px){
	.form_radio_btn .img_wrap {
		display: block;
		height: 100px;
		width: 100%;
		background-size: cover;
		position: relative;
		border-radius: 2vw
	}
	
	
}
.form_radio_btn input[type=checkbox]:checked+label h4,
.form_radio_btn input[type=radio]:checked+label h4 {
	font-weight: 700
}
.form_radio_btn input[type=checkbox]:checked+label .img_wrap::before,
.form_radio_btn input[type=radio]:checked+label .img_wrap::before {
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	background: rgba(45, 46, 51, .6);
	backdrop-filter: blur(50px);
	border-radius: 2vw;
	position: absolute
}
.form_radio_btn input[type=checkbox]:checked+label .img_wrap::after,
.form_radio_btn input[type=radio]:checked+label .img_wrap::after {
	content: '';
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-image: url(../images/galochka.svg);
	width: 4.269vw;
	height: 3.334vw;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain
}
.btn--wrap {
	display: flex;
	justify-content: center;
	align-items: center
}
.btn-test {
	width:100%;
	max-width:200px;
	height:;
	line-height: 18px;
	padding:10px 20px;
	box-sizing: border-box;
	background-color: #fff;
	margin:0 5px;
	font-size: 14px;
	text-align: center;
	color: #2b2b2b;
	border-radius:100px!important;
	position: relative;
	overflow: hidden;
	color:#000!important;
}

@media(max-width:700px){
	.btn-test{
		
	}
}

.prev-test {
	border: 1px solid #bdbdbd
}
.next-test {
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	transition: .3s;
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5);
	border-radius: 100px
}
.next-test:hover {
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	box-shadow: 0 4px 30px rgba(255, 175, 54, .7)
}
.next-test:focus {
	background: linear-gradient(180deg, #efad50 0, #f6d767 100%);
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5)
}
.next-test:after {
	margin-left: -30px;
	content: " ";
	width: 30px;
	height: 300px;
	background: #fff;
	-webkit-animation-delay: .05s;
	animation-delay: .05s;
	position: absolute;
	left: -90px;
	top: -150px;
	top-animation-timing-function: ease-in-out;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	-webkit-animation-name: slideme;
	animation-name: slideme;
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.form_radio_btn_wrap2 .form_radio_btn {
	width: 33%;
	margin-bottom: .8vw;
	margin-left: 1vw;
	margin-right: 1vw
}
.form_radio_btn_wrap2 .form_radio_btn .img_wrap {
	
}
.form_radio_btn_wrap2 {
	padding-top: 1.35vw;
	padding-bottom: 2px
}
.form_radio_btn_wrap2 .form_radio_btn h4 {
	margin-top: .7vw
}
.form_radio_btn_wrap2 .form_radio_btn input[type=checkbox]:checked+label .img_wrap::after,
.form_radio_btn_wrap2 .form_radio_btn input[type=radio]:checked+label .img_wrap::after {
	/*width: 2.761vw;
	height: 2.1349vw;*/
	background-size: contain
}
.form_radio_btn2 input[type=radio] {
	display: none
}
.form_radio_btn2 input[type=radio]+label span {
	font-size: 14px;
	text-align: center;
	color: #bdbdbd;
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius:100px;
	width: 100%;
	
	height: ;
	line-height:;
	box-sizing: border-box;
	display: block;
	margin-bottom: .5vw;
	padding:10px;
}
.form_radio_btn2 input[type=radio]:checked+label span {
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	border-radius: 30px;
	border: none;
	color: #2b2b2b
}
.test_slider_flex .form_radio_btn_wrap3 {
	width:40%;
	
}
.test_slider_flex .test3_img {
	width: 60%
}

@media(max-width:2000px){
	.test_slider_flex .form_radio_btn_wrap3 {
		width:100%;
		margin:0 auto;
		max-width:400px;
		
	}
	.test3_img{
		display:none;
	}
	.test_slider_flex .test3_img {
		display:none!important;
	}
	
}


.test_slider_flex.flex {
	align-items: center;
	padding-bottom: 0;
	margin-bottom: 2vw
}
.form_radio_btn_wrap.form_radio_btn_wrap2.form_radio_btn_wrap4.flex {
	justify-content: space-between;
	padding: 6.3vw 0
}
.form_radio_btn_wrap.form_radio_btn_wrap2.form_radio_btn_wrap4.flex .form_radio_btn {
	margin-left: 0;
	margin-right: 0
}
.test_soc_item input[type=radio] {
	display: none
}
.test_soc_item input[type="radio"] + label span {
	background: #fff;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
	border-radius: 50%;
	/* width: 3.125vw; */
	/* height: 3.125vw; */
	display: block;
	text-align: center;
	/* line-height: 3.125vw; */
	padding: 10px;
}
.test_soc_item input[type=radio]:checked+label span {
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}
.test_social_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin:10px 0;
}
.test_soc_item span img {
	vertical-align: middle
}
.test_input_wrap input {
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius:100px;
	width: 100%;
	background-color: #fff;
	height: ;
	line-height:22px;
	text-align: center;
	font-size: 18px;
	margin-bottom: .8vw;
	color: #000;
	padding:10px;
}
.test_soc_item {
	margin: 0 .5vw
}
.test-slider_end_item .btn {
	width: 100%;
	margin-top: 0
}
.test_img_end {
	width: 26.67vw
}
.test-slider_end_item {
	/*width: 36%;*/
	margin:10px auto;
}

@media(max-width:700px){
	.test-slider_end_item {
		width: 70%;
		margin:10px auto;
	}
}
.test-slider_end_wrap {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom: 1vw
} 
.block_wrap {
	height: 38.021vw;
	padding-top: 9.8vw;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	background-position: center bottom;
	z-index: 1
}
.block_wrap p {
	font-size: .83vw;
	line-height: 1.05vw;
	color: #2b2b2b
}
.block_wrap .item {
	height: 4.13vw;
	position: absolute;
	width: 4.13vw;
	display: flex;
	align-items: normal;
	flex-wrap: wrap;
	padding: .5vw;
	box-sizing: border-box;
	cursor: pointer;
	justify-content: flex-start
}
.block_wrap .item .icon_wrap {
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	width: 3.125vw;
	height: 3.125vw;
	line-height: 3.125vw;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5)
}
.block_wrap .item .icon_wrap img {
	vertical-align: middle;
	width: 1.198vw
}
.block_wrap .item p {
	display: none;
	margin-left: 1.1vw;
	width: 64%;
	padding: .5vw 0
}
.block_wrap .item:hover {
	z-index: 1;
	width: 17.136vw;
	background: #fff;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
	border-radius: 2vw;
	height: auto
}
.block_wrap .item:hover p {
	display: block
}
.block_wrap .item:first-child {
	left: 10.4vw;
	top: 5.6vw
}
.block_wrap .item:nth-child(2) {
	left: 23.7vw;
	top: 5.6vw
}
.block_wrap .item:nth-child(3) {
	left: 36.4vw;
	top: 5.6vw
}
.block_wrap .item:nth-child(4) {
	left: 59vw;
	top: 5.6vw
}
.block_wrap .item:nth-child(5) {
	left: 71.5vw;
	top: 5.6vw
}
.block_wrap .item:nth-child(6) {
	left: 83vw;
	top: 5.6vw
}
.block_wrap .item:nth-child(7) {
	left: 17vw;
	top: 19vw
}
.block_wrap .item:nth-child(8) {
	left: 26.7vw;
	top: 22.8vw
}
.block_wrap .item:nth-child(9) {
	left: 59.7vw;
	top: 28.8vw
}
.block_wrap .item:nth-child(10) {
	left: 83.7vw;
	top: 21.3vw
}
.place_slider {
	z-index: 1;
	position: relative;
	background: #fff;
	width: 63vw;
	padding: 1.6vw 2.7vw 2.1vw;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
	border-bottom-left-radius: 2vw;
	border-top-left-radius: 2vw;
	box-sizing: border-box;
	justify-content: space-between
}
.place_slider .img_wrap {
	height: 28.594vw;
	border-radius: 2vw;
	background-size: cover
}
.place_slider .text_wrap h2 {
	color: #fff;
	font-weight: 400;
	font-size: 1.25vw;
	padding-bottom: 7vw;
	line-height: 1.6vw;
	text-align: center
}
.place_slider .text_wrap .btn {
	width: 13.907vw;
	height: 3.907vw;
	line-height: 3.907vw;
	margin: 0 auto
}
.place_slider .text_wrap span {
	font-size: .94vw;
	line-height: 1.2vw;
	text-align: center;
	display: block;
	color: #fff;
	padding-top: 3.25vw
}
.place_slider .text_wrap span a {
	color: #fff;
	font-size: 1.25vw;
	font-weight: 700;
	margin-top: .8vw;
	display: inline-block
}
.place_slider .text_wrap {
	height: 100%;
	opacity: 0;
	transition: .3s;
	padding: 3.8vw 0 0;
	position: relative;
	box-sizing: border-box;
	border-radius: 2vw
}
.place_slider h3 {
	font-size: 1.25vw;
	font-weight: 300;
	text-align: center;
	padding-top: 1.7vw
}
.button-prev {
	background-size: 1.1vw;
	width: 3.125vw;
	height: 3.125vw;
	background-position: center;
	background-image: url(https://rivni-stiny.koreshkoff.com/images/nav_left.svg);
	background-repeat: no-repeat;
	border-radius: 50%;
	background-color: #e4e4e4;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
	position: absolute;
	top: 14.25vw;
	left: 1.1vw;
	z-index: 3;
	cursor: pointer
}
.button-next {
	cursor: pointer;
	position: absolute;
	background-size: 1.1vw;
	width: 3.125vw;
	top: 14.25vw;
	right: 1.1vw;
	height: 3.125vw;
	z-index: 3;
	width: 3.125vw;
	height: 3.125vw;
	background-position: center;
	background-image: url(https://rivni-stiny.koreshkoff.com/images/nav_right.svg);
	background-repeat: no-repeat;
	border-radius: 50%;
	background-color: #e4e4e4;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}
* {
	outline: 0
}
.form_wrap h3 {
	font-size: .95vw;
	line-height: 1.2vw;
	font-weight: 400;
	text-align: center;
	color: #000;
	padding-bottom: .65vw
}
.form_wrap {
	padding-bottom: .9vw
}

.block_flex.flex {
	padding-bottom: 1vw
}

.button-next,
.button-prev {
	transition: .3s
}
.button-next:hover,
.button-prev:hover {
	background-color: #f6d767;
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5)
}
.button_wrap {
	width: auto;
	display: flex;
	justify-content: flex-end
}
.button {
	height: 4.13vw;
	width: 4.13vw;
	display: flex;
	align-items: normal;
	flex-wrap: wrap;
	padding: .5vw;
	box-sizing: border-box;
	cursor: pointer;
	justify-content: flex-end
}
.button .icon_wrap {
	background: linear-gradient(180deg, #f6d767 0, #efad50 100%);
	width: 3.125vw;
	height: 3.125vw;
	line-height: 3.125vw;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 4px 20px rgba(255, 175, 54, .5)
}
.button .icon_wrap img {
	width: 1.459vw;
	vertical-align: middle
}
.button p {
	display: none;
	margin-right: 1.1vw;
	width: 7vw;
	font-size: .95vw;
	line-height: 1.1vw;
	text-align: right;
	color: #2b2b2b;
	padding: .5vw 0
}
.button:hover {
	z-index: 1;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
	width: 12.8vw;
	background: #fff;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
	border-radius: 2vw;
	height: auto
}
.button:hover p {
	display: block
}
input {
	font-family: Montserrat
}
body.active {
	overflow: hidden
}
body {
	overflow: visible
}
.test-slider__item:first-child {
	display: block
} 
.test-slider__item {
	display: none;
	/*padding: 40px*/
}
.form_radio_btn_wrap2 {
	justify-content: center;
	align-items: normal
}
.test_soc_item {
	position: relative
}
.tooltiptext {
	visibility: hidden;
	width: 150px;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	top: -35px
}
.test_soc_item:hover>.tooltiptext {
	visibility: visible
}
.progress_bar ul li.test-block-active2 {
	background: #fff;
	color: #2b2b2b;
	font-weight: 400;
	box-shadow: none
}
.btn_wrap {
	text-align: center;
	padding-top: 2.6vw
}
.btn_wrap .btn {
	margin: 0 auto;
	position: relative;
	z-index: 1
}
.container2 {
	max-width: 70vw;
	margin: 0 auto
}


