/*
@media breakpoints:
max-width: 767px
max-width: 991px
max-width: 1199px

copy from here:
@media (max-width: 1199px){

}
@media (max-width: 991px){

}
@media (max-width: 767px){

}
*/


@font-face{
	font-family: 'Lato';
	src: url('/Design/fonts/Lato-Regular.eot');
	src: url('/Design/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('/Design/fonts/Lato-Regular.woff') format('woff'),
		url('/Design/fonts/Lato-Regular.ttf') format('truetype'),
		url('/Design/fonts/Lato-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Lato';
	src: url('/Design/fonts/Lato-Bold.eot');
	src: url('/Design/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('/Design/fonts/Lato-Bold.woff') format('woff'),
		url('/Design/fonts/Lato-Bold.ttf') format('truetype'),
		url('/Design/fonts/Lato-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'Lato';
	src: url('/Design/fonts/Lato-Italic.eot');
	src: url('/Design/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
		url('/Design/fonts/Lato-Italic.woff') format('woff'),
		url('/Design/fonts/Lato-Italic.ttf') format('truetype'),
		url('/Design/fonts/Lato-Italic.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face{
	font-family: 'Lato';
	src: url('/Design/fonts/Lato-Light.eot');
	src: url('/Design/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('/Design/fonts/Lato-Light.woff') format('woff'),
		url('/Design/fonts/Lato-Light.ttf') format('truetype'),
		url('/Design/fonts/Lato-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family: 'Lato';
	src: url('/Design/fonts/Lato-BoldItalic.eot');
	src: url('/Design/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/Design/fonts/Lato-BoldItalic.woff') format('woff'),
		url('/Design/fonts/Lato-BoldItalic.ttf') format('truetype'),
		url('/Design/fonts/Lato-BoldItalic.svg') format('svg');
	font-weight: bold;
	font-style: italic;
}
@font-face{
	font-family: 'Lato';
	src: url('/Design/fonts/Lato-LightItalic.eot');
	src: url('/Design/fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/Design/fonts/Lato-LightItalic.woff') format('woff'),
		url('/Design/fonts/Lato-LightItalic.ttf') format('truetype'),
		url('/Design/fonts/Lato-LightItalic.svg') format('svg');
	font-weight: 300;
	font-style: italic;
}
@font-face{
	font-family: 'MTS';
	src: url('/Design/fonts/painted-font.eot');
	src: url('/Design/fonts/painted-font.eot?#iefix') format('embedded-opentype'),
		url('/Design/fonts/painted-font.woff') format('woff'),
		url('/Design/fonts/painted-font.ttf') format('truetype'),
		url('/Design/fonts/painted-font.svg') format('svg');
	font-weight: normal
	font-style: normal
}


*{
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,
body{
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 17px;
}
body{
	/*background: white url(/Design/images/bg.jpg) center center / contain no-repeat;*/
	background: #ceeef1;
}
h2{
	font-size: 1.8vw;
	font-weight: normal;
	line-height: 1em;
}
h3{
	font-size: 1.75vw;
	font-weight: normal;
	line-height: 2vw;
}
h4{
	font-size: 1.3vw;
	font-weight: normal;
	line-height: 1em;
}
h5{
	font-size: 0.95vw;
	font-weight: normal;
	line-height: 1em;
	text-transform: uppercase;
}
p{
	font-size: 0.85vw;
}

@media (max-width: 767px){
html,
body{
	font-size: 0.75vw;
	background: url(/Design/images/bg-767.jpg) center center / cover no-repeat;
}
h2{
	font-size: 4.95vw;
}
h3{
	font-size: 3.75vw;
	line-height: 4.5vw;
}
h4{
	font-size: 3.7vw;
}
h5{
	font-size: 2.2vw;
}
p{
	font-size: 0.75vw;
}
}




.full-size{
	width: 100%;
	height: 100%;
}
.vertical-middle{
	vertical-align: middle
}


.d-table{
	display: table;
}
.d-row{
	display: table-row;
}
.d-cell{
	display: table-cell;
}


.clearfix:after{
	content: '';
	display: block;
	clear: both;
}


.logo{
	display: block;
}
.logo__img{
	display: block;
	width: 100%;
}






/* .social */
.social__list{
	list-style: none;
	font-size: 0;
}
.social__item{
	display: inline-block;
	width: 2.7vw;
	height: 2.25vw;
	padding: 0.78vw 0.4vw 0px 0.25vw;
	font-size: 0.95vw;
	color: #ffffff;
	background: url(/Design/images/soc-btn.svg) center center / contain no-repeat;
	cursor: pointer;
		-webkit-transition: all 0.15s ease;
		-moz-transition: all 0.15s ease;
		-ms-transition: all 0.15s ease;
		-o-transition: all 0.15s ease;
		transition: all 0.15s ease;
}
.social__item ~ .social__item{
	margin-left: 10px;
}
.social__item:before{
	z-index: 2;
	position: relative;
}
.social__item:after{
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0;
	background: url(/Design/images/soc-btn-hover.svg) center center / contain no-repeat;
		-webkit-transition: all 0.15s ease;
		-moz-transition: all 0.15s ease;
		-ms-transition: all 0.15s ease;
		-o-transition: all 0.15s ease;
		transition: all 0.15s ease;
}
.social__item:hover{

}
.social__item:hover:after{
	opacity: 1;
}
.social__link{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.social > p{
	color: white;
}
@media (max-width: 767px){
.social > p{
	font-size: 3.75vw;
}
.social__item{
	width: 9vw;
	height: 9vw;
	padding: 3.2vw 1.4vw 0px 0.25vw;
	font-size: 4vw;
}
}
/* /.social */





/* .header */
.header{
	width: 100%;
	height: 0px;
}
.header .logo-to{
	width: 6.3vw;
	position: absolute;
	top: 1.5vw;
	right: 2vw;
}
.header .logo-mts{
	width: 22.5vw;
	position: absolute;
	top: 2.5vw;
	left: 3vw;
	z-index:100000;
}

.header .logo-mts > .small{
	width: 60%;
}
@media (max-width: 1199px){
.header .logo-to{
	width: 110px;
	top: 20px;
	right: 20px;
}
.header .logo-mts{
	width: 280px;
	top: 20px;
	left: 20px;
}
}
@media (max-width: 767px){
.header .logo-to{
	width: 50px;
	top: 10px;
	right: 10px;
}
.header .logo-mts{
	width: 190px;
	top: 10px;
	left: 10px;
}
.popup-overlay .header .logo-mts{
	width: 100px;
}
.popup-overlay .header .logo-mts .logo__img{
	width: 100%;
}
.header .logo-mts > .small{

}
}
/* /.header */


/* .footer */
.footer{
	width: 100%;
	height: 0px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-size: 0;
	text-align: center;
}
.footer__social{
	top: -3.5vw;
}
@media (max-width: 767px){
.footer__social{
	display: inline-block;
	top: -60px;
}
}
/* /.footer */




/* .field */
.field{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #ceeef1 url(/Design/images/field-sky.png) top center / contain no-repeat;
}
.field-front{
	width: 214vh;
	position: absolute;
	top: 12%;
	bottom: 0px;
	left: -100vh;
	right: -100vh;
	margin: 0 auto;
	background: url(/Design/images/field.png) bottom center / auto 100% no-repeat;
}
.field-dog{
	display: block;
	width: 14vh;
	position: absolute;
}
.field-dog.fd1{
	bottom: 74%;
	left: 17%;
}
.field-dog.fd2{
	bottom: 48%;
	left: 25%;
}
.field-dog.fd3{
	bottom: 85%;
	left: 47%;
	animation: dog3 3s infinite;
}
.field-dog.fd4{
	bottom: 81%;
	left: 72.5%;
}
.field-dog.fd5{
	bottom: 49%;
	left: 66%;
}
.field-dog.fd6{
	width: 20vh;
	bottom: 9%;
	left: 21%;
}
.field-dog.fd7{
	width: 11vh;
	bottom: 11%;
	left: 70%;
}
.field__content{
	width: 36vw;
	height: 23vw;
	padding: 5vw 6vw 0vw 6vw;
	position: absolute;
	top: 20%;
	bottom: 27%;
	left: 0%;
	right: 0%;
	margin: auto;
	text-align: center;
	color: white;
	background: url(/Design/images/field-text.png) center center / contain no-repeat;
}
.field__text{
	/*line-height: 33px;
	margin-bottom: 20px;*/
	line-height: 1.75vw;
	margin-bottom: 1vw;
}

.field__text a {
	color:#fff;
}
.field__btn{

}
@media (max-width: 767px){
.field{
	background: none;
}
.field-front{
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
}
.field-dog{
	display: none;
}
.field__text{
	line-height: 4vw;
	font-size: 3.4vw;
}
.field__content{
	width: 86vw;
	height: 50vw;
	padding: 11vw 15vw 0vw 12vw;
	top: 7%;
	bottom: 58%;
	left: 0%;
	right: 0%;
}
}
/* /.field */



/* .popup */
.popup-overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.7);
}
.popup{
	width: 48vw;
	padding: 1vw;
	top: 0;
	margin: 4vw auto 0px;
	background: white;
		-webkit-transition: all 0.15s ease;
		-moz-transition: all 0.15s ease;
		-ms-transition: all 0.15s ease;
		-o-transition: all 0.15s ease;
		transition: all 0.15s ease;
}
.popup.hidden{
	top: -50px;
	opacity: 0;
}
.popup-inner{
	border: 2px solid black;
	padding: 6vw 1.5vw 2.5vw;
	overflow: visible !important;
	min-height: 35vw;
	height: 35vw;
}
.popup__ribbon{
	width: 136%;
	position: absolute;
	top: -10%;
	left: -100%;
	right: -100%;
	margin: auto;
	font-family: 'MTS', Times New Roman, serif;
}
.popup__ribbon-img{
	display: block;
	width: 100%;
}
.popup__ribbon-text{
	display: none;
	position: absolute;
	top: 12%;
	left: 0%;
	right: 0%;
	margin: auto;
	font-size: 3.3vw;
	letter-spacing: 0.05vw;
	text-align: center;
	text-transform: uppercase;
	color: white;
}
.popup__ribbon-text.popup__ribbon-text_default{
	display: block;
	width: 82%;
	top: 18%;
}
.popup__ribbon-text.popup__ribbon-text_result{
	display: block;
	width: 65%;
	top: 13%;
}
.popup__close{
	width: 60px;
	height: 60px;
	position: absolute;
	top: -50px;
	right: 5px;
	cursor: pointer;
}
.popup__close:before,
.popup__close:after{
	content: '';
	display: block;
	width: 50%;
	height: 2px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	background: white;
}
.popup__close:before{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popup__close:after{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.popup__content{

}
@media (max-width: 1199px){
.popup{
	width: 70vw;
	padding: 15px;
	margin: 90px auto 0px;
}
.popup__ribbon{
	width: 136%;
	top: -25%;
}
.popup__close{
	width: 50px;
	height: 50px;
	top: -25px;
	right: 5px;
}
.popup__ribbon-text{
	font-size: 5vw;
}
}
@media (max-width: 991px){
.popup{
	padding: 1.5vw;
	margin: 22vw auto 0px;
}
.popup__ribbon{
	width: 135%;
	top: -70px;
}
.popup__close{
	width: 50px;
	height: 50px;
	top: -25px;
	right: 5px;
}
}
@media (max-width: 767px){
.popup-overlay{
	overflow: auto;
}
.popup{
	width: 75vw;
}
.popup-inner{
	padding: 3vw 6vw;
	min-height: 130vw;
	height: 130vw;
}
.popup__ribbon{
	width: 97vw;
	top: -10vw;
}
.popup__ribbon-text{
	font-size: 5vw;
}
.popup__close{
	width: 15px;
	height: 40px;
	top: -30px;
	right: 48%;
	overflow: hidden;
}
.popup__close:before,
.popup__close:after{
	width: 100%;
	height: 1px;
}
.answer__text {
line-height:2.4vw;
}
}
/* /.popup */


/* .test */
.test-continue{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	margin: auto;
	cursor: pointer;
		-webkit-transition: all 0.15s ease;
		-moz-transition: all 0.15s ease;
		-ms-transition: all 0.15s ease;
		-o-transition: all 0.15s ease;
		transition: all 0.15s ease;
}
.test-continue.hidden{
	top: -100px;
}
.test{
	text-align: center;
}
.test__intro{
	margin-bottom: 2.5vw;
}
.test__intro:last-child{
	margin-bottom: 0px;
}
.test__title{
	margin-bottom: 10px;
}
.test__intro p{

}
.test__counter{
	padding: 1vw 0vw 0.5vw;
	color: #e30611;
}
@media (max-width: 767px){
.test__counter{
	padding: 3vw 0vw 2.5vw;
}
}
/* /.test */


/* .questions */
.questions{

}
.question{
	display: none;
}
.question.active{
	display: block;
}
.question__text{

}
/* /.questions */


/* .answers */
.answers{
	width: 68%;
	margin: 1vw auto 0px;
	font-size: 0;
}
.answer{
	width: 100%;
	cursor: pointer;
}
.answers.answers-default .answer:first-child,
.answers.answers-default .answer ~ .answer{
	margin-top: 1.6vw;
}
.answer,
.answer:before,
.answer *,
.answer *:before{
	-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;
}
.answer__table{

}
.answer__table > .d-cell{
	width: 50%;
}
.answer__table > .d-cell:first-child{
	width: 5vw;
	padding-right: 2vw;
	text-align: right;
}
.answer__table > .d-cell:last-child{
	width: 80%;
	text-align: left;
}
.answer__pic{

}
.answer__img{
	display: inline-block;
	width:5vw;
}
.answer__pic > .answer__img{

}
.answer__descr{

}
.answer__title{

}
.answer__text{

}

.answer:hover .answer__text{
	color: #e30611;
}
.answer:hover .answer__table > .d-cell:first-child{
	opacity: 0.5;
}

.answers.answers-text{
	width: 100%;
}
.answers.answers-text .answer{
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0px;
	padding: 10px;
}
.answers.answers-text .answer ~ .answer{
	margin-top: 10px;
}


.answers.answers-color{

}
.answers.answers-color .answer{
	display: inline-block;
	vertical-align: top;
	width: 3vw;
	height: 3vw;
	margin: 1.6vw 0px;
}
.answers.answers-color .answer:before{
	content: '';
	display: block;
	width: 116%;
	height: 116%;
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
	border: 0.15vw solid #e40c17;
	border-radius: 100%;
	opacity: 0;
}
.answers.answers-color .answer ~ .answer{
	margin-left: 34px;
}
.answers.answers-color .answer__pic{
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	border-radius: 100%;
}
.answers.answers-color .answer__descr{
	position: absolute;
	top: 30%;
	left: -34px;
	right: -34px;
	pointer-events: none;
	opacity: 0;
}
.answers.answers-color .answer__text{
	font-size: 15px;
}
.answers.answers-color .answer:hover{

}
.answers.answers-color .answer:hover:before{
	opacity: 1;
}
.answers.answers-color .answer:hover .answer__descr{
/*	top: 150%;
	opacity: 1;*/
}



.answer__input{
	display: block;
	width: 85%;
	height: 4.25vw;
	margin: 2.5vw auto 3.5vw;
	line-height: 4.25vw;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #e20611;
	color: black;
	font-size: 4.25vw;
	text-align: center;
	text-transform: uppercase;
	background: white;
}
.answer__input:focus{
	outline: none;
}
::-webkit-input-placeholder {color:#c6c4c4;}
::-moz-placeholder          {color:#c6c4c4;}
:-moz-placeholder           {color:#c6c4c4;}
:-ms-input-placeholder      {color:#c6c4c4;}

:focus::-webkit-input-placeholder {color:transparent;}
:focus::-moz-placeholder          {color:transparent;}
:focus:-moz-placeholder           {color:transparent;}
:focus:-ms-input-placeholder      {color:transparent;}


.answers.answers-phonemodel{
	width: 100%;
}
.answers.answers-phonemodel .answer{
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: auto;
	margin: 50px 15px 50px;
}
.answers.answers-phonemodel .answer .answer__text{
	font-weight: bold;
}
.answers.answers-phonemodel .answer:hover .answer__text{
	color: #e20611;
}
.question:first-child .answers{
	margin-top: 2vw;
}
.question:nth-child(2) .answers{
	margin-top: 7vw;
}
.question:nth-child(3) .answers{
	margin-top: 4.3vw;
}
.question:nth-child(4) .answers{
	margin-top: 4vw;
}
.question:nth-child(5) .answers{
	margin-top: 3vw;
}
.question:nth-child(6) .answers{
	margin-top: 3vw;
}
.question:nth-child(7) .answers{
	margin-top: 5vw;
}


@media (max-width: 767px){
.answers{
	width: 90%;
	margin: 3vw auto 0px;
}
.answers.answers-color .answer{
	width: 8vw;
	height: 8vw;
}
.answers.answers-color .answer,
.answers.answers-color .answer ~ .answer,
.answers.answers-phonemodel .answer{
	margin-left: 5vw;
	margin-right: 5vw;
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 12px;
}
.answers.answers-phonemodel .answer{
	margin: 7.7vw 15px;
}
.answers.answers-default .answer__text{
	font-size: 3.4vw;
	line-height: 4vw;
}
.answer__img{
	width: 10vw;
}
.answer__table > .d-cell:first-child{
	display: block;
	clear: both;
	text-align: center;
	margin: 0 auto 2vw;
}
.answer__table > .d-cell:last-child{
	width: 80%;
	display: block;
	clear: both;
	text-align: center;
	margin: 0 auto;
}
.answers.answers-default .answer:first-child,
.answers.answers-default .answer ~ .answer{
	margin-top: 10vw;
}
.answer__input{
	width: 100%;
	height: 10.25vw;
	margin: 4.5vw auto 5.5vw;
	line-height: 10.25vw;
	font-size: 8.25vw;
}
.answer__table > .d-cell:first-child{
	width: auto;
	padding: 0;
}
.question:first-child .answers{
	margin-top: 8vw;
}
.question:nth-child(2) .answers{
	margin-top: 8vw;
}
.question:nth-child(3) .answers{
	margin-top: 8vw;
}
.question:nth-child(4) .answers{
	margin-top: 17vw;
}
.question:nth-child(5) .answers{
	margin-top: 12vw;
}
.question:nth-child(6) .answers{
	margin-top: 13vw;
}
.question:nth-child(4){

}
.question:nth-child(4) .answers.answers-default .answer:first-child,
.question:nth-child(4) .answers.answers-default .answer ~ .answer{
	/*margin-top: 11vw;*/
}
.question:nth-child(7) .answers{
	margin-top: 32vw;
}
.question:nth-child(7) .answers.answers-default .answer:first-child,
.question:nth-child(7) .answers.answers-default .answer ~ .answer{
	margin-top: 23vw;
}
.question:nth-child(6){
	
}
.question:nth-child(6) .answers.answers-default .answer:first-child,
.question:nth-child(6) .answers.answers-default .answer ~ .answer{
	/*margin-top: 8vw;*/
}
}
/* /.answers */




.btn{
	display: block;
	width: 11.7vw;
	height: 3.7vw;
	padding: 1.75vw 1.6vw 0px 0.8vw;
	margin: 0px auto 0px;
	background: url(/Design/images/btn-default.png) center center / contain no-repeat;
	cursor: pointer;
}
.btn,
.btn *,
.btn:before,
.btn:after{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.btn:after{
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
	opacity: 0;
	background: url(/Design/images/btn-default-hover.png) center center / contain no-repeat;
}
.btn__text{
	display: block;
	font-size: 1vw;
	text-align: center;
	text-transform: uppercase;
	color: white;
	z-index: 3;
}

.btn.btn-alt{
	width: 11.5vw;
	height: 3.3vw;
	padding: 1.5vw 1.5vw 0vw 0.6vw;
	margin: 0px auto 0px;
	background: url(/Design/images/btn-alt.png) center center / contain no-repeat;
}
.btn.btn-alt:after{
	background: url(/Design/images/btn-alt-hover.png) center center / contain no-repeat;
}
.btn.btn-alt .btn__text{
	font-size: 0.85vw;
}

.btn:hover:after{
	opacity: 1;
}
@media (max-width: 767px){
.btn{
	width: 30vw;
	height: 10vw;
	padding: 5vw 3.6vw 0px 1.1vw;
}
.btn__text{
	font-size: 3vw;
}
.btn.btn-alt{
	width: 28vw;
	height: 9vw;
	padding: 4.2vw 2.5vw 0vw 1vw;
}
.btn.btn-alt .btn__text{
	font-size: 2.1vw;
}
.answer.btn{
	margin-left:auto;
	margin-right:auto;
}
}



/* .answers-finalizer */
.answers.answers-finalizer{
	padding-bottom: 70px;
}
.answers.answers-finalizer .answer:hover .answer__text{
	color: white;
}
@media (max-width: 767px){
.answers.answers-finalizer{
	margin: 25vw auto 0px;
}
}
/* /.answers-finalizer */





/* .result */
.result{

}
.result-content{
	font-size: 0;
	margin-bottom: 0vw;
}
.result__image-outer{
	display: inline-block;
	vertical-align: top;
	width: 35%;
}
.result__image{
	display: block;
	width: 100%;
}
.result__text{
	display: inline-block;
	vertical-align: top;
	width: 65%;
	padding: 0% 0% 3.5% 3%;
}
.result__list{
	padding-left: 4%;
}
.result__list-item{
	text-align: left;
/*	font-size: 2vw;
	line-height: 1em;*/
	color: #e21f26;
}
.result__list-item ~ .result__list-item{
	margin-top: 10px;
}
.result__list-item:before{
	content: '';
	display: block;
	width: 0.6vw;
	height: 0.6vw;
	border-radius: 100%;
	position: absolute;
	top: 0.25vw;
	left: -1vw;
	background: #e30611;
}
.result__list-text{
	color: black;
}
.result-controls{
	margin: 1.75vw 0px 0px 0px;
}
.result-controls.mobile {
	display: none;
}
.result-controls:after{
	content: '';
	display: block;
	clear: both;
}
.result-controls__title{
	margin: 0px 0px 15px 0px;
}
.result__restart{
	float: left;
}
.result__restart-btn{
	display: block;
	width: 3.25vw;
	height: 3vw;
	margin: 0px auto 0px;
	background: url(/Design/images/restart.png) center center / contain no-repeat;
	cursor: pointer;
}
.result__restart-btn:after{
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0;
	background: url(/Design/images/restart-hover.png) center center / contain no-repeat;
		-webkit-transition: all 0.15s ease;
		-moz-transition: all 0.15s ease;
		-ms-transition: all 0.15s ease;
		-o-transition: all 0.15s ease;
		transition: all 0.15s ease;
}
.result__restart-btn:hover:after{
	opacity: 1;
}
.result__social{
	float: right;
}
.result__social .social__item{
	width: 3.01vw;
	height: 2.9vw;
	padding: 1vw 0.4vw 0px 0px;
	font-size: 1.2vw;
}
.result__social .social__item ~ .social__item{
	margin-left: 20px;
}
.result-mts{
	display: block;
	width: 103%;
	padding: 2vw 4vw 2.5vw 3vw;
	font-size: 1.1vw;
	color: white;
	text-decoration: none;
	background: url(/Design/images/result-mts.png) center center / contain no-repeat;
}
@media (max-width: 1199px){
.result-mts{
	padding: 2vw 15vw 2.5vw 13.5vw;
}
}
@media (max-width: 767px){
.result{
	width: 112%;
	margin-left: -6%;
}
.result__image-outer{
	display: block;
	width: auto;
	width: 100%;
	margin: 1vw 0vw 1vw;
}
.result__image-outer:after{
	content: '';
	display: block;
	clear: both;
}
.result__image{
/*	width: 70%;
	float: left;*/
	width: auto;
	max-width: 70%;
	max-height: 51vw;
	/*float: left;*/
	position: absolute;
	top: 0px;
	left: 0px;
	right: 30%;
	margin: auto;
}
.result__text{
	display: block;
	width: 100%;
	padding: 2% 0% 0% 0%;
}
.result__list-item{
/*	font-size: 5vw;
	line-height: 4vw;*/
}
.result__list-item:before{
	width: 1.4vw;
	height: 1.4vw;
	top: 1vw;
	left: -2.5vw;
}
.result-controls.mobile{
	display: block;
	width: 25%;
	float: right;
	margin: 0;
}
.result-controls.desktop{
	display: none;
}

.result-controls__title{
	margin: 4vw 0px 1vw 0px;
}
.result__restart-btn{
	width: 11vw;
	height: 9vw;
}
.result__restart{
	position: relative;
	float: none;
}
.result__social{
	float: none;
}
.result__social .social__item{
	display: block;
	width: 9vw;
	height: 9vw;
	padding: 2.8vw 1vw 0px 0px;
	font-size: 4.5vw;
	margin: 0 auto;
}
.result__social .social__item ~ .social__item{
	margin-top: 2vw;
	margin-left: auto;
}
.result-mts{
	width: 100%;
	height: 31vw;
	padding: 5% 8vw 7% 7vw;
	margin-left: 1%;
	font-size: 3.6vw;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	bottom: -36vw;
	margin-top: auto;
	margin-bottom: auto;
	background: url(/Design/images/result-mts-767.png) center center / 100% 100% no-repeat;
}
.result-content{
	margin-bottom: 2vw; 
}
}
/* /.result */