/*******************************************
 *** Правовые страницы: /privacy/ и /cookie/
 *** Подключается только когда $IS_HOME == false.
 *** Грузится последним, поэтому переопределяет
 *** style.css и adaptive.css при равной специфичности.
 *******************************************/

.page-legal {
	background: #f4f6f7;
}

/* На правовых страницах нет тёмного первого экрана,
   поэтому шапку сразу делаем плотной полосой. */
.page-legal nav {
	width: 100%;
	height: 80px;
	border-radius: 0;
	margin-top: 0;
	left: 0;
	transform: none;
	background: #283238;
	border: 0;
}

.page-legal .yakor {
	top: -80px;
}


/* ---------- Полотно текста ---------- */

/* ace-framework.css задаёт для main (наравне с section и footer)
   min-width: 1240px и padding: 0 20px, причём на узких экранах
   сбрасывает это только для section/footer/header/nav. Без сброса
   правовая страница уезжала бы в горизонтальную прокрутку. */
main.legal {
	display: block;
	background: #fff;
	width: 100%;
	min-width: 0;
	max-width: 940px;
	padding: 0;
	margin: 0 auto;
	box-shadow: 0 2px 40px rgba(40, 50, 56, .08);
}

.legal-con {
	padding: 130px 60px 70px 60px;
	color: #2b3237;
	font-size: 15px;
	line-height: 1.75;
}

.legal-con .breadcrumbs {
	font-size: 13px;
	color: #7a848a;
	margin-bottom: 28px;
}

.legal-con .breadcrumbs a {
	color: #7a848a;
	text-decoration: none;
	border-bottom: 1px solid rgba(122, 132, 138, .4);
}

.legal-con .breadcrumbs a:hover {
	color: #055749;
	border-bottom-color: #055749;
}

.legal-con .breadcrumbs span {
	margin: 0 8px;
	color: #c2c9cd;
}


/* ---------- Заголовки ---------- */

.legal-con h1 {
	font-size: 32px;
	line-height: 1.25;
	color: #283238;
	margin: 0 0 10px 0;
}

.legal-con .legal-date {
	font-size: 13px;
	color: #7a848a;
	margin: 0 0 42px 0;
	padding-bottom: 24px;
	border-bottom: 1px solid #e6eaec;
}

.legal-con h2 {
	font-size: 20px;
	line-height: 1.35;
	color: #283238;
	margin: 42px 0 14px 0;
}

.legal-con h3 {
	font-size: 16px;
	line-height: 1.4;
	color: #055749;
	margin: 26px 0 8px 0;
}


/* ---------- Текст и списки ---------- */

.legal-con p {
	margin: 0 0 14px 0;
}

.legal-con b {
	color: #283238;
	font-weight: 600;
}

.legal-con ul {
	margin: 0 0 18px 0;
	padding-left: 22px;
}

.legal-con li {
	margin-bottom: 8px;
	padding-left: 4px;
}

.legal-con ul.legal-facts {
	list-style: none;
	padding: 22px 26px;
	margin: 0 0 18px 0;
	background: #f4f6f7;
	border-left: 3px solid #055749;
}

.legal-con ul.legal-facts li {
	margin-bottom: 6px;
	padding-left: 0;
}

.legal-con ul.legal-facts li:last-child {
	margin-bottom: 0;
}

.legal-con a {
	color: #055749;
	text-decoration: underline;
}

.legal-con a:hover {
	color: #e53935;
}

.legal-con .legal-back {
	margin: 50px 0 0 0;
	padding-top: 26px;
	border-top: 1px solid #e6eaec;
}

.legal-con .legal-back a {
	text-decoration: none;
	font-weight: 600;
}


/* ---------- Планшеты и телефоны ---------- */

@media screen and (max-width: 900px) {
	.legal-con {
		padding: 120px 28px 50px 28px;
	}

	.legal-con h1 {
		font-size: 26px;
	}

	.legal-con h2 {
		font-size: 18px;
		margin-top: 34px;
	}
}

@media screen and (max-width: 800px) {
	.page-legal nav {
		width: 100%;
		height: auto;
	}
}