html,body{
	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;
	display: block;
	font-weight: 700;
	width: 100%;
	max-width: 242px;
	text-transform: uppercase;
	background: linear-gradient(180deg, #F8E0AD 0%, #D7B56D 100%);
	border: 1px solid #EFEFEF;
	box-shadow: 0px 2px 0px #A46C00;
	border-radius: 5px;
	color: #4E4E4E;
	transition: 0.3s;
	position: relative;
	cursor: pointer;
}
.btn:hover{
	box-shadow: 0px 3px 5px 2px #FFD376;
}
.btn.send{
	line-height: 16px;
}
.btn.send .btn-bot{
	font-size: 12px;
	line-height: 16px;
}
.btn.send .main_btn-shine{
	padding: 13px 0;
}
.btn.send:disabled{
	cursor: default;
	pointer-events: none;
}
.btn.send:disabled .main_btn-shine{
	background: #C0C0C0;
}
.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: #D7B56D;
}
.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: 'Ubuntu', arial, sans-serif;
}
.container{
	max-width: 1330px;
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 15px;
}
header{
	color: #000;
}
.mobile_btn{
	display: none;
}
.color{
	color: #D7B56D;
}
.color-2{
	color: #20B038;
}
.bgc{
	background-color: #EFEFEF;
}
.head_top-wrap{
	transition: 0.3s;
	height: 100px;
}
.head_top{
	margin: 0 auto;
	max-width: 1330px;
	display: flex;
	padding: 25px 15px;
	justify-content: space-between; 
}
.head_top__mobile{
	display: none;
}
.top_left{
	display: flex;
}
.logo-wrap{
	width: 110px;
	display: block;
	align-self: center;
}
.logo-wrap img{
	width: 100%;
	display: block;
}
.logo_desc{
	margin-left: 20px;
	/*width: 172px;*/
	align-self: center;
	font-size: 13px;
	line-height: 17px;
}
.top_right{
	display: flex;
	justify-content: end;
	align-self: center;
}
.soc-btns{
	padding-right: 50px;
	align-self: center;
}
.soc-btns a{
	align-self: center;
}
.right_info{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.top_num{
	align-self: end;
	display: block;
	font-size: 20px;
	line-height: 23px;
	padding-bottom: 9px;
}
.soc-btn__call{
	color: #D7B56D;
	font-size: 12px;
	line-height: 13px;
	margin-right: 15px;
	display: block;
	width: 72px;
	text-decoration: underline;
}
.soc-btn__tel{
	background: #D7B56D;
	border: 1px solid #727271;
	display: flex;
	border-radius: 5px;
	line-height: 30px;
	font-size: 11px;
	color: #fff;
	padding: 0 10px;
	width: 102px;
}
.soc-btn__tel i{
	background: url(../img/icons/soc-tel.png);
	width: 16px;
	height: 16px;
	display: inline-block;
	align-self: center;
	margin-right: 5px;
}
.top_modal-btn{
	align-self: end;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	display: block;
	border-bottom: 1px solid #000;
	transition: 0.3s;
}
.top_modal-btn span{
	display: inline-block;
	border-bottom: 1px solid #fff;
}
.top_modal-btn span:first-child{
	padding-right: 5px;
	margin-right: -5px;
}
.top_modal-btn:hover{
	border-bottom-color: transparent;
}
.head_main-wrap{
	background-image: url(../img/head-bg.jpg), linear-gradient(180deg, #0C0C0C 0%, #212123 100%);
	background-size: 100% 100%;
	background-position: left top;
	background-repeat: no-repeat;
}
.head_main{
	padding: 40px 0 70px;
}
.main_flex{
	display: flex;
	justify-content: space-between;
}
.main_left{
	width: 581px;
}
.main_right{
	width: 680px;
	padding-left: 20px;
}
.main_right-txt{
	display: none;
}
.main_title{
	font-size: 42px;
	line-height: 1.1;
	padding-bottom: 15px;
	max-width: 570px;
	font-family: 'Kudryashev-Bold', arial;
}
.main_title .color{
	display: inline-block;
}
.slide_img{
	max-height: 406px;
	overflow: hidden;
}
.slide_img img{
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
}
.slide_in{
	border-radius: 5px;
	display: flex;
	overflow: hidden;
}
.slide_half{
	position: relative;
	width: 50%;
}
.slide_desc{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 14px;
	z-index: 10;
	line-height: 45px;
	padding: 0 40px;
	text-align: center;
	background: #EFEFEF;
	border-radius: 10px;
}
.slick-slider{
	padding-bottom: 40px;
}
.slick-dots{
	display: flex;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}
.slick-dots li{
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 5px;
}
.slick-dots button{
	border: none;
	color: transparent;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 50%;
	transition: 0.3s;
	cursor: pointer;
	border: 1px solid #D7B56D;
}
.slick-dots .slick-active button{
	background: #D7B56D;
}
.slick-arrow{
	cursor: pointer;
	background: #D7B56D url(../img/icons/slick-arrow.png) center no-repeat;
	box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	border: 1px solid #727271;
	width: 22px;
	height: 32px;
	position: absolute;
	color: transparent;
	top: 50%;
	margin-top: -45px;
	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);
}
.slick-disabled{
	cursor: default;
	background-color: #727271;
	opacity: 0.5;
}
.main_content{
	padding-top: 30px;
	width: 100%;
	max-width: 690px;
}
.content_gift{
	display: flex;
	padding: 30px 0;
}
.gift_item{
	position: relative;
	width: 175px;
	margin-right: 25px;
	border-radius: 10px;
	box-shadow: 0px 1px rgba(153, 153, 153, 0.1);
	background: #EFEFEF;
	padding: 20px 12px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
}
.gift_top{
	font-size: 28px;
	line-height: 32px;
	border-radius: 50%;
	position: absolute;
	width: 73px;
	height: 73px;
	background: #EFEFEF;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-top: 15px;
}
.color-review{
	color: #FF0202;
}
.gift_top img{
	width: 25px;
	height: 25px;
	margin: 0 auto;
}
.gift_bot{
	display: flex;
	height: 100%;
}
.gift_bot p{
	position: relative;
	z-index: 10;
	align-self: center;
}
.content_desc{
	font-size: 22px;
	line-height: 25px;
	padding-bottom: 32px;
	max-width: 330px;
}
.content_desc span{
	font-weight: 400;
}
.main_btn{
	font-weight: 700;
	position: relative;
	max-width: 343px;
	text-align: center;
	box-shadow: 0px 3px #90712F;
	border-radius: 5px;
	color: #333338;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	display: block;
	transition: 0.3s;
}
.main_btn:hover{
	box-shadow: 0px 4px 0px #D7B56D;
}
.main_btn-anim{
	display: block;
	position: relative;
}
.main_btn-shine{
	padding: 20px 0;
	display: block;
  border-radius: 5px;
	overflow: hidden;
	position: relative;
	background: linear-gradient(180deg, #F8E0AD 0%, #D7B56D 100%);
	border: 1px solid #F6E3B9;
	z-index: 10;
}
.main_btn-shine::before{
	content: '';
  background: url(../img/icons/icon-btn-light.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: -80px;
  top: 0;
  height: 100%;
  width: 77px;
  animation: slide 3s ease-in-out infinite;
}
@keyframes slide {
  0% {
    left: -80px
  }
  40% {
    left: 100%
  }
  to {
    left: 100%
  }
}
.main_btn-anim::before{
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  background: #F6E3B9;
  z-index: 0;
  animation: btn-anim 3s ease-in-out infinite;
  opacity: 1;
}
@keyframes btn-anim{
  0%{}
  10%{
    opacity: 1;
  }
  20%{
    opacity: 0;
    top: -13px;
    left: -13px;
    bottom: -13px;
    right: -13px;
  }
  100%{
    opacity: 0;
  }
}
.btn-bot{
	font-weight: 400;
	padding-top: 3px;
	display: block;
	font-size: 16px;
	line-height: 18px;
}
.btn-tag{
	position: absolute;
	width: 200px;
	height: 45px;
	font-weight: 400;
	text-transform: none;
	font-size: 16px;
	line-height: 45px;
	color: #fff;
	right: -225px;
	top: 0;
	background: rgba(51, 51, 56, 0.5);
	border: 1px solid #D7B56D;
	backdrop-filter: blur(10px);
	border-radius: 5px;
	text-align: center;
}
.btn-tag::before{
	content: '';
	position: absolute;
	bottom: calc(-100% - 6px);
	left: 50%;
	margin-left: -66px;
	width: 132px;
	height: 38px;
	background: url(../img/icons/arrow-dashed.png) center no-repeat;
}
.main_btn-wrap{
	padding-bottom: 20px;
}
.main_gift{
	font-size: 18px;
	line-height: 15px;
	padding: 6px 0 20px 100px;
	text-align: left;
}
.main_present-wrap{
	position: relative;
	border: 1px solid #60D66A;
	border-radius: 5px;
	padding: 15px 210px 15px 100px;
	cursor: pointer;
	width: 680px;
}
.instruction_txt{
	position: absolute;
	transition: 0.3s;
	padding: 10px 15px;
	top: -20px;
	left: 50%;
	z-index: 10;
	background: #D7B56D;
	border-radius: 5px;
	width: 200px;
	opacity: 0;
	color: #333;
}
.instruction_txt.active{
	opacity: 1;
}
.main_present-wrap::before{
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #60D66A url(../img/icons/plus.png) center no-repeat;
	top: -20px;
	left: 46px;
}
.main_present-wrap::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../img/main/main-mockap.png);
	width: 196px;
	height: 123px;
}
.main_present-wrap p{
	font-size: 18px;
	line-height: 23px;
}
.main_present-wrap span{
	font-weight: 700;
	display: block;
}

/* footer */
footer{
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	padding: 30px 0;
	position: relative;
}
.footer_top span{
	display: block;
}
.footer_bot{
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
}
.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: #D7B56D;
	max-width: 1082px;
	border-radius: 10px 10px 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;
	font-weight: 700;
	border-radius: 50px;
	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;
	background: #fff;
}
.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;
}
.quiz-wrap{
	min-height: 1100px;
}
.quiz-1{
	display: block;
	opacity: 1;
}
.quiz-container{
	margin: 0 auto;
	max-width: 1083px;
	padding: 0 15px;
	transition: 2s;
}
.quiz_title{
	font-weight: 700;
	font-size: 38px;
	line-height: 52px;
	text-align: center;
	padding: 20px 0;
}
.pagination{
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 15px;
}
.pagination-current{
	transition: 0.3s;
}
.quiz_nav{
	display: flex;
	justify-content: space-between;
	background: #EBEBEB;
	border-radius: 5px;
	padding: 10px 17px;
}
.quiz_nav-li{
	width: calc(100% / 5 - 24px);
	height: 20px;
	background: #fff;
	border-radius: 3px;
	transition: 0.5s;
}
.quiz_nav-li.active{
	background: #D7B56D;
}
.quiz-title{
	font-weight: 400;
	font-size: 24px;
	line-height: 31px;
	color: #232323;
	padding-bottom: 30px;
}
.quiz-title-desc{
	display: block;
	font-size: 16px;
	padding-bottom: 10px;
}
.quiz-title b{
	display: block;
	font-weight: 700;
	padding-top: 8px;
}
.wrap{
	display: flex;
	justify-content: space-between;
}
.items-wrap{
	width: 100%;
	max-width: 530px;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.items{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-self: start;
}
.items_slider{
	display: block;
	max-width: 323px;
	padding: 0 35px;
	margin: 0 auto;
}
.items_slider .slick-next{
	right: 0;
	top: 130px;
}
.items_slider .slick-prev{
	left: 0;
	top: 130px;
}
.item{
	width: 49%;
	max-width: 253px;
	margin-bottom: 23px;
	background: #EBEBEB;
	overflow: hidden;
	align-self: stretch;
	border-radius: 5px;
	position: relative;
}
.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%;
	z-index: 10;
}
.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: 530px;
}
.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: 175px;
}
.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;
	font-weight: 400;
	outline: none;
	resize: none;
}
.item_content{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	height: calc(100% - 175px);
}
.item_label{
	cursor: pointer;
	display: flex;
	width: 100%;
	font-size: 20px;
	line-height: 26px;
	z-index: 0;
}
.item_name{
	padding: 30px 35px 25px 64px;
	display: block;
	position: relative;
	width: 100%;
	align-self: center;
}
.item_name::before{
	content: '';
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid #AFAFAF;
	left: 15px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
}
.item_name::after{
	content: '';
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 20px;
	top: 50%;
	position: absolute;
	transition: 0.3s;
	z-index: 10;
	opacity: 0;
	background: #D7B56D;
}
.item_rad:checked+span::after {
	opacity: 1;
}
.item_name__check::before{
	border: 1px solid #AFAFAF;
	border-radius: 2px;
	background: transparent;
	width: 24px;
	height: 24px;
	left: 15px;
}
.item_name__check::after{
	background: url(../img/icons/check-blue.svg) center no-repeat;
	background-size: 110% 110%;
	left: 18px;
}
.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: 38px;
	height: 20px;
	background: #D7B56D;
	border-radius: 2px;
	top: -30px;
	right: 10px;
	position: absolute;
	transition: 0.3s;
	z-index: 5;
	border: none;
}
.item_desc-btn::before{
	content: '';
	position: absolute;
	width: 9px;
	height: 6px;
	background-image: url(../img/icons/arrow-up.svg);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
	top: 50%;
	right: 5px;
	margin-top: -3px;
}
.item_desc-btn::after{
	content: '';
	position: absolute;
	width: 13px;
	height: 14px;
	background-image: url(../img/icons/ques.png);
	border-right: 1px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 6px;
	margin-top: -7px;
}
.item_desc-btn.active::before{
	transform: rotate(180deg);
}
.desc{
	max-width: 330px;
	margin-left: 15px;
}
.desc_top{
	border-radius: 10px;
	background: url(../img/result/calc-bg.png) left top repeat;
	position: relative;
	z-index: 10;
	padding: 55px 25px 25px;
	transition: 0.3s;
	border: 1px solid #EBEBEB;
	border-radius: 5px;
}
.desc_top::before{
	content: '';
	position: absolute;
	transform: translate(-50%, -50%);
	border: 10px solid #FFF;
	width: 60px;
	height: 60px;
	left: 50%;
	top: 0;
	border-radius: 50%;
	background: #EBEBEB url(../img/icons/calc.svg) center no-repeat;
	background-size: 18px 23px;
}
.desc_top-wrap{
	position: relative;
}
.desc_top-title{
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	padding-bottom: 15px;
}
.typeit-wrap{
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000;
}
.typeit_txt,
.typeit{
	font-weight: 700;
}
.typeit_ch{
	display: none;
	padding-bottom: 5px;
}
.typeit-wrap__ch,
.result_total__add{
	display: flex;
}
.typeit-wrap__ch .typeit_desc{
	width: 56px;
}
.result_total__add .result_total-name{
	width: 65px;
}
.typeit-wrap__ch .typeit_ch-wrap,
.result_total__add .typeit_ch-wrap{
	width: calc(100% - 70px);
}
.desc_bot{
	background: #EFEFEF;
	padding: 23px 18px;
	font-size: 14px;
	line-height: 18px;
}
.desc_bot p{
	padding-bottom: 20px;
	text-align: center;
	color: #2B2A28;
}
.desc_list li{
	position: relative;
	padding-left: 32px;
	padding-bottom: 18px;
}
.desc_list li::before{
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	left: 0;
	top: 2px;
	background: #D7B56D url(../img/icons/check-black.png) center no-repeat;
}
.desc_helper{
	display: block;
	padding: 15px;
	text-align: center;
	color: #AFAFAF;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	border: 1px solid #EBEBEB;
	border-radius: 5px 5px 0px 0px;
  background: url(../img/result/calc-bg.png) left top repeat;
}
.items-btn{
	padding-top: 60px;
}
.btn-back{
	background: #D9D9D9;
	border: 1px solid #EFEFEF;
	box-shadow: 0px 2px 0px #AFAFAF;
	border-radius: 5px;
	line-height: 53px;
	cursor: pointer;
	width: 140px;
	text-align: center;
	padding-left: 30px;
	font-weight: 600;
	font-size: 14px;
	color: #939598;
	position: relative;
	transition: 0.3s;
	margin-right: 12px;
}
.btn-back::before{
	content: '';
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -5px;
	width: 22px;
	height: 10px;
	background: url(../img/icons/arrow-back.svg) center no-repeat;
}
.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, #F8E0AD 0%, #D7B56D 100%);
	border: 1px solid #EFEFEF;
	box-shadow: 0px 2px 0px #A46C00;
	border-radius: 5px;
	line-height: 16px;
	font-weight: 500;
	color:  #4E4E4E;;
	line-height: 53px;
	cursor: pointer;
	width: 204px;
	text-align: center;
	padding-right: 30px;
	position: relative;
	transition: 0.3s;
}
.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;
	pointer-events: none;
	background: #D9D9D9;
}
.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: #D7B56D;
	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: #D7B56D;
  z-index: 0;
}
.load_body{
  width: 125px;
  height: 125px;
  background: #D7B56D;
  border-radius: 100%;
  text-align: center;
  z-index: 10;
  padding-top: 30px;
}
.load span{
	font-size: 42px;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	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: #D7B56D;
}
.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;
	font-weight: 400;
}
.success-block{
	align-self: center;
	background: #D7B56D;
	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;
	font-weight: 700;
	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: #EFEFEF;
	border-radius: 5px;
	width: 100%;
	max-width: 420px;
}
.contacts_title{
	font-weight: 700;
	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-weight: 700;
	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: 700;
	font-weight: normal;
	display: inline-block;
}
.contacts_desc i{
	position: absolute;
	width: 23px;
	height: 23px;
	font-style: normal;
	background: #D7B56D;
	color: #fff;
	border-radius: 50%;
	left: 0;
	top: -1px;
	font-size: 14px;
	line-height: 23px;
	font-weight: 700;
	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: #D7B56D;
	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_radio-desc::before,
.contacts_radio-desc::after{
	content: '';
	position: absolute;
	border-radius: 50%;
	transition: 0.3s;
	transform: translateX(-50%);
}
.contacts_radio-desc::before{
	border: 2px solid #AFAFAF;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 22px;
}
.contacts_radio.active .contacts_radio-desc::before,
.contacts_radio:hover .contacts_radio-desc::before{
	border-color: #828282;
}
.contacts_radio-desc::after{
	width: 14px;
	height: 14px;
	left: 50%;
	top: 27px;
	background: transparent;
}
.contacts_radio.active .contacts_radio-desc::after{
	background: #D7B56D;
}
.contacts-mob{
	display: none;
}
/* /quiz */

/* result */
.result{
	padding-top: 50px;
	display: none;
	opacity: 0;
	transition: 0.8s;
}
.result-container{
	max-width: 890px;
	margin: 0 auto;
	padding: 0 15px; 
}
.block{
	margin-bottom: 50px;
}
.closer{
	background: #D7B56D;
	border-radius: 5px;
	padding: 50px 0;
	max-width: 1082px;
	margin: 0 auto;
}
.closer-in{
	display: flex;
	justify-content: center;
	background: #fff;
	border-radius: 50px;
	padding: 9px 70px;
	max-width: 640px;
	margin: 0 auto;
}
.closer_img{
	width: 48px;
	height: 64px;
	align-self: center;
}
.closer_txt{
	font-size: 24px;
	line-height: 31px;
	color: #46434F;
	font-weight: 700;
	padding-left: 16px;
	width: calc(100% - 48px);
	align-self: center;
	max-width: 425px;
}
.manager-wrap{
	padding: 55px 15px 0;
	display: flex;
	justify-content: center;
}
.manager-in{
	width: 220px;
}
.manager_img{
	height: 191px;
}
.manager_info{
	background: #EFEFEF;
	border-radius: 0px 0px 5px 5px;
	padding: 15px 15px;
}
.manager_name{
	font-size: 18px;
	line-height: 21px;
	display: block;
	padding-bottom: 5px;
	font-weight: 700;
}
.manager_position{
	display: block;
	font-size: 14px;
	line-height: 16px;
}
.manager_desc{
	width: 416px;
	font-size: 24px;
	line-height: 28px;
	margin-left: 90px;
}
.manager_desc span{
	font-weight: 700;
	display: block;
	padding-bottom: 30px;
	font-size: 36px;
	line-height: 41px;
}
.manager_desc p{
	padding-bottom: 25px;
}
.present{
	max-width: 420px;
	width: 100%;
	padding-top: 30px;
}
.present_title{
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	font-size: 22px;
	line-height: 25px;
}
.present_trends{
	position: relative;
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 25px;
}
.trends_title{
	display: block;
	font-weight: 500;
}
.present_download{
	width: 180px;
	padding-bottom: 15px;
}
.btn-download{
	font-size: 12px;
	color: #000;
	font-weight: 400;
	padding-right: 14px;
	position: relative;
	text-align: left;
	padding-left: 15px;
	width: 182px;
	height: 46px;
	line-height: 46px;
	border: none;
}
.btn-download i{
	width: 14px;
	height: 15px;
	background: url(../img/icons/download.svg) center no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 70px;
}
.btn-download::before{
	content: '';
	position: absolute;
	width: 89px;
	height: 58px;
	background: url(../img/result/mokap.png) center no-repeat;
	background-size: 100% 100%;
	right: 0;
	bottom: 0;
}
.fw-500{
	font-weight: 500;
}
.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::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #D7B56D url(../img/quiz/success-main.png) center no-repeat;
	background-size: 11px 11px;
}
.present_info li > span{
	display: block;
}
.present_date{
	padding: 14px 17px;
	display: inline-block;
	background: #EFEFEF;
	border-radius: 5px;
	margin-top: 15px;
	font-size: 14px;
	line-height: 16px;
}
.change-wrap{
	margin-top: 15px;
	max-width: 330px;
	padding: 20px 20px 30px;
	background: #EFEFEF;
	border-radius: 5px;
	text-align: center;
}
.change_title{
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 15px;
}
.change_desc{
	padding: 0 0 25px;
	font-size: 16px;
	line-height: 18px;
	color: #2D1918;
	max-width: 230px;
	margin: 0 auto;
}
.change_num{
	margin: 0 auto;
	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: 55px 20px 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: 18px 18px 30px;
	text-align: center;
	font-size: 18px;
	line-height: 23px;
	background: #D7B56D;
	border-radius: 0px 0px 5px 5px;
}
.calc_bot p{
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 20px;
}
.calc_bot span{
	font-size: 16px;
	line-height: 18px;
	display: block;
	text-align: left;
	width: calc(100% - 56px);
	padding-left: 10px;
	align-self: center;
}
.calc_bot-call{
	display: flex;
	justify-content: space-between;
}
.calc_bot-img{
	display: block;
	width: 56px;
	height: 93px;
	overflow: hidden;
	border-radius: 5px;
}
.calc_bot-img img{
	height: 100%;
	width: auto;
}
.result_total{
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 10px;
}
.result_total-price{
	padding: 20px 0 15px;
	font-size: 18px;
	line-height: 23px;
}
.result_total-desc{
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 15px;
}
.well-type{
	font-weight: 700;
	color: #4e4e4e;
}
.result_total-wrap .color-2{
	font-weight: 700;
}
.result-line{
	background: #60D66A;
}
.result-line p{
	font-weight: 700;
	color: #fff;
	font-size: 28px;
	line-height: 36px;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	padding: 25px 15px;
}
.pt{
	padding-top: 50px;
}
.outlay_img{
	width: 370px;
}
.outlay_info{
	width: calc(100% - 370px);
	padding-right: 20px;
}
.outlay_info p{
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 30px;
}
.outlay_info p i{
	font-style: normal;
	display: inline-block;
	border-bottom: 2px solid #D7B56D;
	line-height: 1;
}
.outlay_info span{
	font-size: 18px;
	line-height: 21px;
	display: block;
	padding-bottom: 15px;
}
.oultay_item{
	padding: 0 10px 15px 33px;
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #2D1918;
}
.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;
}
.oultay_item b{
	font-weight: 500;
}
.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: 18px;
	line-height: 21px;
	text-align: center;
	max-width: 245px;
	margin: 0 auto 7px;
	font-weight: 700;
	padding-bottom: 40px;
}
.result_callback-input{
	padding-bottom: 12px;
}
.new-count-wrap{
	max-width: 512px;
	margin: 0 auto;
}
.new-count_text{
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 40px;
	text-align: center;
	max-width: 410px;
	margin: 0 auto;
}
.new-count_text i{
	font-style: normal;
	display: inline-block;
	border-bottom: 2px solid #D7B56D;
	line-height: 1;
}
.new-count_link{
	display: block;
}
.new-count_img{
	height: 237px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
}
.new-count_link .btn{
	font-weight: 700;
	font-size: 14px;
	max-width: 288px;
}
.about_title{
	display: block;
	text-align: center;
	max-width: 400px;
	margin: 0 auto 40px;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
}
.about_title span{
	position: relative;
	display: inline-block;
}
.about_title span::before{
	content: '';
	position: absolute;
	height: 3px;
	background: #D7B56D;
	bottom: -3px;
	left: 0;
	right: 0;
}
.about_slider{
	margin: 0 auto;
	max-width: 530px;
}
.about_desc{
	padding-top: 35px;
}
.about_desc p{
	font-size: 18px;
	line-height: 23px;
	max-width: 280px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;
}
.line{
	background: #D9D9D9;
	height: 1px;
	width: 100%;
}
.see_title{
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	max-width: 410px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.see_slider{
	margin: 0 auto;
	max-width: 530px;
	padding-bottom: 0;
}
.see_slider .slick-arrow{
	margin-top: 0;
	top: 180px;
}
.see_slider .slick-dots{
	top: 425px;
	bottom: auto;
}
.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;
}
.see_name{
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	display: block;
	padding-bottom: 5px;
}
.see_info{
	display: block;
	padding-bottom: 5px;
	font-size: 16px;
}
.see_content{
	padding-top: 60px;
}
.see_content p{
	font-size: 16px;
	line-height: 20px;
	padding-top: 15px;
}
.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%);
}
.quality_title{
	display: block;
	margin: 0 auto;
	font-weight: 500;
font-size: 24px;
line-height: 28px;
text-align: center;
padding-bottom: 50px;
}
.quality_list{
	font-size: 16px;
	line-height: 18px;
}
.quality_list b{
	font-weight: 500;
}
.quality_list > li{
	padding-bottom: 35px;
	position: relative;
	padding-left: 43px;
}
.quality_list > li::before{
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	top: 0;
	left: 0;
	background: #D7B56D url(../img/quiz/success-main.png) center no-repeat;
	background-size: 11px 11px;
}
.quality_sub-list{
	padding-top: 17px;
	padding-left: 20px;
}
.quality_sub-list li{
	padding-bottom: 9px;
	list-style-type: disc;
}
.social_title{
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 35px;
	display: block;
	text-align: center;
	margin: 0 auto;
	max-width: 420px;
}
.social_in{
	justify-content: center;

}
.social_link{
	display: block;
	width: 160px;
	height: 231px;
	overflow: hidden;
	border-radius: 6px;
}
.social_link:hover img{
	transform: scale(1.1);
}
.social_link img{
	transition: 0.8s;
}
.social_in ul{
	width: calc(100% - 190px);
	font-size: 16px;
	line-height: 18px;
	max-width: 330px;
	margin-left: 60px;
}
.social_in li{
	padding-bottom: 15px;
	list-style-type: disc;
}
.social_in b{
	font-weight: 500;
}
.address_title{
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	display: block;
	padding-bottom: 15px;
	max-width: 415px;
	margin: 0 auto;
	text-align: center;
}
.address_desc{
	font-size: 18px;
	padding-bottom: 35px;
	line-height: 21px;
	max-width: 415px;
	margin: 0 auto;
	text-align: center;
}
.address_img{
	max-width: 437px;
	margin: 0 auto;
	border-radius: 5px;
	overflow: hidden;
}
.address_img img{
	display: block;
	width: 100%;
}
.address_info{
	justify-content: space-between;
	max-width: 430px;
	margin: 0 auto;
	padding: 35px 0;
}
.address_info-in{
	width: 50%;
	font-size: 16px;
	line-height: 18px;
}
.address_info-in span{
	display: block;
}
.address_info-title{
	font-weight: 500;
}
/* /result */

.modal{
	display: none;
	padding: 0;
	background: #EFEFEF;
	border: 1px solid #D7B56D;
	border-radius: 5px;
}
.modal-in{
	padding: 58px 38px;
	max-width: 760px;
	justify-content: space-between;
}
.modal_content{
	width: 315px;
	padding-right: 10px;
	margin-right: 55px;
}
.modal-in .form{
	width: 316px;
	align-self: center;
	background: #F5F5F5;
	border: 1px solid #D7B56D;
	border-radius: 5px;
	padding: 47px 35px;
}
.callback_title{
	font-weight: 500;
	font-size: 22px;
	line-height: 25px;
	padding-bottom: 15px;
	margin: 0 auto;
}
.callback_desc{
	display: block;
	font-size: 18px;
	line-height: 21px;
	padding-bottom: 5px;
}
.callback_ul{
	padding-bottom: 20px;
}
.callback_li{
	font-size: 16px;
	line-height: 18px;
}
.callback_input{
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 12px;
}
.callback_input input{
	line-height: 48px;
	background: transparent;
	border: 1px solid #D9D9D9;
}
.callback_btn{
	display: block;
	color: #000;
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	background: linear-gradient(180deg, #F8E0AD 0%, #D7B56D 100%);
	border: 1px solid #FFD376;
	border-radius: 5px;
	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;
	font-weight: 700;
	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;
}
.invitation_desc{
	font-size: 16px;
	line-height: 18px;
}
.invitation_txt{
	font-size: 14px;
	line-height: 16px;
	padding: 20px 0 15px;
}
.invitation_txt-desc{
	font-size: 12px;
	line-height: 14px;
	color: #727271;
	padding-bottom: 10px;
}

/* 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;
  -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;
}
.present_info li > .branch-projects{
	display: inline;
}
.about_img{
	max-width: 512px;
	margin: 0 auto;
}