html, body {
	padding: 0;
	margin: 0;
	font-family: 'Minion Pro', serif;
}

p {
	margin: 0;
}

.container {
	box-sizing: border-box;
	max-width: 1440px;
	margin: 0 auto;
}

#menu .container {
	border-top: 5px solid #ff3423;
	background: linear-gradient(180deg,rgba(0,0,0,.9),transparent);
	max-width: 1359px;
}

#menu .flex {
	display: flex;
	align-items: center;
	padding: 20px 0;
}

#menu .flex .item1 {
	display: flex;
	align-items: center;
	position: relative;
}

#menu .flex .item1 a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 5px 0;
}

#menu .flex .item1 a img {
	width: 400px;
}

.best {
	padding: 78px 165px 0;
	display: flex;
	align-items: flex-end;
}

.best__info {
	max-width: 700px;
	height: 100%;
	padding-top: 48px;
	padding-left: 32px;
	margin-left: -255px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.best__info h2 {
	font-size: 80px;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 40px;
}

.best__info h2 span {
	font-weight: 600;
}

.best__info p {
	font-size: 32px;
	font-weight: 400;
}

.trend {
	display: flex;
	align-items: flex-start;
	padding: 224px 165px;
}

.trend__block {
	width: 50%;
	box-sizing: border-box;
}

.trend__block.left {
	padding-right: 40px;
}

.trend__block.left .info {
	font-size: 24px;
	line-height: 28.8px;
	margin-bottom: 24px;
}

.trend__block.left .info:last-child {
	margin-bottom: 0;
}

.trend__block.right {
	padding-left: 85px;
}

.trend__block.right .quote {
	display: block;
	color: #F1987F;
	font-size: 184px;
	line-height: 0.4;
	margin-bottom: 24px;
}

.trend__block.right .text {
	font-size: 40px;
	font-weight: 400;
}

.trend__block.right .header {
	display: block;
	font-size: 40px;
	font-weight: 400;
}

.trend__block.right .subheader {
	display: block;
	margin-left: 125px;
	font-weight: 600;
}

.trend__block.right .info {
	display: block;
	margin-left: 125px;
}

.why {
	background: linear-gradient(to right, rgba(253, 241, 237, 1) 65%, #ffffff 65%);
	margin-bottom: 168px;
}

.why .desktop {
	box-sizing: border-box;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	padding: 50px 165px;
}

.why__title {
	width: 60%;
	font-size: 56px;
	text-transform: uppercase;
	color: rgba(116, 29, 3, 1);
	font-style: italic;
}

.why__title p span {
	display: block;
	font-weight: 700;
	margin-left: 57px;
	font-style: normal;
}

.why__proof {
	width: 40%;
	padding: 22px 0 0 20px;
	background-color: #ffffff;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: -67px;
}

.why__proof p span {
	font-weight: 600;
}

.proofs {
	margin-top: 340px;
	background: linear-gradient(to left, rgba(253, 241, 237, 1) 45%, #ffffff 45%);
}

.proofs .desktop {
	box-sizing: border-box;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 116px 0 165px;
}

.proofs__block {
	/*max-width: 445px;*/
	width: 50%;
	box-sizing: border-box;
	padding: 24px 80px 140px 24px;
}

.proofs__block:nth-child(odd) {
	margin-top: -156px;
}

.proofs__block:nth-child(even) {
	padding-top: 136px;
	background-color: #ffffff;
	padding-left: 64px;
	padding-right: 70px;
}

.proofs__block:nth-child(1) {
	margin-top: -170px;
}

.proofs__block:nth-child(2) {
	margin-top: 60px;
	padding-top: 24px;
}

.proofs__block:nth-child(6) {
	padding-bottom: 520px;
}

.proofs__block:last-child {
	margin-top: -630px;
	padding-bottom: 0;
}

.proofs__block .number {
	color: #F1987F;
	font-size: 104px;
	line-height: .7;
	font-weight: 700;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 32px;
}

.proofs__block .header {
	font-size: 48px;
	color: rgba(116, 29, 3, 1);
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.proofs__block .text {
	font-size: 24px;
	font-weight: 500;
}

.test-preview {
	background-color: #FDF1ED;
	text-align: center;
	padding: 150px 165px 77px;
	color: #741D03;
}

.test-preview .title {
	font-size: 32px;
	max-width: 917px;
	margin: 0 auto;
	font-weight: 700;
	margin-bottom: 32px;
}

.test-preview .subtitle {
	font-weight: 400;
	font-size: 24px;
	margin: 0 auto;
	margin-bottom: 56px;
	color: #000000;
	max-width: 1110px;
}

.test-preview .subtitle .bold {
	font-weight: 600;
}

.test-preview .subtitle .underline {
	border-bottom: 2px solid #000000;
}

.test-preview .start {
	background: #F1987F;
	padding: 30px 36px 24px;
	color: #741D03;
	outline: none;
	border: none;
	font-size: 32px;
	line-height: .9;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: 'Minion Pro', serif;
	text-transform: uppercase;
	margin-bottom: 24px;
	transition: .3s;
}

.test-preview .no-test {
	text-decoration: underline;
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
}

.test {
	background-color: #FDF1ED;
	padding: 0 165px 150px;
	display: none;
}

.test .header {
	margin: 0;
	text-align: center;
	padding-bottom: 40px;
	font-size: 48px;
	text-transform: uppercase;
	color: #741D03;
}

.test-wrap {
	border: 3px solid #F1987F;
	box-sizing: border-box;
	padding: 64px;
	max-width: 1440px;
	margin: 0 auto;
}

.questions {
	display: none;
}

.questions:first-child {
	display: block;
}

.question__block {
	display: flex;
	align-items: flex-start;
}

.question__title {
	color: #741D03;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 32px;
	margin-left: 38px;
	padding-right: 50px;
}

.question__img {
	width: 50%;
}

.question__img img {
	width: 100%;
	padding-top: 40px;
}

.check {
	width: 50%;
}

.checkbox {
	margin-bottom: 48px;
}

/* для элемента input c type="checkbox" */
.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {
	display: inline-flex;
	align-items: flex-start;
	user-select: none;
	font-size: 24px;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 2px solid #F1987F;
	margin-right: 16px;
	margin-bottom: 6px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
	border-color: rgba(241, 152, 127, 1);
	font-weight: 600;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
	background-color:  rgba(241, 152, 127, 0.5);
	border-color:  rgba(241, 152, 127, 0.5);
	font-weight: 600;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
	box-shadow: 0 0 0 0.2rem rgba(241, 152, 127, 0.3);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
	border-color: rgba(241, 152, 127, 0.5);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
	border-color: #F1987F;
	background-color: #F1987F;
}

.next, .end {
	background: #F1987F;
	padding: 18px 24px 15px;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #741D03;
	border: none;
	font-family: 'Minion Pro', serif;
	transition: .3s;
	border: 3px solid transparent;
}

.next:disabled, .next:hover:disabled, .end:disabled, .end:hover:disabled {
	color: #F1987F;
	border: 3px solid #F1987F;
	background-color: transparent;
}

.results {
	background-color: #FDF1ED;
	display: none;
	padding: 88px 64px;
}

.results .result {
	display: flex;
	align-items: center;
	margin: 0 auto 40px;
	border: 3px solid #EF7C5C;
}

.result .text {
	width: 50%;
	font-size: 24px;
}

.result .text p {
	padding-left: 56px;
}

.result .text h2 {
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	padding-left: 56px;
	margin-bottom: 48px;
	color: #741D03;
}

.result .img img {
	width: 100%;
	padding: 64px;
	box-sizing: border-box;
}

.result_1, .result_2, .result_3, .result_4 {
	display: none;
}

.books {
	padding: 60px 0 0;
	display: none;
}

.book-top-2 {
	margin: 120px 0;
}

.books .header {
	font-size: 48px;
	line-height: 1;
	color: #741D03;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	text-align: right;
	margin: 0;
	margin-bottom: 140px;
	padding: 0 165px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.books .header span {
	font-size: 120px;
	margin-bottom: 8px;
	font-weight: 400;
	font-style: normal;
	margin-right: 24px;
	color: #F1987F;
}

.books .book-name {
	font-weight: 400;
	font-size: 48px;
	line-height: .95;
	color: #741D03;
	text-transform: uppercase;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 40px;
}

.books .authors {
	color: #741D03;
	font-size: 16px;
	margin-bottom: 8px;
}

.books .authors:last-child {
	margin-bottom: 40px;
}

.books .book-title {
	padding: 0 165px;
}

.book-top-2 .book-title {
	padding-left: 600px;
}

.books .book-card {
	display: flex;
}

.books .book-card.odd {
	background: rgba(253, 241, 237, 1);
	margin-right: 165px;
	padding: 40px 0 34px 165px;
}

.books .book-card.even {
	background: rgba(253, 241, 237, 1);
	margin-left: 165px;
	padding: 40px 165px 34px 0;
}

.books .book-card.odd .text {
	font-size: 24px;
	padding-right: 100px;
}

.books .book-card.even .text {
	font-size: 24px;
	font-weight: 100;
	padding-left: 100px;
}

.books .book-card .text:first-letter {
	font-size: 56px;
	line-height: 0;
	font-weight: 600;
	color: #F1987F;
}

.books .book-card .img {
	margin-top: -220px;
}

.books .book-card .img img {
	max-width: 336px;
}

.audiobook {
	margin-top: 40px;
	padding: 200px 165px 280px;
	background-image: url("img/Illustrations/full.png");
	background-size: 88%;
	background-repeat: no-repeat;
	background-position: center 30px;
}

.audiobook .info {
	width: 50%;
	margin-bottom: 112px;
}

.audiobook .info .title {
	color: #741D03;
	font-size: 56px;
	text-transform: uppercase;
	margin-bottom: 40px;
	font-weight: 400;
	line-height: .9;
}

.audiobook .info .title span:first-child {
	font-style: italic;
	margin-left: 64px;
}

.audiobook .info .title span:last-child {
	font-style: italic;
	margin-left: 21px;
	font-weight: 700;
}

.audiobook .info .text {
	font-size: 24px;
	font-weight: 500;
}

.audiobook .steps {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.audiobook .steps-mobile {
	display: none;
}

.steps__item {
	max-width: 546px;
	width: 48%;
	padding: 40px 0;
	text-align: center;
	background-color: #FDF1ED;
	font-size: 38px;
	box-sizing: border-box;
}

.steps__item p span {
	display: block;
	color: #741D03;
}

.steps__item:nth-child(even) p span {
	display: inline-block;
}

.steps__item:nth-child(1), .steps__item:nth-child(2) {
	margin-bottom: 132px;
}

.steps__item:nth-child(3), .steps__item:nth-child(4) {
	margin-bottom: 75px;
}

.audiobook .try {
	display: table;
	margin: 0 auto;
	background: #F1987F;
	padding: 30px 36px 24px;
	color: #741D03;
	outline: none;
	border: none;
	font-size: 32px;
	line-height: .9;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: 'Minion Pro', serif;
	text-transform: uppercase;
	transition: .3s;
	text-decoration: none;
}

.audiobook .try:hover, .test-preview .start:hover, .next:hover {
	color: #ffffff;
	background-color: #EF7C5C;
}

#footer .container {
	background-color: #000;
	color: #fff;
	font-family: HelveticaNeue,Arial,serif;
	padding: 32px 0;
}

#footer .flex {
	display: flex;
}

#footer .logo {
	padding: 2px 0;
	margin-left: 90px;
	margin-right: 160px;
}

#footer  img {
	height: 40px;
}

#footer .spec {
	display: flex;
	text-transform: uppercase;
	align-items: center;
}

#footer .spec .item1 {
	display: flex;
	align-items: center;
	margin-top: -10px;
}

#footer .spec .item1 img {
	margin: 0 16px;
}

#footer .spec .item1 img:last-child {
	margin-bottom: 20px;
}

#footer .copy {
	font-size: 14px;
	margin-top: 24px;
}

/* мобильная версия*/

@media screen and (max-width: 425px) {
	.best {
		padding: 0;
		padding-top: 20px;
		width: 100%;
	}

	.best__img img {
		width: 230px;
	}

	.best__info {
		margin-top: 25px;
		margin-left: -116px;
		padding: 10px 20px 0 7px;
	}

	.best__info h2 {
		font-size: 22px;
		margin-bottom: 16px;
	}

	.best__info p {
		font-size: 15px;
	}

	.test-preview, .proofs, .why {
		padding: 40px 20px;
	}

	.trend {
		padding: 40px 20px;
		flex-direction: column-reverse;
	}

	.trend__block {
		width: 100%;
	}

	.trend__block.left, .trend__block.right, .proofs .desktop, .result .img img, .result .text p {
		padding: 0;
	}

	.trend__block.left .info {
		font-size: 16px;
		line-height: 1.2;
	}

	.trend__block.right .quote {
		font-size: 80px;
	}

	.trend__block.right .text {
		font-size: 18px;
		max-width: 216px;
		margin: 0 auto;
		margin-bottom: 32px;
	}

	.trend__block.right .header, .proofs__block .header {
		font-size: 18px;
	}

	.trend__block.right .subheader, .trend__block.right .info {
		margin-left: 80px;
	}

	.why {
		background: linear-gradient(to right, rgba(253, 241, 237, 1) 85%, #ffffff 85%);
		padding-bottom: 0;
		padding-top: 10px;
	}

	.why .desktop {
		padding: 0 0 0 32px;
		flex-direction: column;
	}

	.why__title {
		width: 100%;
		font-size: 20px;
		margin-bottom: 13px;
	}

	.why__title p span {
		margin-left: 20px;
	}

	.why__proof {
		font-size: 16px;
		padding: 8px;
		width: 90%;
		margin-bottom: -87px;
	}

	.proofs {
		background: none;
		margin-top: 160px;
		padding: 0;
	}

	.proofs__block:nth-child(n) {
		width: 100%;
		padding: 20px;
		padding-top: 0;
		margin: 0;
		padding-bottom: 32px;
		background-color: #ffffff;
	}

	.proofs__block:nth-child(even) {
		text-align: right;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.proofs__block .number {
		font-size: 56px;
		margin-bottom: 16px;
	}

	.proofs__block .header {
		margin-bottom: 8px;
		width: 50%;
	}

	.proofs__block .text {
		font-size: 16px;
		width: 83%;
	}

	.test-preview .title {
		font-size: 18px;
	}

	.test-preview .subtitle {
		font-size: 16px;
		padding: 0 10px;
		margin-bottom: 32px;
	}

	.test-preview .subtitle .underline {
		border: none;
		font-weight: 600;
	}

	.test {
		padding: 40px 20px;
	}

	.test .header {
		font-size: 18px;
	}

	.test-wrap {
		padding: 24px;
	}

	.question__block {
		flex-direction: column;
	}

	.question__title {
		padding: 0;
		margin-left: 0;
		margin-bottom: 24px;
		text-align: center;
		font-size: 18px;
	}

	.check {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.checkbox {
		margin-bottom: 16px;
	}

	.custom-checkbox+label {
		font-size: 16px;
	}

	.custom-checkbox+label::before {
		width: 18px;
		height: 18px;
		margin-top: -2px;
	}

	.next, .end {
		padding: 12px 16px 8px;
		margin-top: 260px;
		z-index: 5;
	}

	.question__img {
		width: 80%;
		margin: 0 auto;
		margin-top: -320px;
		margin-bottom: 90px;
	}

	.question__img img {
		padding-top: 0;
		height: 220px;
	}

	.results .result {
		flex-direction: column;
		padding: 20px;
	}

	.result .text {
		width: 100%;
		font-size: 16px;
		margin-bottom: 32px;
	}

	.result .text h2 {
		font-size: 24px;
		padding-left: 0;
		margin-bottom: 24px;
	}

	.books {
		padding-top: 40px;
	}

	.books .header {
		padding: 0 20px;
		font-size: 24px;
		margin-bottom: 56px;
	}

	.books .header span {
		margin-right: 8px;
		margin-top: -12px;
		font-size: 60px;
		line-height: 0;
	}

	.books .book-title {
		padding: 0 20px;
	}

	.books .book-name {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.books .authors {
		font-size: 14px;
	}

	.books .book-card.odd {
		flex-direction: column-reverse;
		padding: 40px 20px;
		margin-right: 0;
		margin-top: 220px;
	}

	.books .book-card.even {
		flex-direction: column;
		padding: 40px 20px;
		margin-left: 0;
		margin-top: 220px;
	}

	.books .book-card .img img {
		max-width: none;
		width: 100%;
	}

	.books .book-card.odd .text, .books .book-card.even .text {
		margin-top: 32px;
		font-size: 16px;
		padding: 0;
	}

	.books .book-card.odd .text:first-letter, .books .book-card.even .text:first-letter {
		font-size: 32px;
	}

	.book-top-2 {
		margin: 40px 0;
	}

	.audiobook {
		background: none;
		padding: 40px 20px;
		margin-top: 0;
	}

	.audiobook .info, .audiobook .steps {
		display: none;
	}

	.audiobook .steps-mobile {
		display: block;
		text-align: center;
		color: #741D03;
		font-size: 16px;
		margin-bottom: 32px;
	}

	.audiobook .steps-mobile .header {
		font-size: 18px;
		margin-bottom: 32px;
		font-weight: 700;
	}

	.test-preview .start, .audiobook .try {
		font-size: 24px;
	}

	.results {
		padding: 0 20px;
		padding-bottom: 40px;
	}

	#menu .flex .item1 a img {
		width: 200px;
	}

	#footer .container {
		padding: 40px 20px;
	}

	#footer .logo {
		margin: 0;
		margin-bottom: 24px;
	}

	#footer .flex {
		flex-direction: column;
	}
}