@charset "UTF-8";	/* Кодировочка */

/*
 * Theme Name: Astra GOST
 * Theme URL: https://a-gost.ru/
 * Description: Theme for Astra site
 * Author: Astra
 * Version: 2.0
 * Date: 2025-04-12
 * Modified version: 2.20
 * Date modified: 2026-09-17
 */





/* Шрифты подкачиваем */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200&family=Press+Start+2P&family=Cuprum&display=swap');

@font-face {
	font-family: 'Molot';
	src: url('../fonts/molot.eot');
	src: local('Molot'),
        url('../fonts/molot.eot?#iefix') format('embedded-opentype'),
        url('../fonts/molot.woff2') format('woff2'),
        url('../fonts/molot.woff') format('woff'),
        url('../fonts/molot.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}





/* Основное и общее */

html {
	overflow-x: hidden !important;
	scroll-behavior: smooth;
	width: 100% !important;
	height: 100%;
	}

body {
	position: relative;
	overflow-x: hidden !important;
	overflow-y: hidden;
	width: 100% !important;
	min-height: 100vh;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 22px;
	line-height: 1.4;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	color: #000;
	background: #FFF;
	padding: 0;
	margin: 0;
	}

a { text-decoration: underline; color: #C00; }
a:hover { text-decoration: underline; color: #F00; }
a:active { text-decoration: underline; color: #000; }

::-moz-selection { background: #C00; color: #FFF; text-shadow: none; }
::selection { background: #C00; color: #FFF; text-shadow: none; }

span.skype_pnh_print_container { display: inline !important; }
span.skype_pnh_container { display: none !important; }

div { padding: 0; margin: 0; }

table { border: 0; border-spacing: 0; outline: 0; padding: 0; margin: 0; }
td { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Molot', Impact, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #C00;
	}
h1 { font-size: 200%; }
h2 { font-size: 125%; }
h3, h4 { font-size: 100%; }
h5, h6 { font-size: 90%; }

p {
	width: 100%;
	text-align: justify;
	}

span, font { padding: 0; margin: 0; }

pre {
	width: 100%;
	line-height: 1.4;
	font-family: monospace;
	font-weight: normal;
	font-size: 80%;
	text-align: left;
	color: #333;
	background: #F5F5F5;
	padding: 10px;
	margin: 0 0 20px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 0 #FFF;
	}

ul, ol { padding: 0; }
li {
	text-align: left;
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h6,
p,
ul, ol,
blockquote {
	width: 100%;
	font-weight: normal;
	letter-spacing: 0;
	white-space: normal;
	padding: 0;
	margin: 0 0 20px 0;
	}
cite {
	display: inline-block;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	}

hr {
	border: 0;
	clear: both;
	width: 100%;
	height: 1px;
	background: #D5D5D5;
	padding: 0;
	margin: 40px 0;
	}

img {
	border: 0;
	outline: 0;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	}





/* Анимационный эффект */

.emerge {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.5s 0.5s ease-out;
	}

.animated {
	opacity: 1;
	transform: none;
	}





/* Разметка */

nav,
header,
main,
footer {
	position: relative;
	display: block;
	box-sizing: border-box;
	clear: both;
	border: 0;
	outline: 0;
	width: 100%;
	min-width: 300px;
	height: auto;
	font-size: 100%;
	font-style: normal;
	text-align: center;
	margin: 0 auto;
	}





/* Пустышка-отсекашка */

.clearfix {
	position: relative;
	display: block;
	clear: both;
	outline: 0;
	border: 0;
	width: 100%;
	height: 0;
	padding: 0;
	margin: 0 auto;
	}





/* Фикс-панель - шапка на весь экран */

header {
	z-index: 101;
	position: fixed;
	display: block;
	width: 100%;
	height: 62px;
	color: #FC0;
	background: linear-gradient(to right, rgba(0,64,192, 0.4) 35%, rgba(0,64,192, 0.65), rgba(0,64,192, 0.4) 65%),
		#001033 url('../graphics/bg_header.jpg') no-repeat top -62px center;
        background-size: cover;
	}





/* Фикс-панель - панель лого, контакты */

.head-panel {
	z-index: 103;
	top: 0;
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 62px;
	padding: 0 10%;
	}

.head-panel-anim,
.head-panel-anim-trans {
	transition: all .5s ease;	/* Для плавного сворачивания (через опцию headscroll.js про прокрутке страницы */
	}
.head-panel-anim {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	box-shadow: none;
	}
.head-panel-anim-trans {
	-moz-box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	-khtml-box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	}

.head-panel div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 62px;
	line-height: 1;
	}
.head-panel div:nth-child(1) { }
.head-panel div:nth-child(2) { }
.head-panel div:nth-child(3) { }
.head-panel div:nth-child(4) {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: auto;
	}
.head-panel div:nth-child(3) {
	padding: 0 75px;
	}
.head-panel div:nth-child(2),
.head-panel div:nth-child(4) {
	line-height: 1.2;
	font-size: 80%;
	}
.head-panel div:nth-child(3) img {
	display: inline-block;
	width: 186px;
	height: 52px;
	}

.head-panel div p {
	width: auto;
	text-align: left;
	margin: 0;
	}
.head-panel div:nth-child(4) p {
	margin-right: 10px;
	}
.head-panel div:nth-child(4) p:first-child span {
	text-transform: uppercase;
	}
.head-panel div:nth-child(4) p:last-child {
	margin-right: 0;
	}

.head-panel div:nth-child(3) a {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	}

.head-panel div:nth-child(4) a {
	position: relative;
	display: inline-block;
	flex-shrink: 0; 	/* Необходимо, иначе сжимается */
	text-indent: -9999px;
	text-decoration: none;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #FFF;
	background: url('../graphics/icon_contact-mail.png') no-repeat center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	-khtml-box-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	box-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	}
.head-panel div:nth-child(4) a:hover {
	background: #C00 url('../graphics/icon_contact-mail.png') no-repeat center;
	}
.head-panel div:nth-child(4) a:active {
	background: #F00 url('../graphics/icon_contact-mail.png') no-repeat center;
	}
.head-panel div:nth-child(4) a:hover,
.head-panel div:nth-child(4) a:active {
	-moz-box-shadow: 0 0 10px rgba(205,0,0, 0.9),
		0 0 15px rgba(205,0,0, 0.8),
		0 0 25px rgba(205,0,0, 0.7);
	-webkit-box-shadow: 0 0 10px rgba(205,0,0, 0.9),
		0 0 15px rgba(205,0,0, 0.8),
		0 0 25px rgba(205,0,0, 0.7);
	-khtml-box-shadow: 0 0 10px rgba(205,0,0, 0.9),
		0 0 15px rgba(205,0,0, 0.8),
		0 0 25px rgba(205,0,0, 0.7);
	box-shadow: 0 0 10px rgba(205,0,0, 0.9),
		0 0 15px rgba(205,0,0, 0.8),
		0 0 25px rgba(205,0,0, 0.7);
	}

.head-panel div:nth-child(4) .pulselink {
	-webkit-box-shadow: 0 0 15px rgba(255,0,0, 0.75);
	box-shadow: 0 0 15px rgba(255,0,0, 0.75);
	}





/* Кнопка меню-бургер в фикс-панели в шапке */

.head-butt-menu {
	display: inline-flex;
	width: auto;
	padding-right: 100px;
	margin: 0;
	}

.head-butt-menu a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	width: auto;
	height: 40px;
	line-height: 40px;
	color: #002060;
	background: linear-gradient(to top, #C60 10%, #FC0 65%);
	text-align: center;
	padding: 0 40px;
	margin-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none;
	transition: .5s ease;
	}
.head-butt-menu a:hover {
	color: #FC0;
	background: linear-gradient(to top, #900 10%, #F00 65%);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.35);
	}
.head-butt-menu a:active {
	color: #FFF;
	background: #F00;
	text-shadow: none;
	transition: none;
	}
.head-butt-menu a::after {
	content: '\2630';
	font-size: 150%;
	}

/* Блик на кнопке */
.head-butt-menu a::before {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 100px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .9));
	transform: skewX(-45deg);
	}
.head-butt-menu a:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}





/* Навигатор в шапке */

.head-menu {
	z-index: 100;
	top: 62px;
	position: fixed;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	font-family: 'Molot', Impact, sans-serif;
	background: linear-gradient(to right, rgba(0,64,192, 0.4) 35%, rgba(0,64,192, 0.65), rgba(0,64,192, 0.4) 65%),
		#001033 url('../graphics/bg_header.jpg') no-repeat top -124px center;
        background-size: cover;
	margin: 0 auto;
	-moz-box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	-khtml-box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	}

.head-menu-anim,
.head-menu-anim-trans {
	transition: all .5s ease;	/* Для плавного разворачивания (через опцию headscroll.js про прокрутке страницы */
	}
.head-menu-anim {
	height: 46px;
	line-height: 46px;
	font-size: 100%;
	opacity: 1;
	}
.head-menu-anim-trans {
	height: 0;
	line-height: 0;
	font-size: 5%;
	opacity: 0;
	}

.head-menu ul {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	box-sizing: border-box;
	list-style: none;
	width: auto;
	height: 38px;
	line-height: 38px;
	padding: 0;
	margin: 0;
	}

.head-menu ul li {
	display: inline-block;
	width: auto;
	height: 38px;
	line-height: 38px;
	margin-right: 1px;
	}
.head-menu ul li:last-child {
	margin-right: 0;
	}

.head-menu ul li a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: auto;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
	white-space: nowrap;
	color: #FC0;
	background: transparent;
	padding: 0 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	transition: all .5s ease;
	}
.head-menu ul li a:hover {
	text-decoration: none;
	color: #FFF;
	background: linear-gradient(to top, #900, #F00);
	}
.head-menu ul li a:active {
	text-decoration: none;
	color: #FFF;
	background: #F00;
	text-shadow: none;
	transition: none;
	}

/* Активная кнопка */
.head-menu ul li a.active {
	text-decoration: none;
	color: #FC0;
	background: linear-gradient(to right, #F00, #900) !important;
	box-shadow: inset 6px 6px 8px rgba(0,0,0, 0.75);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	}
.head-menu ul li a.active::before {
	display: none;
	}

/* Блик на кнопке */
.head-menu ul li a::before {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 100px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .9));
	transform: skewX(-45deg);
	}
.head-menu ul li a:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}





/* Область: контент */

.area_content {
	position: relative;
	display: block;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	min-width: 300px;
	height: auto;
	text-align: center;
	background: #FFF;
	padding: 100px 10%;
	margin: 0 auto;
	}





/* Области: вью, тит и космический заказ */

.area_head-tit,
.area_view-01,
.area_view-02,
.area_view-03,
.area_view-04,
.area_deep-blue-noise,
.area_cosmo-zakaz-view {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	color: #FFF;
	}
.area_view-01,
.area_view-02,
.area_view-03,
.area_view-04,
.area_deep-blue-noise,
.area_cosmo-zakaz-view {
	padding: 80px 10%;
	}
.area_direction-column,
.area_direction-row {
	display: flex;
	justify-content: center;
	align-items: center;
	}
.area_direction-column {
	flex-direction: column;
	}
.area_direction-row {
	flex-direction: row;
	}

.area_head-tit {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-top: 108px solid #002060;
	height: auto;
	min-height: 65vh;
	padding: 0 10%;
	margin: 0;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.9);
	}

.area_head-tit-view-01 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-01_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-02 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-02_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-03 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-03_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-04 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-04_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-05 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-05_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-06 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-06_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-07 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-07_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-08 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-08_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-09 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-09_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-10 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-10_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-11 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-11_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-12 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-12_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-13 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-13_2560px.jpg') no-repeat center;
	}
.area_head-tit-view-01,
.area_head-tit-view-02,
.area_head-tit-view-03,
.area_head-tit-view-04,
.area_head-tit-view-05,
.area_head-tit-view-06,
.area_head-tit-view-07,
.area_head-tit-view-08,
.area_head-tit-view-09,
.area_head-tit-view-10,
.area_head-tit-view-11,
.area_head-tit-view-12,
.area_head-tit-view-13 {
        background-size: cover;
	}

.area_view-01,
.area_view-02,
.area_view-03,
.area_view-04,
.area_deep-blue-noise {
	height: auto;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.9);
	}
.area_view-01,
.area_view-02,
.area_view-03,
.area_view-04,
.area_deep-blue-noise {
	min-height: calc(100vh - 62px);
	}
.area_view-01 {
	background: linear-gradient(rgba(0,64,164, 0.2) 20%, rgba(0,0,32, 0.65) 90%),
		#002060 url('../graphics/bg_area_view-01_2560px.jpg') no-repeat center;
	}
.area_view-02 {
	background: linear-gradient(rgba(0,64,192, 0.25) 20%, rgba(0,0,0, 0.8) 90%),
		#002060 url('../graphics/bg_area_view-02_2560px.jpg') no-repeat center;
	}
.area_view-03 {
	background: linear-gradient(rgba(0,64,192, 0.25) 20%, rgba(0,0,0, 0.8) 90%),
		#002060 url('../graphics/bg_area_view-03_2560px.jpg') no-repeat center;
	}
.area_view-04 {
	background: linear-gradient(rgba(0,64,192, 0.15) 20%, rgba(0,0,0, 0.5)),
		#002060 url('../graphics/bg_area_view-04_2560px.jpg') no-repeat center;
	}
.area_view-01,
.area_view-02,
.area_view-03,
.area_view-04 {
        background-size: cover;
	}

.area_view-01 h2,
.area_view-02 h2,
.area_view-03 h2,
.area_view-04 h2,
.area_deep-blue-noise h2,
.area_deep-blue-noise h3,
.area_deep-blue-noise h4 {
	z-index: 1;
	position: relative;
	color: #FC0;
	}

.area_view-01 a,
.area_view-02 a,
.area_view-03 a,
.area_view-04 a,
.area_deep-blue-noise a,
.area_view-01 .linkdots,
.area_view-02 .linkdots,
.area_view-03 .linkdots,
.area_view-04 .linkdots,
.area_deep-blue-noise .linkdots {
	color: #FFF;
	}
.area_view-01 .linkdots,
.area_view-02 .linkdots,
.area_view-03 .linkdots,
.area_view-04 .linkdots,
.area_deep-blue-noise .linkdots {
	border-bottom: 1px dotted #FFF;
	}
.area_view-01 a:hover,
.area_view-02 a:hover,
.area_view-03 a:hover,
.area_view-04 a:hover,
.area_deep-blue-noise a:hover,
.area_view-01 .linkdots:hover,
.area_view-02 .linkdots:hover,
.area_view-03 .linkdots:hover,
.area_view-04 .linkdots:hover,
.area_deep-blue-noise .linkdots:hover {
	color: #F00;
	}
.area_view-01 .linkdots:hover,
.area_view-02 .linkdots:hover,
.area_view-03 .linkdots:hover,
.area_view-04 .linkdots:hover,
.area_deep-blue-noise .linkdots:hover {
	border-bottom: 1px dotted #F00;
	}
.area_view-01 a:active,
.area_view-02 a:active,
.area_view-03 a:active,
.area_view-04 a:active,
.area_deep-blue-noise a:active,
.area_view-01 .linkdots:active,
.area_view-02 .linkdots:active,
.area_view-03 .linkdots:active,
.area_view-04 .linkdots:active,
.area_deep-blue-noise .linkdots:active {
	color: #C00;
	text-shadow: none;
	}
.area_view-01 .linkdots:active,
.area_view-02 .linkdots:active,
.area_view-03 .linkdots:active,
.area_view-04 .linkdots:active,
.area_deep-blue-noise .linkdots:active {
	border-bottom: 1px dotted #C00;
	}

.area_view-01 .fontmark,
.area_view-02 .fontmark,
.area_view-03 .fontmark,
.area_view-04 .fontmark,
.area_deep-blue-noise .fontmark {
	color: #002060;
	background: #FC0;
	text-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}

.area_deep-blue-noise {
	overflow: hidden;
	background: #002060 url('../graphics/bg_deep-blue-noise.png') repeat;
	}
.area_deep-blue-noise::before {
	left: calc(50% - 450px);
	top: -450px;
	position: absolute;
	display: inline-block;
	width: 900px;
	height: 900px;
	background: radial-gradient(rgba(0,205,255, 0.25), transparent 70%);
	}

.area_deep-blue-noise .citedecor {
	color: #FFF;
	}
/* Временно выключил у цитаты белые полоски на синем фоне, сейчас они по умолчанию светло-голубые
.area_deep-blue-noise .citedecor::before,
.area_deep-blue-noise .citedecor::after {
	color: #FFF;
	background: linear-gradient(to right, #FFF 45%, transparent 45%, transparent),
		linear-gradient(to right, transparent, transparent 55%, #FFF 55%);
	}
*/

.area-grey-texture-01 {
	background: #EAEAEA url('../graphics/bg_area-grey-texture-01.jpg') no-repeat center;
	}
.area-grey-texture-02 {
	background: #EAEAEA url('../graphics/bg_area-grey-texture-02.jpg') no-repeat center;
	}
.area-grey-texture-01,
.area-grey-texture-02 {
        background-size: cover;
	text-shadow: 1px 1px 0 #FFF;
	}
.area-grey-texture-03 {
	background: #EAEAEA url('../graphics/bg_area-grey-texture-03.jpg') repeat;
	text-shadow: 1px 1px 0 #FFF;
	}

.area_head-tit h1 {
	text-transform: uppercase;
	font-size: 200%;
	color: #FC0;
	text-shadow: 1px 1px 0 rgba(0,0,0, .5),
		1px 1px 1px rgba(255,0,0, .08),
		2px 2px 1px rgba(255,0,0, .075),
		4px 4px 1px rgba(255,0,0, .07),
		6px 6px 1px rgba(255,0,0, .065),
		8px 8px 1px rgba(255,0,0, .06),
		10px 10px 1px rgba(255,0,0, .055),
		12px 12px 1px rgba(255,0,0, .05),
		14px 14px 1px rgba(255,0,0, .045),
		16px 16px 1px rgba(255,0,0, .04),
		18px 18px 1px rgba(255,0,0, .035),
		20px 20px 1px rgba(255,0,0, .03),
		22px 22px 1px rgba(255,0,0, .025),
		24px 24px 1px rgba(255,0,0, .02),
		26px 26px 1px rgba(255,0,0, .015),
		28px 28px 1px rgba(255,0,0, .01),
		30px 30px 1px rgba(255,0,0, .005),
		32px 32px 1px rgba(255,0,0, .0025),
		34px 34px 1px rgba(255,0,0, .002),
		36px 36px 1px rgba(255,0,0, .0015),
		38px 38px 1px rgba(255,0,0, .001);
	}

.area_view-01 h2,
.area_view-02 h2,
.area_view-03 h2,
.area_view-04 h2 {
	z-index: 3;
	position: relative;
	font-size: 125%;
	color: #FC0;
	}

.area_view-01 hr,
.area_view-02 hr,
.area_view-03 hr,
.area_view-04 hr,
.area_deep-blue-noise hr {
	position: relative;
	display: block;
	overflow: visible;
	width: 100%;
	height: 1px;
	border: 0;
	background: linear-gradient(to right, #FC0, transparent 50%),
		linear-gradient(to right, transparent 50%, #FC0);
	margin: 50px 0;
	}
.area_view-01 hr::before,
.area_view-02 hr::before,
.area_view-03 hr::before,
.area_view-04 hr::before,
.area_deep-blue-noise hr::before {
	position: absolute;
	display: block;
	top: -30px;
	left: calc(50% - 30px);
	content: url('../graphics/star.png');
	width: 60px;
	height: 60px;
	}

.view-circle {
	z-index: 1;
	top: 0;
	position: absolute;
	display: block;
	width: 100%;
	height: calc(100vh - 62px);
	}





/* Области: тит упрощённый для некоторых второстепенных страниц */

.area_head-tit_deep-blue-noise_simple {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	box-sizing: border-box;
	border-top: 108px solid #002060;
	width: 100%;
	height: auto;
	color: #FFF;
	background: #002060 url('../graphics/bg_deep-blue-noise.png') repeat;
	padding: 160px 10% 217px 10%;
	margin: 0;
	}
.area_head-tit_deep-blue-noise_simple::before {
	z-index: 1;
	left: calc(50% - 450px);
	top: -450px;
	position: absolute;
	display: inline-block;
	width: 900px;
	height: 900px;
	background: radial-gradient(rgba(0,205,255, 0.35), transparent 65%);
	}

.area_head-tit_deep-blue-noise_simple span {
	z-index: 3;
	position: relative;
	text-transform: uppercase;
	font-size: 90%;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.9);
	}

.area_head-tit_deep-blue-noise_simple h1 {
	z-index: 3;
	position: relative;
	display: inline-block;
	width: 100%;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-clip: text;
	-webkit-background-clip: text;
	margin-bottom: 0;
	}
.area_head-tit_deep-blue-noise_simple h1.ocheshui-bns-big-lightblue {
	font-size: 400%;
	background-color: #0F78C2;
	background-image: url('../graphics/bg_ocheshui-tit-1.jpg');
	}
.area_head-tit_deep-blue-noise_simple h1.ocheshui-bns-small-gold {
	font-size: 175%;
	background-color: #C60;
	background-image: url('../graphics/bg_ocheshui-tit-3.jpg');
	}

.area_head-tit_deep-blue-noise_simple a {
	z-index: 3;
	bottom: 0;
	position: absolute;
	display: inline-block;
	overflow: hidden;
	float: none;
	clear: both;
	text-indent: -9999px;
	width: 100%;
	height: 57px;
	text-align: center;
	margin: 0 auto;
	transition: all .5s ease;
	}
.butt_link-blog {
	background: url('../graphics/butt_link-blog.png') no-repeat top center;
	}
.butt_link-ss-vv-rr {
	background: url('../graphics/butt_link-ss-vv-rr.png') no-repeat top center;
	}
.area_head-tit_deep-blue-noise_simple a:active {
	transition: none;
	}
.area_head-tit_deep-blue-noise_simple a::before {
	z-index: 4;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 100px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .25));
	transform: skewX(-45deg);
	}
.area_head-tit_deep-blue-noise_simple a:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}





/* Вью на Главной */

.area_cosmo-astronaut-flower-view,
.area_cosmo-astronaut-flower-view-bg,
.area_cosmo-astronaut-flower-view-on,
.area_cosmo-astronaut-flower-view-tit {
	overflow: hidden;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 100vh;
	color: #FFF;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.9);
	}

.area_cosmo-astronaut-flower-view {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	border-top: 108px solid #002060;
	padding: 100px 10%;
	}

.area_cosmo-astronaut-flower-view-bg,
.area_cosmo-astronaut-flower-view-on,
.area_cosmo-astronaut-flower-view-tit {
	left: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	}

.area_cosmo-astronaut-flower-view-bg {
	z-index: 1;
	background: linear-gradient(to bottom, rgba(0,64,192, 0.4) 10%, transparent 50%),
		#002060 url('../graphics/bg_area_cosmo-astronaut-flower-view_2560px.jpg') no-repeat center;
        background-size: cover;
	}

.area_cosmo-astronaut-flower-view-on {
	z-index: 3;
	background: linear-gradient(rgba(0,64,192, 0.24) 10%, rgba(0,0,0, 0.8) 90%),
		url('../graphics/bg_area_cosmo-astronaut-flower-view-on_2560px.png') no-repeat center;
        background-size: cover;
	}

.area_cosmo-astronaut-flower-view-tit {
	z-index: 4;
	background: url('../graphics/bg_area_cosmo-astronaut-flower-view-tit_2560px.png') no-repeat center;
        background-size: cover;
	}

.area_cosmo-astronaut-flower-view h2 {
	z-index: 5;
	position: relative;
	font-size: 150%;
	color: #FC0;
	}

.area_cosmo-astronaut-flower-view > div {
	width: 100%;
	}

.area_cosmo-astronaut-flower-view .starrysky {
	z-index: 2;
	}

.area_cosmo-astronaut-flower-view .mist {
	z-index: 4;
	left: 0;
	bottom: 0;
	position: absolute;
	}

.view-hello {
	z-index: 5;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	box-sizing: border-box;
	font-family: 'Molot', Impact, sans-serif;
	font-weight: normal;
	font-size: 150%;
	color: #FC0;
	}

.view-hello div {
	width: 50%;
	line-height: 1.1;
	margin: 90px 0 0 0;
	}
.view-hello div:nth-child(odd) {
	text-align: left;
	}
.view-hello div:nth-child(even) {
	text-align: right;
	}
.view-hello div:last-child {
	width: 100%;
	text-align: center;
	}

.view-hello div:nth-child(odd) span::before,
.view-hello div:nth-child(even) span::after {
	position: relative;
	display: inline-block;
	content: '\2605';
	font-size: 125%;
	}
.view-hello div:nth-child(odd) span::before {
	margin-right: 10px;
	}
.view-hello div:nth-child(even) span::after {
	margin-left: 10px;
	}

.view-hello div:last-child p:nth-child(1) {
	font-size: 175%;
	text-align: left;
	margin-bottom: 10px;
	}

.view-hello span {
	text-transform: uppercase;
	font-size: 150%;
	color: #FFF;
	}

/* Печатающийся текст */

.system-ui {
	line-height: 1.5 !important;
	font-family: 'Press Start 2P', system-ui;
	font-weight: 400;
	font-style: normal;
	font-size: 22px !important;
	color: #FFF;
	}

.print-13ch {
	overflow: hidden;		/* Скрываем переполнение контентом */
	border-right: 4px solid #FFF;	/* Курсор */
	white-space: nowrap;		/* Переносить текст на другую строку */
	width: 13ch;			/* Кол-во символов в надписи */
	text-align: left;
	animation: cursor 0.75s step-end infinite,
		printed_text 3s steps(13);
	}
@keyframes cursor {
	0% { border-color: #FFF; }
	50% { border-color: transparent; }
	100% { border-color: #FFF; }
	}
@keyframes printed_text {
	from { width: 0; }
	}

.system-ui p {
	text-align: left;
	}

.system-ui p:nth-child(2) {
	font-size: 90%;
	text-align: left;
	margin-bottom: 0;
	}

.view-hello div:last-child a {
	text-decoration: none;
	text-transform: uppercase;
	color: #4b2054;
	background: #FFF;
	padding: 5px 10px;
	text-shadow: none;
	transition: all 0.5s ease;
	}
.view-hello div:last-child a:hover {
	color: #FFF;
	background: #C00;
	}
.view-hello div:last-child a:active {
	color: #FFF;
	background: #F00;
	transition: none;
	}





/* Нагоним мистики */

.mist {
	z-index: 1;
	position: absolute;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: calc(100vh - 62px);
	background: url('../graphics/bg_mist.png') repeat-x bottom left;
	margin: 0 auto;
	animation: mist 30s linear infinite;
	}

@-webkit-keyframes mist {
	from { background-position: 0 100%; }
	to { background-position: -1000px 100%, 0 0; }
	}
@keyframes mist {
	from { background-position: 0 100%; }
	to { background-position: -1000px 100%, 0 0; }
	}





/* «...твинкл блинкл литтл стар» */

.blink {
	z-index: 2;
	position: absolute;
	display: block;
	left: -200%;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to left, transparent, rgba(255,0,0, .25), transparent) no-repeat;
	background-size: 25% 100%;
	animation: blinkAnimation;
	animation: blinkAnimation 5s infinite linear;
	}

@keyframes blinkAnimation {
	0% { left: -100%; }
	20% { left: -100%; }
	40% { left: -100%; }
	60% { left: -100%; }
	80% { left: -100%; }
	100% { left: 100%; }
	}





/* Пять звёзд преимуществ */

.area_cosmo-5-stars-view {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: calc(100vh - 62px);
	color: #FFF;
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#4B2054 url('../graphics/bg_area_cosmo-5-stars-view_2560px.jpg') no-repeat center;
        background-size: cover;
	padding: 80px 10%;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.9);
	}

.area_cosmo-5-stars-view h2 {
	font-size: 180%;
	color: #FC0;
	}

.area_cosmo-5-stars-icons {
	z-index: 5;
	position: relative;
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	line-height: 1.1;
	}

.area_cosmo-5-stars-icons div {
	width: 33%;
	margin: 0;
	}
.area_cosmo-5-stars-icons div:nth-child(1),
.area_cosmo-5-stars-icons div:nth-child(4) {
	text-align: left;
	}
.area_cosmo-5-stars-icons div:nth-child(3),
.area_cosmo-5-stars-icons div:nth-child(6) {
	text-align: right;
	}
.area_cosmo-5-stars-icons div:nth-child(5) {
	text-align: center;
	}

.area_cosmo-5-stars-icons img {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	height: auto;
	font-family: 'Molot', Impact, sans-serif;
	font-weight: normal;
	font-size: 110%;
	color: #FC0;
	text-align: center;
	margin-top: 60px;
	}





/* Космический сайт - заказать */

.area_cosmo-zakaz-view {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	height: calc(100vh - 62px);
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#4B2054 url('../graphics/bg_area_cosmo-zakaz-view_2560px.jpg') no-repeat center;
        background-size: cover;
	margin: 0;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.9);
	}

.area_cosmo-zakaz-view p:first-child {
	font-size: 200% !important;
	margin-bottom: 20px !important;
	}





/* Очешуительный заголовок на img-фоне */

.ocheshui-itog {
	line-height: 1;
	color: #FFF;
	background: linear-gradient(to left, #C00 25%, #F00, #C00 75%);
	padding: 10px 0;
	margin: 50px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none;
	}

.ocheshui-tit {
	display: inline-block;
	width: 100%;
	line-height: 1;
	text-transform: uppercase;
	font-size: 500%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	text-shadow: none !important;
	}
.ocheshui-tit-1 {
	background-color: #0F78C2;
	background-image: url('../graphics/bg_ocheshui-tit-1.jpg');
	}
.ocheshui-tit-2 {
	background-color: #A60022;
	background-image: url('../graphics/bg_ocheshui-tit-2.jpg');
	}
.ocheshui-tit-3 {
	background-color: #C60;
	background-image: url('../graphics/bg_ocheshui-tit-3.jpg');
	}

.ocheshui-txt {
	line-height: 1;
	text-transform: uppercase;
	font-size: 250%;
	text-align: center;
	margin-bottom: 50px;
	}
.ocheshui-txt-1 {
	color: #0F78C2;
	}
.ocheshui-txt-2 {
	color: #A60022;
	}
.ocheshui-txt-3 {
	color: #C60;
	}





/* Блок - заметки */

.area_note {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	height: auto;
	color: #FFF;
	padding: 120px 10%;
	background: #002060 url('../graphics/bg_deep-blue-noise.png') repeat;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}
.area_note::before {
	left: calc(50% - 250px);
	top: -250px;
	position: absolute;
	display: inline-block;
	width: 500px;
	height: 500px;
	background: radial-gradient(rgba(0,205,255, 0.25), transparent 70%);
	}
.area_note > span {
	z-index: 1;
	position: relative;
	display: block;
	overflow: hidden;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 200%;
	text-align: center;
	color: #002060;
	background: linear-gradient(to top, #F90, #FC0 65%);
	margin-right: 30px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	-khtml-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	text-shadow: none;
	}
.area_note > p {
	z-index: 1;
	position: relative;
	width: calc(100% - 80px);
	line-height: 1.3;
	font-size: 110%;
	margin: 0;
	}

.area_note .citedecor,
.area_note .citedecor p,
.area_note .citedecor cite {
	text-align: center;
	color: #FFF;
	}





/* Скрины сайтов */

.screensite {
	position: relative;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	background: none;
	padding: 20px;
	margin: 10px;
	-moz-box-shadow: 0 0 12px rgba(0,0,0, 0.4);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0, 0.4);
	-khtml-box-shadow: 0 0 12px rgba(0,0,0, 0.4);
	box-shadow: 0 0 12px rgba(0,0,0, 0.4);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

.screensite a {
	display: block;
	}

.screensite img {
	display: block;
	border: 2px solid #FFF;
	width: 250px;
	height: 250px;
	background: #999;
	transition: all 0.3s ease;
	}
.screensite a:hover img {
	background: #CCC;
	-moz-box-shadow: 0 0 25px rgba(255,255,255, 0.9);
	-webkit-box-shadow: 0 0 25px rgba(255,255,255, 0.9);
	-khtml-box-shadow: 0 0 25px rgba(255,255,255, 0.9);
	box-shadow: 0 0 25px rgba(255,255,255, 0.9);
	transform: rotate(10deg);
	}

.screensite,
.screensite img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}





/* Блок - про Астру */

.about-astra {
	text-transform: uppercase;
	font-family: 'Cuprum', sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	}

.about-astra span {
	font-family: 'Molot', Impact, sans-serif;
	font-weight: normal;
	color: #FC0;
	}





/* Блок - цветовые иллюзии */

.area-clr-view,
.area-clr-view svg {
	width: 100%;
	height: calc(100vh - 62px);
	}

.area-clr {
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	background: #003;
	text-align: center;
	}

.area-clr-view,
.area-clr-view svg {
	z-index: 1;
	position: absolute;
	display: block;
	}





/* Особенности */

.peculiarities {
	list-style: none;
	width: 100%;
	margin: 0 0 50px 0;
	}

.peculiarities li {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	line-height: 1.3;
	background: none;
	text-align: left;
	background: #000;
	background: rgba(0,0,0, 0.25);
	filter: alpha(opacity=25);						/* IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);		/* IE6, IE7, IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";	/* IE8 */
	padding: 20px;
	margin: 5px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 0 #000;
	}

.peculiarities li::before {
	position: absolute;
	display: inline-block;
	top: 30px;
	left: 30px;
	width: 60px;
	height: 60px;
	}
.peculiarities li:nth-child(1)::before {
	background: url('../graphics/icon_peculiarities_sajt-pod-klyuch_adaptivnyj-dizajn.png') no-repeat center;
	}
.peculiarities li:nth-child(2)::before {
	background: url('../graphics/icon_peculiarities_sajt-pod-klyuch_seo-optimizaciya.png') no-repeat center;
	}
.peculiarities li:nth-child(3)::before {
	background: url('../graphics/icon_peculiarities_sajt-pod-klyuch_garantiya-na-sajt.png') no-repeat center;
	}
.peculiarities li:nth-child(4)::before {
	background: url('../graphics/icon_peculiarities_sajt-pod-klyuch_soprovozhdenie-sajta.png') no-repeat center;
	}
.peculiarities li:nth-child(5)::before {
	background: url('../graphics/icon_peculiarities_sajt-pod-klyuch_opyt-raboty.png') no-repeat center;
	}
.peculiarities li:nth-child(6)::before {
	background: url('../graphics/icon_peculiarities_sajt-pod-klyuch_chastnyj-veb-master-kontakt.png') no-repeat center;
	}

.peculiarities li h3,
.peculiarities li p {
	width: 100%;
	font-size: 90%;
	padding: 0 0 0 90px;
	}
.peculiarities li h3 {
	text-align: left;
	color: #FC0;
	margin-bottom: 5px;
	}
.peculiarities li p {
	margin: 0;
	}





/* Молот */

.molot {
	z-index: 2;
	position: relative;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
	min-width: 300px;
	height: calc(100vh - 62px);
	text-align: center;
	background: #E5CDB3 url('../graphics/bg_kartonka.jpg') no-repeat center;
	background-attachment: scroll;
        background-size: cover;
	padding: 50px 0;
	margin: 0;
	}

.molot img {
	z-index: 3;
	position: relative;
	display: inline-block;	
	width: auto;
	max-width: 814px;
	height: calc(100vh - 310px);
	}





/* Стена изображений */

.imgwall {
	width: 100%;
	min-width: 300px;
	}

.imgwall img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 2px;
	}





/* Прайс-лист */

.area-price {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
	}

.area-price li {
	border-bottom: 2px dotted #CCC;
	padding: 0;
	margin: 0 0 15px 0;
	}
.area-price li:last-child {
	margin: 0;
	}

.area-price li > span {
	position: relative;
	display: inline-block;
	width: auto;
	color: #FFF;
	text-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}
.area-price li > span:nth-child(odd) {
	bottom: -2px;
	font-size: 90%;
	text-align: left;
	background: linear-gradient(to right, #666, #999);
	padding: 2px 6px;
	}
.area-price li > span:nth-child(even) {
	bottom: -4px;
	float: right;
	white-space: nowrap;
	background: linear-gradient(to right, #F00, #C00);
	padding: 1px 6px;
	}
.area-price li > span:nth-child(even) > span {
	font-family: 'Molot', Impact, sans-serif;
	font-weight: normal;
	}

.pricelink {
	overflow: hidden;
	position: relative;
	display: inline-block;
	text-indent: -9999px;
	width: 100%;
	max-width: 400px;
	height: 70px;
	text-align: center;
	background: url('../graphics/icon_link_price.png') no-repeat top center;
	margin-top: 30px;
	}
.pricelink:hover {
	background: url('../graphics/icon_link_price.png') no-repeat bottom center;
	}

.area-price li > span:nth-child(odd) a {
	color: #FFF;
	}
.area-price li > span:nth-child(odd) a:hover {
	color: #F00;
	}
.area-price li > span:nth-child(odd) a:active {
	color: #000;
	}





/* Цены - области-витринки */

.price_block {
	position: relative;
	display: inline-block;
	overflow: hidden;
	list-style: none;
	width: calc(33.3333% - 50px);
	height: auto;
	text-align: center;
	vertical-align: top;
	color: #000;
	background: #EAEAEA;
	margin: 0 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	-khtml-box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	text-shadow: none;
	}

.price_block li {
	border-top: 1px solid #E5E5E5;
	line-height: 1;
	font-size: 90%;
	text-align: center;
	background: #FFF;
	padding: 10px 5px;
	}

.price_block li:first-child {
	position: relative;
	display: block;
	overflow: hidden;
	border-top: none !important;
	font-family: 'Molot', Impact, sans-serif;
	background: #002060 url('../graphics/bg_deep-blue-noise.png') repeat !important;
	color: #FC0;
	padding: 20px 5px;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75) !important;
	}
.price_block li:first-child::before {
	left: calc(50% - 150px);
	top: -150px;
	position: absolute;
	display: inline-block;
	width: 300px;
	height: 300px;
	background: radial-gradient(rgba(0,205,255, 0.35), transparent 70%);
	}

.price_block li:first-child img {
	z-index: 1;
	position: relative;
	width: 92px;
	height: 90px;
	margin-bottom: 10px;
	}

.price_block li:nth-child(2) {
	border-top: none;
	font-size: 80%;
	color: #666;
	padding: 20px 5px;
	}
.price_block li:nth-child(2) span {
	white-space: nowrap;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 125%;
	color: #C00;
	}

.price_block li:first-child {
	border-top: none;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	}
.price_block li:last-child {
	padding: 0;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	}

.price_block li:last-child a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	text-decoration: none;
	color: #FFF;
	background: #C00;
	padding: 12px 0;
	text-shadow: none;
	transition: .2s ease-in-out;
	}
.price_block li:last-child a::before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 100px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .75));
	transform: skewX(-45deg);
	}
.price_block li:last-child a:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}
.price_block li:last-child a:hover,
.price_block li:last-child a:active {
	color: #FFF;
	background: #F00;
	}
.price_block li:last-child a:active {
	transition: none;
	}

.price_block li:hover {
	background: #F5F5F5;
	text-shadow: 1px 1px 0 #FFF;
	}

/* На синем фоне */

.area_deep-blue-noise .price_block {
	background: #002060;
	box-shadow: 0 0 15px rgba(0,0,0, 0.75);
	}





/* Область - спец.предложение по сайту */

.area_spec-price {
	line-height: 1.3;
	text-align: center;
	}

.area_spec-price h4 {
	font-size: 90%;
	}

.area_spec-price p,
.area_spec-price ul li {
	font-size: 90%;
	}
.area_spec-price ul li {
	text-align: left;
	}

.icon_price {
	position: relative;
	display: block;
	width: 100%;
	max-width: 360px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	}

.p_spec-price {
	font-family: 'Molot', Impact, sans-serif;
	font-size: 125% !important;
	text-align: center;
	margin-top: 20px;
	}
.p_spec-price span {
	font-size: 150% !important;
	}





/* Кнопки: Цены, Спец.акции, Подробнее */

.link-sites,
.link-prices,
.link-specactions,
.link-faq,
.link-details {
	position: relative;
	display: inline-block;
	overflow: hidden;
	float: none;
	clear: both;
	text-indent: -9999px;
	width: 100%;
	height: 57px;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;

/*
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
*/

	transition: all .5s ease;
	}
.link-sites {
	background: url('../graphics/butt_link-sites.png') no-repeat top center;
	}
.link-prices {
	background: url('../graphics/butt_link-prices.png') no-repeat top center;
	}
.link-specactions {
	background: url('../graphics/butt_link-specactions.png') no-repeat top center;
	}
.link-faq {
	background: url('../graphics/butt_link-faq.png') no-repeat top center;
	}
.link-details {
	background: url('../graphics/butt_link-details.png') no-repeat top center;
	}

.link-sites:hover,
.link-sites:active,
.link-prices:hover,
.link-prices:active,
.link-specactions:hover,
.link-specactions:active,
.link-faq:hover,
.link-faq:active,
.link-details:hover,
.link-details:active {
	filter: none;
	}

.link-sites:active,
.link-prices:active,
.link-specactions:active,
.link-faq:active,
.link-details:active {
	transition: none;
	}

.link-sites::before,
.link-prices::before,
.link-specactions::before,
.link-faq::before,
.link-details::before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 100px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .5));
	transform: skewX(-45deg);
	}

.link-sites:hover::before,
.link-prices:hover::before,
.link-specactions:hover::before,
.link-faq:hover::before,
.link-details:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}





/* Блик */

.shine-button {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	transition: .2s ease-in-out;
	}

.shine-button::before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 150px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .9));
	transform: skewX(-45deg);
	}

.shine-button:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}





/* Спец-кнопка */

.specialbutt {
	display: inline-block;
	text-align: center;
	}

.specialbutt a {
	display: inline-block;
	border: 1px solid #C00;
	text-decoration: none;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 90%;
	color: #C00;
	background: #FFF;
	padding: 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.3s ease;
	text-shadow: none;
	}

.specialbutt a:hover {
	border: 1px solid #C00;
	color: #FFF;
	background: #C00;
	}

.specialbutt a:active {
	border: 1px solid #C00;
	color: #FFF;
	background: #C00;
	transition: none;
	}





/* Линк-кнопка */

.linkbutt {
	display: inline-block;
	text-align: center;
	}

.linkbutt a {
	display: inline-block;
	border: 1px solid #999;
	text-decoration: none;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 90%;
	color: #666;
	background: #FFF;
	padding: 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none;
	transition: 0.25s linear;
	}
.linkbutt a:hover {
	border: 1px solid #D9271B;
	color: #FFF;
	background: #D9271B;
	}
.linkbutt a:active {
	border: 1px solid #000;
	color: #FFF;
	background: #000;
	transition: none;
	}





/* Пульсирующая ссылка */

.pulselink {
	position: relative;
	-webkit-box-shadow: 0 0 0 0 #C00;
	box-shadow: 0 0 0 0 #C00;
	-webkit-animation: pulselink 4s infinite cubic-bezier(0.9, 0, 0, 5);
	animation: pulselink 3s infinite cubic-bezier(0.9, 0, 0, 5);
	}
.pulselink:hover {
	-webkit-animation: pulselink 0s infinite cubic-bezier(0.9, 0, 0, 5);
	animation: pulselink 0s infinite cubic-bezier(0.9, 0, 0, 5);
	}
@-webkit-keyframes pulselink {
	to {
		-webkit-box-shadow: 0 0 0 30px transparent;
		box-shadow: 0 0 0 30px transparent;
		}
	}
@keyframes pulselink {
	to {
		-webkit-box-shadow: 0 0 0 30px transparent;
		box-shadow: 0 0 0 30px transparent;
		}
	}





/* Ссылка заполняющая весь родительский блок */

.linkfill li {
	border: 1px solid #EAEAEA !important;
	background: #FFF !important;
	padding: 0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-khtml-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	}

.linkfill a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
	padding: 12px 5px 12px 30px;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0, 0.25);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.25);
	-khtml-box-shadow: 0 0 8px rgba(0,0,0, 0.25);
	box-shadow: 0 0 8px rgba(0,0,0, 0.25);
	text-shadow: 1px 1px 0 rgba(255,255,255, .75);
	transition: .2s ease-in-out;
	}
.linkfill a:hover,
.linkfill a:active {
	text-decoration: none;
	background: #F5F5F5;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	}
.linkfill a:hover {
	color: #036;
	}
.linkfill a:active {
	color: #F00;
	transition: none;
	}

.linkfill a::before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 100px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .75));
	transform: skewX(-45deg);
	}
.linkfill a:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}





/* Ссылка-пиктограмма-стрелка «Подробнее» (для цветного фона, т.к. сама белая) */

.linkarr,
.linkarr::before {
	width: 35px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	}
.linkarr {
	top: -1px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	color: #FFF;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
	}
.linkarr::before {
	left: 0;
	top: 0;
	position: relative;
	display: block;
	content: '\21A9';
	text-align: center;
	color: #999;
	transform: rotate(0.5turn);
	}

.linkarr:hover {
	text-decoration: none;
	color: #C00;
	background: #C00;
	}
.linkarr:hover::before {
	color: #FFF;
	background: #C00;
	}

.linkarr:active {
	text-decoration: none;
	color: #F00;
	background: #F00;
	}
.linkarr:active::before {
	color: #FFF;
	background: #F00;
	}





/* Таблица оформленная */

.dsclisttab {
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 20px;
	}

.dsclisttab thead td {
	position: relative;
	display: table-cell;
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #999;
	padding: 10px;
	}

.dsclisttab tbody tr {
	background: #FFF;
	-webkit-transition: background .5s ease;
	-ms-transition: background .5s ease;
	transition: background .5s ease;
	}
.dsclisttab tbody tr:hover {
	background: #EAEAEA;
	}

.dsclisttab tbody td,
.dsclisttab tfoot td {
	position: relative;
	display: table-cell;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
	color: #000;
	padding: 15px 5px;
	text-shadow: 1px 1px 0 #FFF;
	}

.dsclisttab tfoot td {
	text-align: left;
	background: #EAEAEA;
	}

.dsclisttab tbody td:nth-child(1) { font-weight: bold; }
.dsclisttab tbody td:nth-child(2) { text-align: left; }
.dsclisttab tbody td:nth-child(4) span {
	font-family: 'Molot', Impact, sans-serif;
	font-size: 130%;
	}

.dsclisttab tfoot td span {
	color: #FFF;
	background: #666;
	padding: 0 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	}





/* Типы файлов */

.file-type {
	display: block;
	}
.file-type::before {
	background-color: #FFF;
	}
.file-type:hover::before {
	background-color: #C00;
	}
.file-type:active::before {
	background-color: #F00;
	}

.file-type-pdf::before,
.file-type-docx::before,
.file-type-png::before {
	display: block;
	width: 53px;
	height: 60px;
	transition: all 0.5s ease;
	}
.file-type-pdf::before {
	background: url('../graphics/icon_file-type_pdf.png') no-repeat center;
	}
.file-type-docx::before {
	background: url('../graphics/icon_file-type_docx.png') no-repeat center;
	}
.file-type-png::before {
	background: url('../graphics/icon_file-type_png.png') no-repeat center;
	}

.file-type span {
	font-weight: bold;
	}





/* Проекты в блоках */

.project_block {
	position: relative;
	display: inline-block;
	border: 1px solid #E7E7E7;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	margin: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
.project_block img {
	display: inline-block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	}
.project_block span {
	font-family: 'Molot', Impact, sans-serif;
	color: #C00;
	}





/* Вопросы-ответы */

.icon_faq-tit {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background: #C00 url('../graphics/icon_faq-null.png') no-repeat center;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}

.icon_faq-01 { background: #C00 url('../graphics/icon_faq-01.png') no-repeat center; }
.icon_faq-02 { background: #C00 url('../graphics/icon_faq-02.png') no-repeat center; }
.icon_faq-03 { background: #C00 url('../graphics/icon_faq-03.png') no-repeat center; }
.icon_faq-04 { background: #C00 url('../graphics/icon_faq-04.png') no-repeat center; }
.icon_faq-05 { background: #C00 url('../graphics/icon_faq-05.png') no-repeat center; }
.icon_faq-06 { background: #C00 url('../graphics/icon_faq-06.png') no-repeat center; }
.icon_faq-07 { background: #C00 url('../graphics/icon_faq-07.png') no-repeat center; }
.icon_faq-08 { background: #C00 url('../graphics/icon_faq-08.png') no-repeat center; }
.icon_faq-09 { background: #C00 url('../graphics/icon_faq-09.png') no-repeat center; }
.icon_faq-10 { background: #C00 url('../graphics/icon_faq-10.png') no-repeat center; }
.icon_faq-11 { background: #C00 url('../graphics/icon_faq-11.png') no-repeat center; }
.icon_faq-12 { background: #C00 url('../graphics/icon_faq-12.png') no-repeat center; }
.icon_faq-13 { background: #C00 url('../graphics/icon_faq-13.png') no-repeat center; }
.icon_faq-14 { background: #C00 url('../graphics/icon_faq-14.png') no-repeat center; }
.icon_faq-15 { background: #C00 url('../graphics/icon_faq-15.png') no-repeat center; }
.icon_faq-16 { background: #C00 url('../graphics/icon_faq-16.png') no-repeat center; }
.icon_faq-17 { background: #C00 url('../graphics/icon_faq-17.png') no-repeat center; }
.icon_faq-18 { background: #C00 url('../graphics/icon_faq-18.png') no-repeat center; }
.icon_faq-19 { background: #C00 url('../graphics/icon_faq-19.png') no-repeat center; }
.icon_faq-20 { background: #C00 url('../graphics/icon_faq-20.png') no-repeat center; }
.icon_faq-21 { background: #C00 url('../graphics/icon_faq-21.png') no-repeat center; }
.icon_faq-22 { background: #C00 url('../graphics/icon_faq-22.png') no-repeat center; }
.icon_faq-23 { background: #C00 url('../graphics/icon_faq-23.png') no-repeat center; }
.icon_faq-24 { background: #C00 url('../graphics/icon_faq-24.png') no-repeat center; }
.icon_faq-25 { background: #C00 url('../graphics/icon_faq-25.png') no-repeat center; }
.icon_faq-26 { background: #C00 url('../graphics/icon_faq-26.png') no-repeat center; }
.icon_faq-27 { background: #C00 url('../graphics/icon_faq-27.png') no-repeat center; }
.icon_faq-28 { background: #C00 url('../graphics/icon_faq-28.png') no-repeat center; }
.icon_faq-29 { background: #C00 url('../graphics/icon_faq-29.png') no-repeat center; }
.icon_faq-30 { background: #C00 url('../graphics/icon_faq-30.png') no-repeat center; }
.icon_faq-31 { background: #C00 url('../graphics/icon_faq-31.png') no-repeat center; }
.icon_faq-32 { background: #C00 url('../graphics/icon_faq-32.png') no-repeat center; }
.icon_faq-33 { background: #C00 url('../graphics/icon_faq-33.png') no-repeat center; }
.icon_faq-34 { background: #C00 url('../graphics/icon_faq-34.png') no-repeat center; }





/* Субменю подразделов в разделе */

.sub-chap-menu {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	list-style: none;
	border-top: 1px solid rgba(255,255,255, 0.2);
	border-bottom: 1px solid rgba(255,255,255, 0.2);
	width: 100%;
	line-height: 1;
	background: linear-gradient(90deg, transparent 35%, rgba(0,205,255, 0.35), transparent 65%),
		#002060 url('../graphics/bg_deep-blue-noise.png') repeat;
	padding: 20px 10%;
	margin: 0 auto;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

.sub-chap-menu li {
	width: auto;
	padding: 0;
	margin: 0;
	}

.sub-chap-menu a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 75%;
	color: #FC0;
	padding: 5px 10px;
	margin: 1px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 5px;
	border-radius: 3px;
	transition: .3s;
	}
.sub-chap-menu a:hover {
	text-decoration: none;
	color: #FFF;
	}
.sub-chap-menu a:active {
	text-decoration: none;
	color: #F00;
	transition: none;
	}

.sub-chap-menu a::before {
	content: '\2606';
	margin-right: 6px;
	transition: .3s;
	}
.sub-chap-menu a:hover::before {
	content: '\2605';
	}
.sub-chap-menu a:active::before {
	content: '\2605';
	transition: none;
	}

.sub-chap-menu a::after {
	left: 50%;
	bottom: 1px;
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 1px;
	background: linear-gradient(to right, transparent, #FFF, transparent);
	transform: translateX(-50%);
	transition: 0.3s;
	}
.sub-chap-menu a:hover::after {
	width: 100%;
	}
.sub-chap-menu a:active::after {
	width: 100%;
	background: #F00;
	transition: none;
	}

.sub-chap-menu a.active {
	color: #FC0;
	background: linear-gradient(to right, #F00, #900);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.25);
	}
.sub-chap-menu a.active::before {
	content: '\2605';
	}
.sub-chap-menu a.active::after {
	display: none;
	}





/* Оформительство: Блог */

.item_copyright {

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	border-top: 1px solid #CCC;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 40px 0 0 0;
	}
.item_copyright_date,
.item_copyright_author {
	display: inline-block;
	width: 50%;
	}
.item_copyright_date {
	text-align: left;
	}
.item_copyright_author {
	text-align: right;
	}
.item_copyright_author::before {
	content: '\00A9';
	margin-right: 5px;
	}

.item_img {
	text-align: center;
	}
.item_img img {
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	background: #EAEAEA;
	}




/* Оформительство: Города и регионы */

.ss-vv-rr {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	}

.ss-vv-rr div:first-child {
	position: relative;
	}

.ss-vv-rr img {
	position: relative;
	display: inline-block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 400px;
	height: 400px;
	background: #EAEAEA;
	margin-right: 50px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}





/* Наклейка */

.stick-ribbon {
	z-index: 2;
	left: 0;
	top: 40px;
	position: absolute;
	display: block;
	width: auto;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0, 0.35)); 	/* Отбросим тень по неровному контуру, где: 2px (по горизонтали) 2px (по вертикали) 3px (размытие) */
	}

.stick-ribbon span {
	display: block;
	width: auto;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFF;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 85%;
	text-align: left;
	background: linear-gradient(to bottom, #F00, #900);
	padding: 0 20px;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.25);
	clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);	/* Создадим флажок на правом торце ленты */
	}





/* Маркированный список */

.uldecor {
	list-style: none;
	padding: 0;
	}

.uldecor li {
	position: relative;
	box-sizing: border-box;
	width: auto;
	text-align: justify;
	padding: 0 0 10px 25px;
	}
.uldecor li:last-child {
	padding-bottom: 0;
	}

.uldecor li::before {
	left: 0;
	position: absolute;
	display: block;
	width: 25px;
	vertical-align: baseline;
	}

.li-star-red li::before {
	content: '\2605';
	color: #C00;
	}
.li-star-yellow li::before {
	content: '\2605';
	color: #FC0;
	}
.li-sparkles-red li::before {
	top: 3px;
	content: url('../graphics/li-sparkles-red.png');
	}
.li-sparkles-yellow li::before {
	top: 3px;
	content: url('../graphics/li-sparkles-yellow.png');
	}
.li-check li::before {
	top: 2px;
	content: '\2714';
	font-size: 90%;
	color: #999;
	}





/* Маркированный список - ссылки в 2 столбца */

.ullinks {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	}

.ullinks li {
	border-bottom: 1px solid #E5E5E5;
	width: calc(50% - 20px);
	text-align: left;
	padding: 0;
	margin: 0 10px;
	}

.ullinks li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 75%;
	color: #666;
	background: #FFF;
	padding: 0 20px;
	transition: .2s ease-in-out;
	text-shadow: 1px 1px 0 #FFF;
	}

.ullinks li a:hover {
	text-decoration: none;
	color: #C00;
	background: #F5F5F5;
	}

.ullinks li a:active {
	text-decoration: none;
	color: #F00;
	background: #F5F5F5;
	transition: none;
	}





/* Маркированный список - ссылки в 1 столбец */

.ullinks-mono {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	}

.ullinks-mono li {
	border-bottom: 1px solid #E5E5E5;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	}

.ullinks-mono li a {
	display: block;
	overflow: hidden;
	width: 100%;
	line-height: 1.2;
	text-decoration: none;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 75%;
	color: #666;
	background: #FFF;
	padding: 10px 20px;
	transition: .2s ease-in-out;
	text-shadow: 1px 1px 0 #FFF;
	}

.ullinks-mono li a:hover {
	text-decoration: none;
	color: #C00;
	background: #F5F5F5;
	}

.ullinks-mono li a:active {
	text-decoration: none;
	color: #F00;
	background: #F5F5F5;
	transition: none;
	}





/* Нумерованный список - закрашенные области */

.olareanums {
	list-style: none;
	counter-reset: li;
	width: 100%;
	}

.olareanums li {
	position: relative;
	width: 100%;
	background: #FFF;
	padding: 40px;
	margin-bottom: 2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	-khtml-box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	text-shadow: none;
	}

.olareanums li::before {
	top: -21px;
	position: absolute;
	display: inline-block;
	counter-increment: li;
	content: counter(li);
	border: 2px solid #EAEAEA;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 120%;
	text-align: center;
	color: #999;
	background: #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}

.olareanums li p { width: auto; }
.olareanums li p:last-child { margin: 0; }





/* Нумерованный список - закрашенные области 2 колонки */

.ol2areanums {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	box-sizing: border-box;
	clear: both;
	counter-reset: li;
	list-style: none;
	line-height: 1.3;
	padding: 0;
	}

.ol2areanums li {
	position: relative;
	display: inline-block;
	float: left;
	border: 1px solid #EAEAEA;
	width: calc(50% - 50px);
	text-align: left;
	background: #F5F5F5;
	padding: 12px 5px 12px 30px;
	margin: 0 20px 8px 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255, .75);
	cursor: default;
	transition: .3s ease-out;
	}
.ol2areanums li::before {
	z-index: 1;
	left: -20px;
	top: 5px;
	position: absolute;
	overflow: hidden;
	content: counter(li);
	counter-increment: li;
	border: 3px solid #FFF;
	width: 40px;
	height: 40px;
	line-height: 35px;
	font-family: 'Molot', Impact, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #FFF;
	background: linear-gradient(to top, #900, #F00);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	transition: all .3s ease-out;
	text-shadow: 1px 1px 0 rgba(0,0,0, .5);
	}

.ol2areanums li:hover::before {
	background: linear-gradient(to top, #002060, #0F78C2);
	transform: rotate(360deg);
	}





/* Цитата */

.citequote {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	letter-spacing: 0;
	white-space: normal;
	color: #000;
	text-align: left;
	padding: 20px 5px 40px 91px;
	margin: 0 0 40px 0;
	}

.citequote::before {
	position: absolute;
	display: block;
	top: 25px;
	left: 0;
	content: '\201C';
	width: 50px;
	height: 50px;
	line-height: 70px;
	font-family: 'Times New Roman', serif;
	font-size: 300%;
	text-align: center;
	color: #FFF;
	background: #CCC;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}

.citequote::after {
	position: absolute;
	top: 0;
	bottom: 1em;
	left: 70px;
	content: "";
	width: 1px;
	background: #CCC;
	}

.citequote p {
	margin-bottom: 15px;
	}
.citequote p:last-child {
	margin-bottom: 0;
	}

.citequote cite {
	display: inline-block;
	width: 100%;
	font-size: 90%;
	font-style: oblique;
	margin-top: 0.5em;
	}





/* Цитата - вопросы и ответы */

.citefaq { }

.citefaq-01::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-01.png') no-repeat center;
	}
.citefaq-02::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-02.png') no-repeat center;
	}
.citefaq-03::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-03.png') no-repeat center;
	}
.citefaq-04::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-04.png') no-repeat center;
	}
.citefaq-05::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-05.png') no-repeat center;
	}
.citefaq-06::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-06.png') no-repeat center;
	}
.citefaq-07::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-07.png') no-repeat center;
	}
.citefaq-08::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-08.png') no-repeat center;
	}
.citefaq-09::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-09.png') no-repeat center;
	}
.citefaq-10::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-10.png') no-repeat center;
	}
.citefaq-11::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-11.png') no-repeat center;
	}
.citefaq-12::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-12.png') no-repeat center;
	}
.citefaq-13::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-13.png') no-repeat center;
	}
.citefaq-14::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-14.png') no-repeat center;
	}
.citefaq-15::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-15.png') no-repeat center;
	}
.citefaq-16::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-16.png') no-repeat center;
	}
.citefaq-17::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-17.png') no-repeat center;
	}
.citefaq-18::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-18.png') no-repeat center;
	}
.citefaq-19::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-19.png') no-repeat center;
	}
.citefaq-20::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-20.png') no-repeat center;
	}
.citefaq-21::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-21.png') no-repeat center;
	}
.citefaq-22::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-22.png') no-repeat center;
	}
.citefaq-23::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-23.png') no-repeat center;
	}
.citefaq-24::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-24.png') no-repeat center;
	}
.citefaq-25::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-25.png') no-repeat center;
	}
.citefaq-26::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-26.png') no-repeat center;
	}
.citefaq-27::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-27.png') no-repeat center;
	}
.citefaq-28::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-28.png') no-repeat center;
	}
.citefaq-29::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-29.png') no-repeat center;
	}
.citefaq-30::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-30.png') no-repeat center;
	}
.citefaq-31::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-31.png') no-repeat center;
	}
.citefaq-32::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-32.png') no-repeat center;
	}
.citefaq-33::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-33.png') no-repeat center;
	}
.citefaq-34::before {
	content: '';
	background: #C00 url('../graphics/icon_faq-34.png') no-repeat center;
	}

.citefaq::after {
	background: #C00;
	}





/* Цитата - оформленная (две линии сверху и снизу и кавычки) */

.citedecor {
	position: relative;
	display: block;
	line-height: 1.3;
	text-align: center;
	color: #0F78C2;
	padding: 40px 0;
	margin: 40px 0;
	}
.citedecor::before,
.citedecor::after {
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	line-height: .5;
	font-family: serif;
	font-size: 300%;
	font-weight: bold;
	color: #0F78C2;
	background: linear-gradient(to right, #0F78C2 45%, transparent 45%, transparent),
		linear-gradient(to right, transparent, transparent 55%, #0F78C2 55%);
	}
.citedecor::before {
	content: "\201C";
	top: 10px;
	}
.citedecor::after {
	content: "\201D";
	bottom: 10px;
	}

.citedecor p:last-child {
	margin-bottom: 0;
	}





/* Гармошки-раскрывашки на CSS */

details {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid #EAEAEA;
	width: 100%;
	background: #FFF;
	margin: 0 auto;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	transition: 0.3s;
	}
details:last-child {
	margin-bottom: 0;
	}

details::after {
	z-index: 3;
	right: 24px;
	top: 20px;
	position: absolute;
	display: block;
	content: '';
	border-right: 3px solid #0F78C2;
	border-bottom: 3px solid #0F78C2;
	width: 14px;
	height: 14px;
	transform: rotate(-45deg);
	transform-origin: center;
	transition: .3s;
	cursor: pointer;
	}

details[open]::after {
	top: 17px;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	transform: rotate(45deg);
	}

details[open] {
	padding-bottom: 20px;	/* Это свойство нужно для плавного разворачивания */
	}
details[open] summary {
	color: #FFF;
	background: linear-gradient(to right, #09F, #002060);
	margin-bottom: 20px;	/* Это свойство нужно для плавного разворачивания */
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.35);
	}

summary {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Molot', Impact, sans-serif;
	font-weight: normal;
	font-size: 90%;
	text-align: left;
	color: #0F78C2;
	background: #F5F5F5;
	text-shadow: 1px 1px 0 #FFF;
	padding: 10px 60px 10px 40px;
	margin: 0 auto;
	cursor: pointer;
	transition: .2s ease-in-out;
	}
summary:hover {
	background: #EAEAEA;
	}

summary::before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 150px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .9));
	transform: skewX(-45deg);
	}
summary:hover::before {
	left: 150%;
	transition: .5s ease-in-out;
	}
details[open] summary::before {
	transition: none;
	}

details > div > p:last-child {
	margin-bottom: 0;
	}

details div {
	padding: 0 40px;
	}





/* Субнавигатор на странице, а также details/summary как субнавигатор под шапкой */

.details-sub-chap-menu {
	border-left: none;
	border-left: 0;
	border-right: none;
	border-right: 0;
	margin-bottom: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	}

.details-sub-chap-menu summary {
	text-align: center;
	}

.details-sub-chap-menu div {
	padding: 0 10%;
	}

.details-sub-chap-menu ul {
	font-size: 85%;
	}
.details-sub-chap-menu ul li {
	text-align: left;
	padding: 0 0 10px 20px;
	}

.details-sub-chap-menu-ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0;
	}

.details-sub-chap-menu-ul li {
	width: 25%;
	}
.details-sub-chap-menu-ul li.details-sub-chap-menu-li-full {
	width: 100%;
	}
.details-sub-chap-menu-ul li:last-child {
	padding-bottom: 0;
	}
.details-sub-chap-menu-ul li::before {
	width: 15px;
	}

.details-sub-chap-menu-ul a {
	text-decoration: none;
	color: #000;
	}
.details-sub-chap-menu-ul a:hover {
	text-decoration: underline;
	color: #0F78C2;
	}
.details-sub-chap-menu-ul a:active {
	text-decoration: underline;
	color: #F00;
	}
.details-sub-chap-menu-ul a.active {
	text-decoration: none;
	color: #0F78C2;
	}

.details-sub-chap-menu-ul > li > a span {
	display: inline-block;
	border: 1px solid #EAEAEA;
	font-size: 90%;
	color: #333;
	background: #F5F5F5;
	padding: 1px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	transition: .3s;
	}
.details-sub-chap-menu-ul > li > a:hover span,
.details-sub-chap-menu-ul > li > a.active span {
	border: 1px solid #0F78C2;
	color: #FFF;
	background: #0F78C2;
	}
.details-sub-chap-menu-ul > li > a:active span {
	border: 1px solid #F00;
	color: #FFF;
	background: #F00;
	transition: none;
	}

.details-sub-chap-menu-ul p {
	text-transform: none;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 0;
	}

.details-sub-chap-menu-ul p > a {
	display: inline-block;
	margin-right: 15px;
	}
.details-sub-chap-menu-ul p > a:last-child {
	margin-right: 0;
	}
.details-sub-chap-menu-ul p > a:before {
	display: inline-block;
	content: '\2022';
	margin-right: 4px;
	}





/* Основное поле - разное */

a.linkdots {
	border-bottom: 1px dotted #C00;
	text-decoration: none;
	color: #C00;
	}
a.linkdots:hover {
	border-bottom: 1px dotted #F00;
	text-decoration: none;
	color: #F00;
	}
a.linkdots:active {
	border-bottom: 1px dotted #000;
	text-decoration: none;
	color: #000;
	}

.pcenter { text-align: center !important; }
.pleft { text-align: left !important; }
.fontnobr { white-space: nowrap; }
.fontbold { font-weight: bold; }
.fontitalic { font-style: oblique; }
.fontcross { text-decoration: line-through; }
.fontupper { text-transform: uppercase; }
.fontfade { color: #666; }
.fontred { color: #F00 !important; }
.fontdarkred { color: #C00 !important; }
.fontyellow { color: #FC0 !important; }
.fontwhite { color: #FFF !important; }
.fontsmall { font-size: 90%; }
.fontsmaller { font-size: 80%; }
.fontbig { font-size: 120%; }
.fontbiggest { font-size: 150%; }
.nomargin { margin: 0 !important; }
.fontmark {
	color: #000;
	background: #EAEAEA;
	padding: 0 1px;
	text-shadow: 1px 1px 0 #FFF;
	}
.fontdecor {
	font-family: 'Molot', Impact, sans-serif;
	}

.fontastra {
	font-style: normal !important;
	white-space: nowrap;
	font-weight: normal;
	font-family: 'Molot', Impact, sans-serif;
	color: inherit;
	}
.fontastra span {
	font-family: 'Cuprum', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	}
.fontgost {
	font-family: 'Cuprum', sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	}

.corners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

.radial {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}

.img_rezine {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	}

.img_logo {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 294px;
	height: auto;
	margin-bottom: 30px;
	}

.img_ehtapy-sozdaniya-sajta {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 154px;
	height: auto;
	margin: 20px 5px;
	}





































/* Подвал */

footer {
	line-height: 1.4;
	font-size: 90%;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

footer a { color: rgba(255,255,255, 0.5); }
footer a:hover { color: #FFF; }
footer a:active { color: #F00; }

footer hr {
	background: rgba(255,255,255, 0.15);
	margin: 20px 0 40px 0;
	}





/* Подвал - навигатор */

.foot-nav {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	width: 100%;
	background: #333 url('../graphics/bg_deep-grey-noise.png') repeat;
	padding: 60px 10%;
	}

.foot-nav div {
	display: inline-block;
	width: auto;
	text-align: left;
	padding: 0;
	margin-right: 10px;
	}
.foot-nav div:last-child {
	margin-right: 0;
	}

.foot-nav div ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
.foot-nav div li {
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255, 0.1);
	width: auto;
	font-size: 90%;
	text-align: left;
	padding: 0;
	}

.foot-nav div li a {
	position: relative;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 4px 0;
	}
.foot-nav div li a.active {
	font-weight: bold;
	color: #FFF;
	}

.foot-nav div p {
	font-family: 'Molot', Impact, sans-serif;
	color: #CCC;
	text-align: left;
	margin: 0 0 10px 0;
	}

.foot-nav a {
	text-decoration: none;
	color: #B5B5B5;
	}
.foot-nav a:hover {
	text-decoration: underline;
	color: #FFF;
	}
.foot-nav a:active {
	color: #F00;
	}

.foot-nav a.active {
	text-decoration: none;
	color: #FC0 !important;
	}





/* Подвал - копирайт */

.foot-address {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	background: #002060 url('../graphics/bg_deep-blue-noise.png') repeat;
	text-align: center;
	padding: 0 10%;
	margin: 0 auto;
	}
.foot-address::before {
	left: calc(50% - 350px);
	top: -350px;
	position: absolute;
	display: inline-block;
	width: 700px;
	height: 700px;
	background: radial-gradient(rgba(0,205,255, 0.2), transparent 70%);
	}

.foot-address p {
	text-align: center;
	margin: 0;
	}

.foot-copy {
	z-index: 1;
	position: relative;
	padding: 20px 0 0 0;
	}

.foot-copy a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
	color: #002060;
	background: #FFF;
	padding: 2px 10px;
	margin-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none;
	}
.foot-copy a:hover {
	color: #FFF;
	background: #C00;
	}
.foot-copy a:active {
	color: #FFF;
	background: #F00;
	transition: none;
	}





/* Кнопка Астра */

.astra_sign {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 60px 0 0 0;
	margin: 0 auto;
	}

.astra_sign a {
	display: inline-block;
	text-indent: -9999px;
	width: 112px;
	height: 108px;
	background: url('../graphics/astra_sign_on-the-dark_112x108.png') no-repeat left top;
	}
.astra_sign a:hover,
.astra_sign a:active {
	background: url('../graphics/astra_sign_on-the-dark_112x108.png') no-repeat right bottom;
	}





/* Подвал - ссылки условия использования информации сайта */

.foot-sitelinks {
	z-index: 1;
	position: relative;
	font-size: 80%;
	padding: 20px 0;
	text-shadow: none;
	}

.foot-sitelinks a {
	display: inline-block;
	text-decoration: none;
	color: rgba(255,255,255, 0.5);
	background: transparent;
	padding: 1px 4px;
	margin: 1px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
.foot-sitelinks a:hover {
	color: #002060;
	background: #FFF;
	}
.foot-sitelinks a:active {
	color: #002060;
	background: #F00;
	}

.foot-sitelinks a.active {
	color: #002060;
	background: rgba(255,255,255, 0.5);
	}





/* Подвал - мессенджеры и соц.сети поделиться */

.foot-share {
	z-index: 1;
	position: relative;
	width: 100%;
	font-size: 90%;
	padding: 0 0 60px 0;
	}

.foot-share p {
	text-align: center;
	margin: 20px 0 5px 0;
	}
.foot-share p:first-child {
	margin: 0 0 5px 0;
	}

.foot-share a {
	filter:alpha(opacity=40);
	-moz-opacity: 40%;
	opacity: 40%;
	}
.foot-share a:hover,
.foot-share a:active {
	filter:alpha(opacity=100);
	-moz-opacity: 100%;
	opacity: 100%;
	}





/* Глоссарий */

.glossy {
	display: block;
	border-top: 1px solid rgba(255,255,255, 0.2);
	width: 100%;
	font-size: 90%;
	background: #001040 url('../graphics/bg_dark-blue-noise.png') repeat;
	text-align: center;
	padding: 60px 10%;
	margin: 0 auto;
	text-shadow: 1px 1px 0 #000;
	}

.glossy-articles {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	}

.glossy-articles > article {
	position: relative;
	display: block;
	float: none;
	clear: both;
	border: 1px solid rgba(255,205,0, 0.15);
	width: calc(100% - 20px);
	background: #000;
	background: rgba(0,0,0, 0.25);
	filter: alpha(opacity=25);						/* IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);		/* IE6, IE7, IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";	/* IE8 */
	padding: 20px 20px 20px 30px;
	margin: 0 0 15px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}
.glossy-articles > article:last-child {
	margin: 0 0 0 20px;
	}
.glossy-articles > article::before {
	left: -20px;
	top: 12px;
	position: absolute;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	-khtml-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

.glossy-articles > article:nth-child(1)::before {
	background: url('../graphics/icon_glossy_01.png') no-repeat center,
		linear-gradient(to top, #600, #F00);
	}
.glossy-articles > article:nth-child(2)::before {
	background: url('../graphics/icon_glossy_02.png') no-repeat center,
		linear-gradient(to top, #600, #F00);
	}
.glossy-articles > article:nth-child(3)::before {
	background: url('../graphics/icon_glossy_03.png') no-repeat center,
		linear-gradient(to top, #600, #F00);
	}
.glossy-articles > article:nth-child(4)::before {
	background: url('../graphics/icon_glossy_04.png') no-repeat center,
		linear-gradient(to top, #600, #F00);
	}
.glossy-articles > article:nth-child(5)::before {
	background: url('../graphics/icon_glossy_05.png') no-repeat center,
		linear-gradient(to top, #600, #F00);
	}

.glossy h4,
.glossy h5,
.glossy h6 {
	display: inline-block;
	color: #FC0;
	}
.glossy h4 {
	text-align: center;
	margin: 0 0 20px 0;
	}
.glossy h5,
.glossy h6 {
	display: inline-block;
	float: left;
	text-align: left;
	}
.glossy h5 {
	width: auto;
	margin: 0;
	}
.glossy h6 {
	width: 100%;
	margin: 0 0 10px 0;
	}

.glossy p {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 0 0 10px 0;
	}

.faq-spoiler {
	display: none;
	}

.faq-check,
.faq-check-act {
	top: -2px;
	position: relative;
	display: inline-block;
	float: left;
	margin-left: 10px;
	}

.faq-check {
	text-decoration: none;
	border-bottom: 1px dotted rgba(255,255,255, 0.5);
	color: rgba(255,255,255, 0.5);

	}
.faq-check:hover {
	text-decoration: none;
	border-bottom: 1px dotted #F00;
	color: #F00;
	}
.faq-check::after {
	position: relative;
	display: inline-block;
	content: '\003E';
	margin-left: 4px;
	}

.faq-check-act,
.faq-check-act:hover {
	text-decoration: none;
	border-bottom: 1px dotted #FC0;
	color: #FC0;
	}
.faq-check-act::after {
	top: 2px;
	position: relative;
	display: inline-block;
	content: '\003E';
	margin-left: 6px;
	transform: rotate(90deg);
	}

.faq-check-act,
.faq-check-act:hover,
.faq-check-act:active {
	text-decoration: none;
	border-bottom: 1px dotted #FC0;
	color: #FC0;
	}

#faq-05:focus article:nth-child(5)::before {
	background: linear-gradient(to top, #600, #F00);
	}

.faq-spoiler h6:first-child {
	margin-top: 20px;
	}

.faq-spoiler p:last-child {
	margin: 0;
	}





/* Правовая информация */

.legality {
	display: block;
	border-top: 1px solid rgba(255,255,255, 0.2);
	width: 100%;
	font-size: 80%;
	color: #FFF;
	background: #002 url('../graphics/bg_dark-black-noise.png') repeat;
	text-align: center;
	padding: 60px 10%;
	margin: 0 auto;
	text-shadow: 1px 1px 0 #000;
	}

.legality ol {
	list-style: none;
	counter-reset: li;
	width: 100%;
	margin: 0;
	}

.legality ol li {
	width: 100%;
	border: 1px solid rgba(255,255,255, 0.2);
	text-align: justify;
	padding: 20px 30px;
	margin: 0 0 20px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}
.legality ol li:last-child {
	margin: 0;
	}
.legality ol li::before {
	top: -15px;
	position: absolute;
	counter-increment: li;
	content: counter(li);
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-family: 'Molot', Impact, sans-serif;
	color: #002;
	background: #666;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	text-shadow: none;
	}





/* Счётчики */

.counters {
	z-index: -1;
	position: relative;
	display: block;
	left: -9999px;
	width: 100%;
	height: 0;
	}





/* Уведомление noscript */

.noscript {
	z-index: 1;
	position: relative;
	display: block;
	box-sizing: border-box;
	clear: both;
	border-top: 1px solid #FFF;
	width: 100%;
	min-width: 300px;
	text-align: center;
	color: #FFF;
	background: #C00;
	padding: 20px 10%;
	margin: 0 auto;
	}





/* ============================================= */
/* =А=Д=А=П=Т=И=В=*=М=Е=Д=И=А=*=З=А=П=Р=О=С=Ы= */
/* ============================================= */





/* Медиазапросы - точки перехода 1920 */

@media only screen and (max-width: 1920px) {

.area_head-tit_deep-blue-noise_simple {
	padding: 130px 10% 187px 10%;
	}

	}





/* Медиазапросы - точки перехода 1600 */

@media only screen and (max-width: 1600px) {

body {
	font-size: 20px;
	}

.head-butt-menu {
	padding-right: 30px;
	}
.head-butt-menu a {
	padding: 0 20px;
	}

.head-menu-anim {
	font-size: 95%;
	}

.area_deep-blue-noise::before {
	left: calc(50% - 350px);
	top: -350px;
	width: 700px;
	height: 700px;
	}

.area_head-tit h1 {
	font-size: 160%;
	}

.area_head-tit_deep-blue-noise_simple::before {
	left: calc(50% - 350px);
	top: -350px;
	width: 700px;
	height: 700px;
	}

.area_cosmo-astronaut-flower-view {
	padding: 60px 10%;
	}
.view-hello {
	font-size: 120%;
	}
.view-hello div {
	margin: 60px 0 0 0;
	}
.system-ui {
	font-size: 18px !important;
	}

.area_cosmo-5-stars-icons img {
	max-width: 150px;
	margin-top: 50px;
	}

.details-sub-chap-menu-ul li {
	width: 33%;
	}

.img_logo {
	max-width: 200px;
	margin-bottom: 20px;
	}

.ocheshui-tit {
	font-size: 400%;
	}
.ocheshui-txt {
	font-size: 200%;
	}

.ss-vv-rr img {
	width: 350px;
	height: 350px;
	margin-right: 40px;
	}

	}





/* Медиазапросы - точка перехода 1366 */

@media only screen and (max-width: 1366px) {

.ss-vv-rr img {
	width: 300px;
	height: 300px;
	}

details::after {
	right: 14px;
	top: 15px;
	}
details[open]::after {
	top: 12px;
	}
summary {
	line-height: 1.3;
	padding: 10px 35px 10px 10px;
	}
details div {
	padding: 0 10px;
	}

.astra_sign a {
	width: 86px;
	height: 82px;
	background: url('../graphics/astra_sign_on-the-dark_86x82.png') no-repeat left top;
	}
.astra_sign a:hover,
.astra_sign a:active {
	background: url('../graphics/astra_sign_on-the-dark_86x82.png') no-repeat right bottom;
	}

	}





/* Медиазапросы - точки перехода 1024 */

@media only screen and (max-width: 1024px) {

body {
	font-size: 18px;
	line-height: 1.4;
	}

h1, h2, h3 { font-size: 130%; }

p,
.uldecor li,
.olareanums li { text-align: left; }

hr { margin: 30px 0; }

header {
	position: relative;
	height: auto;
	background: linear-gradient(to right, rgba(0,64,192, 0.4) 25%, rgba(0,64,192, 0.65), rgba(0,64,192, 0.4) 75%),
		#001033 url('../graphics/bg_header.jpg') no-repeat top center;
        background-size: cover;
	}

.head-panel {
	top: 0;
	position: relative;
	flex-direction: column;
	height: auto;
	padding: 10px 5%;
	-moz-box-shadow: 0 0 20px rgba(0,0,0, 0.9);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.9);
	-khtml-box-shadow: 0 0 20px rgba(0,0,0, 0.9);
	box-shadow: 0 0 20px rgba(0,0,0, 0.9);
	}
.head-panel div {
	height: auto;
	}
.head-panel div:nth-child(2) {
	order: 2;
	padding: 0 0 7px 0;
	}
.head-panel div:nth-child(2),
.head-panel div:nth-child(4) {
	font-size: 85%;
	}
.head-panel div:nth-child(3) {
	order: 1;
	width: auto;
	padding: 0;
	margin-top: 50px;
	}
.head-panel div:nth-child(4) {
	order: 3;
	border-top: 1px solid rgba(255,255,255, 0.2);
	padding: 7px 0 0 0;
	}

.head-butt-menu {
	z-index: 9999;
	top: 0;
	position: fixed;
	border-bottom: 1px solid rgba(255,255,255, 0.2);
	width: 100%;
	height: 50px !important;
	line-height: 50px !important;
	background: linear-gradient(to right, rgba(0,64,192, 0.4) 25%, rgba(0,64,192, 0.65), rgba(0,64,192, 0.4) 75%),
		#001033 url('../graphics/bg_header.jpg') no-repeat top center;
        background-size: cover;
	padding-right: 0;
	}
.head-butt-menu a {
	color: #FFF;
	background: transparent;
	margin-right: 0;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.5);
	}
.head-butt-menu a::after {
	font-size: 170%;
	}

.head-menu {
	display: none;
	}

.area_content {
	padding: 60px 5%;
	}

.area_view-01,
.area_view-02,
.area_view-03,
.area_view-04,
.area_deep-blue-noise,
.area_cosmo-zakaz-view {
	padding: 60px 5%;
	margin: 0;
	}

.area_cosmo-astronaut-flower-view {
	border-top: none;
	padding: 60px 5%;
	}

.area_cosmo-5-stars-view,
.area_head-tit {
	padding: 80px 5%;
	margin: 0;
	}
.area_cosmo-5-stars-view {
	align-items: center;
	height: auto;
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#4B2054 url('../graphics/bg_area_cosmo-5-stars-view_1024px.jpg') no-repeat top center;
        background-size: cover;
	}
.area_head-tit {
	height: auto;
	}
.area_head-tit-view-01 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-01_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-02 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-02_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-03 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-03_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-04 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-04_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-05 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-05_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-06 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-06_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-07 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-07_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-08 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-08_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-09 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-09_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-10 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-10_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-11 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-11_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-12 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-12_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-13 {
	background: linear-gradient(rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.8) 80%),
		#002060 url('../graphics/bg_area_head-tit-view-13_1024px.jpg') no-repeat center;
	}
.area_head-tit-view-01,
.area_head-tit-view-02,
.area_head-tit-view-03,
.area_head-tit-view-04,
.area_head-tit-view-05,
.area_head-tit-view-06,
.area_head-tit-view-07,
.area_head-tit-view-08,
.area_head-tit-view-09,
.area_head-tit-view-10,
.area_head-tit-view-11,
.area_head-tit-view-12,
.area_head-tit-view-13 {
        background-size: cover;
	}

.area_view-04 {
	background: linear-gradient(rgba(0,64,192, 0.15) 20%, rgba(0,0,0, 0.5)),
		#002060 url('../graphics/bg_area_view-04_1024px.jpg') no-repeat center;
        background-size: cover;
	}

.area_deep-blue-noise::before {
	left: calc(50% - 300px);
	top: -300px;
	width: 600px;
	height: 600px;
	}

.area_head-tit_deep-blue-noise_simple {
	border-top: none;
	padding: 100px 5% 157px 5%;
	}
.area_head-tit_deep-blue-noise_simple::before {
	left: calc(50% - 300px);
	top: -300px;
	width: 600px;
	height: 600px;
	}
.area_head-tit_deep-blue-noise_simple h1.ocheshui-bns-big-lightblue {
	font-size: 350%;
	}

.area_cosmo-astronaut-flower-view {
	padding-bottom: 60px;
	}
.cosmo-astronaut-flower-icons div:nth-child(1),
.cosmo-astronaut-flower-icons div:nth-child(2),
.cosmo-astronaut-flower-icons div:nth-child(3) {
	margin-top: 20px;
	}
.cosmo-astronaut-flower-icons div:nth-child(4),
.cosmo-astronaut-flower-icons div:nth-child(5),
.cosmo-astronaut-flower-icons div:nth-child(6) {
	margin-top: 180px;
	}
.cosmo-astronaut-flower-icons img {
	margin-top: 0;
	}
.view-hello {
	align-items: center;
	font-size: 110%;
	}
.view-hello div {
	width: 100%;
	}
.view-hello div:nth-child(odd) span::before,
.view-hello div:nth-child(even) span::after {
	font-size: 110%;
	}
.view-hello div:nth-child(1) {
	margin: 0;
	}
.view-hello div:nth-child(2),
.view-hello div:nth-child(3),
.view-hello div:nth-child(4) {
	margin: 20px 0 0 0;
	}
.view-hello div:nth-child(5) {
	margin: 50px 0 0 0;
	}
.view-hello span {
	font-size: 130%;
	}
.system-ui {
	font-size: 14px !important;
	}
.system-ui p:nth-child(2) {
	line-height: 1.7;
	}

.mist {
	background: url('../graphics/bg_mist_adpt.png') repeat-x bottom left;
	}
@-webkit-keyframes mist {
	from { background-position: 0 100%; }
	to { background-position: -750px 100%, 0 0; }
	}
@keyframes mist {
	from { background-position: 0 100%; }
	to { background-position: -750px 100%, 0 0; }
	}

.area_cosmo-zakaz-view {
	height: auto;
	min-height: 70vh;
	}
.area_cosmo-zakaz-view p:first-child {
	font-size: 175% !important;
	}

.area_note {
	padding: 80px 5%;
	}
.area_note::before {
	left: calc(50% - 175px);
	top: -175px;
	width: 350px;
	height: 350px;
	}
.area_note > span {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	}
.area_note > p {
	width: calc(100% - 50px);
	font-size: 100%;
	}

.peculiarities li {
	padding: 20px 10px;
	}
.peculiarities li::before {
	top: 50px;
	left: 10px;
	}
.peculiarities li h3,
.peculiarities li p {
	padding: 0 0 0 70px;
	}
.peculiarities li h3 {
	font-size: 100%;
	}

.molot {
	height: auto;
	min-height: 70vh;
	padding: 60px 5%;
	}
.molot img {
	width: 100%;
	height: auto;
	}

.area-price li {
	border-bottom: 1px solid #EAEAEA;
	text-align: center;
	padding: 25px 0;
	margin: 0;
	}
.area-price li:last-child {
	border-bottom: none;
	}
.area-price li > span:nth-child(odd) {
	bottom: auto;
	width: 100%;
	line-height: 1.3;
	font-size: 100%;
	text-align: center;
	background: linear-gradient(to right, #666, #999 40%, #999 60%, #666);
	margin-bottom: 2px;
	}
.area-price li > span:nth-child(even) {
	bottom: auto;
	float: none;
	font-size: 105%;
	padding: 2px 20px;
	}
.pricelink {
	margin-top: 0;
	}

.price_block {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 50px;
	}
.price_block:last-child {
	margin-bottom: 0;
	}
.link-specactions {
	margin-top: 30px;
	}

.area_spec-2-row > div:nth-child(1) {
	width: 100%;
	margin: 40px 0 0 0;
	}
.area_spec-2-row > div:nth-child(2) {
	width: 100%;
	margin: 80px 0 0 0;
	}
.area_spec-2-row > div:last-child {
	margin: 80px 0 0 0;
	}
.icon_price {
	max-width: 250px;
	}

.dsclisttab thead td { display: block; }
.dsclisttab tbody td {
	display: block;
	border-top: none;
	border-bottom: none;
	padding: 3px 5px;
	}
.dsclisttab tbody tr td:first-child { padding-top: 20px; }
.dsclisttab tbody tr td:last-child {
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	}
.dsclisttab tbody td,
.dsclisttab tfoot td {
	font-size: 90%;
	text-align: center !important;
	}
.dsclisttab tfoot td {
	display: block;
	}

.sub-chap-menu {
	display: none;
	}

.ss-vv-rr {
	flex-direction: column;
	align-items: center;
	}
.ss-vv-rr > div {
	width: auto;
	}
.ss-vv-rr img {
	width: 300px;
	height: 300px;
	margin-right: 0;
	margin-bottom: 20px;
	}

.stick-ribbon span {
	padding: 0 15px;
	}

.ullinks li {
	width: 100%;
	margin: 0;
	}
.ullinks li a {
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	}

.olareanums li {
	padding: 40px 20px;
	}

.ol2areanums li {
	width: 100%;
	margin: 0 0 5px 15px;
	}

.citequote {
	padding: 20px 5px 40px 71px;
	}
.citequote::after {
	left: 60px;
	}

.details-sub-chap-menu div {
	padding: 0 5%;
	}
.details-sub-chap-menu-ul li {
	width: 50%;
	}

.img_ehtapy-sozdaniya-sajta {
	max-width: 140px;
	margin: 10px 5px;
	}

.foot-nav {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 60px 5%;
	}
.foot-nav div {
	width: 100%;
	margin: 0;
	}
.foot-nav div:last-child {
	margin-bottom: 0;
	}
.foot-nav div p {
	text-align: center;
	margin: 0 0 5px 0;
	}
.foot-nav div:last-child p:last-child {
	margin: 0;
	}
.foot-nav div ul {
	display: none;
	}

.foot-address {
	padding: 0 5%;
	}
.foot-address::before {
	left: calc(50% - 200px);
	top: -200px;
	width: 400px;
	height: 400px;
	}

.glossy {
	padding: 60px 5%;
	}

.legality {
	padding: 60px 5%;
	}
.legality ol li {
	text-align: left;
	padding: 20px 20px;
	}

.noscript {
	padding: 20px 5%;
	}

	}





/* Медиазапросы - точки перехода 480 */

@media only screen and (max-width: 480px) {

.head-panel {
	padding: 10px 2%;
	}

.area_content {
	padding: 60px 2%;
	}

.area_deep-blue-noise::before {
	left: calc(50% - 200px);
	top: -200px;
	width: 400px;
	height: 400px;
	}

.area_head-tit_deep-blue-noise_simple {
	padding: 80px 2% 137px 2%;
	}
.area_head-tit_deep-blue-noise_simple::before {
	left: calc(50% - 200px);
	top: -200px;
	width: 400px;
	height: 400px;
	}
.area_head-tit_deep-blue-noise_simple h1.ocheshui-bns-big-lightblue {
	font-size: 275%;
	}

.area_view-01,
.area_view-02,
.area_view-03,
.area_view-04,
.area_deep-blue-noise,
.area_cosmo-zakaz-view {
	padding: 60px 2%;
	}

.area_cosmo-astronaut-flower-view {
	padding: 40px 2%;
	}
.view-hello {
	font-size: 100%;
	}
.view-hello div:nth-child(even) {
	text-align: left;
	}
.view-hello div:nth-child(even) span::before {
	position: relative;
	display: inline-block;
	content: '\2605';
	font-size: 125%;
	}
.view-hello div:nth-child(even) span::after {
	display: none;
	}
.view-hello div:nth-child(5) {
    margin: 20px 0 0 0;
	}
.system-ui {
	font-size: 13px !important;
	}

.area_cosmo-5-stars-view,
.area_head-tit {
	border-top: none;
	padding: 60px 2%;
	}

.area_note {
	padding: 80px 2%;
	}

.screensite {
	padding: 10px;
	margin: 5px;
	}
.screensite img {
	width: 150px;
	height: 150px;
	}

.molot {
	padding: 60px 2%;
	}

.ss-vv-rr img {
	width: 250px;
	height: 250px;
	}

.stick-ribbon {
	top: 30px;
	}

.details-sub-chap-menu div {
	padding: 0 2%;
	}
.details-sub-chap-menu-ul li {
	width: 100%;
	}

.img_logo {
	max-width: 160px;
	}

.img_ehtapy-sozdaniya-sajta {
	max-width: 90px;
	margin: 10px 0;
	}

.ullinks-mono li a {
	padding: 10px;
	}

.foot-nav {
	padding: 60px 2%;
	}

.foot-address {
	padding: 0 2%;
	}

.glossy {
	padding: 60px 2%;
	}

.legality {
	padding: 60px 2%;
	}

.noscript {
	padding: 20px 2%;
	}

	}





/* Медиазапросы - точки перехода 380 */

@media only screen and (max-width: 380px) {

.area_deep-blue-noise::before {
	left: calc(50% - 175px);
	top: -175px;
	width: 350px;
	height: 350px;
	}

.area_head-tit_deep-blue-noise_simple::before {
	left: calc(50% - 175px);
	top: -175px;
	width: 350px;
	height: 350px;
	}

.ocheshui-tit {
	line-height: 1.1;
	font-size: 325%;
	}
.ocheshui-txt {
	line-height: 1.1;
	font-size: 160%;
	}

.screensite {
	padding: 7px;
	margin: 2px;
	}
.screensite img {
	width: 120px;
	height: 120px;
	}

.legality ol li {
	padding: 20px 15px;
	}

	}