/*
 * Theme Name: Maya Xolo
 * Theme URL: http://www.mayaxolo.ru/
 * Description: Theme for Maya Xolo site
 * Author: Purple Mouse
 * Version: 1.0
 * Date: 2019-12-02
 * Modified version: 1.6
 * Date modified: 2024-06-28
 */

@charset "win-1251";





@import url('https://fonts.googleapis.com/css?family=Cuprum|Merriweather|Bad+Script');

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

body {
	position: relative;
	overflow-x: hidden !important;
	overflow-y: hidden;
	width: 100% !important;
	min-height: 100%;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	color: #000;
	background: #D5D5D5 url('../graphics/bg_main.jpg') repeat center top;
	padding: 0;
	margin: 0;
	}

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

::-moz-selection { background: #F60; color: #FFF; text-shadow: none; }
::selection { background: #F60; 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, h3, h6 { font-size: 150%; font-weight: normal; white-space: normal; text-align: center; color: #F60; padding: 0; margin: 0 0 1em 0; }
h1 { display: none; }

p { letter-spacing: 0px; white-space: normal; text-align: justify; padding: 0; margin: 0 0 1em 0; }
p.pleft { text-align: left; }
p.pright { text-align: right; }
p.pcenter { text-align: center; }

hr { border: 0 none; width: 100%; height: 1px; color: #CCC; background: #CCC; clear: both; padding: 0; margin: 2em 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 0 1em 0; }
li { text-align: justify; padding: 0; margin: 0; }

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





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

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





/* отступ */

.topindent {
	position: relative;
	clear: both;
	width: 100%;
	height: 200px;
	margin: 0 auto;
	}





/* верхняя панель */

div.top_sticky {
	z-index: 777;
	top: 0;
	position: fixed;
	width: 100%;
	min-width: 300px;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	}

div.head_logo {
	z-index: 888;
	top: -34px;
	left: calc(50% - 125px);
	position: absolute;
	display: block;
	clear: both;
	width: 249px;
	height: 249px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding: 0;
	margin: 0 auto;
	}
.head_logo img {
	width: 249px;
	height: 249px;
	}

div.head_line1 {
	position: relative;
	display: block;
	border-bottom: 1px solid #FFD380;
	width: 100%;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background: #A00 url('../graphics/bg_head_line.png') repeat center top;
	padding: 0;
	margin: 0 auto;
	}

div.head_line2 {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 114px;
	text-align: center;
	vertical-align: middle;
	background: #FFA700 url('../graphics/bg_head_main.png') repeat center top;
	padding: 0;
	margin: 0 auto;
	-moz-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
	}
.head_line2_left {
	z-index: 888;
	position: relative;
	display: inline-block;
	width: 170px;
	height: 114px;
	background: url('../graphics/head_txt_maya.png') no-repeat right center;
	margin-right: 140px;
	}
.head_line2_right {
	z-index: 888;
	position: relative;
	display: inline-block;
	width: 170px;
	height: 114px;
	background: url('../graphics/head_txt_xolo.png') no-repeat center left;
	margin-left: 140px;
	}





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

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

a.linkdots { border-bottom: 1px dotted #09F; text-decoration: none; color: #09F; }
a.linkdots:hover { border-bottom: 1px dotted #06C; text-decoration: none; color: #06C; }
a.linkdots:active { border-bottom: 1px dotted #F00; text-decoration: none; color: #F00; }

.pcenter { text-align: center; }

.fontbold { font-weight: bold; }
.fontitalic { font-style: oblique; }
.fontbig { font-size: 150%; }
.fontred { color: #F00; }
.fontgrey { color: #B5B5B5; }
.nobr { white-space: nowrap; }

.content_area {
	display: block;
	position: relative;
	text-align: center;
	background: #FFF;
	padding: 2em;
	margin-bottom: 6em;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	}

.content_border {
	border: 1px solid #CCC;
	text-align: center;
	padding: 1em;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	}
























/* посты */

.bubbles {
	display: block;
	position: relative;
	}
.bubbles span {
	display: block;
	position: relative;
	left: calc(50% - 10px);
	float: none;
	clear: both;
	width: 20px;
	height: 20px;
	background: #FFF;
	text-align: center;
	margin-top: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	}

.post {
	display: block;
	position: relative;
	background: #FFF;
	padding: 50px 40px 40px 40px;
	margin-top: 50px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	}

.post:before {
	left: calc(50% - 32px);
	top: -32px;
	position: absolute;
	content: '';
	width: 64px;
	height: 64px;
	font-size: 0;
	color: #CCC;
	padding: 0;
	}
.post_txt:before { background: url('../graphics/icon_tit_txt.png'); }
.post_photo:before { background: url('../graphics/icon_tit_photo.png'); }
.post_video:before { background: url('../graphics/icon_tit_video.png'); }
.post_fact:before { background: url('../graphics/icon_tit_fact.png'); }
.post_mail:before { background: url('../graphics/icon_tit_mail.png'); }
.post_subscribe:before { background: url('../graphics/icon_tit_subscribe.png'); }

.fontdate {
	font-family: 'Merriweather', serif;
	font-size: 110%;
	text-align: center;
	color: #999;
	margin: 0 0 0.5em 0;
	}





/* факты - список */

.post_fact ul,
.post_fact_footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

.post_fact ul li,
.post_fact_footer ul li {
	position: relative;
	text-align: left;
	padding: 20px 0 20px 30px;
	}
.post_fact ul li:before,
.post_fact_footer ul li:before {
	top: 27px;
	left: 0;
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	background: #F60;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 0 0 10px rgba(255, 102, 0, 0.2);
	-webkit-box-shadow: 0 0 0 10px rgba(255, 102, 0, 0.2);
	-khtml-box-shadow: 0 0 0 10px rgba(255, 102, 0, 0.2);
	box-shadow: 0 0 0 10px rgba(255, 102, 0, 0.2);
	}
.post_fact ul li:after,
.post_fact_footer ul li:after {
	top: 48px;
	bottom: -12px;
	left: 3px;
	position: absolute;
	content: "";
	border-left: 1px dotted #F60;
	width: 1px;
	}
.post_fact ul li:last-child:after,
.post_fact_footer ul li:last-child:after { content: none; }





/* цитата */

blockquote {
	position: relative;
	display: block;
	line-height: 1.6;
	font-family: 'Bad Script', cursive;
	font-size: 110%;
	text-align: center;
	color: #999;
	padding: 40px 0;
	margin: 0 auto;
	margin-bottom: 2em;
	}
blockquote:before,
blockquote:after {
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	line-height: .5;
	font-family: serif;
	font-size: 300%;
	font-weight: bold;
	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;
	}





/* область видео */

.video_all {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;		/* задаёт высоту контейнера для 16:9 (если 4:3 - то 75%) */
	margin: 0 auto;
	margin-bottom: 100px;
	}
.video_all iframe {
	position: absolute;
	top: 0;
	left: 0;
	border-width: 0;
	outline-width: 0;
	width: 100%;
	height: 100%;
	background: #EAEAEA;
	}





/* изображение-иллюстрация */

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

.imgrezine img {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #EAEAEA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

.imgrezine a {
	display: inline-block;
	text-decoration: none;
	width: auto;
	color: #FFF;
	background: #CCC;
	padding: 5px 15px;
	margin-top: 30px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	}
.imgrezine a:hover { background: #F60; }
.imgrezine a:active { background: #F00; }





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

a.specbutt {
	display: inline-block;
	text-decoration: none;
	width: auto;
	color: #FFF;
	background: #CCC;
	padding: 5px 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	}
a.specbutt:hover { background: #F60; }
a.specbutt:active { background: #F00; }





/* постраничка */

.paginator {
	position: relative;
	display: block;
	line-height: 58px;
	font-size: 110%;
	text-align: center;
	margin: 0 auto;
	margin-top: 5em;
	text-shadow: 1px 1px 0 #FFF;
	}

.paginator a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	color: #999;
	background: #FFF;
	margin: 4px 2px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	text-shadow: none;
	}
.paginator a:hover { color: #FFF; background: #F60; }
.paginator a:active { color: #FFF; background: #F00; }

.paginactnum {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	color: #FFF;
	background: #F60;
	margin: 4px 2px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	text-shadow: none;
	}





/* социал */

.share {
	position: relative;
	display: block;
	border-top: 2px solid #FFF;
	width: 100%;
	min-width: 300px;
	text-align: center;
	color: #FFF;
	background: #CCC url('../graphics/bg_share.jpg') repeat center top;
	padding: 4em 0;
	margin: 0 auto;
	margin-top: 5em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	}

.share p {
	text-align: center;

	}





/* адрес */

.address {
	position: relative;
	display: block;
	border-top: 2px solid #FFF;
	width: 100%;
	min-width: 300px;
	text-align: center;
	color: #FFF;
	background: #999 url('../graphics/bg_address.jpg') repeat center top;
	padding: 4em 0 2em 0;
	margin: 0 auto;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	}

.address a { color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
.address a:hover { color: #F60; text-shadow: none; }
.address a:active { color: #F00; text-shadow: none; }

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

.address_txt {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	text-align: left;
	vertical-align: middle;
	}

.address hr {
	color: #999;
	background: #999;
	}





/* ссылки на аккуанты */

.social {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 0;
	padding-bottom: 2em;
	margin: 0 auto;
	margin-top: 3em;
	}
.social a img {
	width: 54px;
	height: 54px;
	margin: 7px 1px 0 1px;
	}





/* факты - подвал */

.post_fact_footer {
	padding: 2em 0;
	}

.post_fact_footer h3 {
	display: block;
	position: relative;
	text-align: left;
	padding-left: 38px;
	}

.post_fact_footer h3:before {
	left: -19px;
	top: -8px;
	position: absolute;
	content: '';
	width: 48px;
	height: 49px;
	font-size: 0;
	background: url('../graphics/icon_footer_fact.png');
	}

.post_fact_footer p {
	text-align: center;
	margin: 1em 0 0 0;
	}

.post_fact_footer a.specbutt {
	border: 1px solid #FFF;
	color: #FFF;
	background: none;
	text-shadow: none;
	}
.post_fact_footer a.specbutt:hover {
	border: 1px solid #F60;
	background: #F60;
	}
.post_fact_footer a.specbutt:active {
	border: 1px solid #F00;
	background: #F00;
	}





/* кнопка Атлант */

.atl_sign {
	position: relative;
	display: inline-block;
	clear: both;
	width: 100%;
	min-width: 300px;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	margin-top: 1em;
	}

.atl_sign a {
	display: inline-block;
	text-indent: -9999px;
	width: 210px;
	height: 80px;
	background: url('../graphics/atl_sign.png') no-repeat left top;
	}
.atl_sign a:hover,
.atl_sign a:active { background: url('../graphics/atl_sign.png') no-repeat right bottom; }





/* счётчики */

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





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

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





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





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

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

.topindent { display: none; }

.top_sticky { position: relative !important; }

.head_line2 { height: auto !important; }
.head_line2_left { width: 136px; height: 64px; margin-top: 164px; margin-right: 0; }
.head_line2_right { width: 153px; height: 64px; margin-top: 164px; margin-left: 0; }

.content { width: 90%; }

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

.post { padding: 50px 10px 30px 10px; }

.post_fact ul li:before,
.post_fact_footer ul li:before { left: 5px; }
.post_fact ul li:after,
.post_fact_footer ul li:after { left: 8px; }

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

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

.post_fact_footer h3 { left: 5px; font-size: 125%; }

	}





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

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

.content { width: 95%; }

	}