/*
 * Theme Name: Fiollent
 * Theme URL: http://www.fiollent.ru/
 * Description: Theme for Fiollent site
 * Author: Atlant
 * Version: 4.0
 * Date: 2020-01-31
 * Modified version: 4.8
 * Date modified: 2025-12-15
 */





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





@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Cormorant+SC&display=swap');





html {
	overflow-x: hidden !important;
	width: 100% !important;
	height: 100%;
	scroll-behavior: smooth;	/* Плавная промотка к внутреннему якорю */
	}

body {
	position: relative;
	overflow-x: hidden !important;
	overflow-y: hidden;
	width: 100% !important;
	min-height: 100%;
	line-height: 1.7;
	font-family: 'Merriweather', serif;
	font-size: 18px !important;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	color: #000;
	background: #FBF4D2 url('../graphics/bg_main.jpg') repeat left top;
	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: #900; color: #FFF; text-shadow: none; }
::selection { background: #900; 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; }

h1, h2 { font-family: 'Cormorant SC', serif; font-weight: normal; white-space: normal; text-align: center; color: #C00; padding: 0; margin: 0 0 1.5em 0; }
h1 { font-size: 180%; }
h2 { font-size: 120%; }

p { width: 100%; letter-spacing: 0px; white-space: normal; text-align: justify; padding: 0; margin: 0 0 1.5em 0; }

hr { border: 0 none; width: 100%; height: 1px; color: #CCC; background: #CCC; clear: both; padding: 0; margin: 4em 0; }

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

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

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

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





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

nav,
header,
main,
footer {
	display: block;
	border: 0;
	outline: 0;
	width: 100%;
	min-width: 300px;
	font-size: 100%;
	font-style: normal;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	}





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

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





/* Меню-навигатор (фикс-панель) */

.mainmenu *:focus,
.mainmenu *::before,
.mainmenu *::after {
	box-sizing: content-box;	/* это свойство обязательно */
	outline: 0;
	padding: 0;
	margin: 0;
	}

.mainmenu {
	z-index: 888;
	top: 0;
	position: fixed;
	width: 100%;
	height: 60px;
	text-transform: uppercase;
	font-family: 'Cormorant SC', serif;
	font-size: 120%;
	color: #FFF;
	background: #900 url('../graphics/bg_nav.jpg') repeat left top;
	padding: 0;
	margin: 0 auto;
	-moz-box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	-khtml-box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.3);
	}

.mainmenu ul {
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0 !important;
	}

.mainmenu li {
	display: inline-block;
	width: auto;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	}

.mainmenu a {
	display: inline-block;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	color: #FFF;
	background: none;
	padding: 0 20px !important;
	}
.mainmenu a:hover {
	text-decoration: none;
	color: #FF0;
	background: url('../graphics/nav_butt_o.png') repeat-y left top;
	}
.mainmenu a.current,
.mainmenu a:active {
	text-decoration: none;
	color: #FFF;
	background: url('../graphics/nav_butt_a.png') no-repeat center top;
	}

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

@media screen and (max-width: 960px) {
.mainmenu ul {
	position: relative;
	display: none;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.2);
	}
.mainmenu li {
	border-top: 1px rgba(255,255,255, 0.3) solid;
	width: 100%;
	background: #900 url('../graphics/bg_nav_sub.jpg') repeat;
	}
.mainmenu li:last-child {
	-moz-box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	-khtml-box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	box-shadow: 0 12px 12px rgba(0,0,0, 0.3);
	}
.sitelink { float: left; width: auto !important; padding-left: 30px !important; }
.mainmenu a { width: calc(100% - 40px); }

.mainmenu nav::before,
.mainmenu::after {
	position: absolute;
	display: block;
	top: 15px;
	right: 30px;
	content: '';
	width: 40px;
	height: 30px;
	background-image: url('../graphics/nav_openclose.png');
	background-position: left top;
	cursor: pointer;
	}
.mainmenu nav::before,
.mainmenu::after {
	background-color: #900;
	}
.mainmenu::after {
	z-index: 1;
	background-position: right bottom;
	}
.mainmenu nav::before { z-index: 2; }
.mainmenu nav:focus::before { z-index: 0; }
.mainmenu nav:focus ul,
.mainmenu ul:hover { display: block; }		/* Решаем проблему со скликиванием */
	}





/* Шапка */

header {
	position: relative;
	top: 60px;
	height: auto;
	min-height: 280px;
	text-align: center;
	background: url('../graphics/bg_head.jpg') no-repeat center top;
	text-shadow: 1px 1px 0 rgba(255,255,255, 0.9);
	}

.head_logo {
	z-index: 2;
	position: relative;
	display: inline-block;
	float: left;
	left: calc(50% - 425px);
	width: 365px;
	height: 362px;
	text-align: center;
	background: url('../graphics/head_logo.png') no-repeat center top;
	}

.head_desc {
	z-index: 3;
	position: relative;
	display: inline-block;
	top: 10px;
	float: left;
	left: calc(50% - 470px);
	width: 557px;
	height: 352px;
	text-align: center;
	background: url('../graphics/head_desc.png') no-repeat center top;
	}

.head_desc span {
	display: inline-block;
	font-size: 120%;
	color: #900;
	margin-top: 195px;
	}





/* Анонс новостей в шапке */

.head_news {
	z-index: 4;
	position: relative;
	display: inline-block;
	top: -60px;
	clear: both;
	width: 80%;
	max-width: 1600px;
	min-width: 300px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	}

.head_news_ann {
	position: relative;
	display: table-cell;
	width: auto;
	font-size: 70%;
	text-align: center;
	vertical-align: middle;
	background: url('../graphics/news_shad.png') no-repeat left center;
	padding: 0 20px;
	}

.head_news_ann p { text-align: left; margin: 0; }

.head_news_ann span { color: #C00; }

.head_news_ann a { color: #808080; }
.head_news_ann a:hover { color: #C00; }
.head_news_ann a:active { color: #F00; }





/* Основное поле */

.area_main {
	z-index: 4;
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	background: #FFF;
	padding: 4em 0;
	margin: 0 auto;
	-moz-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
	-khtml-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
	box-shadow: 0 0 20px rgba(0,0,0, 0.3);
	}





/* Вкладывающая область */

.content {
	display: inline-block;
	clear: both;
	width: 80%;
	max-width: 1600px;
	text-align: center;
	}





/* Разное оформительство */

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

.pleft { text-align: left; }
.pright { text-align: right; }
.pcenter { text-align: center; }
.fontcenter { text-align: center; }
.fontdeco { font-family: 'Cormorant SC', serif; }
.fontbold { font-weight: bold; }
.fontitalic { font-style: oblique; }
.fontbig { font-size: 125%; }
.fontred { color: #C00; }
.fontgrey { color: #B5B5B5; }
.fontnobr { white-space: nowrap; }




















/* Буквица */

.letter {
	display: inline-block;
	float: left;
	width: 80px;
	height: 80px;
	line-height: 60px;
	font-size: 60px;
	text-transform: uppercase;
	text-align: right;
	vertical-align: top;
	color: #900;
	background: url('../graphics/bg_letter.jpg') no-repeat right top;
	margin: 0 10px 0 0;
	text-shadow: 2px 2px 0 #FFF,
		-2px -2px 0 #FFF;
	}





/* Иллюстрация и подводка */

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

.img_comment {
	text-align: center;
	font-size: 90%;
	color: #999;
	margin: 0.5em 0 1.5em 0;
	}

.img_comment span {
	white-space: nowrap;
	color: #FFF;
	background: #999;
	padding: 2px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	}





/* Слоган */

.img_slogan {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	margin-top: 2em;
	}

.img_slogan img {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 300px;
	height: auto;
	text-align: center;
	}





/* Вензель-монограмма */

.mngrm {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 17px;
	text-align: center;
	background: url('../graphics/mngrm.png') no-repeat center center;
	margin: 3em 0;
	}

.mngrm::before {
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #CCC;
	}





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

.divspecbutt a {
	text-decoration: none;
	font-size: 80%;
	color: #FFF;
	background-color: #B5B5B5;
	padding: 5px 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	}
.divspecbutt a:hover { background-color: #C00; }
.divspecbutt a:active { background-color: #000; }





/* Анонсы новостей */

.area_news {
	display: block;
	width: 100%
	}

.area_news p {
	text-align: left;
	margin: 0 auto;
	}

.area_news img {
	position: relative;
	display: inline-block;
	width: 250px;
	height: auto;
	background: #EAEAEA;
	margin: 0 auto;
	}

.area_news span {
	font-size: 110%;
	color: #C00;
	}





/* Анонсы произведений */

.area_name {
	display: block;
	width: 100%
	text-align: left;
	margin-bottom: 10px;
	}
.area_name h2,
.area_name p {
	text-align: left;
	margin: 0;
	}
.area_name h2 { font-size: 150%; }

.area_txt {
	display: block;
	float: left;
	width: calc(100% - 380px);
	text-align: left;
	padding-right: 20px;
	box-shadow: inset 0px -50px 50px 0px #FFF;
	}
.area_txt p {
	z-index: -1;
	position: relative;
	font-size: 70%;
	color: #999;
	margin: 0;
	}

.area_desc {
	display: block;
	float: left;
	width: 120px;
	text-align: center;
	vertical-align: top;
	}
.area_desc span {
	display: inline-block;
	width: 100%;
	font-size: 70%;
	color: #999;
	}

.desc_spcf {
	display: inline-block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #FFF;
	background: url('../graphics/desc_frame.png') no-repeat center center;
	}
.desc_spcf img {
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: top;
	}





/* Напоминание о копирайте */

.attnote {
	width: calc(100% - 80px);
	min-height: 60px;
	font-size: 75%;
	text-align: left;
	color: #999;
	background: url('../graphics/icon_attnote.png') no-repeat left center;
	padding: 0 0 0 80px;
	margin-bottom: 3em;
	}
.attnote p { margin: 0; }





/* Цитата оформленная */

blockquote {
	display: block;
	line-height: 1.5;
	font-family: 'Cormorant SC', serif;
	font-size: 120%;
	text-align: center;
	color: #999;
	padding: 30px 0;
	margin: 0 auto;
	margin-bottom: 2em;
	}
blockquote::before,
blockquote::after {
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	line-height: .5;
	font-family: 'Times New Roman', serif;
	font-size: 300%;
	color: #CCC;
	background: linear-gradient(to right, #CCC 45%, transparent 45%, transparent),
		linear-gradient(to right, transparent, transparent 55%, #CCC 55%);
	}
blockquote::before {
	content: "\201C";
	top: 10px;
	}
blockquote::after {
	content: "\201D";
	bottom: 10px;
	}





/* Маркированный список - оформленный */

.ulsuperbulls {
	list-style: none;
	padding: 0;
	margin: 0 0 1em 10px;
	}
.ulsuperbulls li {
	position: relative;
	text-align: left;
	padding: 20px 0 20px 30px;
	}
.ulsuperbulls li::before {
	position: absolute;
	top: 27px;
	left: 0;
	content: "";
	width: 7px;
	height: 7px;
	background: #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 0 0 10px rgba(224,201,157, 0.5);
	-webkit-box-shadow: 0 0 0 10px rgba(224,201,157, 0.5);
	-khtml-box-shadow: 0 0 0 10px rgba(224,201,157, 0.5);
	box-shadow: 0 0 0 10px rgba(224,201,157, 0.5);
	transition: .3s ease-in-out;
	}
.ulsuperbulls li::after {
	top: 48px;
	bottom: -12px;
	left: 3px;
	position: absolute;
	content: "";
	border-left: 1px dotted #E0C99D;
	width: 1px;
	}
.ulsuperbulls li:hover::before {
	-moz-box-shadow: 0 0 0 13px rgba(205,0,0, 0.9);
	-webkit-box-shadow: 0 0 0 13px rgba(205,0,0, 0.9);
	-khtml-box-shadow: 0 0 0 13px rgba(205,0,0, 0.9);
	box-shadow: 0 0 0 13px rgba(205,0,0, 0.9);
	}
.ulsuperbulls li:last-child::after { content: none; }





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

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

.olareanums li {
	position: relative;
	width: calc(100% - 80px);
	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-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; }





/* Форма */

form {
	text-align: center;
	padding: 0;
	margin: 0;
	}

input,
textarea {
	border: none;
	width: 300px;
	height: auto;
	font-family: 'Cormorant SC', serif;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #000;
	background: #EAEAEA;
	padding: 0.5em 1em;
	margin: 0 0 2px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset none;
	-webkit-box-shadow: inset none;
	-khtml-box-shadow: inset none;
	box-shadow: inset none;
	text-shadow: 1px 1px 0 #FFF;
	}

textarea {
	height: 120px;
	}

input:hover,
textarea:hover {
	border: none;
	-moz-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.4);
	-webkit-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.4);
	-khtml-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.4);
	box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.4);
	}

input:focus,
textarea:focus {
	border: none;
	color: #FFF;
	background: #C00;
	-moz-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	-webkit-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	-khtml-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
	}

input[type=submit] {
	width: auto;
	height: auto;
	text-transform: uppercase;
	color: #FFF;
	background: #C00;
	padding: 10px 15px;
	cursor: hand;
	cursor: pointer;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
	}
input[type=submit]:hover {
	color: #FFF;
	background: #F00;
	-moz-box-shadow: 0 0 15px rgba(255,0,0, 0.9);
	-webkit-box-shadow: 0 0 15px rgba(255,0,0, 0.9);
	-khtml-box-shadow: 0 0 15px rgba(255,0,0, 0.9);
	box-shadow: 0 0 15px rgba(255,0,0, 0.9);
	}
input[type=submit]:focus {
	color: #FFF;
	background: #0C0;
	-moz-box-shadow: inset 4px 4px 10px rgba(0,0,0, 0.75);
	-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0, 0.75);
	-khtml-box-shadow: inset 4px 4px 10px rgba(0,0,0, 0.75);
	box-shadow: inset 4px 4px 10px rgba(0,0,0, 0.75);
	}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color: #C00; text-shadow: none; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { color: #C00; text-shadow: none; }		/* FF 4-18 */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { color: #C00; text-shadow: none; }	/* FF 19+ */
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color: #C00; text-shadow: none; }	/* IE 10+ */

.img_stamp_send {
	display: inline-block;
	width: 219px;
	height: 77px;
	text-align: center;
	}





/* Чекбокс */

input[type="checkbox"] {
	z-index: 1;
	position: relative;
	display: inline-block;
	left: 16px;
	border: none;
	width: 0;
	height: 0;
	opacity: 0;
	filter: alpha(opacity=0);						/* IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);		/* IE6, IE7, IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";	/* IE8 */
	}

input[type="checkbox"] + label {
	z-index: 2;
	position: relative;
	font-family: 'Cormorant SC', serif;
	font-size: 110%;
	cursor: pointer;
	cursor: hand;
	}

input[type="checkbox"] + label span {
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: bottom;
	background: #EAEAEA;
	padding: 0;
	margin: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 1px 1px 0 #FFF;
	}

input[type="checkbox"]:checked + label span {
	color: #FFF;
	background: #C00;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	-webkit-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	-khtml-box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.5);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
	}

input[type="checkbox"]:checked + label span::before {
	position: relative;
	display: inline-block;
	content: "\2714";
	width: 32px;
	height: 32px;
	text-align: center;
	}





/* Адрес */

footer {
	background: url('../graphics/bg_address_venz.png') no-repeat top center;
	padding: 3em 0 0 0;
	text-shadow: 1px 1px 0 #FFF;
	}

.address_qr {
	display: inline-block;
	overflow: hidden;
	width: 66px;
	height: 66px;
	vertical-align: middle;
	background: url('../graphics/qr.gif') no-repeat center;
	margin-right: 1em;
	}

.address_txt {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 80%;
	text-align: left;
	vertical-align: middle;
	}

footer .mngrm { margin: 0; }





/* Социал */

.social {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	margin-top: 2em;
	}

.social p {
	font-size: 80%;
	text-align: center;
	margin: 0 0 0.5em 0;
	}

.social a {
	border: 3px solid #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0, 0.3);
	-khtml-box-shadow: 3px 3px 5px rgba(0,0,0, 0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0, 0.3);
	}
.social a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	}





/* Линки в подвале - информация о сайте */

.infositelinks {
	width: 100%;
	font-size: 75%;
	color: #666;
	margin: 3em 0;
	}

.infositelinks a { text-decoration: none; color: #999; margin: 0 5px; }
.infositelinks a:hover { text-decoration: underline; color: #C00; }
.infositelinks a:active { text-decoration: underline; color: #F00; }





/* Подпись АСТРА•ГОСТ */

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

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





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

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





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

.noscript {
	display: block;
	clear: both;
	width: 100%;
	min-width: 300px;
	text-align: center;
	color: #FFF;
	background: #F00;
	padding: 1em 0;
	margin: 0 auto;
	}





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





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

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

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

	}





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

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

.head_logo { left: calc(50% - 350px); }

.head_desc { left: calc(50% - 545px); }

.head_news { width: 90%; }

.content { width: 90%; }

	}





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

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

header {
	min-height: 285px;
	background: url('../graphics/bg_head_adpt.jpg') no-repeat center top;
	}

.head_logo { display: none; }

.head_desc {
	top: 0;
	float: none;
	left: 0;
	width: 100%;
	height: 390px;
	background: url('../graphics/head_logo-desc_adpt.png') no-repeat center top;
	}

.head_desc span { margin-top: 275px; }

p { text-align: left; }
li { text-align: left; }

.area_name { text-align: center; }
.area_name h2,
.area_name p { text-align: center; }
.area_txt {
	float: none;
	width: 100%;
	padding-right: 0;
	}
.area_desc {
	display: inline-block;
	float: none;
	width: 90px;
	}

.address_qr { display: none; }
.address_txt { text-align: center; }

	}





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

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

.head_news_ann {
	display: inline-block;
	float: left;
	width: auto;
	padding: 10px 10px 10px 20px;
	}

.area_main { padding: 3em 0; }

blockquote::before,
blockquote::after {
	background: linear-gradient(to right, #CCC 40%, transparent 40%, transparent),
		linear-gradient(to right, transparent, transparent 60%, #CCC 60%);
	}

	}





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

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

.head_news { width: 95%; }

.content { width: 95%; font-size: 90%; }

.area_txt p { font-size: 80%; }

.attnote {
	width: 100%;
	font-size: 90%;
	background: url('../graphics/icon_attnote.png') no-repeat center top;
	padding: 80px 0 0 0;
	}

.olareanums li {
	width: calc(100% - 40px);
	padding: 40px 20px;
	}

input,
textarea { width: 220px; }

	}





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

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

footer {
	background: url('../graphics/bg_address_venz_adpt.png') no-repeat top center;
	}

	}