/*BEGIN #preloader*/
#preloader{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
}
.preloader_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 14px;
	width: 66px;
	opacity: 0;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transform: translate(-90px, -7px);
	transform: translate(-33px, -7px);
	
	-webkit-animation: preloader_el_fade_in 1s 1s ease-in-out 1 forwards;
	animation: preloader_el_fade_in 1s 1s ease-in-out 1 forwards;
}
.preloader_element{
	float: left;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	background: #72c267;
   
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.preloader_element_1{
	-webkit-animation: preloader_el_move 1s ease-in-out infinite;
	animation: preloader_el_move 1s ease-in-out infinite;
}
.preloader_element_2{
	-webkit-animation: preloader_el_fade_in 1s ease-in-out infinite;
	animation: preloader_el_fade_in 1s ease-in-out infinite;
}
.preloader_element_3{
	-webkit-animation: preloader_el_move 1s ease-in-out infinite;
	animation: preloader_el_move 1s ease-in-out infinite;
}

.preloader_element_2{
	margin-left: -18px;
	opacity: 0;
}
.preloader_element_4{
	opacity: 1;
	
	-webkit-animation: preloader_el_fade_out 1s ease-in-out infinite;
	animation: preloader_el_fade_out 1s ease-in-out infinite;
}

@-webkit-keyframes preloader_el_move{
	0%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100%{
		-webkit-transform: translateX(22px);
		transform: translateX(22px);
	}
}
@keyframes preloader_el_move{
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(22px);
	}
}

@-webkit-keyframes preloader_el_fade_in{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes preloader_el_fade_in{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
  
@-webkit-keyframes preloader_el_fade_out{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes preloader_el_fade_out{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
/*END #preloader*/

/*BEGIN FONTS*/
@font-face{
	font-family: "Montserrat-Regular";
	src: url("../fonts/Montserrat-Regular.eot");
	src: local("../fonts/Montserrat Regular"), local("Montserrat-Regular"),
		url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Montserrat-Regular.woff") format("woff"),
		url("../fonts/Montserrat-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat-Bold";
	src: url("../fonts/Montserrat-Bold.eot");
	src: local("../fonts/Montserrat Bold"), local("Montserrat-Bold"),
		url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Montserrat-Bold.woff") format("woff"),
		url("../fonts/Montserrat-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
/*END FONTS*/

/*BEGIN GENERAL SETTINGS*/
*{
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
p, a, span, td, h1, h2, h3, input, li, textarea{
	-webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
}
*::after, *::before{
	-webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -o-user-select: none !important;
}
p::-moz-selection { color: #fff;  background: #72c267; }
p::selection      { color: #fff;  background: #72c267; }
a::-moz-selection { color: #fff;  background: #72c267; }
a::selection      { color: #fff;  background: #72c267; }
li::-moz-selection { color: #fff;  background: #72c267; }
li::selection      { color: #fff;  background: #72c267; }
span::-moz-selection { color: #fff;  background: #72c267; }
span::selection      { color: #fff;  background: #72c267; }
h1::-moz-selection { color: #fff;  background: #72c267; }
h1::selection      { color: #fff;  background: #72c267; }
h2::-moz-selection { color: #fff;  background: #72c267; }
h2::selection      { color: #fff;  background: #72c267; }
h3::-moz-selection { color: #fff;  background: #72c267; }
h3::selection      { color: #fff;  background: #72c267; }
h3::-moz-selection { color: #fff;  background: #72c267; }
h3::selection      { color: #fff;  background: #72c267; }
td::-moz-selection { color: #fff;  background: #72c267; }
td::selection      { color: #fff;  background: #72c267; }
input::-moz-selection { color: #000 !important;  background: #72c267; }
input::selection      { color: #000 !important;  background: #72c267; }
textarea::-moz-selection { color: #000 !important;  background: #72c267; }
textarea::selection      { color: #000 !important;  background: #72c267; }

::-webkit-input-placeholder{color: #7e858d;}
::-moz-placeholder{color: #7e858d;}
:-ms-input-placeholder{color: #7e858d;} 
:-o-input-placeholder{color: #7e858d;} 

html, body{
	overflow-x: hidden;
}
html{
	font-size: 10px;
}
body{
	position: relative;
	font-family: "Montserrat-Regular";
	font-size: 1em;
	color: #424241;
	line-height: normal;
}
textarea{
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	vertical-align: top;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"],
input[type="tel"],
select{
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
p, span, h1, h2, h3, h4{
	cursor: default;
}
sup{
	position: relative;
	top: -0.6em;
	font-size: 0.6em;
}
a{
	text-decoration: none !important;
	outline: none !important;
	color: inherit;
}
a:hover, a:focus{
	color: inherit;
}
button{
	outline: none !important;
}
.clear{
	clear: both;
}
.nowrap{
	white-space: nowrap;
}
.container{
	z-index: 1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	*{
		background-attachment: scroll !important;
	}
}

@supports (-ms-ime-align:auto){
	*{
		background-attachment: scroll !important;
	}
}

@media (min-width: 2561px), (max-width: 1250px), (min-height: 1081px){
	*{
		background-attachment: scroll !important;
	}
}

@media (min-width: 1251px){
	body::-webkit-scrollbar{
		width: 10px;
	}
	body::-webkit-scrollbar-track{
		background: #efefef;
	}
	body::-webkit-scrollbar-thumb{
	   background: #72c267; 
	}
}

@media (min-width: 1191px){
	.container{
		width: 1170px;
	}
}

@media (max-width: 1190px){
	.container{
		width: 100%;
	}
}
/*END GENERAL SETTINGS*/

/*BEGIN GENERAL ELEMENTS*/
.screen_relative{
	position: relative;
}
.screen_inner{
	position: relative;
}
.full_screen{
	height: 100vh;
	min-height: 530px;
}
.middle_element{
	position: absolute;
	top: 50%;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mb_10{
	margin-bottom: 10px;
}
.mb_15{
	margin-bottom: 15px;
}
.mb_20{
	margin-bottom: 20px;
}
.mb_25{
	margin-bottom: 25px;
}
.mb_30{
	margin-bottom: 30px;
}
.mb_35{
	margin-bottom: 35px;
}
.mb_45{
	margin-bottom: 45px;
}
.mb_50{
	margin-bottom: 50px;
}
.mb_60{
	margin-bottom: 60px;
}
.pl_70{
	padding-left: 70px;
}
.full_width_img{
	display: block;
	width: 100%;
	height: auto;
}
.align_center{
	text-align: center;
}
.animated_element.fade_in_simple{
	-webkit-transition: opacity 0.9s ease;
	transition: opacity 0.9s ease;
}
.animated_element.fade_in_simple.prepare{
	opacity: 0;
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_top,
.animated_element.fade_in_from_bottom,
.animated_element.fade_in_from_left,
.animated_element.fade_in_from_right{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: opacity 0.9s ease, transform 0.9s ease;
	transition: opacity 0.9s ease, transform 0.9s ease;
}
.animated_element.fade_in_from_top.prepare{
	opacity: 0;
	
	-webkit-transform: translateY(-70px);
	transform: translateY(-70px);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_bottom.prepare{
	opacity: 0;
	
	-webkit-transform: translateY(70px);
	transform: translateY(70px);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_left.prepare{
	opacity: 0;
	
	-webkit-transform: translate(-70px, 0);
	transform: translate(-70px, 0);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_right.prepare{
	opacity: 0;
	
	-webkit-transform: translate(70px, 0);
	transform: translate(70px, 0);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_scale{
	-webkit-transform: scale(1);
	transform: scale(1);
	
	-webkit-transition: opacity 0.9s ease, transform 0.9s ease;
	transition: opacity 0.9s ease, transform 0.9s ease;
}
.animated_element.fade_in_from_scale.prepare{
	opacity: 0;
	
	-webkit-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.oe{
	cursor: pointer;
}
.m_a{
	margin-left: auto;
	margin-right: auto;
}
.open_video, .open_video *{
	cursor: pointer;
}
.open_video{
	position: relative;
}
.open_video .open_video_arrow_container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.open_video .open_video_arrow{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(../img/general/open_video_arrow.svg) no-repeat 50% 50% / 100% 100%;
	
	-webkit-transition: transform 0.4s cubic-bezier(.75,-1.27,.3,2.33);
    transition: transform 0.4s cubic-bezier(.75,-1.27,.3,2.33);
}
.btn_type_1, .btn_type_1 *{
	cursor: pointer;
	
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
}
.btn_type_1{
	width: 196px;
	height: 56px;
}
.btn_type_1 div{
	height: 100%;
	background: #72c267;
	
	-webkit-border-radius: 56px;
	border-radius: 56px;
	
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.btn_type_1 span.text_type_4{
	display: block;
	width: 100%;
	line-height: 56px;
}
.padding_type_1{
	padding-top: 90px;
}

@media (min-width: 1251px){
	.oe{
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	.oe:hover{
		opacity: 0.7;
	}
	.open_video:hover .open_video_arrow{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.btn_type_1:hover div{
		background: #fff;
		
		-webkit-box-shadow: 0 0 4px #72c267;
		box-shadow: 0 0 4px #72c267;
	}
}

@media (max-width: 991px){
	.pl_70{
		padding-left: 0;
	}
}
@media (max-width: 767px){
	.padding_type_1{
		padding-top: 70px;
	}
}
/*END GENERAL ELEMENTS*/

/*BEGIN TEXT*/
*{
	font-weight: normal;
}
.color_green{
	color: #72c267;
}
.color_orange{
	color: #fc9a26;
}
.text_caps{
	text-transform: uppercase;
}
.text_bold{
	font-family: "Montserrat-Bold";
}
.title_type_1{
	font-family: "Montserrat-Bold";
	font-size: 4.8rem;
	letter-spacing: 0.01em;
	line-height: 1.2em;
}
.title_type_2{
	font-family: "Montserrat-Bold";
	font-size: 3rem;
	letter-spacing: 0.01em;
	line-height: 1.2em;
}
.text_type_1{
	font-size: 1.4rem;
	letter-spacing: 0.01em;
	line-height: 1.6em;
}
.text_type_2{
	font-size: 1.5rem;
	letter-spacing: 0.01em;
	line-height: 1.6em;
}
.text_type_3{
	font-size: 1.8rem;
	letter-spacing: 0.01em;
	line-height: 1.5em;
}
.text_type_4{
	font-family: "Montserrat-Bold";
	font-size: 1.1rem;
	letter-spacing: 0.15em;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
}
.text_type_5{
	font-family: "Montserrat-Bold";
	font-size: 1rem;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-transform: uppercase;
}
.text_type_6{
	font-size: 3rem;
	letter-spacing: 0.01em;
	line-height: 1.3em;
}

@media (max-width: 767px){
	.title_type_1{
		font-size: 3.6rem;
	}
	.title_type_2,
	.text_type_6{
		font-size: 2.6rem;
	}
}
/*END TEXT*/

/*BEGIN FORM SETTINGS*/
.field_checkout{
	display: none;
}
.field_wrapper{
	position: relative;
	width: 100%;
	margin-bottom: 25px;
}
.field_wrapper .field{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
	background: #eef3f4;
	outline: none !important;
	border: 0;
	font-size: 1.5rem;
	
	-webkit-border-radius: 50px !important;
	border-radius: 50px !important;
	
	-webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
	transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.field_wrapper .alarm{
	position: absolute;
	opacity: 0;
	margin: 0;
	bottom: -20px;
	left: 0;
	width: 100%;
	text-align: center;
	
	font-size: 1.4rem;
	color: #ff0000;
	letter-spacing: 0.01em;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.field_wrapper.warning .field{
	border-color: #ff0000;
	color: #ff0000;
}
.field_wrapper.warning .alarm{
	opacity: 1;
}
.form_type_1{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.form_type_1 .btn_type_1{
	width: 100%;
	margin-bottom: 25px;
}
.form_type_1 .disclaimer_wrapper{
	position: relative;
	min-height: 35px;
	margin-bottom: 25px;
}
.form_type_1 .disclaimer_btn{
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	cursor: pointer;
}
.form_type_1 .disclaimer_btn{
	background: url(../img/general/disclaimer_btn_false.jpg);
}
.form_type_1 .disclaimer_btn.true{
	background: url(../img/general/disclaimer_btn_true.jpg);
}
.form_type_1 .disclaimer_p{
	padding-top: 8px;
	padding-left: 50px;
	font-size: 1.1rem;
}
/*END FORM SETTINGS*/

/*BEGIN .popup*/
.popup{
	z-index: 201;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: calc(100vh + 1px);
	display: none;
}
.popup .popup_cover{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
	
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.popup .popup_inner{
	position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
	
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#thanx_popup .popup_inner,
#info_popup .popup_inner{
	width: calc(100% - 30px);
    max-width: 880px;
	height: auto;
}
#thanx_popup .popup_inner{
	padding: 60px 15px;
	max-height: calc(100vh - 70px);
	background: #fff;
}
#video_popup .popup_inner{
    width: calc(100% - 30px);
    max-width: 1000px;
	height: 562px;
}
.popup .popup_close{
    position: absolute;
    top: -45px;
    right: -5px;
    width: 40px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
	background: url(../img/general/close_white.svg) no-repeat 50% 50% / 30px 30px;
	
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#thanx_popup_info{
	text-align: center;
}
#thanx_popup_info p:nth-child(1){
	margin-bottom: 15px;
	font-family: "Montserrat-Bold";
	font-size: 4.8rem;
	color: #72c267;
	text-transform: uppercase;
	letter-spacing: 0.007em;
}
#thanx_popup_info p:nth-child(2), #thanx_popup_info p:nth-child(3){
	margin-bottom: 10px;
	font-size: 2.56rem;
	letter-spacing: 0.02em;
}
#video_popup_info,
#video_popup_info video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#info_popup_info > .big_text_block{
	height: calc(100vh - 200px);
	overflow: hidden;
}
#info_popup_info > div{
	background: #fff;
}
#info_popup_info > div > div{
	height: 100%;
	padding: 60px 15px;
	overflow: auto;
}
#info_popup_info > div > div::-webkit-scrollbar{
	width: 4px;
}
#info_popup_info > div > div::-webkit-scrollbar-track{
	background: #efefef;
}
#info_popup_info > div > div::-webkit-scrollbar-thumb{
   background: #72c267; 
}
.info_popup_open{
	text-decoration: underline;
}

@media (min-width: 1051px) and (max-height: 700px){
	#video_popup .popup_inner{
		max-width: 800px;
		height: 450px;
	}
}

@media (max-width: 1050px){
	#video_popup .popup_inner{
		height: auto;
		padding-bottom: 50%;
	}
	#video_popup_info{
		height: auto;
		padding-bottom: 56.2%;
	}
}

@media (max-width: 767px){
	#thanx_popup_info p:nth-child(1){
		font-size: 3.6rem;
	}
	#thanx_popup_info p:nth-child(2), #thanx_popup_info p:nth-child(3){
		font-size: 2.3rem;
	}
}

@media (max-height: 400px){
	#thanx_popup .popup_inner{
		padding: 15px;
	}
}
/*END .popup*/

/*BEGIN #top_menu*/
#top_menu{
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background: #fff;
	border-bottom: 1px solid #dbe4e6;
}
#top_menu .top_menu_inner{
	max-width: 1170px;
	margin: auto;
	padding-top: 15px;
}
#top_menu .top_menu_inner .logo_symbiosys{
	display: block;
	width: 300px;
	height: 53px;
	margin: 0 auto 12px;
}
.logo_alfloreks{
	display: block;
	width: 160px;
	height: 28px;
	margin: 0 auto;
}
#top_menu .lang_turn{
	position: absolute;
	top: 35px;
	right: 15px;
	letter-spacing: 0.1em;
}
#top_menu .lang_turn *{
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
}
#top_menu .lang_turn .na,
#top_menu .lang_turn a{
	display: inline-block;
	padding: 0 6px;
	line-height: 50px;
}
#top_menu .lang_turn .na{
	text-decoration: underline;
}
#top_menu .lang_turn .stick{
	padding: 0 4px;
}

@media (max-width: 991px){
	#top_menu{
		position: fixed;
		height: 50px;
	}
	#top_menu .top_menu_inner{
		top: 0;
	}
	#top_menu .top_menu_inner .logo_symbiosys{
		position: absolute;
		top: 5px;
		left: 15px;
		width: 120px;
		height: 21px;
		margin: 0;
	}
	.logo_alfloreks{
		position: absolute;
		top: 30px;
		left: 15px;
		width: 98px;
		height: 17px;
		margin: 0;
	}
	#top_menu .lang_turn{
		top: 0;
	}
}
/*END #top_menu*/

/*BEGIN #screen_1*/
#screen_1{
	background: url(../img/content/screen_1_bg.jpg) no-repeat calc(50% - 350px) 180px;
}
#screen_1 .screen_inner{
	padding-top: 120px;
}
#screen_1 .info_block{
	padding-top: 70px;
}
#screen_1 .info_block h1{
	z-index: 1;
	position: relative;
	display: inline-block;
}
#screen_1 .open_video{
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1280px;
	height: calc(100vh - 120px);
	background: url(../img/content/open_video_1.png) no-repeat 0 100% / cover;
}
#screen_1 .open_video img{
	display: none;
}
#screen_1 .open_video .open_video_arrow_container{
	width: 50vw;
	max-width: 1280px;
}
#screen_1 .btn_type_1{
	z-index: 1;
	position: absolute;
	bottom: 10vh;
	left: 50%;
	margin-left: -98px;
}

@media (min-width: 992px) and (max-height: 800px){
	#screen_1 .open_video{
		background: url(../img/content/open_video_1_s.png) no-repeat 0 100% / cover;
	}
}

@media (min-width: 992px) and (max-height: 660px){
	#screen_1 .info_block{
		padding-top: 30px;
	}
	#screen_1 .title_type_1.mb_45{
		margin-bottom: 15px;
	}
}

@media (min-width: 992px) and (max-height: 530px){
	#screen_1 .open_video{
		height: 100%;
	}
}

@media (max-width: 991px){
	#screen_1{
		background: none;
	}
	#screen_1 .screen_inner{
		height: auto;
		padding-top: 100px;
	}
	#screen_1 .info_block{
		padding-top: 0;
	}
	#screen_1 .info_block h1{
		display: block;
	}
	#screen_1 .info_block br{
		display: none;
	}
	#screen_1 .info_block .title_type_1{
		margin-bottom: 30px;
	}
	#screen_1 .open_video{
		position: relative;
		bottom: auto;
		left: auto;
		width: auto;
		max-width: 586px;
		height: auto;
		background: none;
		margin: auto;
	}
	#screen_1 .open_video img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	#screen_1 .open_video .open_video_arrow_container{
		width: 100%;
		max-width: 100%;
	}
	#screen_1 .btn_type_1{
		position: static;
		margin: 0 auto 50px;
	}
}
/*END #screen_1*/

/*BEGIN .test_block*/
.test_block{
	max-width: 820px;
	margin: auto;
}
.test_block .part{
	position: relative;
	margin-bottom: 30px;
	min-height: 70px;
	padding: 23px 130px 23px 30px;
}
.test_block .part .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #faf9f8;
	
	-webkit-border-radius: 70px;
	border-radius: 70px;
	
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.test_block .part.done .bg{
	background: #eef3f4;
}
.test_block .part p{
	z-index: 1;
	position: relative;
}
.test_block .part .num{
	position: absolute;
	top: 0;
	left: -100px;
	width: 100px;
	height: 70px;
	line-height: 70px;
}
.test_block .part .num::after{
	content: "";
	position: absolute;
	top: 34px;
	right: 0;
	width: 30px;
	height: 2px;
	border-top: 2px dashed #72c267;
}
.test_block .part .btn_block{
	z-index: 1;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 114px;
	height: 50px;
	background: #fff;
	
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.test_block .part .btn_block .point{
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	letter-spacing: 0.02em;
	
	-webkit-border-radius: 50px;
	border-radius: 50px;
	
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.test_block .part .btn_block .point.yes{
	left: 0;
}
.test_block .part .btn_block .point.no{
	right: 0;
}
.test_block .part .btn_block .point.yes.active{
	background: #72c267;
	color: #fff;
}
.test_block .part .btn_block .point.no.active{
	background: #fc9a26;
	color: #fff;
}
.test_block .part .alarm{
	position: absolute;
	opacity: 0;
	margin: 0;
	bottom: -23px;
	left: 0;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	
	font-size: 1.4rem;
	color: #ff0000;
	letter-spacing: 0.01em;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.test_block .part.warning .alarm{
	opacity: 1;
}

@media (max-width: 1190px){
	.test_block{
		max-width: 100%;
	}
	.test_block .part{
		padding: 23px 15px 23px 15px;
	}
	.test_block .part .bg{
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	.test_block .part .num{
		z-index: 1;
		position: relative;
		left: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.test_block .part .num::after{
		display: none;
	}
	.test_block .part .btn_block{
		position: relative;
		top: auto;
		right: auto;
		margin: 20px auto 0;
	}
}
/*END .test_block*/

/*BEGIN #screen_2*/
#screen_2{
	background: url(../img/content/screen_2_bg.jpg) no-repeat 50% 30px;
}
/*END #screen_2*/

/*BEGIN #screen_3*/
#screen_3{
	height: 0;
	overflow: hidden;
}
#screen_3 .disclaimer{
	position: relative;
	padding-left: 20px;
	font-size: 1.1rem;
}
#screen_3 .disclaimer::before{
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #72c267;
}
/*END #screen_3*/

/*BEGIN #screen_4*/
#screen_4{
	background: url(../img/content/screen_4_bg.jpg) no-repeat calc(50% - 60px) 170px;
}
#screen_4 .open_video{
	display: inline-block;
}
#screen_4 .open_video::before{
	content: "";
	position: absolute;
	top: -34px;
	left: 100px;
	width: 94px;
	height: 67px;
	background: url(../img/content/open_video_2_before.png);
	pointer-events: none;
}
#screen_4 .open_video::after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 25px;
	width: 59px;
	height: 42px;
	background: url(../img/content/open_video_2_after.png);
	pointer-events: none;
}
#screen_4 .text_block{
	position: absolute;
	top: 0;
	left: calc(50% + 85px);
	padding-top: 55px;
}

@media (max-width: 1190px){
	#screen_4{
		background: none;
	}
	#screen_4 .open_video{
		display: block;
		max-width: 586px;
		margin: auto;
	}
	#screen_4 .open_video img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	#screen_4 .open_video::before,
	#screen_4 .open_video::after{
		display: none;
	}
	#screen_4 .text_block{
		position: static;
		padding-top: 0;
	}
	#screen_4 .text_block br:not(.im_br){
		display: none;
	}
}

@media (max-width: 991px){
	#screen_4{
		padding-top: 50px;
	}
}
/*END #screen_4*/

/*BEGIN #screen_5*/
#screen_5 .diet_block{
	position: relative;
	padding: 225px 0 110px 0;
}
#screen_5 .diet_block::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #faf9f8;
	
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
#screen_5 .diet_block::after{
	content: "";
	position: absolute;
	bottom: 38px;
	right: 200px;
	width: 634px;
	height: 859px;
	background: url(../img/content/diet_bg.png);
}
#screen_5 .diet_block .top_text_block{
	position: absolute;
	top: 50px;
}
#screen_5 .diet_block .top_text_block:nth-child(1){
	left: 85px;
}
#screen_5 .diet_block .top_text_block:nth-child(2){
	left: calc(50% + 85px);
}
#screen_5 .diet_block .part{
	z-index: 1;
	position: relative;
}
#screen_5 .diet_block .part .info_block{
	position: relative;
	width: 1064px;
	height: 161px;
	margin: 0 auto 55px;
	background: url(../img/content/diet_part_bg.png);
}
#screen_5 .diet_block .part:last-child .info_block{
	margin-bottom: 0;
}
#screen_5 .diet_block .part .info_block img{
	position: absolute;
	top: 17px;
	left: 50%;
	margin-left: -63px;
}
#screen_5 .diet_block .part .info_block .text_type_2{
	position: absolute;
	top: 50%;
	max-width: 400px;
	
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%); 
}
#screen_5 .diet_block .part .info_block .text_type_2:nth-child(2){
	left: 50px;
}
#screen_5 .diet_block .part .info_block .text_type_2:nth-child(3){
	left: calc(50% + 85px);
}

@media (max-width: 1190px){
	#screen_5{
		margin-top: 70px;
		padding-bottom: 90px;
		background: #eef3f4;
	}
	#screen_5 .diet_block{
		padding: 0;
		text-align: center;
	}
	#screen_5 .diet_block::before,
	#screen_5 .diet_block::after{
		display: none;
	}
	#screen_5 .diet_block .top_text_block{
		position: static;
		margin-bottom: 50px;
	}
	#screen_5 .diet_block .part .info_block{
		width: 100%;
		height: auto;
		background: none;
	}
	#screen_5 .diet_block .part .info_block img{
		position: static;
		display: block;
		margin: 0 auto;
	}
	#screen_5 .diet_block .part .info_block .text_type_2{
		position: static;
		margin: auto;
		
		-webkit-transform: none; 
		transform: none; 
	}
	#screen_5 .diet_block .part .info_block .text_type_2:nth-child(2)::before,
	#screen_5 .diet_block .part .info_block .text_type_2:nth-child(3)::before{
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		margin: 30px auto 15px;
	}
	#screen_5 .diet_block .part .info_block .text_type_2:nth-child(2)::before{
		background: url(../img/content/yes.png);
	}
	#screen_5 .diet_block .part .info_block .text_type_2:nth-child(3)::before{
		background: url(../img/content/no.png);
	}
}
/*END #screen_5*/

/*BEGIN #screen_6*/
#screen_6{
	z-index: 1;
	height: 396px;
	margin-top: -32px;
	background: url(../img/content/screen_6_bg.png) no-repeat 50% 0;
}
.screen_6_after{
	content: "";
	display: block;
	width: 100%;
	height: 100px;
	background: url(../img/content/screen_6_after_bg.jpg) no-repeat calc(50% + 430px) 47px;
}
#screen_6 .text_block{
	position: absolute;
	top: 175px;
	left: calc(50% + 85px);
}
#screen_6 .text_block a{
	display: inline-block;
	padding-left: 40px;
	line-height: 30px;
	background: url(../img/content/link_bg.png) no-repeat 0 0;
}

@media (max-width: 767px){
	#screen_6{
		height: auto;
		margin-top: 0;
		padding: 70px 0;
		background: #e8e9eb;
	}
	.screen_6_after{
		display: none;
	}
	#screen_6 .text_block{
		position: static;
		text-align: center;
	}
}
/*END #screen_6*/

.animated_element,
.animated_element img{
	will-change: transform, opacity;
}