@font-face {
  font-family: 'OpenSansSemiBold';
  src: local("OpenSansSemiBold"), url("../fonts/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSansSemiBold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
  
@font-face {
  font-family: 'OpenSansRegular';
  src: local("OpenSansRegular"), url("../fonts/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

body{
	font-size: 24px;
	line-height:36px;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	background:#272A33;
	height:100%;
}
a{
	color:#FFFFFF;
	text-decoration:none;
}
#list{
	max-width:100%;
	overflow:hidden;
	min-height:100%;
	min-width: 320px;
	position:relative;
}
.main_wrap{
	margin: 0 auto;
	width:100%;
	max-width:1400px;	
	overflow:hidden;
	 min-height:100%;
	height:auto !important;
	height:100%;
}

.container_wrap{
	margin: 0 auto;
	width:100%;	

	background: #272A33 url(../img/bg.png) no-repeat top center;
	position:relative;
}

.start_block{	
	width: 100%;
	margin:0 auto;	
	
}

.start_block_wrap{
	text-align:center;
	margin:0 auto;
	margin:0px 10px 0 10px;
}


.img_mail{
	max-height:281px;
	max-width: 400px;
	width:100%;
	display:block;
	padding-top: 60px;
	padding-bottom: 16px;
	margin:0 auto;
}


.bgvideo {
	position: absolute;
	left:0;
	right:0;
	top: 0;
	bottom:0;
	height:100%;
	width:auto;
	z-index: -9999;
	
	
}

.line{
	border-bottom:1px solid rgba(255, 255, 255, .2);
	display: block;
	width:100%;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 500;
}

.line0{
	border-bottom:1px solid #05141F;
	display: block;
	width:100%;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 500;
	opacity:0.2;
}

.first_screen{
	margin:0 auto;
}

.container{
	padding-left:20px;
	padding-right:20px;
	position:relative;
}

.bg_final_wrap{
	height:50vh;
	max-height:480px;
	display:block;
	background: #ffffff url("../img/bg2.jpg") center top no-repeat;
	background-size: cover;
}

.text_first_wrap{
	width:50%;
	position:relative;
}

.logo{
	height:40px;
	width: 280px;
	display:block;
	padding-top: 50px;
	padding-bottom: 70px;
	cursor:pointer;
	margin:0 auto;
}

.sub_text{
	display: block;
	padding-top: 24px;
	padding-left: 16px;
	padding-right: 16px;
	text-align:center;
	font-family: "OpenSansRegular", sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
	color:#FFFFFF;
	max-width:640px;
	margin:0 auto;
}

.sub_text_2{
	font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
	color:#FFFFFF;
	padding-bottom:40px;
}

.main_btn_wrap{
	padding-top:48px;
	padding-bottom:48px;
	width: 300px;
	margin:0 auto;	
}

.main_btn{
	display: block;
    width: 300px;
    box-sizing: border-box;   
    text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
	font-family: "OpenSansRegular", sans-serif;
	cursor:pointer;
	background: #EE4070;
	color: #FFFFFF;	
	margin:0 auto;
}

.main_btn{
	margin:0;
}

.quest_wrap{
	
	display:none;
}

.head_line{
	display: flex;
    justify-content: flex-start;
	flex-wrap: nowrap;
	position:relative;
}

.slider_container{	
	margin:0 auto;
	overflow:hidden;
}


.slick-slide{
	padding-left:5px;
	padding-right:5px;
}



.answer_block{
	max-width:532px;
	width:100%;
	margin:0 auto;	
	margin-top:30px;
}

.answer_block_2{
	max-width:350px;
	width:100%;
	margin:0 auto;	
	padding-top:30px;
}

.answer_block_3{
	max-width:344px;
	width:100%;
	margin:0 auto;	
	padding-top:30px;
}



.input_text_wrap{
	padding-top:20px;

	margin:0 auto;
	width:100%;
	max-width:720px;
	position:relative;
	border-radius:4px;
	color:#838A96;	
}



.answer_end{
	border-bottom:1px solid #CDD0D2;
}

.quest_title{
	display: block;
	
	padding-left: 16px;
	padding-right: 16px;
	text-align:center;
	font-family: "OpenSansRegular", sans-serif;
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
	color:#FFFFFF;
	margin:0 10px 0 10px;
}

.title_normal{
	font-weight: 300;
}

.padding_none{
	padding-top: 5px;
}

.quest_title_3{
	display: block;
	padding-top: 24px;
	padding-bottom: 30px;
	text-align:center;
	font-family: "OpenSansRegular", sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
	color:#FFFFFF;
	max-width:700px;
	margin:0 auto;

}

.next_btn_slide_small{
	padding-top:30px;
	padding-bottom:50px;
	position:relative;
}

.next_btn_slide_2{
	padding-top:20px;
	padding-bottom:30px;
}

.btn_next{
	display: block;
    max-width: 300px;
	width:100%;
    box-sizing: border-box; 
    text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
    font-size: 18px;
    line-height: 27px;
	font-family: "OpenSansRegular", sans-serif;
	cursor:pointer;	
	color: #FFFFFF;	
	background-color:#444954;
	margin:0 auto;	
}

.check_answer_block{
	text-align:left;
}

::placeholder {
  color: #838A96;
}

.input-hld{
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px;
	border-radius:4px;
	background-color:rgba(255, 255, 255, 0.05);
	margin: 2px 16px 2px 16px;
	
}

.input-hld_2{
	position: relative;
	padding-bottom: 20px;
}

.checkbox {
	display: block;
	width:88%;
	vertical-align: middle;
	position: relative;
	padding: 0 0 0 56px;
	min-height: 24px;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	text-align:left;
	font-family: "OpenSansRegular", sans-serif;
	cursor:pointer;	

}

.quest_number{
	background-color:#444954;
	border-radius:4px;
	padding:8px;
	color:rgba(255, 255, 255, 0.49);
	font-size: 16px;
    line-height: 24px;
	text-align:center;
}

.quest_number_wrap{
	margin:0 auto;
	width:140px;
	padding-bottom: 20px;
	padding-top: 100px;
}

.block_radio{
	margin:0 16px;
}

.radiobtn {
	display: inline-block;
	width:88%;
	vertical-align: middle;
	position: relative;
	padding: 0 0 0 56px;
	min-height: 24px;
	font-size: 18px;
	line-height: 27px;
	color: #FFFFFF;
	text-align:left;
	font-family: "OpenSansRegular", sans-serif;		
}

.radiobtn > span:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 24px;
	width: 16px;
	height: 16px;
	background: url(../img/radio_0.svg) no-repeat center center;
	cursor:pointer;
}


.radiobtn > input:checked ~ span:before {
	background: url(../img/radio_2.svg) no-repeat center center;
	background-size: 16px 16px;
}


.btn_next_active, .btn_next_active__yes, .btn_next_active__no{
	background-color: #EE4070;
}

.checkbox > span:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 24px;
	width: 16px;
	height: 16px;
	background: url(../img/check_0.svg) no-repeat center center;
	cursor:pointer;
	
}

.checkbox > input:checked ~ span:before {
	background: url(../img/check_2.svg) no-repeat center center;
	background-size: 16px 16px;
}


input[type="checkbox"] {
	display:none;
}

input[type="radio"] {
	display:none;
	outline: none;
}

input:active{outline:none; }
input:focus {outline:none;}



.final_text{
	padding: 150px 16px 24px 16px;
	text-align:center;
	font-family: "OpenSansSemiBold", sans-serif;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
	color:#FFFFFF;	
	margin:0 auto;
}

.final_text_2{
	text-align:center;
	font-family: "OpenSansRegular", sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
	color:#FFFFFF;
	margin:0 auto;
	padding-bottom: 200px;
	max-width:640px;
}

.final_link{
	text-align:center;
	font-family: "OpenSansRegular", sans-serif;
    font-size:18px;
    line-height: 27px;
    font-weight: 400;
	color:#747576;
	margin:0 auto;
	text-decoration:underline;
	padding-top: 100px;
	display:block;
}

.drag_line_num .slick-slide {
    outline: none
}

.block_final {
	display: none;
}

.block_3_2{
	display:none;
}

.text_other_1, .text_other_2{
	
}

.input_bg {
	position: relative;
	margin:0 16px;
	border-radius:4px;
}


.input_bg_2 {
	position: relative;
}

.input_text_label{
	position: absolute;
	top: 15px;
	left: 24px;
	white-space: nowrap;
	font-size: 10px;
    line-height: 15px;
	font-family: "OpenSansRegular", sans-serif;
	text-transform:uppercase;
	color: #838A96;
	letter-spacing:0.05em;
	cursor: text;
	z-index:-1;
}

.input_text{
	display: block;
	box-sizing: border-box;
	width:100%;
	background: rgba(255, 255, 255, 0.05);
	/*height:150px;*/
	font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
	color: #FFFFFF;	
	padding-top: 34px;
	padding-left: 24px;
	padding-right: 24px;
	margin: 0;
	position: relative;
	border-radius:4px;
}

.input_text:focus, .input_age:focus {	
	/*background: rgba(255, 255, 255, 0.15);*/
}

.input_text:focus ~ .input_text_label,
.input_text.with_val ~ .input_text_label,
.input_age:focus ~ .input_text_label,
.input_age.with_val ~ .input_text_label {
	top: 15px;
	font-size: 10px;
	line-height: 15px;
	color: #838A96;
	font-family: "OpenSansRegular", sans-serif;
}

.input_text_label:focus ~ .input_text_label,
.input_text_label.with_val ~ .input_text_label{
	top: 15px;
	font-size: 10px;
	line-height: 15px;
	color: #838A96;
	font-family: "OpenSansRegular", sans-serif;
}

::-webkit-appearance: none;
::-moz-appearance: none;
::-ms-appearance: none;



.slider___wrap{
	position: relative;
}

.final_padding{
	padding-bottom:300px;
}

@keyframes loading-border {
    100% {
      transform: rotate(360deg);
    }
  }

.loading {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	vertical-align: -0.125em;
	border: 0.2em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: .75s linear infinite loading-border;
	animation: .75s linear infinite loading-border;

}

.loading_hide {
	display: none;
}