* { margin:0; padding:0; box-sizing:border-box; font-family:"Merriweather",Arial,sans-serif; }

body {
	width:100%;
	position:relative;
}

/* content */
	.content {
		width:100%;
		max-width:1200px;
		padding:0 20px;
		margin:0 auto;
		position:relative;
	}
/* content */

/* intro */
	.intro {
		width:100%;
		height:100vh;
		position:relative;
		overflow:hidden;
		background:url("../img/intro-bg.png") 50% 50% no-repeat;
		background-size:cover;
	}

	.intro__header {
   		width: 100%;
   		position: absolute;
   		overflow: hidden;
   		display: flex;
   		align-items: center;
   		padding: 5vh 20px;
   		left:0;
   		z-index:10;
	}

	.intro__header__logos {
		flex-grow:1;
	}

	.intro__header__logos a {
		display:inline-block;
		vertical-align:middle;
		margin-right: 23px;
	}

	/* .intro__header__logos a:first-child {
		margin-top: 17px;
	} */

	.intro__header__social {
		text-align:right;
		flex-grow:1;
	}

	.intro__header__social__item {
		font-size:15px;
		color:#000;
		text-decoration:none;
		margin:0 8px;
	}

	.intro__content {
		width:100%;
		height:100vh;
		display:block;
		position:relative;
		display:flex;
		padding:8vh 0 0;
	}

	.intro__content__left {
		width:55%;
		display:flex;
		align-items:center;
		position:relative;
	}

	.intro__content__right {
		width:45%;
		height:100%;
		display:flex;
		align-items:center;
		position:relative;
	}

	.intro__content__right img {
		display:block;
		margin:0 auto;
	}

	.intro__content__title {
		font-size:73px;
		margin:0;
		color:#deb165;
	}

	.intro__content__title span {
		color:#deb165;
		display:block;
		margin-bottom:30px;
	}

	.intro__content__desc {
		font-family:"Open Sans",Arial,sans-serif;
		/*font-weight:600;*/
		font-size:20px;
		line-height:1.5em;
		margin-bottom:50px;
		color:#000;
		width:90%;
	}

	.intro__content__start-btn {
		display:block;
		width:246px;
		height:66px;
		border-radius:33px;
		background:#dba2ce;
		text-decoration:none;
		color:#fff;
		text-align:center;
		padding:22px 0;
		font-weight:700;
	}

	.intro__content__start-btn img {
		display:inline-block;
		vertical-align:bottom;
		margin-left:10px;
	}

	.intro__arrow {
		display:block;
		position:absolute;
		bottom:40px;
		left:50%;
		z-index:10;
		transform:translate(-50%);
		animation:introArrow 2s ease infinite; 
	}

	.intro__content__rules {
		display:block;
		font-size:12px;
		color:#333;
		margin:15px;
	}

	@keyframes introArrow {
		0% { bottom:40px; }
		50% { bottom:60px; }
		100% { bottom:40px; }
	}
/* intro */

/* test */
	.test {
		width:100%;
		position:relative;
		display:flex;
		background-color:#fff;
		background-repeat:no-repeat;
		background-position:0 100%;
	}

	.text__picblock {
		margin-left:-6%;
		display:block;
		width:36.7%;
		float:left;
		margin:75px 0;
	}

	.text__picblock img {
		display:block;
		width:100%;
	}

	.test__qblock {
		width:50%;
		position:relative;
		padding:80px 30px 70px 55px;
		float:left;
	}

	.test__qblock__num {
		color:#d0a55d;
		font-weight:700;
		font-size:30px;
		padding-bottom:40px;
	}

	.test__qblock__num span {
		font-size:48px;
	}

	.test__qblock__text {
		font-size:20px;
		line-height:1.6em;
		padding-bottom:50px;
	}

	.test__qblock__slider {

	}

	.test__qblock__next-btn {
		width:187px;
		height:56px;
		background:#f7f6f6;
		text-align:center;
		font-size:18px;
		font-weight:700;
		text-decoration:none;
		color:#d0a55d;
		padding:16px 0;
		display:block;
		border-radius:28px;
		margin-bottom:20px;
	}

	.test__qblock__answer {
		font-size:16px;
		margin-bottom:20px;
		font-style:italic;
		display:none;
	}
/* test */

/* test grey */
	.test {
		background:#fff;
	}

	.test--grey {
		background:#fff;
		/*background-color:#f9f8f8;*/
		background-position:100% 100%;
	}

	.test--grey .content {
		background-color:#f9f8f8;
	}

	.test--grey .text__picblock {
		margin-left:12.5%;
	}

	.test--grey .test__qblock__num {
		color:#dba2ce;
	}

	.test--grey .test__qblock__next-btn {
		color:#dba2ce;
		background:#fff;
	}
/* test grey */

/* test bgs */
	/* .test[rel-id="1"] { background-image:url("../img/test-bg1.jpg"); }
	.test[rel-id="2"] { background-image:url("../img/test-bg2.jpg"); }
	.test[rel-id="3"] { background-image:url("../img/test-bg3.jpg"); }
	.test[rel-id="4"] { background-image:url("../img/test-bg4.jpg"); }
	.test[rel-id="5"] { background-image:url("../img/test-bg5.jpg"); }
	.test[rel-id="6"] { background-image:url("../img/test-bg6.jpg"); }
	.test[rel-id="7"] { background-image:url("../img/test-bg7.jpg"); }
	.test[rel-id="8"] { background-image:url("../img/test-bg8.jpg"); }
	.test[rel-id="9"] { background-image:url("../img/test-bg9.jpg"); }
	.test[rel-id="10"] { background-image:url("../img/test-bg10.jpg"); } */
/* test bgs */

/* test slider */
	.test__qblock__slider .js-test-slider {
		margin-bottom:20px;
		border:0;
		height:5px;
		border-radius:3px;
		background:#f0eeee;
	}

	.test .ui-slider-handle {
		width:20px;
		height:20px;
		border:1px solid #c9c8c8;
		border-radius:50%;
		background:#fff;
		box-shadow:3px 3px 15px #dddcdc;
		outline:none;
		top:-8px;
	}

	.test .ui-slider-range {
		background:transparent;
	}

	.js-test-slider-text {
		width:120%;
		position:relative;
		display:flex;
		margin-left:-10%;
		margin-bottom:40px;
		align-items:center;
	}

	.js-test-slider-text span {
		font-size:16px;
		font-family:"Open Sans",Arial,sans-serif;
		font-weight:300;
		opacity:0.5;
		flex-grow:1;
		text-align:center;
	}

	.js-test-slider-text span:hover {
		cursor:pointer;
	}

	.js-test-slider-text span.active {
		opacity:1;
	}

	.js-test-slider-text span.success {
		color:#21db1c;
	}

	.js-test-slider-text span.danger {
		color:#db1c1c;
	}
/* test slider */

/* reg */	
	.reg {
		width:100%;
		max-width:480px;
		padding:25px;
		display:none;
		position:fixed;
		background:#fff;
		box-shadow:0 0 60px #ebebeb;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:50;
		text-align:center;
	}

	.reg input {
		width:100%;
		max-width:320px;
		padding:6px;
		border:1px solid #333;
		border-radius:3px;
		margin:0 auto 15px;
	}

	.reg__title {
		text-align:center;
		opacity:0.6;
		font-size:17px;
		margin-bottom:20px;
	}

	.reg__send {
		width:140px;
		padding:10px;
		background:#28694e;
    	text-align:center;
    	display:inline-block;
    	border:0;
    	border-radius:20px;
    	color:#fff;
    	font-size:16px;
    	outline:none;
    	margin:0 2px;
	}

	.reg__close {
		width:140px;
		padding:10px;
		background: #f7f6f6;
    	text-align:center;
    	display:inline-block;
    	border:0;
    	border-radius:20px;
    	color:#d0a55d;
    	font-size:16px;
    	outline:none;
    	margin:0 2px;
	} 
/* reg */

/* result */
	.result {
		display:none;
		width:100%;
		position:relative;
		margin:65px 0 92px;
	}

	.result[rel-id="0"] {
		display:block;
		padding:0 60px;
	}

	.result .content {
		background:#000;
		padding:90px 60px;
		overflow:hidden;
		position:relative;
	}

	.result[rel-id="0"] .content {
		background:transparent;
		padding:20px 60px;
	}

	.result__bg {
		min-width:100%;
		min-height:100%;
		display:block;
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%);
		opacity:0.6;
		z-index:1;
	}

	.result__toptext {
		font-size:18px;
		text-align:center;
		text-transform:uppercase;
		color:#dba2ce;
		margin-bottom:20px;
		font-family:"Open Sans",Arial,sans-serif;
		font-weight:700;
		z-index:5;
		position:relative;
	}

	.result__title {
		text-align:center;
		font-size:30px;
		line-height:1.5em;
		margin-bottom:20px;
		color:#fff;
		z-index:5;
		position:relative;
	}

	.result__subtitle {
		text-align:center;
		font-size:20px;
		line-height:1.5em;
		font-weight:700;
		margin-bottom:20px;
		opacity:0.5;
		z-index:5;
		position:relative;
	}

	.result__desc {
		font-family:"Open Sans",Arial,sans-serif;
		font-size:18px;
		line-height:1.6em;
		text-align:center;
		padding-bottom:72px;
		color:#fff;
		z-index:5;
		position:relative;
	}

	.result__shtext {
		margin-bottom:20px;
		font-size:15px;
		color:#000;
		text-align:center;
		z-index:5;
		position:relative;
	}

	.result__btns {
		width:100%;
		display:block;
		position:relative;
		text-align:center;
		z-index:5;
		position:relative;
	}

	.result__btns__item {
		width:50px;
		height:50px;
		display:inline-block;
		vertical-align:middle;
		margin:0 10px;
		color:#fff;
		text-decoration:none;
		border-radius:25px;
		padding:16px;
		text-align:center;
	}

	.result__btns__item--facebook {
		background:#4b66b4;
	}

	.result__btns__item--vk {
		background:#406a9c;
	}

	.result__btns__item--twitter {
		background:#00acee;
	}

	.result__btns__item--odnoklassniki {
		background:#ee8208;
	}

	.result__btns__item span.fab {
		display:inline-block;
		vertical-align: baseline;
		/*margin-right:6px;*/
		font-size:18px;
	}
/* result */

/* product */
	.product-wrapper {
		width:100%;
		background:#fff;
		box-shadow:0 0 60px #ebebeb;
		margin:40px 0 160px;
		position:relative;
	}

	.product {
		width:100%;
		display:block;
		position:relative;
		overflow:hidden;
	}

	.product__pic {
		width:58.5%;
		padding:45px 0 45px 30px;
		float:left;
	}

	.product__pic img {
		width:100%;
		display:block;
	}

	.product__info {
		width:41.5%;
		padding:80px 75px 70px 0px;
		float:left;
	}

	.product__info__title {
		font-size:48px;
		font-weight:700;
		color:#dba2ce;
		margin-bottom:30px;
	}

	.product__info__type {
		color:#d0a55d;
		font-size:26px;
		margin-bottom:20px;
		font-style:italic;
	}

	.product__info__typeinfo {
		font-size:20px;
		margin-bottom:25px;
		font-family:"Open Sans",Arial,sans-serif;
	}

	.product__info__desc {
		font-size:16px;
		line-height:1.6em;
		font-family:"Open Sans",Arial,sans-serif;
		margin-bottom:45px;
	}

	.product__info__comp {
		font-style:italic;
		color:#777;
		font-size:16px;
		font-family:"Open Sans",Arial,sans-serif;
		margin-bottom:35px;
		line-height:1.9em;
	}

	.product__info__link {
		width:187px;
		height:54px;
		display:block;
		color:#fff;
		border-radius:27px;
		background:#28694e;
		text-align:center;
		font-size:18px;
		font-weight:700;
		text-decoration:none;
		padding:15px 0;
	}
/* product */

/* slider */
	.swiper-container-horizontal > .swiper-pagination-bullets {
		display:block;
		position:absolute;
		bottom:62px;
	}

	.swiper-pagination-bullet {
		background:#d5d5d5;
		width:8px;
		height:8px;
		opacity:1;
		position:relative;
	}

	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin:0 6px;
	}

	.swiper-pagination-bullet-active:after {
		display:block;
		position:absolute;
		border:1px solid #d5d5d5;
		border-radius:50%;
		width:14px;
		height:14px;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		content:" ";
	}
/* slider */

/* footer */
	.footer {
		width:100%;
		height:64px;
		/*background:#252525;*/
		position:relative;
		padding:21px 0;
	}

	.footer__cnt {
		position:relative;
		display:flex;
		align-items:center;
	}

	.footer__copyright {
		flex-grow:1;
		color:#949494;
		font-family:"Open Sans",Arial,sans-serif;
		font-size:16px;
		width: 50%;
	}

	.footer__social {
		text-align:right;
		flex-grow:1;
		width: 50%;
	}

	.footer__social__item {
		font-size:15px;
		color:#949494;
		text-decoration:none;
		margin:0 8px;
	}

	.footer__up {
		width:33px;
		height:33px;
		position:absolute;
		display:block;
		top:12px;
		left:50%;
		transform:translate(-50%, -50%);
		background:url('../img/footer-up.png');
		z-index:10;
	}
/* footer */


/* mid grid */
@media screen and (max-width:720px) {
	body {
		overflow-x: hidden;
	}

	.intro__content__title {
		font-size: 75px;
	}

	.intro__content__title span {
		margin-bottom:20px;
	}

	.intro__content__desc {
		font-size:18px;
	}

	.intro__content__left {
		width:60%;
		z-index:5;
	}

	.intro__content__right {
		width:40%;
	}

	.intro__content__right img {
		/*width:75%;*/
		margin-left: -38%;
	}

	.text__picblock {
		width:100%;
	}

	.text__picblock img {
		max-width:500px;
		margin:0 auto;
	}

	.test__qblock {
		width:90%;
		margin:0 auto;
	}

	.product-wrapper {
		padding-bottom:40px;
		margin-bottom:80px;
	}

	.product__pic {
		width:100%;
		padding:45px;
    	float:none;
	}

	.product__info {
		width:100%;
		padding:45px;
    	float:none;
	}

	.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom:0;
	}

	.text__picblock {
		margin-bottom:0;
	}

	.test--grey .text__picblock {
		margin-left:0;
	}
}
/* mid grid */