html,body{
	min-height: 100%;
}
*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
.clearfix::after{
 clear: both;
 content: "";
 display: table;
}
a{
	color: inherit;
	text-decoration: none;
}
li{
	list-style: none;
}
img{
	display: block;
	width: 100%;
	height: auto;
}
.btn{
	margin: 0 auto;
	height: 60px;
	font-size: 14px;
	line-height: 58px;
	text-align: center;
	font-family: 'DM Sans', arial, sans-serif;
	display: block;
	width: 100%;
	max-width: 242px;
	text-transform: uppercase;
	background: linear-gradient(180deg, #FFD376 0%, #FCBF3D 100%);
	box-shadow: 0px 5px 0px #0A6924, 0px 25px 25px -20px #60D66A, inset 0px 0px 25px rgba(255, 255, 255, 0.6);
	border: 1px solid #EFEFEF;
	border-radius: 5px;
	color: #fff;
	transition: 0.3s;
	position: relative;
	cursor: pointer;
}
.btn:hover{
	box-shadow: 0px 3px 5px 2px #FFD376;
}
.btn.send{
	line-height: 18px;
}
.btn.send span{
	display: block;
	font-size: 12px;
	line-height: 15px;
}
.input{
	background: #FFFFFF;
	border: 1px solid #BDBABA;
	border-radius: 5px;
	line-height: 58px;
	text-align: center;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	display: block;
	width: 100%;
	max-width: 300px;
	transition: 0.3s;
}
.input:focus{
	outline: none;
	border-color: #3C5C75;
}
.dib{
	display: inline-block;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.js-year{
	display: inline!important;
	font-family: inherit!important;
}
body{
	font-size: 14px;
	line-height: 16px;
	color: #000;
	width: 100%;
	font-family: 'DM Sans', arial, sans-serif;
	background: url(../img/bg.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.container{
	max-width: 1325px;
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 15px;
}
header{
	color: #000;
	position: relative;
	z-index: 2;
}
header::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 203px;
	z-index: 2;
	background: linear-gradient(180deg, #FFFFFF 44.44%, rgba(255, 255, 255, 0) 100%);
}
.mobile_btn{
	display: none;
}
.color{
	color: #F83600;
}
.color-2{
	color: #458E51;
}
.bgc{
	background-color: #0C0C0C;
}
.head_top-wrap{
	transition: 0.3s;
	position: relative;
	z-index: 2;
}
.head_top-wrap.active{
	height: 120px;
}
.head_top{
	margin: 0 auto;
	max-width: 1418px;
	display: flex;
	padding: 20px 62px;
	justify-content: space-between;
}
.head_top__mobile{
	display: none;
}
.top_left{
	display: flex;
}
.logo-wrap{
	width: 170px;
	display: block;
	align-self: center;
}
.logo-wrap img{
	width: 100%;
	display: block;
}
.logo_desc{
	margin-left: 45px;
	width: 211px;
	align-self: center;
	font-size: 16px;
	line-height: 21px;
	color: #000;
}
.top_right{
	display: flex;
	justify-content: end;
}
.soc-btns{
	padding-right: 25px;
	align-self: center;
}
.soc-btn{
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	transition: 0.3s;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: right;
}
.soc-btn:hover i{
	box-shadow: 0px 5px 20px -10px #458E51;
}
.soc-btn i{
	margin-right: 10px;
	background-size: 100% 100%;
	align-self: center;
}
.soc-btn__wa i{
	width: 51px;
	height: 40px;
	display: block;
	margin-left: 20px;
	background-image: url(../img/icons/wa-1.png),linear-gradient(180deg, #64AD6A 0%, #458E51 100%);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 80px;
	transition: 0.3s;
}
.soc-btn__tel i{
	width: 16px;
	height: 16px;
	background-image: url(../img/icons/sms-1.svg);
}
.soc-btn__wa b{
	font-weight: 400;
}
.soc-btn span{
	align-self: center;
	display: block;
}
.right_info{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}
.top_num{
	display: block;
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	position: relative;
	transition: 0.3s;
}
.top_num:hover{
	color: #60D66A;
}
.soc-btn__tel{
	display: none;
}
.top_modal-btn{
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
	position: relative;
	display: block;
	color: #000;
}
.top_modal-btn::before{
	content: '';
	position: absolute;
	left: -11px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #60D66A;
	top: 7px;
	box-shadow: 0px 2px 10px rgba(96, 214, 106, 0.5);
}
.top_modal-btn span{
	transition: 0.3s;
	display: inline-block;
	border-bottom: 1px dashed #60D66A;
}
.top_modal-btn span:first-child{
	padding-right: 5px;
	margin-right: -5px;
}
.top_modal-btn:hover span{
	border-bottom-color: transparent;
}
.head_main-wrap{
	background-image: url(../img/head-bg.jpg);
	background-size: cover;
	background-position: center top;
	padding-top: 100px;
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.head_main{
	padding: 40px 0 220px;
}
.main_flex{
	display: flex;
	justify-content: space-between;
}
.main_left{
	width: 600px;
}
.main_right{
	width: calc(100% - 600px);
}
.main_right-txt{
	display: none;
}
.main_title{
	font-size: 40px;
	line-height: 52px;
	padding-bottom: 30px;
	max-width: 600px;
	font-weight: 700;
}
.main_garant{
	display: block;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 35px;
	padding-left: 66px;
	position: relative;
}
.main_garant::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	background: url(../img/main/garant.png);
	width: 46px;
	height: 51px;
}
.main_items{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px;
	max-width: 583px;
	margin-bottom: 35px;
}
.main_item{
	width: 135px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main_item-ic{
	background: url(../img/main/star.png) center no-repeat;
	background-size: 17px 16px;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	border: 1px solid #000000;
}
.main_item-txt{
	width: calc(100% - 56px);
}
.slide_img{
	border-radius: 5px;
	height: 406px;
	overflow: hidden;
}
.slide_img img{
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
}
.slide_in{
	position: relative;
}
.slide_desc{
	position: absolute;
	bottom: 75px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	z-index: 10;
	width: 200px;
	line-height: 45px;
	text-align: center;
	background: rgba(51, 51, 56, 0.5);
	backdrop-filter: blur(5px);
	border-radius: 5px;
}
.slick-dots{
	display: flex;
	position: absolute;
	bottom: 45px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}
.slick-dots li{
	display: block;
	width: 9px;
	height: 9px;
	margin: 0 5px;
}
.slick-dots button{
	border: none;
	color: transparent;
	width: 100%;
	height: 100%;
	background: #464646;
	border: 1px solid #464646;
	transition: 0.3s;
	cursor: pointer;
}
.slick-dots .slick-active button{
	background: #fff;
}
.slick-arrow{
	cursor: pointer;
	background: #EBEBEB url(../img/icons/slick-arrow.png) center no-repeat;
	box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.4);
	border-radius: 50%;
	border: 0;
	width: 36px;
	height: 36px;
	position: absolute;
	color: transparent;
	top: 50%;
	margin-top: -15px;
	z-index: 10;
	transition: 0.3s;
}
.slick-prev{
	left: 30px;
}
.slick-next{
	transform: rotate(180deg);
	right: 30px;
}
.slick-next{
	margin-left: 17px;
}
.slick-arrow:hover{
	border-color: rgba(0,0,0,0.8);
}
.main_content{
	width: 100%;
	max-width: 690px;
}
.content_price{
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;
	color: #458E51;
	text-shadow: 0px 2px 30px #FFFFFF;
	margin-bottom: 27px;
}
.content_desc{
	font-size: 22px;
	line-height: 26px;
	padding-bottom: 32px;
	max-width: 400px;
}
.main_btn{
	position: relative;
	max-width: 353px;
	background: linear-gradient(180deg, #47AF67 0%, #138130 100%);
	box-shadow: 0px 5px 0px #0A6924, 0px 25px 25px -20px #60D66A, inset 0px 0px 25px rgba(255, 255, 255, 0.6);
	border-radius: 80px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	transition: 0.3s;
	overflow: hidden;
	z-index: 2;
}
.main_btn::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    width: 53px;
    height: 90%;
    left: 10px;
    z-index: 1;
    transform: skew(31deg);
    animation-timing-function: ease-in-out;
    transition: all 0.1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes slideme{
	0%{
		left: -30%;
	}
	30%{
		left: 110%;
	}
	100%{
		left: 110%;
	}
}
.main_btn:hover{
	box-shadow: 0px 3px 0px #0A6924, 0px 15px 15px -10px #60D66A, inset 0px 0px 15px rgba(255, 255, 255, 0.6);
}
.btn_txt{
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	padding: 19px 0;
}
.btn_txt b{
	display: block;
	padding-top: 5px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
}
.btn-top{
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-anim{
	width: 24px;
	height: 14px;
	position: relative;
	display: block;
	margin-right: 10px;
}
.btn-top .btn-anim{
	animation: btn-anim 1.5s linear infinite;
}
@keyframes btn-anim{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-10px);
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes btn-anim-last{
	0%{
		transform: scale(-1,1) translateX(0);
	}
	50%{
		transform: scale(-1,1) translateX(-10px);
	}
	100%{
		transform: scale(-1,1) translateX(0);
	}
}
.btn-top .btn-anim-last{
	transform: scale(-1,1);
	margin-left: 10px;
	margin-right: 0;
	animation-name: btn-anim-last;
}
.btn-anim span{
	position: absolute;
	width: 8px;
	height: 14px;
	top: 0;
}
.btn-anim svg{
	animation: btn-anim-svg 1.5s linear infinite;
	stroke-opacity: 0.2;
	display: block;
}
.btn-anim__1{
	left: 0;
}
.btn-anim__3{
	right: 0;
}
.btn-anim__2{
	left: 50%;
	margin-left: -4px;
}
.btn-anim__2 svg{
	animation-delay: 0.5s;
}
.btn-anim__3 svg{
	animation-delay: 1s;
}
@keyframes btn-anim-svg{
	0%{
		stroke-opacity: 0.2;
	}
	33.33%{
		stroke-opacity: 0.5;
	}
	66.67%{
		stroke-opacity: 1;
	}
	100%{
		stroke-opacity: 0.2;
	}
}

.btn-bot{
	padding-top: 3px;
	display: block;
	font-size: 14px;
	line-height: 18px;
}
.btn-tag{
	position: absolute;
	width: 122px;
	height: 45px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	right: 28px;
	top: 45px;
	text-align: center;
}
.main_btn-wrap{
	padding: 25px;
	border: 1px solid #458E51;
	border-radius: 70px;
	max-width: 547px;
	position: relative;
}
.main_btn-wrap::before,
.main_btn-wrap::after{
	content: '';
	position: absolute;
	border: 1px solid #458E51;
	border-radius: 70px;
	animation: btn_main 3s linear infinite;
	z-index: 1;
}
.main_btn-wrap::after{
	animation-delay: 0.5s;
}
@keyframes btn_main{
	0%{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 1;
	}
	30%{
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px;
		opacity: 0;
	}
	100%{
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px;
		opacity: 0;
	}
}
.main_gift{
	font-size: 18px;
	line-height: 23px;
	margin-top: 35px;
	text-align: left;
	max-width: 510px;
}
.main_gift .color-2{
	font-weight: 700;
}
.main_present-wrap{
	position: relative;
	padding: 0 140px 15px 50px;
	cursor: pointer;
	max-width: 475px;
	font-weight: 300;
}
.instruction_txt{
	position: absolute;
	transition: 0.3s;
	padding: 10px 15px;
	top: -20px;
	left: 50%;
	z-index: 10;
	background: #FCBF3D;
	border-radius: 5px;
	width: 200px;
	opacity: 0;
	color: #333;
}
.instruction_txt.active{
	opacity: 1;
}
.main_present-wrap::after{
	content: '';
	position: absolute;
	top: -88px;
	right: -60px;
	background: url(../img/main/main-mockap.png);
	width: 244px;
	height: 244px;
}
.main_present-wrap p{
	font-size: 18px;
	line-height: 25px;
}
.main_present-wrap span{
	display: block;
}

/* footer */
footer{
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	padding: 65px 0 90px;
	position: relative;
}
.footer_top span{
	display: block;
}
.footer_bot{
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.footer_bot a{
	transition: 0.3s;
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	display: inline-block;
}
.footer_bot a:hover{
	border-bottom: 1px solid #fff;
}
.teather{
	background: #FCBF3D;
	max-width: 1082px;
	border-radius: 30px 30px 0px 0px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: none;
	padding: 40px 0 60px;
	color: #fff;
	animation: teather 1s alternate linear infinite;
	z-index: 10;
	opacity: 0;
	transition: 0.3s;
	box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.25);
}
.teather_in{
	background: #fff;
	color: #46434F;
	font-size: 24px;
	line-height: 31px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	position: relative;
	padding: 10px 0;
	max-width: 748px;
	margin: 0 auto;
}
.teather_txt{
	padding-left: 20px;
	align-self: center;
}
.teather_lock{
	width: 45px;
	height: 60px;
}
.teather_lock img{
	width: 100%;
	height: 100%;
}
.quiz-8{
	padding-bottom: 150px;
}
.footer-teather{
	color: transparent;
}
.footer-teather .teather{
	display: block;
}
@keyframes teather{
	0%{
		height: 180px;
	}
	100%{
		height: 210px;
	}
}

/* quiz */
.quiz{
	display: none;
	padding: 60px 0 ;
	transition: 0.5s;
	opacity: 0;
	position: relative;
}
.quiz-1{
	display: block;
	opacity: 1;
}
.quiz-container{
	padding: 0 0 0 90px;
	transition: 2s;
}
.quiz_nav-wrap{
	padding-top: 30px;
}
.quiz_title{
	font-size: 26px;
	line-height: 40px;
	margin: 0 0 30px;
	font-weight: 600;
	color: #333338;
	max-width: 875px;
	padding-right: 70px;
	border-right: 1px solid #4E4E58;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.quiz_title b{
	font-weight: 800;
}
.pagination{
	font-size: 18px;
	line-height: 25px;
	padding-top: 30px;
	padding-bottom: 15px;
	border-top: 1px solid #4E4E58;
	max-width: 850px;
	font-weight: 700;
}
.pagination-current{
	transition: 0.3s;
}
.quiz_nav{
	display: flex;
	justify-content: space-between;
	padding: 2px;
	max-width: 772px;
	overflow: hidden;
}
.quiz_nav-li{
	width: calc((90%) / 5);
	height: 20px;
	transition: 0.5s;
	position: relative;
	border: 2px solid #0083B0;
	border-radius: 30px;
	overflow: hidden;
	background: #fff;
}
.quiz_nav-li.active{
	background: linear-gradient(180deg, #0083B0 0%, #005D7C 0.01%, #0083B0 100%);
}
.quiz_nav-li.current::before{
	content: '';
	position: absolute;
	background: url(../img/main/progress.png) top left repeat-x;
	width: 780px;
	right: 0;
	top: 0;
	bottom: 0;
	transition: 0.3s;
	border-radius: 30px;
	overflow: hidden;
}
.quiz-title{
	font-weight: 400;
	font-size: 26px;
	line-height: 34px;
	color: #333338;
	padding-bottom: 20px;
	max-width: 750px;
}
.quiz-desc{
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 30px;
	color: #333338;
}
.wrap{
	display: flex;
	justify-content: space-between;
}
.items-wrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 470px;
}
.items{
	display: flex;
	flex-wrap: wrap;
	align-self: start;
}
.item{
	width: calc((100% - 20px) / 2);
	max-width: 305px;
	margin-bottom: 23px;
	background: #fff;
	border: 1px solid #A1A1A1;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	align-self: stretch;
	border-radius: 10px;
	position: relative;
	margin-right: 25px;
}
.item::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 50%;
	left: 50%;
	bottom: 50%;
	transition: 0.3s;
	background: rgba(0,0,0,.5);
	border-radius: 50%;
}
.item__big::after{
	border-radius: 0;
}
.item__deactive::after{
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	border-radius: 0;
}
.item__big{
	width: 100%!important;
	max-width: 303px!important;
}
.item__big a{
	display: none;
}
.item_img{
	display: block;
	position: relative;
}
/*.item_img::before{
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 2px;
	background: #4E4E4E url(../img/icons/zoom.png) center no-repeat;
	right: 16px;
	top: 16px;
}*/
.item_img img{
	display: block;
	width: 100%;
	height: 190px;
}
.item_textarea{
	height: 175px;
	padding: 20px 20px 0;
	background: #EBEBEB;
}
.item_textarea-in{
	height: 100%;
	border-bottom: 1px solid #AFAFAF;
}
.item_textarea textarea{
	width: 100%;
	height: 100%;
	font-size: 20px;
  line-height: 26px;
	background: transparent;
	border: none;
	outline: none;
	resize: none;
}
.item_content{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.item_label{
	cursor: pointer;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	z-index: 0;
	color: #333338;
}
.item_name{
	padding: 20px 19px 20px 55px;
	display: block;
	border-radius: 10px;
	position: relative;
	border: 1px solid transparent;
	transition: 0.3s;
	height: 100%;
	min-height: 75px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction:column;
}
.item_name::before{
	content: '';
	width: 22px;
	height: 22px;
	border-radius: 50%;
	left: 20px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	border: 1px solid #333338;
}
.item_name::after{
	content: '';
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	left: 24px;
	top: 50%;
	position: absolute;
	transition: 0.3s;
	z-index: 10;
	opacity: 0;
	background: #0083B0;
}
.item_rad:checked+span::after {
	opacity: 1;
}
.item_name__check::before{
	border-radius: 0;
	width: 22px;
	height: 22px;
	left: 15px;
}
.item_name__check::after{
	background: #0083B0;
	width: 14px;
	height: 14px;
	left: 20px;
	border-radius: 0;
}
.item_check:checked+span::after {
	opacity: 1;
}
.item_rad,
.item_check{
	display: none;
}
.item_name input{
	width: 100%;
	border: none;
	outline: none;
	line-height: 26px;
	background: transparent;
	font-size: inherit;
  font-family: inherit;
}
.item_name i{
	font-style: normal;
	font-size: 12px;
	line-height: 14px;
	display: block;
}
.item_desc{
	display: none;
	padding: 0 15px 20px;
	font-size: 14px;
	line-height: 16px;
}
.item_desc p{
	padding-bottom: 5px;
}
.item_desc p:last-child{
	padding-bottom: 0;
}
.item_desc-btn{
	display: block;
	cursor: pointer;
	width: 35px;
	height: 35px;
	background: url(../img/icons/arrow-up.svg) center no-repeat;
	background-size: 18px 10px;
	top: 32px;
	right: 0;
	position: absolute;
	transition: 0.3s;
	z-index: 10;
	animation: item-arrow 2s linear infinite 0.2s;
	border-radius: 50%;
	border: none;
	transform: rotate(180deg);
}
.item_desc-btn::before,
.item_desc-btn::after{
	content: '';
	position: absolute;
	width: 18px;
	height: 10px;
	background-image: url(../img/icons/arrow-up.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	left: 50%;
	transform: translate(-50%);
	transition: 0.3s;
}
.item_desc-btn::before{
	top: 4px;
	animation: item-arrow 2s linear infinite 0.4s;
}
.item_desc-btn::after{
	bottom: 4px;
	animation: item-arrow 2s linear infinite;
}
@keyframes item-arrow{
	0%{
		background-image: url(../img/icons/arrow-up_active.svg);
	}
	20%{
		background-image: url(../img/icons/arrow-up.svg);
	}
}
.item_desc-btn.active{
	transform: rotate(0);
}
.item_check-img{
	width: 130px;
}
.desc{
	max-width: 330px;
	position: absolute;
	top: -100px;
	bottom: 0;
	right: 0;
	background: #0083B0;
	border-radius: 10px 0px;
	padding: 30px 25px;
}
.desc_top{
	background: url(../img/result/calc-bg.png) left top no-repeat;
	background-size: cover;
	position: relative;
	z-index: 10;
	padding: 55px 25px 40px;
	transition: 0.3s;
	border: 1px solid #EBEBEB;
	border-radius: 5px;
	color: #333338;
}
.desc_top::before{
	content: '';
	position: absolute;
	transform: translate(-50%, -50%);
	border: 10px solid #0083B0;
	width: 60px;
	height: 60px;
	left: 50%;
	top: 0;
	border-radius: 50%;
	background: #fff url(../img/icons/calc.svg) center no-repeat;
	background-size: 18px 23px;
}
.desc_top-wrap{
	position: relative;
	padding-top: 20px;
}
.desc_top-title{
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 15px;
}
.desc_top-start{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	padding-top: 30px;
}
.typeit-wrap{
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	color: #333338;
}
.typeit-wrap__ch{
	display: flex;
}
.typeit_txt,
.typeit{
	font-weight: 700;
}
.typeit_ch{
	display: none;
	padding-bottom: 5px;
}
.result_total__add{
	display: flex;
}
.typeit-wrap__ch .typeit_desc,
.result_total__add .result_total-name{
	width: 70px;
}
.typeit-wrap__ch .typeit_ch-wrap,
.result_total__add .typeit_ch-wrap{
	width: calc(100% - 70px);
}
.desc_bot{
	border-radius: 5px;
	padding: 0 0 30px;
	font-size: 14px;
	line-height: 19px;
	color: #fff;
	align-items: center;
}
.items-btn{
	padding-top: 60px;
}
.btn-back{
	background: linear-gradient(180deg, #F1F1F1 0%, #DBDADA 100%);
	box-shadow: 0px 5px 0px #9A9A9A, 0px 25px 40px -20px #5D5D66;
	border-radius: 80px;
	border: 0;
	line-height: 65px;
	cursor: pointer;
	width: 140px;
	text-align: center;
	padding-left: 30px;
	font-weight: 600;
	font-size: 16px;
	color: #ADADAD;
	position: relative;
	transition: 0.3s;
	margin-right: 12px;
}
.btn-back:hover{
	box-shadow: 0px 11px 10px -8px rgba(0, 0, 0, 0.5);
}
.items_desc{
	font-size: 18px;
	line-height: 21px;
	color: #58595B;
	padding-bottom: 25px;
}
.btn-next{
	background: linear-gradient(180deg, #47AF67 0%, #138130 100%);
	box-shadow: 0px 5px 0px #0A6924, 0px 25px 25px -20px #60D66A, inset 0px 0px 25px rgba(255, 255, 255, 0.6);
	border-radius: 80px;
	border: 0;
	cursor: pointer;
	text-align: center;
	position: relative;
	transition: 0.3s;
	font-weight: 600;
	font-size: 16px;
	line-height: 65px;
	text-transform: uppercase;
	padding-right: 0;
	color: #fff;
	width: 182px;
}
/*.btn-next::before{
	content: '';
	position: absolute;
	right: 60px;
	top: 50%;
	margin-top: -5px;
	width: 22px;
	height: 10px;
	background: url(../img/icons/arrow-next.svg) center no-repeat;
}*/
.btn-result::before{
	right: 50px;
}
.btn-next:hover{
	box-shadow: 0px 11px 10px -8px rgba(0, 0, 0, 0.5);
}
.btn-next.default{
	cursor: default;
	background: linear-gradient(180deg, #C2C2C2 0%, #929292 100%);
	box-shadow: 0px 5px 0px #6F6F6F, 0px 25px 40px -20px #5D5D66;
	color: #fff;
	pointer-events: none;
}
.items-btn{
	display: flex;
}
.dn{
	display: none;
}
.item_select{
	width: 375px;
	position: relative;
}
.item_select::before{
	content: '';
	right: 20px;
	cursor: pointer;
	top: 50%;
	margin-top: -3px;
	position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6.5px 0 6.5px;
  border-color: #0CC9A7 transparent transparent transparent;
}
.select-wrap{
	position: relative;
}
.select_input{
	display: block;
	line-height: 53px;
	width: 100%;
	padding: 0 40px 0 20px;
	font-size: 16px;
	color: #000;
	background: #FFF;
	border: 1px solid #000;
	box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}
.select_body{
	background: #FFFFFF;
	border: 1px solid #000000;
	box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	overflow: hidden;
	padding: 8px 5px 8px 0;
}
.select_body-wrap{
	position: absolute;
	width: 375px;
	top: 65px;
	left: 0;
	display: none;
}
.select_body-item{
	display: block;
	font-size: 16px;
	line-height: 19px;
	color: #808285;
	padding: 10px 20px;
	cursor: pointer;
	transition: 0.3s;
}
.select_body-item:hover,
.select_body-item.active{
	background: #0CC9A7;
	color: #fff;
}
.select_body-in{
	height: 154px;
	overflow-y: scroll;
	scrollbar-width: thin;
  scrollbar-color: #000 #ECEFF1;
}
.select_body-in::-webkit-scrollbar {
  width: 5px;
  background-color: #ECEFF1;
}
.select_body-in::-webkit-scrollbar-thumb {
  background-color: #000;
}

/* loading */
.progress_ul{
  padding-top: 50px;
  max-width: 580px;
  margin: 0 auto;
  font-size: 24px;
	line-height: 20px;
}
.progress-success{
  width: 46px;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  transition: 0.6s;
  opacity: 0;
  z-index: 10;
}
.progress_ul li{
  padding-left: 45px;
  position: relative;
  margin-bottom: 30px;
  white-space: nowrap;
  transition: 1s;
  opacity: 0;
	transform: translateY(8px);
}
.progress_ul li::before{
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  transition: 0.5s;
  background-size: 20px;
	width: 35px;
	height: 35px;
}
.progress_check::before{
  background: url(../img/quiz/success.png) center no-repeat;
}
.progress_load::before{
	background: url(../img/quiz/load.png) center no-repeat;
	animation: progress_load 1.5s linear infinite;
}
@keyframes progress_load{
  0%{}
  100%{
      transform: rotate(-360deg);
  }
}
.progress{
  margin: 0 auto;
  border-radius: 50%;
}
.progress-wrap{
	margin: 0 auto;
}
.load-wrap{
	width: 175px;
	height: 175px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  margin: 0 auto;
  background: #3C5C75;
	box-shadow: 0px 20px 11px -13px rgba(0, 0, 0, 0.1);
	border-radius: 100px;
	display: flex;
	justify-content: center;
}
.load{
	align-self: center;
  width: 140px;
  height: 140px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  position: relative;
  margin: 0 auto ;
  background: #3C5C75;
  z-index: 0;
}
.load_body{
  width: 125px;
  height: 125px;
  background: #3C5C75;
  border-radius: 100%;
  text-align: center;
  z-index: 10;
  padding-top: 30px;
}
.load span{
	font-size: 42px;
	display: inline-block;
	color: #fff;
	line-height: 60px;
	margin: 0 -2px;
	transition: 0.4s;
}
.load_line{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.load-active .load_line{
  animation: line 3.1s linear forwards;
}
.load:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 5;
  background: #3C5C75;
}
.load-active:before{
  animation: line-left 3.1s steps(1, end) forwards;
}
.load:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 5;
  background: #fff;
}
.load-active:after{
  animation: line-right 3.1s steps(1, end) forwards;
}
.load_line:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #fff;
}
@keyframes line{
  0%{
  }
  100%{
      transform: rotate(360deg);
  }
}
@keyframes line-left{
  0%{
      visibility: visible;
  }
  50%,
  100%{
      visibility: hidden;
  }
}
@keyframes line-right{
  0%{
      visibility: hidden;
  }
  50%,
  100%{
      visibility: visible;
  }
}
.quiz-load{
	padding-top: 120px;
	height: 691px;
}
.get-contact{
	display: flex;
	flex-direction: column;
	min-height: 600px;
	margin: 0 auto;
	max-width: 972px;
	padding: 0 20px;
}
.success-block{
	align-self: center;
	background: #3C5C75;
	border-radius: 50%;
	width: 175px;
	height: 175px;
	display: flex;
	justify-content: center;
	box-shadow: 0px 20px 11px -13px rgba(0, 0, 0, 0.1);
}
.success_circle{
	align-self: center;
	width: 135px;
	height: 135px;
	border: 7px solid #fff;
	border-radius: 50%;
	position: relative;
}
.success-block img{
	position: absolute;
	width: 54px;
	height: 52px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.success_title{
	padding: 50px 0 15px;
	font-size: 28px;
	line-height: 35px;
	text-align: center;
	color: #232323;
}
.success_desc{
	font-size: 24px;
	line-height: 31px;
	text-align: center;
	color: #2D1918;
	max-width: 600px;
	margin: 0 auto 72px;
}
.contacts_video{
	position: absolute;
	width: 146px;
	height: 320px;
	top: 21px;
	right: 28px;
	transform: rotate(-10deg);
	overflow: hidden;
	border-radius: 15px;
}	
.contacts_video video{
	width: 100%;
	height: 100%;
}
.contacts_tel{
	width: 220px;
	height: 100%;
	position: relative;
}
.contacts_tel-in{
	position: absolute;
	right: -40px;
	top: 0;
}
.contacts_tel-img{
	position: absolute;
	width: 218px;
	height: 360px;
	top: 0;
	right: -10px;
	z-index: 10;
}
.success-contacts{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.contacts{
	padding: 30px 30px 35px;
	background: #EBEBEB;
	border-radius: 5px;
	width: 100%;
	max-width: 420px;
}
.contacts_title{
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	color: #2D1918;
	padding-bottom: 25px;
}
.contacts_desc{
	width: 100%;
	max-width: 310px;
	padding-left: 20px;
	color: #2E2E2E;
}
.contacts_desc > p{
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 22px;
	text-align: center;
}
.contacts_desc li{
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
	position: relative;
	padding: 0 0 15px 30px;
}
.contacts_desc li b{
	font-weight: normal;
	display: inline-block;
}
.contacts_desc i{
	position: absolute;
	width: 23px;
	height: 23px;
	font-style: normal;
	background: #FCBF3D;
	color: #fff;
	border-radius: 50%;
	left: 0;
	top: -1px;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
}
.contacts_desc-info{
	padding: 5px 0 0;
	color: #2D1918;
}
.contacts_desc-info p{
	font-size: 18px;
	line-height: 23px;
	padding: 0 0 15px 30px;
}
.contacts_desc-info li{
	font-size: 18px;
	line-height: 23px;
	padding: 0 0 10px 30px;
	position: relative;
}
.contacts_desc-info i{
	border-radius: 50%;
	position: absolute;
	background-color: #FCBF3D;
	width: 23px;
	height: 23px;
	top: 2px;
	left: 0;
	background-image: url(../img/quiz/success-main.png);
	background-position: center center;
	background-size: 12px 12px;
	background-repeat: no-repeat;
}
.contacts_input{
	margin: 0 auto;
	max-width: 242px;
	padding: 30px 0 15px;
}
.contact_rad{
	display: none;
}
.contacts_radio-wrap{
	display: flex;
	justify-content: space-between;
	max-width: 242px;
	margin: 0 auto;
}
.contacts_radio{
	width: calc(33.33% - 7px);
	background: #fff;
	box-shadow: 0px 9px 11px -10px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	height: 95px;
	cursor: pointer;
	transition: 0.3s;
	border: 1px solid #000;
	color: #C4C4C4;
	padding: 11px 0 15px;
	font-size: 10px;
	line-height: 11px;
	text-align: center;
}
.contacts_radio.active{
	border-color: #AFAFAF;
	background: #F4F4F4;
	color: #2F2F2F;
}
.contacts_radio-ic{
	margin: 0 auto;
	display: block;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	transition: 0.3s;
}
.contacts_radio-wa{
	background-image: url(../img/icons/wa-2.svg);
}
.contacts_radio-vib{
	background-image: url(../img/icons/tg-2.svg);
}
.contacts_radio-sms{
	background-image: url(../img/icons/sms-2.svg);
}
.contacts_radio.active .contacts_radio-wa{
	background-image: url(../img/icons/wa-1.svg);
}
.contacts_radio.active .contacts_radio-vib{
	background-image: url(../img/icons/tg-1.svg);
}
.contacts_radio.active .contacts_radio-sms{
	background-image: url(../img/icons/sms-1.svg);
}
.contacts_radio-desc{
	display: block;
	padding: 5px 0 7px;
	position: relative;
}
.contacts-mob{
	display: none;
}
/* /quiz */

/* result */
.result{
	display: none;
	opacity: 0;
	transition: 0.8s;
	position: relative;
	z-index: 10;
}
.bg{
	background: url(../img/bg.jpg) top center;
	background-size: 100% auto;
}
.result-container{
	margin: 0 auto;
	max-width: 1075px;
}
.block{
	margin-bottom: 50px;
}
.result-prev{
	background: #EBEBEB;
	padding: 40px 110px;
	border-radius: 5px;
}
.closer{
	display: flex;
	justify-content: center;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 8px 10px;
}
.closer_img{
	width: 48px;
	height: 64px;
	align-self: center;
}
.closer_txt{
	font-size: 24px;
	line-height: 31px;
	color: #46434F;
	padding-left: 30px;
	max-width: 600px;
	width: 100%;
	align-self: center;
}
.manager_top{
	padding-top: 28px;
	display: flex;
	justify-content: space-between;
}
.manager-in{
	width: 220px;
}
.manager_info{
	background: #fff;
	border-radius: 0px 0px 5px 5px;
	padding: 20px 10px 10px;
}
.manager_name{
	font-size: 18px;
	line-height: 23px;
	display: block;
	padding-bottom: 4px;
}
.manager_position{
	display: block;
	font-size: 14px;
	line-height: 19px;
}
.manager_desc{
	width: calc(100% - 290px);
	padding-left: 50px;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
}
.manager_desc span{
	display: block;
	font-size: 28px;
	line-height: 38px;
	font-weight: 700;
	padding-bottom: 30px;
}
.manager_desc p{
	padding-bottom: 30px;
}
.manager_desc .success_title-js{
	font-weight: 500;
	display: inline;
	font-size: inherit;
	line-height: inherit;
}
.present{
	background: #EBEBEB;
	border-radius: 5px;
	padding: 45px 70px;
	width: 440px;
}
.present_title{
	display: block;
	position: relative;
	padding: 0 0 30px 67px;
	font-size: 22px;
	line-height: 25px;
}
.present_title::before{
	content: '';
	position: absolute;
	background: url(../img/result/ic-present.png) center no-repeat;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
}
.present_trends{
	position: relative;
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 25px;
}
.present_trends::before{
	content: '';
	position: absolute;
	right: -28px;
	bottom: -60px;
	width: 114px;
	height: 93px;
	background: url(../img/result/present-mockap.png) center no-repeat;
}
.present_download{
	width: 180px;
}
.btn-download{
	font-size: 16px;
	color: #000;
	padding-right: 14px;
	position: relative;
}
.btn-download i{
	width: 14px;
	height: 15px;
	background: url(../img/icons/download.svg) center no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 40px;
}
.present_info{
	padding-top: 50px;
}
.present_info p{
	font-size: 22px;
	line-height: 25px;
	padding-bottom: 30px;
}
.present_info li{
	font-size: 18px;
	line-height: 23px;
	padding: 0 0 20px 33px;
	position: relative;
}
.present_info li:last-child {
	padding-right: 70px;
}
.present_info li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #FCBF3D url(../img/quiz/success-main.png) center no-repeat;
	background-size: 11px 11px;
}
.present_info li i{
	position: absolute;
	width: 83px;
	height: 74px;
	background: url(../img/result/present-book.png) center no-repeat;
	right: 0;
	top: 0;
}
.change_desc{
	padding: 20px 0;
	font-size: 16px;
	line-height: 20px;
	color: #2D1918;
}
.change_num{
	max-width: 245px;
}
.change_input-wrap{
	padding-bottom: 15px;
}
.calc{
	width: 330px;
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.calc-bg{
	position: relative;
	background: url(../img/result/calc-bg.png) left top no-repeat;
	background-size: 100% 100%;
	padding: 50px 25px 20px;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #EBEBEB;
	height: 100%;
}
.calc-bg::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 10px solid #fff;
	border-radius: 50%;
	width: 68px;
	height: 68px;
	background: #EBEBEB url(../img/icons/calc.svg) center no-repeat;
	background-size: 24px 30px;
}
.calc_title{
	text-align: center;
	display: block;
	font-size: 18px;
	line-height: 23px;
	max-width: 280px;
	padding-bottom: 20px;
}
.calc_bot{
	padding: 20px;
	text-align: center;
	font-size: 18px;
	line-height: 23px;
	background: #FCBF3D;
	border-radius: 0px 0px 5px 5px;
}
.result_total{
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 10px;
}
.result_total-price{
	padding: 20px 0 40px;
	font-size: 18px;
	line-height: 27px;
}
.result_total-desc{
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 20px;
}
.well-type{
	color: #4e4e4e;
}
.result-line{
	height: 2px;
	background: #5D5D66;
	margin-bottom: 80px;
}
.pt{
	padding-top: 50px;
}
.outlay_img{
	width: 370px;
	height: 215px;
	border-radius: 5px;
	position: relative;
}
.outlay_img span{
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	display: block;
	position: absolute;
	top: 19px;
	left: 25px;
	right: 25px;
}
.outlay_info{
	width: calc(100% - 370px);
	padding-right: 20px;
}
.outlay_info p{
	font-size: 22px;
	line-height: 28px;
	padding-bottom: 30px;
	max-width: 350px;
}
.outlay_info ul{
	padding: 0 0 25px 18px;
}
.outlay_info li{
	max-width: 405px;
	position: relative;
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 23px;
	list-style-type: disc;
}
.outlay_items{
	padding-bottom: 80px;
}
.outlay_items > p{
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 25px;
}
.oultay_item{
	width: calc((100% - 275px) / 2);
	padding: 0 10px 15px 33px;
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #2D1918;
}
.oultay_item:last-child{
	width: 275px;
}
.oultay_item::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	background: #60D66A url(../img/quiz/success-main.png) center no-repeat;
	background-size: 11px 11px;
	width: 23px;
	height: 23px;
}
.banner{
	background: #FCBF3D;
	border-radius: 20px;
	display: flex;
	justify-content: center;
}
.banner p{
	text-align: center;
	font-size: 24px;
	line-height: 31px;
	color: #FFF;
	position: relative;
	padding: 20px;
}
.outlay_banner p{
	padding-right: 150px;
	text-align: left;
}
.outlay_banner p::before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 130px;
	height: 86px;
	background: url(../img/result/outlay-book.png) center no-repeat;
}
.designer_img{
	width: calc(100% - 310px);
	padding-right: 20px;
}
.designer_img-in{
	width: 200px;
}
.designer_img p{
	width: calc(100% - 200px);
	font-size: 22px;
	line-height: 28px;
}
.result_callback-wrap{
	width: 310px;
	background: #EBEBEB;
	border-radius: 5px;
	padding: 30px;
}
.result_callback-name{
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	max-width: 245px;
	margin: 0 auto 7px;
}
.result_callback-input{
	padding-bottom: 12px;
}
.new-count_text{
	width: calc(100% - 330px);
	font-size: 34px;
	line-height: 44px;
	position: relative;
	align-self: start;
	padding: 0 90px 100px 0;
}
.new-count_text::before{
	content: '';
	position: absolute;
	width: 334px;
	height: 86px;
	background: url(../img/icons/arrow-big.png) center no-repeat;
	bottom: 0;
	left: 90px;
}
.new-count_img{
	width: 328px;
	height: 237px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.new-count_img .btn{
	position: absolute;
	font-size: 12px;
	line-height: 15px;
	z-index: 10;
	padding: 12px;
	height: 55px;
	width: 225px;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.about_title{
	display: block;
	text-align: center;
	max-width: 400px;
	margin: 0 auto 40px;
	font-size: 22px;
	line-height: 28px;
}
.about_title span{
	position: relative;
	display: inline-block;
}
.about_title span::before{
	content: '';
	position: absolute;
	height: 3px;
	background: #FCBF3D;
	bottom: -3px;
	left: 0;
	right: 0;
}
.about_slider{
	margin: 0 auto;
	max-width: 530px;
}
.about_desc{
	padding-top: 40px;
}
.about_desc p{
	font-size: 24px;
	line-height: 31px;
	max-width: 280px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;
}
.about_desc span{
	display: block;
	text-align: center;
	font-size: 22px;
	line-height: 28px;
}
.line{
	background: #0083B0;
	height: 2px;
	width: 100%;
	max-width: 1295px;
	margin: 0 auto;
}
.see_title{
	font-size: 24px;
	line-height: 31px;
	text-align: center;
	max-width: 410px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.see_slider{
	margin: 0 auto;
	max-width: 530px;
}
.see_slide-in{
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
}
.see_slide-in::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	transition: 0.3s;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.95%, rgba(0, 0, 0, 0.8) 100%);
}
.see_slider:hover .see_slide-in::before{
	opacity: 0;
}
.ic-play{
	position: absolute;
	transform: translate(-50%, -50%);
	width: 78px;
	height: 78px;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	background: #F33C3C;
}
.ic-play i{
	position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 20px;
  border-color: transparent transparent transparent #ffffff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ic-play::before,
.ic-play::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #F33C3C;
	border-radius: 50%;
}
.ic-play::before{
	animation: ic-play 2s linear infinite;
}
.ic-play::after{
	animation: ic-play 2s linear infinite 1s;
}
@keyframes ic-play{
	0%{}
	100%{
		top: -16px;
		left: -16px;
		right: -16px;
		bottom: -16px;
		opacity: 0.2;
	}
}
.see-btn{
	margin: 25px auto;
	max-width: 530px;
	background: #EBEBEB;
	border-radius: 5px;
	padding: 24px 50px;
	transition: 0.3s;
}
.see-btn:hover{
	background: #FFE7B5;
}
.see-btn_txt{
	font-size: 18px;
	line-height: 23px;
	width: calc(100% - 90px);
	padding-right: 60px;
	display: block;
}
.see-btn_img{
	display: block;
	align-self: center;
	width: 90px;
	height: 50px;
	background: #F32222;
	border-radius: 5px;
	position: relative;
}
.see-btn_img::before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 20px;
	border-color: transparent transparent transparent #ffffff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.store{
	padding: 60px 90px;
	background: #EBEBEB;
	border-radius: 5px;
}
.store_slider{
	width: 305px;
}
.store_slide{
	overflow: hidden;
	border-radius: 6px;
	height: 100%;
}
.store_info{
	width: calc(100% - 305px);
	padding-right: 15px;
	font-size: 14px;
	line-height: 18px;
}
.store_title{
	display: none;
}
.store_info__mob{
	display: none;
}
.store_info p{
	font-size: 22px;
	line-height: 28px;
	padding-bottom: 15px;
}
.store_info li:last-child{
	padding-top: 15px;
}
.reviews{
	margin-top: 50px;
}
.reviews p{
	text-align: center;
	font-weight: 700;
	font-size: 26px;
	line-height: 34px;
	margin: 0 auto;
	padding-bottom: 45px;
	max-width: 690px;
}
.reviews_icons{
	max-width: 265px;
	margin: 0 auto;
	justify-content: center;
}
.reviews_ic{
	display: block;
	width: 124px;
	height: 124px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: 0.3s;
	border-radius: 10px;
}
.reviews_ic:hover{
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
}
.reviews_ic__yt{
	background-image: url(../img/icons/review-vk.png);
}
.reviews_ic__vk{
	background-image: url(../img/icons/review-ok.png);
}
.reviews_ic__avito{
	background-image: url(../img/icons/review-inst.png);
}
.main-site p{
	max-width: 690px;
	margin: 0 auto;
	font-weight: 700;
	font-size: 26px;
	line-height: 34px;
	text-align: center;
	padding-bottom: 45px;
}
/* /result */

.modal{
	display: none;
	padding: 0;
	color: #2E2E2E;
	background: #fff;
	border-radius: 10px;
}
.modal-in{
	padding: 50px 83px;
	max-width: 855px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.modal-left{
	width: 337px;
}
.callback_form{
	width: 303px;
	margin-left: 47px;
}
.callback_title{
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 25px;
}
.callback_desc{
	display: block;
	font-size: 16px;
	line-height: 14px;
	padding-bottom: 15px;
}
.callback_ul{
	padding-bottom: 20px;
}
.callback_li{
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 10px;
}
.callback_input{
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 15px;
}
.callback_input input{
	line-height: 68px;
	background: transparent;
	border: 1px solid #BDBABA;
	font-size: 14px;
}
.callback_btn{
	display: block;
	color: #fff;
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: 700;
	line-height: 70px;
	background: linear-gradient(180deg, #47AF67 0%, #138130 100%);
	box-shadow: 0px 5px 0px #0A6924, 0px 25px 25px -20px #60D66A, inset 0px 0px 25px rgba(255, 255, 255, 0.6);	border-radius: 10px;
	border: 0;
	transition: 0.3s;
	cursor: pointer;
}
.callback_btn:hover{
	box-shadow: 0px 18px 12px -15px rgba(0, 0, 0, 0.50);
}

.modal_title{
	font-size: 16px;
	line-height: 18px;
	text-align: center;
}
.modal_desc{
	padding: 15px 0 20px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	width: 248px;
}
.old-number,
.quiz-send{
	display: none;
}
.thanks-callback .modal-in{
	display: block;
	padding: 45px 80px;
	max-width: 465px;
}
.btn-thanks{
	max-width: 100%;
}
.thanks-callback .modal_title{
	font-weight: 800;
	font-size: 28px;
	line-height: 38px;
	padding-bottom: 13px;
}
.thanks-callback .modal_desc{
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 50px;
	width: 100%;
}

/* video */
.video.video-open:before {
  padding-bottom: 54%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.video {
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  border-width: 13px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
  position: fixed;
  top: auto;
  border-radius: 5px;
  right: 12px;
  bottom: 25px;
	width: 165px;
	height: 298px;
  border: 2px solid #FCBF3D;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
          box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
}
.video:before {
  content: "";
  display: block;
  padding-bottom: 113%;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.video-countainer {
  display: block;
  position: absolute;
  height: calc(100% - 20px);
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 20px;
  font-size: 0;
}
.video-open .video-countainer {
  height: auto;
}
.video video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  z-index: 2;
  -webkit-transition: opacity 0.4s ease-in-out 0s;
  -o-transition: opacity 0.4s ease-in-out 0s;
  transition: opacity 0.4s ease-in-out 0s;
  opacity: 1;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(0,0,0,0.5);
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  z-index: 2;
}
.video-play:hover {
  background-color: #de1d25;
}
.video-play:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  left: 55%;
  -webkit-transform: translate(-50%, -50%) scaleX(1.5);
      -ms-transform: translate(-50%, -50%) scaleX(1.5);
          transform: translate(-50%, -50%) scaleX(1.5);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
}

.video_full {
  display: none;
}

.video-open .video_full {
  display: block;
}
.video-open .video-play {
  opacity: 0;
}

.video-close, .video-close-always {
  position: absolute;
  top: -20px;
  right: 2px;
  width: 20px;
  height: 20px;
  z-index: 250;
  -webkit-transition: opacity 0.2s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  -o-transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  opacity: 0.5;
  display: none;
}

.video:not(.video-open) .video-close-always {
  right: 5px;
  display: block;
}

.video-close:before, .video-close:after {
  position: absolute;
  left: 0px;
  top: 9px;
  content: " ";
  height: 2px;
  width: 18px;
  background: #000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
          box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
}

.video-close-always:before, .video-close-always:after {
  position: absolute;
  left: 0px;
  top: 9px;
  content: " ";
  height: 2px;
  width: 18px;
  background: #000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
          box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
}

.video-close:before, .video-close-always:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.video-close:after, .video-close-always:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.video-close:hover, .video-close-always:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.video.video-open {
  width: 400px;
  height: 700px;
  max-height: 90vh;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
          box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
  max-width: calc(100% - 24px);
}

.video-open .video-close {
  display: block;
}

.video.video-open .video-close-always {
  display: none;
}

.video-close:after {
  display: none;
}
.video-close:before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.video-link{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.8);
	z-index: 100;
	transition: 0.3s;
	color: #000;
	height: 40px;
}
.video-link span{
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	position: relative;
	padding-top: 5px;
	padding-right: 20px;
}
.video-link i{
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 25px;
	height: 25px;
  background-image: url(../img/icons/wa-1.svg);
  position: absolute;
  right: 10px;
  top: 6px;
  transition: 0.3s;
}
.video-link b{
	font-weight: inherit;
}
.video-open .video-link{
	height: 50px;
}
.video-open .video-link br{
	display: none;
}
.video-open .video-link span{
	font-size: 16px;
	padding-right: 0;
	padding-top: 15px;
}
.video-open .video-link i{
	width: 36px;
  height: 36px;
  right: 40px;
  top: 6px;
}



.main{
	position: relative;
	z-index: 5;
}
.main-in{
	max-width: 1295px;
	margin: -143px auto 0;
	background: #FFFFFF;
	box-shadow: 0px 30px 50px -10px rgba(141, 141, 141, 0.25);
	border-radius: 10px;
}

.item_name-desc{
	display: block;
	font-size: 10px;
	line-height: 14px;
	width: 100%;
}
.items_4-2{
	display: none;
}
.checks .item{
	height: 83px;
	max-width: 355px;
}
.checks .item_content{
	height: 100%;
}
.checks .item_label{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 15px;
}
.checks .item.active{
	border: 1px solid #5D5D66;
}
.checks .item_name{
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 7px;
}
.item_img{
	position: relative;
}
.item_img img{
	position: relative;
}
.item_img-ic{
	width: 45px;
	height: 45px;
	position: absolute;
	top: 15px;
	left: 15px;
	background: url(../img/quiz/item_img-ic.png) center no-repeat;
	background-size: 100% 100%;
	z-index: 10;
	cursor: pointer;
}
.item_img-desc{
	font-size: 12px;
	line-height: 16px;
	color: #333338;
	padding: 15px 15px 35px;
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	display: none;
}
.item_img-desc b{
	display: block;
	height: 10px;
}
.item_img-arrow{
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 40px;
	height: 8px;
	cursor: pointer;
	background: url(../img/quiz/item_img-arrow.png) center no-repeat;
}
.wrap{
	max-width: 772px;
}
.quiz-7{
	padding-top: 55px;
}
.load-wrap{
	width: 140px;
	height: 140px;
}
.load{
	width: 125px;
	height: 125px;
}
.load_body{
	width: 111px;
	height: 111px;
}
.load span{
	font-size: 26px;
	line-height: 20px;
	font-weight: 800;
}
.load_body{
	padding-top: 40px;
}
.progress_ul{
	font-weight: 500;
	color: #333338;
}
.success-block{
	width: 140px;
	height: 140px;
}
.success_circle{
	width: 125px;
	height: 125px;
}
.success_title{
	max-width: 500px;
	margin: 0 auto;
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
}
.success_desc{
	max-width: 397px;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 40px;
}
.success-contacts{
	justify-content: center;
}
.contacts{
	padding-top: 0;
	background: transparent;
	max-width: 297px;
	padding: 0;
}
.contacts_title{
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	max-width: 293px;
}
.contacts_radio-wrap{
	width: 100%;
	max-width: 100%;
}
.contacts_radio{
	padding: 18px 5px;
}
.contacts_radio{
	font-size: 11px;
	line-height: 13px;
	background: #F3F3F3;
	border: 2px solid #CACACA;
	box-shadow: 0px 9px 11px -10px rgba(0, 0, 0, 0.25);
}
.contacts_radio.active{
	background: #fff;
	border: 2px solid #3C5C75;
	color: #000;
}
.contacts_radio-desc{
	padding: 11px 0 0;
	font-weight: 500;
}
.contacts_input{
	max-width: 300px;
}
.btn.send{
	max-width: 300px;
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
}
.input{
	border-radius: 10px;
}
.btn{
	border-radius: 10px;
	background: linear-gradient(180deg, #47AF67 0%, #138130 100%);
	box-shadow: 0px 5px 0px #0A6924, 0px 25px 25px -20px #60D66A, inset 0px 0px 25px rgba(255, 255, 255, 0.6);
}
.btn:hover,
.result .btn:hover{
	box-shadow: 0px 3px 0px #0A6924, 0px 15px 15px -20px #60D66A, inset 0px 0px 15px rgba(255, 255, 255, 0.6);
}
.contacts_tel-in{
	transform: rotate(10deg);
	top: 10px;
}
.teather{
	background: #3C5C75;
}
.teather_txt{
	max-width: 614px;
	width: calc(100% - 130px);
	padding-left: 30px;
	color: #fff;
	font-weight: 700;
	font-size: 32px;
  line-height: 45px;
	text-transform: uppercase;
}
.teather_in{
	background: transparent;
}
.teather_lock{
	width: 129px;
	height: 118px;
	background-color: #FFFFFF;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.teather_lock img{
	width: 59px;
	height: 78px;
}
.btn-back{
	background: linear-gradient(180deg, #F1F1F1 0%, #DBDADA 100%);
	box-shadow: 0px 5px 0px #9A9A9A, 0px 25px 40px -20px #5D5D66;
	border-radius: 80px;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #ADADAD;
	padding-left: 0;
	width: 138px;
}
.typeit-wrap{
	display: flex;
}
.typeit_desc{
	padding-right: 10px;
	width: 140px;
}
.typeit_txt{
	width: calc(100% - 140px);
}
.get-contact-wrap{
	width: 862px;
	padding-left: 90px;
}
.get-contact{
	margin: 0;
}
.typeit-wrap span:last-child{
	align-self: flex-end;
}
.typeit_desc{
	font-weight: 400;
}
.desc_top-start{	
	margin: 0 auto;
}
.desc_top-start img{
	margin: 0 auto;
}
.quiz-1 .desc_top-start img{
	max-width: 203px;
}
.quiz-2 .desc_top-start img{
	max-width: 203px;
}
.quiz-3 .desc_top-start img{
	max-width: 203px;
}
.desc_content{
	color: #fff;
	font-size: 14px;
	line-height: 19px;
}
.desc_content-title{
	display: block;
	text-align: center;
	font-weight: 600;
}
.desc_content .success_title-js{
	font-weight: 700;
}
.desc_content-list{
	counter-reset: item
}
.desc_content-list li:before{
	content: counter(item);
	counter-increment: item;
	position: absolute;
	top: 5px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 20px;
	color: #3C5C75;
	font-weight: 500;
	font-size: 14px;
}
.desc_content-list li{
	margin-top: 15px;
	padding-left: 30px;
	position: relative;
}
.desc_content-text{
	margin-top: 25px;
	font-weight: 300;
	padding-left: 30px;
	position: relative;
	color: #fff;
}
.desc_content-text:before{
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../img/icons/plus-2.png);
	width: 20px;
	height: 19px;
}
.desc_content-text .color{
	font-weight: 500;
}
.desc_smile{
	width: 104px;
	height: 104px;
	border-radius: 50%;
	border: 1px solid #00FF16;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.desc_smile::before{
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 50%;
	background: #233E53;
	z-index: 1;
}
.desc_smile img{
	position: relative;
	z-index: 2;
	width: 60px;
	height: 60px;
}
.desc_bot{
	font-size: 14px;
	line-height: 140%;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
}
.desc_bot p{
	width: calc(100% - 104px);
	padding-right: 6px;
}
.desc_bot p span{
	font-weight: 700;
}
.item_sm{
	align-self: flex-start;
}
.desc-mob{
	display: none;
}
.item_name textarea{
	border: 0;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	outline: none;
	width: 90%;
	resize: none
}
.btn-txt{
	margin-left: 39px;
	width: 250px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #787878;
	align-self: center;
}
.btn-txt span{
	display: block;
	font-weight: 400;
}
.closer{
	background: #0083B0;
	border-radius: 10px 10px 0 0;
	padding: 60px 10px;
	box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.25);
}
.closer_txt{
	color: #fff;
	font-weight: 700;
	font-size: 36px;
	line-height: 49px;
}
.closer_img{
	border-radius: 10px;
	width: 129px;
	height: 118px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.closer_img img{
	width: 59px;
	height: 78px;
}
.result-prev{
	padding: 0;
	background: #fff;
	background-size: 100% 100%;
}
.manager-wrap{
	padding: 65px 85px 85px;
	box-shadow: 0px 30px 50px -10px rgba(141, 141, 141, 0.25);
	overflow: hidden;
	border-radius: 10px;
}
.manager-in{
	background: #FFFFFF;
	box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	width: 288px;
	height: 290px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.manager_name{
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
}
.result .btn{
	background: linear-gradient(180deg, #47AF67 0%, #138130 100%);
	box-shadow: 0px 5px 0px #0A6924, 0px 25px 25px -20px #60D66A, inset 0px 0px 25px rgba(255, 255, 255, 0.6);
	border-radius: 80px;
	font-weight: 800;
	font-size: 16px;
}
.block_title{
	font-weight: 700;
	font-size: 26px;
	line-height: 34px;
	text-align: center;
	padding-bottom: 25px;
	margin: 0 auto;
}
.block_desc{
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	margin: 0 auto;
	max-width: 590px;
	padding-bottom: 45px;
}
span.result_present-title{
	font-size: 24px;
	line-height: 33px;
	display: block;
	padding-bottom: 25px;
}
.result_present{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.result_present-left{
	width: 340px;
}
.result_present-right{
	width: calc(100% - 340px);
	position: relative;
}
span.result_present-desc{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #3C5C75;
}
.result .result_present-btn{
	color: #fff;
	margin: 0;
	background: linear-gradient(180deg, #6491B5 0%, #3C5C75 100%);
	box-shadow: 0px 5px 0px #3C5C75, 0px 25px 40px -20px #3C5C75, inset 0px 0px 25px rgba(255, 255, 255, 0.6);
}
.result .result_present-btn:hover{
	box-shadow: 0px 2px 0px #3C5C75, 0px 5px 40px -20px #3C5C75, inset 0px 0px 5px rgba(255, 255, 255, 0.6);
}
.result_present-img{
	position: absolute;
	bottom: -22px;
	right: 0;
	width: 141px;
	height: 193px;
}
.manager_bot{
	margin-top: 70px;
	background: #FFFFFF;
	box-shadow: 0px 30px 50px -10px rgba(141, 141, 141, 0.25);
	border-radius: 10px;
	padding: 16px 20px 60px;
}
.manager_bot-title{
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	font-weight: 400;
	color: #0083B0;
	max-width: 492px;
	margin: 0 auto 58px;
	background: #FFFFFF;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 25px 20px 25px 122px;
	position: relative;
}
.manager_bot-title::before{
	content: '';
	position: absolute;
	width: 128px;
	height: 160px;
	background: url(../img/result/present.png);
	left: -18px;
	top: -45px;
}
.manager_bot-title b{
	padding-bottom: 5px;
	display: block;
}
.manager_bot-title p{
	font-size: 18px;
	line-height: 23px;
	color: #000000;
}
.manager_bot-desc{
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	color: #333338;
	max-width: 630px;
	margin: 0 auto;
	padding-bottom: 35px;
}
.change_num{
	display: flex;
	max-width: 630px;
	margin: 0 auto;
	justify-content: space-between;
}
.change_btn-wrap,
.change_input-wrap{
	width: 300px;
}
.result .change_btn{
	border-radius: 10px;
}
.result-block{
	background: #FFFFFF;
	box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin-bottom: 80px;
}
.string-wrap{
	overflow: hidden;
	margin: 0 -15px;
	border-radius: 10px 10px 0px 0px;
}
.string{
	line-height: 70px;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	background: #FC3F3F;
	display: flex;
	width: 120%;
}
.garant-wrap .string{
	color: #333338;
	background: #F3D361;
}
.string_item{
	padding: 0 40px;
	animation: string 2s linear infinite;
	display: block;
	white-space: nowrap;
}
@keyframes string{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-100%);
	}
}


.garant{
	padding: 80px 85px;
	font-size: 22px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
}
.garant_img{
	display: flex;
	justify-content: space-between;
	width: 359px;
}
.garant_img img{
	width: 89px;
	height: 96px;
	display: block;
}
.designer-wrap{
	background: #fff url(../img/result/mokup.png) bottom right no-repeat;
}
.designer_content{
	padding: 65px 85px;
	color: #333338;
	margin-top: 80px;
}
.designer_title{
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
}
.designer_title b{
	font-weight: 500;
	font-size: 25px;
	line-height: 34px;
	display: block;
}
.designer_txt{
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
	padding-top: 20px;
	max-width: 510px;
}
.parametrs-wrap{
	margin-bottom: 0;
	background: none;
}
.parametrs-block{
	padding: 44px 0 60px;
	background: url(../img/parametrs.jpg) top left no-repeat;
	background-size: 100% 100%;
}
.parametrs_title{
	font-weight: 600;
	font-size: 24px;
	line-height: 33px;
	text-align: center;
	padding-bottom: 45px;
}
.parametrs_in{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.parametrs_content{
	width: calc(100% - 415px);
	padding-right: 30px;
	max-width: 615px;
	color: #fff;
}
.parametrs_content p{
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 15px;
}
.parametrs_list{
	padding-bottom: 15px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
}
.parametrs_list li{
	padding-bottom: 5px;
}
.parametrs_desc{
	display: block;
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
}
.parametrs_form{
	border: 1px solid #333338;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 35px 35px 40px;
	max-width: 415px;
	background: #fff;
}
.parametrs-left{
	width: 100%;
	padding-bottom: 25px;
}
.parametrs-left p{
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 20px;
}
.parametrs-left span{
	font-weight: 300;
	font-size: 14px;
	line-height: 15px;
}
.designer_form p{
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 125%;
	text-align: center;
	color: #333338;
}
.parametrs-right{
	width: 236px;
	margin: 0 auto;
}
.footer_result{
	background: #272727;
	color: #fff;
}
.designer_form input{
	line-height: 48px;
}
.designer_form .callback_btn{
	line-height: 50px;
}
.cards-wrap{
	padding-bottom: 80px;
	padding-top: 80px;
}
.cards{
	display: flex;
	flex-direction:column;
	background: #0083B0;
	border-radius: 10px;
	overflow: hidden;
}
.cards_tabs{
	width: 100%;
	display: flex;
}
.cards_tab{
	/* width: 50%; */
	width: 100%;
	font-weight: 500;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	background: #D9D9D9;
	color: #333338;
	transition: 0.3s;
}
.cards_tab.active{
	color: #fff;
	background: #0083B0;
}
.cards_body{
	display: none;
	padding: 60px 40px;
}
.cards_body.active{
	display: block;
}
.card_slide{
	padding: 0 15px;
}
.card_slide-in{
	background: #FFFFFF;
	border-radius: 10px;
	padding: 25px 35px 15px;
}
.card_name{
	text-align: center;
	font-size: 20px;
	line-height: 27px;
	padding-bottom: 20px;
}
.card_img{
	max-width: 217px;
	margin: 0 auto;
	margin-bottom: 25px;
	display: flex;
	height: 250px;
	align-items: center;
}
.card_img img{
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}
.card_info-wrap{
	margin: 0 -35px;
	padding: 25px 35px;
	font-size: 14px;
	line-height: 16px;
}
.card_info{
	padding-bottom: 15px;
	display: flex;
	justify-content: space-between;
}
.card_info:last-child{
	padding-bottom: 0;
}
.card_info span{
	width: 50%;
}
.card_info span:first-child{
	min-width: 110px;
}
.card_info span:last-child{
    padding-left: 10px;
}
.card_txt{
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	padding: 25px 0 20px;
}
.card_desc{
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
	color: #333338;
	width: 100%;
}
.card_option{
	border: 1px solid #333338;
	border-radius: 5px;
	position: relative;
	height: 36px;
	overflow: hidden;
	transition: 0.3s;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
}
.card_option.card_option__active{
	height: 180px;
	z-index: 2;
	box-shadow: 0 0 7px -2px rgba(0,0,0,0.3);
}
.card_option__s.card_option__active{
	height: 84px;
}
.card_option-body{
	height: calc(100% - 34px);
	overflow-y: auto;
}
.card_option-tab{
	cursor: pointer;
	padding: 10px 15px 8px;
	transition: 0.3s;
}
.card_option-body span{
	display: block;
	line-height: 24px;
	cursor: pointer;
	transition: 0.3s;
	padding: 0 15px;
}
.card_option-tab:hover,
.card_option-body .active,
.card_option-body span:hover{
	background: #3C5C75;
	color: #fff;
}
.card_option-body::-webkit-scrollbar {
    width: 6px; /* ширина для вертикального скролла */
    height: 8px; /* высота для горизонтального скролла */
    border-radius: 2px;
    background-color: #ccc;
}
.card_option-body::-webkit-scrollbar-thumb {
    background-color: #3C5C75;
    border-radius: 2px;
}
.card_option-body {
    scrollbar-color: #3C5C75 #ccc; /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin;  /* толщина */
}
.card_option-in{
	height: 36px;
	position: relative;
	margin-bottom: 15px;
}
.card_option-in:first-child{
	z-index: 3;
}
.card_option-in:nth-child(2){
	z-index: 2;
}
.card_option-in:last-child{
	z-index: 1;
}
.card_option-in__active{
	z-index: 5;
}
.order_form{
	display: none;
}
.card_total-wrap{
	display: none;
}
.card_total-desc{
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
	display: block;
	padding-right: 10px;
}
.card_total-txt{
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}
.btn-order.btn{
	margin-top: 25px;
	display: block;
	max-width: 100%;
	border-radius: 10px;
	font-size: 14px;
	height: auto;
	line-height: 16px;
	padding: 20px;
}
.card_total-in{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.card_name .success_title-js{
	text-transform: capitalize;
}
.card_name .typeit_txt{
	font-weight: 400;
	font-size: inherit;
}
.order .change_num{
	flex-direction: column;
	align-items: center;
	width: 300px;
}
.order .change_num p{
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	padding-bottom: 10px;
	text-align: center;
}
.order .change_num span{
	display: block;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	padding: 0 0 5px;
}
.order .modal-in{
	align-items: flex-start;
}
.order .modal-left{
	width: 275px;
	padding-right: 30px;
}
.order .order_name{
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #C7A324;
	display: block;
	padding-bottom: 30px;
}
#change_num-2 .order_name{
    padding-bottom: 5px;
}
.order .callback_title{
	font-weight: 800;
	font-size: 28px;
	line-height: 38px;
}
.quiz-3 .item,
.quiz-4 .item{
  width: calc((100% - 60px) / 4);
  margin-right: 15px;
}
.quiz-3 .item_img img,
.quiz-4 .item_img img{
	height: 143px;
}
.quiz-3 .item_name,
.quiz-4 .item_name{
	padding-top: 17px;
	padding-bottom: 17px;
	min-height: 57px;
}
.desc_content-list .color-2{
	color: #fff;
	font-weight: 700;
}
.result_info{
	width: 505px;
	margin: 0 auto;
}
.result_info-title{
	background: #458E51;
	border-radius: 10px 10px 0px 0px;
	position: relative;
	padding: 42px 0 20px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;
}
.result_info-title::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 62px;
	height: 62px;
	transform: translate(-50%, -50%);
	border: 3px solid #458E51;
	background: #fff url(../img/icons/calc.svg) center no-repeat;
	border-radius: 50%;
}
.result_info-body{
	background: #EBEBEB;
	border-radius: 0 0 10px 10px;
	padding: 35px 70px;
}
.result_info-list .typeit_desc{
	width: auto;
}
.result_info-list .typeit-wrap{
	font-size: 18px;
	line-height: 21px;
}
.result_info-body > p{
	padding: 25px 0 30px;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	text-align: center;
}
.result_info-body li{
	font-size: 16px;
	line-height: 21px;
	padding-bottom: 15px;
	position: relative;
	background: url(../img/result/result-ch.png) right top no-repeat;
	padding-right: 30px;
}
.result_info-bot{
	padding-top: 25px;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #458E51;
}
.result_info-bot b{
	color: #333338;
}
.body-result{
	background: url(../img/bg-result.png) top left repeat-y;
	background-size: 100% auto;
}
.body-result footer{
	background: url(../img/bg.jpg) bottom center no-repeat;
	background-size: 100% auto;
}
.cards-block{
	background: #fff;
	padding-bottom: 80px;
}
.parametrs_top{
	background: url(../img/param.jpg) center no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	border: 1px solid #3A3A3A;
	border-radius: 10px;
	padding: 24px 30px;
	margin-bottom: 25px;
}
.parametrs_top .typeit-wrap{
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 15px;
}
.parametrs_top .typeit_txt{
	width: auto;
}
.parametrs_top-txt{
	font-weight: 700;
	font-size: 24px;
	line-height: 31px;
	padding-bottom: 24px;
}
.parametrs-left-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.parametrs-left-img{
	display: block;
	overflow: hidden;
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.parametrs-left-top b{
	width: calc(100% - 70px);
	padding-right: 20px;
}
.parametrs-left-list{
	font-size: 14px;
	line-height: 18px;
}
.parametrs-left-list li{
	padding-bottom: 15px;
}
.designer_bot{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 25px;
}
.designer_bot-img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.designer_bot p{
	width: calc(100% - 60px);
	padding-left: 15px;
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
}
.main-site .btn{
	border-radius: 10px;
}
.engineer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 45px 80px;
}
.engineer_img{
	width: 146px;
	height: 167px;
}
.engineer_content{
	width: calc(100% - 146px);
	max-width: 600px;
	padding-right: 20px;
}
.engineer_top{
	font-size: 26px;
	line-height: 34px;
	padding-bottom: 28px;
}
.engineer_content p{
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
}
.engineer_content p span{
	font-weight: 400;
	color: #F83600;
}
.block-container{
	margin: 0 auto;
	max-width: 1075px;
	width: calc(100% - 30px);
}
.block-wrap.team-wrap{
	padding-top: 0;
}
.team_slide{
	padding: 0 10px;
}
.team_in{
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.team_name{
	position: absolute;
	bottom: 0;
	left: 0;
	background: #0083B0;
	border-radius: 0px 10px;
	overflow: hidden;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	min-width: 130px;
	padding: 13px;
}
.block-wrap{
	padding-bottom: 80px;
}
.control-wrap .block_title{
	max-width: 770px;
}
.control{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.control_txt{
	width: calc(100% - 260px);
	padding-right: 15px;
}
.control_txt p{
	padding-left: 55px;
	margin-bottom: 39px;
	font-size: 22px;
	line-height: 29px;
	position: relative;
	max-width: 580px;
}
.control_txt p::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	background: #0083B0 url(../img/result/result-ch-wh.png) center no-repeat;
	border-radius: 5px;
}
.control_img-wrap{
	overflow: hidden;
	border-radius: 10px;
	width: 253px;
}
.control_name{
	background: #0083B0;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	color: #fff;
	text-align: center;
	padding: 10px 0 14px;
}
.control_name span{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	display: block;
}
.block-wrap{
	padding-top: 80px;
}
.review_slider{
	padding: 0 30px;
}
.review_slide{
	padding: 0 15px;
}
.review_img{
	max-width: 466px;
	margin: 0 auto;
	border-radius: 10px;
	display: block;
}
.review_slider .slick-prev{
	left: 0;
}
.review_slider .slick-next{
	right: 0;
}
.sale{
	display: flex;
	justify-content: space-between;
	max-width: 1100px;
	margin: 0 auto;
	align-items: flex-start;
}
.sale_tag{
	width: 345px;
	position: relative;
	background: #C92C00;
	border-radius: 10px;
	font-weight: 700;
	font-size: 32px;
	line-height: 42px;
	text-align: center;
	color: #FFFFFF;
	padding: 15px 45px 15px 61px;
}
.sale_tag::before{
	content: '';
	position: absolute;
	width: 76px;
	height: 87px;
	background: url(../img/result/tag.png);
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}
.sale_txt{
	width: calc(100% - 400px);
	text-align: left;
}
.sale_txt p{
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	padding-bottom: 15px;
}
.sale-wrap .block_title{
	max-width: 698px;
}
.sale_txt ul{
	padding-left: 20px;
	columns: 2;
}
.sale_txt li{
	font-size: 22px;
	line-height: 29px;
	padding-bottom: 15px;
	list-style-type: disc;
}
.reviews_icons{
	position: relative;
}
.reviews_icons::before,
.reviews_icons::after{
	content: '';
	position: absolute;
	background: url(../img/result/arrow.png);
	width: 45px;
	height: 96px;
	left: -15px;
	top: 0;
}
.reviews_icons::after{
	left: auto;
	right: -15px;
	transform: scale(-1,1);
}
.quiz-9 .bg{
	padding-bottom: 40px;
}
.result_info-list .typeit_txt{
	width: auto;
}
.show-more{
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
	width: auto;
	margin: 0 auto;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #fff;
	outline: none;
	display: block;
	cursor: pointer;
	transition: 0.3s;
}
.show-more:hover{
	border-bottom-color: transparent;
}
.leader{
	position: relative;
}
.leader::before{
	content: 'Лидер по отзывам';
	position: absolute;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
	background: url(../img/result/leader.png) top center no-repeat;
	background-size: 100% 100%;
	width: 112px;
	height: 96px;
	top: 0;
	left: 0;
	padding-top: 30px;
}
.leader .card_name{
	padding: 0 38px 20px 62px;
}
.main_slider{
	max-width: 432px;
	margin-top: 330px;
}
#thanks-change .modal-in{
	flex-direction: column;
}
.head_top__big{
	transition: 1s;
}
.head_top__big.active{
	opacity: 0;
}
.pulse{
    animation: pulse 3s linear infinite;
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}
.pulse::before,
.pulse::after{
    content: '';
    position: absolute;
    border: 1px solid #47AF67;
    border-radius: 80px;
    animation: pulse-btn 3s linear infinite;
    background: transparent;
    z-index: 1;
}
.pulse > button{
    z-index: 2!important;
}
.pulse::after{
    animation-delay: 0.4s;
}
@keyframes pulse-btn{
    0%{
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        opacity: 1;
    }
    30%{
        left: -20px;
        right: -20px;
        bottom: -20px;
        top: -20px;
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}
.manager_img{
    width: 135px;
}
/*
.quiz-1{
	display: none;
	opacity: 0;
}
.quiz-6{
	display: block;
	opacity: 1;
}*/

.form_ch span::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px;
    display: block;
    width: 22px;
    height: 22px;
    background: transparency;
    transition: 0.3s;
    border: 2px solid #ccc;
}
.form_ch span::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/ch.svg) center no-repeat;
    background-size: 15px 15px;
    transition: 0.3s;
    border: 2px solid #138130;
    opacity: 0;
}
.form_ch span{
    padding-left: 35px;
    position: relative;
    font-size: 12px;
    line-height: 1.1;
    padding-top: 4px;
    display: block;
    cursor: pointer;
}
.form_ch-wrap{
    margin-bottom: 15px;
}
.form_ch-input:checked+span::before{
    opacity: 0;
}
.form_ch-input:checked+span::after{
    opacity: 1;
}
.form_ch a{
    color: #138130;
}
.form_ch input{
    display: none;
}
.form_ch-wrap-change{
    max-width: 300px;
    margin: 0 auto;
    text-align: left;
}
.form_ch-wrap-change{
    position: relative;
    transition: 0.3s;
    padding: 5px 0 15px 8px;
}
.form_ch-wrap-change.error::after{
    content: 'Обязательное поле';
    position: absolute;
    font-size: 10px;
    color: red;
    bottom: 5px;
    left: 8px;
}
.form_ch-wrap-change.error::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 6px;
    border: 1px solid red;
    border-radius: 8px;
}
.form-input_tel.error input{
    border-color: red;
}
.form-input_tel{
    position: relative;
}
.form-input_tel.error::after{
    content: 'Обязательное поле';
    position: absolute;
    font-size: 10px;
    color: red;
    bottom: 15px;
    left: 10px;
}
.inputs-bottom_tel{
    position: relative;
}
.inputs-bottom_tel::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.inputs-bottom::after{
    display: none;
}
.inputs-bottom_tel::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 72px;
    background: #fff;
    left: 0;
    bottom: 0;
}
.step-left .form_ch-wrap-change{
    max-width: 100%;
    background: #fff;
}
.inputs-bottom .form-input_tel.error::after{
    bottom: 1px;
    left: 8px;
}
.callback_input_btn{
    position: relative;
}
.callback_input_btn::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.callback_input_btn.active::before{
    display: none;
}
.head_top-wrap.active .head_top__mobile .soc-btns{
            flex-direction: row-reverse;
}