html{
	width: 100%;
	font-family: 'DinPro', Arial, sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: subpixel-antialiased;
}
body{
	width: 100%;
	overflow-x: hidden;
}



.header{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
}
.header__body{
	height: auto;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	background: white;
}
.header__logo{
	width: auto;
	height: 50px;
	float: left;
}
.header__logo .logo__img{
	width: auto;
	height: 60%;
}
.header__nav{
	height: auto;
	margin: 0 -17px;
	clear: both;
	overflow: hidden;
	font-size: 0;
}
.header__nav .nav__list{
	padding: 15px 17px;
}
.header__nav .nav__item{

}
.header__nav .nav__item + .nav__item{

}
.header__nav .nav__link{
	padding: 7px 0;
	color: white;
}
.header__nav .nav__link:hover{
	color: white;
}
.header__nav .nav__link:before{
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -12px;
	background: white;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}
.header__nav .nav__link.current:before,
.header__nav .nav__link:hover:before{
	width: 5px;
}
.header__toggle{
	width: 30px;
	height: 50px;
	margin-left: -7px;
	margin-right: 17px;
	float: left;
	color: black;
	font-family: 'icons';
	text-align: center;
	cursor: pointer;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}
.header__toggle:before{
	content: '\e901';
	line-height: 50px;
}
.header.collapsed .header__toggle:before{
	content: '\e900';
}
.header__soc{
	margin: 0 0 20px 15px;
}
@media (min-width: 480px){

}
@media (max-width: 767px){
.header.collapsed .header__nav{
	height: 0;
}
.header__nav{
	background: #bc1e50;
}
}
@media (min-width: 768px){
.header{
	top: 28px;
}
.header__body{
	height: 60px;
}
.header__logo{
	width: 110px;
	height: 100%;
	float: left;
}
.header__logo .logo__img{
	width: 100%;
	height: auto;
}
.header__nav{
	width: auto;
	height: 100% !important;
	margin: 0;
	padding: 0 20px;
	clear: none;
	float: right;
	margin-right: -30px;
	background: #bc1e50;
}
.header__nav .nav__list{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	padding: 0;
}
.header__nav .nav__item{
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: 100%;
}
.header__nav .nav__item + .nav__item{
	margin-left: 15px;
}
.header__nav .nav__link{
	height: 100%;
	padding: 0;
}
.header__nav .nav__link:before{
	width: 100%;
	height: 0px;
	top: auto;
	bottom: 0px;
	left: 0;
}
.header__nav .nav__link.current:before,
.header__nav .nav__link:hover:before{
	width: 100%;
	height: 5px;
}
.header__toggle{
	display: none;
}
.header__soc{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	margin: 0 0 0 20px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.header__body{
	height: 100px;
}
.header__logo{
	height: 50%;
}
.header__nav{
	width: 100%;
	height: 50% !important;
	overflow: visible;
}
.header__nav .nav__list{
	display: table;
	width: 100%;
	height: 100%;
}
.header__nav .nav__item{
	display: table-cell;
	text-align: center;
}
.header__nav .nav__link{
	display: inline-block;
}
.header__soc{
	position: absolute;
	top: -100%;
	right: 0;
}
}
@media (min-width: 992px){
.header__nav .nav__item + .nav__item{
	margin-left: 20px;
}
}
@media (min-width: 1280px){
.header__soc{
	margin: 0 0 0 30px;
}
.header__nav{
	padding: 0 25px;
	margin-right: -34px;
}
.header__logo{
	width: 190px;
	margin-left: -15px;
}
}



.s-main{
	height: auto;
	padding: 100px 0 70px;
	background: black;
}
.s-main__bg{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: url(../images/main-bg.jpg) center center / cover no-repeat;
	opacity: 0.6;
}
.s-main > .container{
	height: 100%;
}
.s-main__content{
	width: 100%;
	color: white;
	text-align: center;
}
.s-main__title{
	color: #bc1e50;
}
.s-main__lead{

}
.s-main__btn{
	margin: 5px 0;
}
@media (min-width: 768px){
.s-main{
	height: 630px;
	max-height: 850px;
	padding: 0;
}
.s-main__content{
	max-width: 520px;
	text-align: left;
}
}
@media (min-width: 768px) and (min-height: 850px){
.s-main{
	height: 65vw;
	min-height: 500px;
	max-height: 850px;
	padding: 0;
}
}
@media (min-width: 1280px){
.s-main__content{
	max-width: 650px;
}
.js-intervew-intro .s-main__content{
	max-width: 550px;
}
.s-main__bg.person-intro-1{
	background-position: left top;
	background-size: 140% auto;
}
}


.s-content{
	padding: 20px 0;
	background: white;
}
.s-content_photo{
	min-height: 500px;
	padding: 65px 0px;
	background: black;
}
.s-content_photo .s-content__bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.8;
}
.s-content_photo .container{
	height: 100%;
}
.s-content_photo .quote{
	margin: auto;
}
.s-content_photo .quote__text{
	color: white;
	font-size: 22px;
	font-weight: 600;
}
@media (min-width: 480px){

}
@media (min-width: 768px){
.s-content{
	padding: 0;
}
.s-content_photo{
	height: 880px;
	min-height: 0;
	padding: 0px;
}
}
@media (min-width: 992px){
.s-content_photo .s-content__bg.s-content__bg_max_1{
	background-position: 10% center;
}
.s-content_photo .quote{
	margin-left: 20px;
}
.s-content_photo .quote__text{
	font-size: 24px;
}
}
@media (min-width: 1280px){
.s-content_photo .quote{
	margin-left: -100px;
}	
}


.s-persons{
	padding: 35px 0;
	z-index: 5;
	text-align: center;
	perspective: 1000px;
	background: url(/visual/images/testing-bg.jpg) center center / cover no-repeat;
}
.s-persons__back{
	display: none;
	position: absolute;
	width: 200%;
	/* height: 112%; */
	top: -85px;
	bottom: -85px;
	left: -50%;
	transform: rotate3d(0, 1, 0, -11.5deg);
	z-index: 100;
	background: url(/visual/images/testing-bg.jpg) center center / cover no-repeat;
}
.s-persons__back ~ *:not(.corner){
	z-index: 100;
}
.s-persons__title{
	margin-bottom: 15px;
	color: #bc1e50;
}
.s-persons__subtitle{

}
.s-persons__list{
	margin: 34px auto 0px;
	list-style: none;
	font-size: 0;
	text-align: center;
}
.s-persons__item{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: left;
}
.s-persons__item + .s-persons__item{
	margin-top: 25px;
}
.s-persons__prod{
	display: none;
	width: 30%;
	position: absolute;
	bottom: 100%;
	right: 0;
	margin-bottom: 85px;
}
.s-persons__prod-img{
	display: block;
	width: 100%;
	z-index: 3;
}

.s-persons__plane{
	display: none;
	width: 227px;
	height: 170px;
	position: absolute;
	bottom: 100%;
	left: -100%;
	z-index: 2;
	-webkit-animation: plane 8s linear;
	animation: plane 8s linear;
/*	-webkit-animation-delay: 4s;
	animation-delay: 4s;*/
}
.s-persons__plane-wrapper{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.s-persons__plane-img{
	display: block;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-animation: plane-img 8s linear;
	animation: plane-img 8s linear;
/*	-webkit-animation-delay: 4s;
	animation-delay: 4s;*/
}
@-webkit-keyframes plane{
0%{
	width: 227px;
	left: -100%;
}
100%{
	width: 100px;
	left: 120%;
}
}
@keyframes plane{
0%{
	width: 227px;
	left: -100%;
}
100%{
	width: 100px;
	left: 120%;
}
}
@-webkit-keyframes plane-img{
0%{
	top: 150%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
}
100%{
	top: -40%;
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
}
}
@keyframes plane-img{
0%{
	top: 150%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
}
100%{
	top: -40%;
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
}
}
@media (min-width: 480px){
.s-persons__list{
	margin: 34px -8px 0px;
}
.s-persons__item{
	width: 50%;
	padding: 0 8px;
}
}
@media (min-width: 768px){
.s-persons__list{
	margin: 34px -34px 0px;
}
.s-persons__item{
	padding: 0 17px;
}
.s-persons__plane{
	display: block;
}
.s-persons__prod{
	display: block;
}
}
@media (min-width: 992px){
.s-persons__item{
	width: 32%;
}
.s-persons__list{
	margin: 34px -47px 0px;
}
.s-persons__prod{
	width: 317px;
}
}
@media (min-width: 1280px){
.s-persons__list{
	margin: 34px -51px 0px;
}
}



.s-test{
	height: auto;
	padding: 100px 0 80px;
	color: white;
	text-align: center;
	background: black;
}
.s-test .container{
	height: 100%;
}
.s-test__bg{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: url(../images/test-bg.jpg) center center / cover no-repeat;
	opacity: 0.7;
}
.s-test__content{

}
.s-test__title{

}
.s-test__lead{

}
.s-test__btn{

}
@media (min-width: 768px){
.s-test{
	text-align: left;
	padding: 180px 0;
}
.s-test__content{
	max-width: 590px;
}
}
@media (min-width: 1280px){
.s-test{
	height: 65vw;
	max-height: 880px;
	padding: 0;
}
}



.s-game{
	height: auto;
	padding: 50px 0;
	color: white;
	text-align: center;
	background: #bc1e50;
}
.s-game .container{
	height: 100%;
}
.s-game__content{

}
.s-game__decor{
	display: block;
	max-width: 100%;
	margin: auto;
}
.s-game__title{

}
.s-game__lead{

}
.s-game__btn{

}
@media (min-width: 768px){
.s-game{
	text-align: left;
}
.s-game__decor{
	width: 40vw;
	max-width: 647px;
	position: absolute;
	top: -100%;
	bottom: -100%;
	right: 105%;
}
.s-game__content{
	max-width: 450px;
	margin: 0 0 0 auto;
}
}
@media (min-width: 992px){
.s-game{
	height: 450px;
	padding: 0;
}
.s-game__decor{
	right: 110%;
}
.s-game__title{
	padding-top: 60px;
}
}
@media (min-width: 1280px){
.s-game{
	height: 550px;
}
.s-game__decor{
	right: 120%;
}
}



.s-product{
	padding-top: 100px;
	text-align: center;
}
.s-product__title{
	margin: 0 0 34px;
	color: #bc1e50;
}
.s-product__content{

}
.s-product__image{
	display: block;
	max-width: 100%;
	margin: 34px auto;
}
.s-product__specs{
	width: 100%;
	list-style: none;
}
.s-product__spec{
	width: 100%;
	float: left;
}
.s-product__spec + .s-product__spec{
	margin-top: 34px;
}
.s-product__btn{
	margin: 34px auto 34px;
}
.s-product__warning{
	display: block;
	max-width: 98%;
	margin: 0 auto 17px;
}
@media (min-width: 480px){
.s-product__spec{
	width: 46%;
}
.s-product__spec + .s-product__spec{
	margin-left: 6%;
	margin-top: 0;
}
.s-product__spec .center__cell{
	vertical-align: top;
}
}
@media (min-width: 768px){
.s-product{
	padding-top: 170px;
}
.s-product__specs{
	width: 30%;
	float: left;
}
.s-product__spec{
	width: 100%;
	float: none;
}
.s-product__spec + .s-product__spec{
	margin-left: 0;
	margin-top: 34px;
}
.s-product__spec .center__cell{
	vertical-align: middle;
}
.s-product__image{
	width: 40%;
	padding: 0 17px;
	margin: 0px auto;
	float: left;
}
}
@media (min-width: 992px){
.s-product__image{
	width: auto;
	padding: 0;
	margin: 0 17px;
}
.s-product__specs{
	width: 250px;
}
.s-product__spec + .s-product__spec{
	margin-top: 80px;
}
}
@media (min-width: 1280px){
.s-product__specs{
	width: 290px;
}
}

.s-victory{
	padding: 90px 0 100px;
	color: white;
	text-align: center;
	background: url(/visual/images/victory-bg.jpg) center center / cover no-repeat;
}
.s-victory:not(.no-back):before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(168, 30, 80, 0.7);
}
.s-victory .container{
	height: 100%;
}
.s-victory__statistic{
	margin: 0 auto 15px;
	font-size: 0;
	text-align: center;
}
.s-victory__statistic .diagram{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
.s-victory__intro{
	width: 100%;
	max-width: 650px;
	margin: 0 auto 0;
}
.s-victory__title{
	margin-bottom: 10px;
}
@media (min-width: 480px){
.s-victory__statistic .diagram{

}
}
@media (min-width: 768px){
.s-victory{
	padding: 160px 0 130px;
}
.s-victory__statistic{
	margin: 0 auto 5px;
}
.s-victory__statistic .diagram{
	margin: 0 20px;
}
}
@media (min-width: 992px){
.s-victory{
	height: 750px;
	padding: 0px 0 30px 0;
}
}
@media (min-width: 992px) and (min-height: 900px){
.s-victory{
	height: 830px;
}
}
@media (min-width: 1280px){

}



.s-vicscore{

}
.s-vicscore + .s-product{
	padding-top: 50px;
}
.s-vicscore__title{
	color: #bc1e50;
	text-align: center;
}
.s-vicscore__content{

}


.vicscore{
	width: 900px;
	margin: 40px auto 0;
}
.vicscore__list{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.vicscore__page{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.vicscore__item{
	color: white;
	background: #bc1e50;
}
.vicscore__item:nth-child(even){
	background: #d06184;
}
.vicscore__item-col{
	display: inline-block;
	vertical-align: top;
	line-height: 70px;
	font-size: 16px;
}
.vicscore__item-col-index{
	width: 110px;
	font-size: 42px;
	text-align: center;
}
.vicscore__item-col-score{
	width: 160px;
}
.vicscore__item-col-name{
	
}

.vicscore__dots{
	margin: 10px 0 0 0;
	text-align: right;
	font-size: 0;
}
.vicscore__dot{
	display: none;
	vertical-align: top;
	width: 27px;
	line-height: 25px;
	border: 1px solid transparent;
	border-radius: 100%;
	color: #bc1e50;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.vicscore__dot + .vicscore__dot{
	margin-left: 5px;
}
.vicscore__dot:first-child,
.vicscore__dot:last-child,
.vicscore__dot.active,
.vicscore__dot.active + .vicscore__dot,
.vicscore__dot.visible{
	display: inline-block;
}
.vicscore__dot.etc{
	margin-right: 30px;
}
.vicscore__dot.etc:after{
	content: '...';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 100%;
	right: -30px;
	margin: auto;
	cursor: default;
	pointer-events: none;
}
.vicscore__dot:hover{
	border-color: #bc1e50;
}
.vicscore__dot.active{
	color: white;
	background: #bc1e50;
	cursor: default;
}


.auth{

}
.auth__soc{

}
.auth__soc .soc__title{
	font-size: 24px;
	margin: 0 0 15px 0;
}
.auth__soc .soc__link{
	width: 50px;
	height: 50px;
	line-height: 46px;
	border-width: 2px;
	font-size: 36px;
}
.game__footer{
	margin: 30px auto 0;
}
.game_2 .game__footer{
	margin-top: 20px;
}
.auth__footnote{
	font-size: 14px;
}
.auth__footnote a{
	color: inherit;
}

.game_1.game_stage_2 br:nth-child(6){
	display: block;
}
.game_1.game_stage_3 .game__field {
	max-width: 570px;
	margin: auto;
}
.game_1.game_stage_4 .game__field,
.game_1.game_stage_5 .game__field{
	max-width: 700px;
	margin: auto;
}
.game_12 .game__field{
	margin: auto;
}
.game_12.game_stage_3 .game__field,
.game_12.game_stage_4 .game__field,
.game_12.game_stage_5 .game__field{
	max-width: 530px;
}
@media (max-width: 767px){
.game_1.game_stage_2 br:nth-child(6){
	display: none;
}
.game_1.game_stage_2 br:nth-child(4),
.game_1.game_stage_2 br:nth-child(8){
	display: block;
}
.game_1.game_stage_3 .game__field {
	max-width: 400px;
}
.game_1.game_stage_4 .game__field,
.game_1.game_stage_5 .game__field{
	max-width: 550px;
}
.game_12.game_stage_1 .game__field{
	max-width: 270px;
}
.game_12.game_stage_2 .game__field{
	max-width: 340px;
}
.game_12.game_stage_3 .game__field,
.game_12.game_stage_4 .game__field,
.game_12.game_stage_5 .game__field{
	max-width: 370px;
}
}
@media (max-width: 479px){

}



.addscore{
	margin: 15px 0 20px;
	font-size: 0;
}
.addscore__col{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0 0 15px;
}
.addscore__col_share{

}
.addscore__col_link{

}
.addscore__descr{
	font-size: 15px;
	line-height: 1.2;
	margin: 0 0 5px 0;
}
.addscore__score{
	margin: 0 0 10px 0;
	font-size: 20px;
}
.addscore__soc{

}
.addscore__show{
	height: 30px;
	line-height: 24px;
	font-size: 14px;
}
.addscore__link{

}
.addscore__input{
	display: block;
	width: 100%;
	background: none;
	color: white;
	font-size: 16px;
	border: none;
	border-bottom: 2px solid white;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 10px 0 5px 0;
}
.addscore__input:focus{
	outline: none;
}
.addscore__select{
	font-size: 14px;
	color: white;
}
@media (min-width: 480px){

}
@media (min-width: 768px){
.addscore__col{
	width: 27%;
	margin: 0px 5%;
}
}
@media (min-width: 992px){

}
@media (min-width: 1280px){

}


.s-testing{
	padding: 80px 0px 60px;
	color: black;
	background: url(/visual/images/testing-bg.jpg) center center / cover no-repeat;
}
.s-testing .container{
	height: 100%;
}
.s-testing__form{
	display: block;
	width: 100%;
	/*max-width: 625px;*/
	padding-bottom: 40px;
	margin: 0 auto 0;
}
.s-testing__question{

}
.s-testing__result{

}
@media (min-width: 480px){

}
@media (min-width: 768px){
.s-testing{
	padding: 160px 0px 120px;
}
}
@media (min-width: 992px){
.s-testing{
	height: 720px;
	min-height: 0;
	padding: 0;
}
.s-testing__form{
	padding-bottom: 40px;
}
}
@media (min-width: 1280px){
.s-testing__form{

}
}

.question{
	display: none;
}
.question__counter{
	margin: 0 auto 10px;
	color: #bc1e50;
	font-weight: 600;
	text-align: center;
}
.question__text{
	text-align: center;
}
.question__answers{
	width: 100%;
	max-width: 530px;
	margin: 35px auto 0;
}
.question__answer{

}
.question__controls{
	margin: 40px 0 0 0;
	text-align: center;
}
.question__controls .btn{
	margin: 5px;
}
.question__back{

}
.question__next{
	
}

.result{
	width: 100%;
	max-width: 850px;
	margin: 0 auto 0;
	text-align: center;
}
.result__image-wrapper{
	width: 100%;
	height: 150px;
	margin: 0 0 0 0;
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	background-position: center center;
	background-size: cover;
}
.result__image{
	display: block;
	max-width: 100%;
	position: absolute;
	top: -1000px;
	bottom: -1000px;
	left: -1000px;
	right: -1000px;
	margin: auto;
}
.result__title{
	margin: 25px auto 25px;
	color: #bc1e50;
	text-transform: uppercase;
}
.result__text{
	line-height: 1.1;
	font-size: 14px;
	margin: 0 0 0 0;
}
.result__soc{
	margin: 30px 0 30px 0;
}
.result__soc .soc__title{
	margin: 0 0 5px 0;
	font-weight: 600;
}
.result__restart{

}
@media (min-width: 768px){
.result__image-wrapper{
	width: 80%;
	margin: 0 auto;
	height: 180px;
}
.result__title {
    margin: 15px auto 15px;
    font-size: 24px;
}
.result__soc {
    margin: 15px 0 20px 0;
}
}








.prizeBtn{
	display: none;
	position: absolute;
	right: 2%;
	z-index: 999;
}
.prizeBtn__image{
	display: block;
	width: 100%;
}
body > .prizeBtn{
	position: fixed;
	bottom: 80px;
	right: 30px;
}
.s-main .prizeBtn{
	top: 60%;
}
.s-persons .prizeBtn{
	bottom: -8%;
}
.s-test .prizeBtn{
	top: 68%;
}
.s-game .prizeBtn{
	top: 111%;
}
.s-product .prizeBtn{
	display: none;
}
@media (min-width: 480px){

}
@media (min-width: 768px){

}
@media (min-width: 992px){

}
@media (min-width: 1200px){
.prizeBtn{
	display: block;
}
.prizeBtn__image{
	width: 130px;
}
}
@media (min-width: 1280px){

}
@media (min-width: 1440px){
.prizeBtn__image{
	width: 100%;
}
}