/*   
Theme Name: kazanpetrovo
Theme URI: http://kazanpetrovo.ru
Description: сайт храма деревни Петрово, Ярцевского р-на, Смоленской обл.
Author: DIMMS
Author URI: http://kazanpetrovo.ru
Version: 1.1
========================z-index=====================
002 sun ===солнце
003 hram ===картинка храма
004 modal-backdrop ===область реагирования свайпа====
090 secondary_bar.bar_fixed ===зафиксированный навбар
100 navbar  ====меню
100 second-navbar ===всплывающее подменю

310 #zhertva ====копилка======
320 zapiska-info ===окно сообщения записка отправлена===
350 lable === боковое лейбл меню

*/
/*******************************************************
 ********  БЫСТРАЯ ЗАМЕНА ЦВЕТА ПОЛОС И ФОНА ***********
 *******************************************************/
body {/*фон: 
	fon - синий
	fonf - постовой фиолетовый 
	fonb - белый 
	fonk - красный
	fonz - зеленый
	fonzh - желтый
	*/
	/*background-color: mediumslateblue!important;*/
	background-color: darkmagenta!important;
	background-image: url("images/fonf.jpg")!important;
}
/*цвета:
	фиолетовый(постовой) - darkmagenta
	красный(Пасхальный) - red (#a52a2c для календаря)
	голубой(Богородичный) - mediumslateblue
	*/
.navbar {
	border-top: 3px double darkmagenta!important;
	border-bottom: 3px double darkmagenta!important;
}
.lable-area-close {
	border: 1px solid darkmagenta!important;
}
.glavnaya {
	border-bottom: 3px double darkmagenta!important;
}
.imagehover img, 
.alignnone {/*рамка у картинок*/
	border: 2px solid darkmagenta!important;
 }
.post-date {/*календарь*/
	border: 1px solid #a52a2c!important;
}
.post-date-month {/*календарь*/
	background-color: #a52a2c!important;
}
.calendar_wrap { /*календарь*/
	border: 1px solid #a52a2c!important;
}
.post-date-sidebar {/*блок с датой записи в сайдбаре*/
	border: 1px solid #a52a2c!important;
}
.post-date-month-sidebar {/*месяц в сайдбаре*/
	background-color: #a52a2c!important;
}
#wp-calendar thead {/*календарь*/
	background-color: #a52a2c!important;
}
#wp-calendar tbody {/*календарь*/
	border-bottom: 1px solid #a52a2c!important;
}
#wp-calendar caption {/*календарь*/
	background-color: #a52a2c!important;
}
/******************************************************
 ******** КОНЕЦ БЛОКА ЗАМЕНЫ ЦВЕТА И ФОНА *************
 ******************************************************/

.logo3 {/* для лого 3 */
	height: 110px;
	-margin-top: 40px;
}
button, summary, a:link, a:visited, a:hover, a:focus, a:active  {/* убираем рамочку у элементов в Firefox */
  outline: none;
}
@font-face {
    font-family: rus_decor;
    src: url(fonts/a_RussDecor.ttf);
}

@font-face {
    font-family: rus_vyas;
    src: url(fonts/Fita_Vjaz.woff);
}
#body {/*=======================подложка и шрифт сайта===============================*/
	background-repeat: repeat-x repeat-y;
	background-attachment: fixed;
	font-family: tahoma, serif;
	color: black;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
main {/*========================фон в виде старой бумаги=========================*/
	width: 90vw;
	min-width: 480px;
	max-width: 1350px;
	margin: 3.5% auto;
	background-image: url(images/list2.jpg);
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 0px 0px 33px 7px black;
	padding-right: 0px!important;
	padding-left: 0px!important;
}
#articl {
	padding-right: 0px!important;
	padding-left: 0px!important;
}
.header-main {/*----общий ряд хедера*/
	padding: 15px;
}
.header-block {/*--блоки с логотипами--*/
	height: 100px;
	padding: 0px;
}
.header1-img {/*--левый логотип хедера--*/
	height: 100px!important;
}
.headerxs-img {
	padding-left: 10%!important;
	height: 100px!important;
}
.header-xs {/*---два логотипа хедера видны только в xs---*/
	margin: 10px auto -10px!important;
}
.header2 {/*--заголовок сайта--*/
	padding: 0px!important;
}
.row {
	margin: 0px;
}
#secondary_bar.bar_fixed {/*==========прилипалка меню к верху===================*/
	box-shadow: inset 0px 0px 16px 0px #814318, 0px 0px 5px 0px black;
	border-radius: 10px;
	width: 90vw;
	max-width: 1350px;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 90;
	border: none;
	margin: 0;
}
#secondary_bar_placeholder {
	width: 100%;
	display: none;
}
section {
	border-radius: 10px;
	padding: 1% 5%;
}
footer {/*=========================================подвал===========================*/
	min-width: 480px;
	font-size: 12px;
	padding-right: 0px!important;
	padding-left: 0px!important;
	vertical-align: bottom;
	background-image: url(images/footer.jpg);
	background-repeat: repeat;
    background-attachment: scroll;
    background-size: 100% 100%;
	width: 100%;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
/*=========================жертвенный ящик===================================*/
@keyframes zhertva-anim {
	0% {transform: scale(0,95.0,95);}
	30% {transform: scale(1.1);}
	100% {transform: scale(0,95.0,95);}
}
#zhertva {
	z-index: 310;
	position: absolute;
	right: 0;
	bottom: 13%;
	animation: zhertva-anim 4s ease infinite;
}
#zhertva img {
	width: 120px;
}
hr { /*=========================Цвет горизонтальной линии=========================*/
	border: none; /* Убираем границу */
	background-color: #2c2c2c; /* Цвет линии */
	color: #2c2c2c; /* Цвет линии для IE6-7 */
	height: 1px;/* Толщина линии */
}
h2 {
	text-align: center;
	margin-bottom: 50px;
	font-size: 20pt;
}
h3 {
	text-align: center;
	font-size: 16pt;
}
.line2 {/* заглавная линия */
	width: 40%; 
	margin: 20px auto;
}
.line {/* подвальная линия */
	width: 60%; 
	margin: 20px auto;
}
.line1 {
	width: 60%; 
	margin: 20px auto;
}
ul {
	list-style-type: none;
}
a  {
	text-decoration: none;
	color: SlateBlue;
}
.mi-foto-big {/*------------мое фото большое----------------*/
	width: 35%;
	min-width: 200px;
	max-width: 400px;
	margin-left: 20px; 
	margin-bottom: 20px;  
	padding:0px; 
	border-radius: 30px; 
	float: right;
}
.absatz {/*--------- красная строка текста-----------------------------------*/
	text-indent: 20px; 
	text-align: justify;
}
/*=============================шрифт заголовка h1=========================*/
.vyas {
	font-family: rus_vyas, serif;
	font-size: 40pt;
	color: #2c2c2c!important;
	
}
/* ======================== фон и тень навбара =========================*/
.navbar {
	
    -moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
    color: #2c2c2c;
	min-width: 480px;
	max-width: 1350px;
	background-color: rgba(255, 255, 255, 0);
	margin-bottom: 0px;
	border: none;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y;
    background-attachment: scroll;
    background-size: 100% auto;
	width: 100%;
	font-size: 11.5pt;
	border-top: 3px double red;
	border-bottom: 3px double red;
	font-family: rus_decor, tahoma;
	position: relative;
	z-index: 100;
}
.navbar>div {/*---выравнивание иконок меню по центру--*/
	text-align: center;
}
.navbar-collapse {
	padding:0px;
}
/*=====================================иконки меню =======================*/
.nav-block-icon {
	text-align: center;
}
.nav-block-icon div {
	margin: 2px auto 2px;
	padding: 0px;
}
.nav-block-icon a {
	text-decoration: none;
}
.icon {
	display: inline-block;
}
.icon-podmenu-a {
	color: #2c2c2c;
	display: inline-block;
	padding: 14px 9%;
	text-align: center;
	position: static;
}

.icon img{
	width: 50px;
	margin: 1px 2px;
	display: inline-block;
	text-align: center;
	position: static;	
	 -moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	 -webkit-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
}
.icon img:hover {
	box-shadow: inset -3px -3px 10px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
	-webkit-transform: scale(1.1);
	 -moz-transform: scale(1.1);
	 -ms-transform: scale(1.1);
	 -o-transform: scale(1.1);
}
.icon img:active {
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
	padding: 2px;
}
.second-navbar-icon {/*всплывающее подменю*/
	color: #2c2c2c;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100;
	margin-bottom: 0px;
	border: none;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-size: 100% auto;
	width: 250%;
	height: auto;
	font-size: 11.5pt;
	border-radius: 10px;
	box-shadow: inset 0px 0px 16px 0px #814318, 0px 0px 5px 0px black;
	font-family: rus_decor, tahoma;
	visibility: hidden;
	position: absolute;
	left: -75%;
	opacity: 0;
	transform: translateY(30px);
	-webkit-transition-property: -webkit-transform, opacity, box-shadow;/*для safari*/
	-webkit-transition-duration: 0.35s;/*для safari*/
	-webkit-transition-timing-function: ease-out;/*для safari*/
	-webkit-transform: translateY(30px);/*для safari*/
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
}
.icon:hover .second-navbar-icon {/*анимация появления блока подменю*/
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);/*для safari*/
	opacity: 1;
	color: #2c2c2c!important;
	visibility: visible;
}
/*================== текстовые пункты меню =========================*/
.nav-block {/*---выравнивание главного блока с пунктами меню --*/
	text-align: center;	
}
.nav-block div {/*выравнивание блоков с пунктами меню*/
	margin: 2px auto 2px;
	padding: 0px;
	}
.nav-block a, .pod-menu span {/*выравнивание самих пунктов меню в блоках*/
	color: #2c2c2c;
	display: inline-block;
	padding: 14px 9%;
	text-align: center;
	position: static;
	text-decoration: none;
}
.second-navbar {/*всплывающее подменю*/
	color: #2c2c2c;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100;
	margin-bottom: 0px;
	border: none;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-size: 100% auto;
	width: 150%;
	height: auto;
	font-size: 11.5pt;
	border-radius: 10px;
	box-shadow: inset 0px 0px 16px 0px #814318, 0px 0px 5px 0px black;
	font-family: rus_decor, tahoma;
	visibility: hidden;
	position: absolute;
	left: -25%;
	opacity: 0;
	transform: translateY(30px);
	-webkit-transition-property: -webkit-transform, opacity, box-shadow;/*для safari*/
	-webkit-transition-duration: 0.35s;/*для safari*/
	-webkit-transition-timing-function: ease-out;/*для safari*/
	-webkit-transform: translateY(30px);/*для safari*/
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
}
.text-menu:hover, .pod-menu:hover {/*наведение на блоки меню которые без подменю*/
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
	cursor: pointer;
}
.text-menu:hover a {/*белый цвет пунктов меню которые без подменю*/
	color: white;
	text-shadow: 2px 2px 3px black;
}
.pod-menu:hover span {/*белый цвет пункта меню где есть подменю*/
	color: white;
}
.pod-menu:hover div {/*очистка стиля блока подменю*/
	color: #2c2c2c;
	text-shadow: none;
}
.pod-menu a:hover {/*стилизация пунктов подменю при наведении*/
	text-shadow: 2px 2px 3px black;
}
.text-menu:active {/*стилизация блоков меню и подменю при нажатии*/
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: inset 0px 0px 15px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
}
.pod-menu:hover .second-navbar {/*анимация появления блока подменю*/
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);/*для safari*/
	opacity: 1;
	color: #2c2c2c!important;
	visibility: visible;
}
/*====================================================================боковая панель sidebar=======================================================================*/
.sidebar {
	padding: 0px 0px 0px 5px;
}

.post-date-sidebar {/*----блок с датой записи в сайдбаре-----*/
	position: absolute;
	left: 0px;
	top: -10px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid darkmagenta;
	width: 40px;
	overflow: hidden;
}
.post-date-month-sidebar {/*----месяц в сайдбаре-----*/
	font-size: 7pt;
	background-color: darkmagenta;
	color: white;
	margin: 0px;
}
.post-date-day-sidebar {/*----день в сайдбаре-----*/
	font-weight: bold;
	font-size: 11pt;
	margin: 0px;
	background-color: #f6e3c3;
}
.post-zagolovok-sidebar {/*блок с записями в сайдбаре*/
	position: relative;
	height: 90px;
	width: 100%;
	display: table;
	margin: 0 0 0 15px;
}
.post-thumbnail-sidebar { /*изображение записи в сайдбаре*/
	height: 90px;
	width: 130px;
	float: left;
	padding: 0px!important;
}
.post-title-sidebar {/*заголовок записи в сайдбаре*/
	padding: 0px 15px;
	height: 90px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.post-title-sidebar h3{
	font-size: 13px;
	text-align: left;
}
/*=======================календарь в сайдбаре============================*/
.calendar_wrap {/*главный блок календаря*/
	margin: 20px auto 0px;
	border-radius: 10px;
	background-color: #f6e3c3; 
	border: 1px solid darkmagenta;
	overflow: hidden;
	width: 75%;
	min-width: 240px;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar tbody a {
	border-radius: 5px;
	padding: 4px 27% 2px;
	text-decoration: none;
	background-color: #a52a2c;
	color: white;
}
#wp-calendar tr, #wp-calendar td, #wp-calendar th {/*выравнивание ячеек календаря*/
	padding: 5px;
	margin: 6px auto;
	text-align: center!important;
}
#wp-calendar thead {/*дни недели*/
	background-color: darkmagenta;
	color: white;
}
#wp-calendar tbody {/*полоска внизу*/
	border-bottom: 1px solid darkmagenta;
}
#wp-calendar caption {/*месяц в заголовке*/
	text-align: center;
	background-color: darkmagenta;
	color: white;
	border-bottom: 1px solid #f6e3c3;
}
/*--------------- дни календаря ----------------*/
#wp-calendar tbody td {
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}

#wp-calendar tbody td a {
    display: inline-block;
    min-width: 34px;
    padding: 6px 8px;
    border-radius: 8px;
    background-color: #a52a2c;
    color: white;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.2;
    box-sizing: border-box;
}

#wp-calendar tbody td a:hover {
    background-color: #f6e3c3;
    color: #a52a2c;
    box-shadow: inset -2px -2px 8px 0px #814318, 1px 1px 3px 0px black;
}

#wp-calendar tbody td#today,
#wp-calendar tbody td.today {
    font-weight: bold;
}

#wp-calendar tbody td#today a,
#wp-calendar tbody td.today a {
    background-color: darkmagenta;
    color: white;
    box-shadow: inset 0px 0px 10px 2px #814318, 0px 0px 2px 0px #2c2c2c;
}
/*----------кнопки календаря------------*/
.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: #f6e3c3;
    border-top: 1px solid #a52a2c;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
}

.wp-calendar-nav-prev,
.wp-calendar-nav-next {
    display: inline-block;
}

.wp-calendar-nav .pad {
    flex: 1;
}

.wp-calendar-nav-prev a,
.wp-calendar-nav-next a {
    display: inline-block;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 8px;
    background-color: #a52a2c;
}

.wp-calendar-nav-prev a:hover,
.wp-calendar-nav-next a:hover {
    background-color: #fff;
    color: #a52a2c;
    box-shadow: inset -2px -2px 8px 0px #814318, 1px 1px 3px 0px black;
}
/*------------------ выпадающее меню архива календаря--------------*/
.r-sidebar select[name="archive-dropdown"],
.r-sidebar select[id^="archives-dropdown"] {
    display: block;
    width: 75%;
    min-width: 240px;
    margin: 20px auto;
    padding: 8px 12px;
    border: 1px solid #a52a2c;
    border-radius: 10px;
    background-color: #f6e3c3;
    color: #2c2c2c;
    font-family: tahoma, serif;
    font-size: 12pt;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: none;
}

.r-sidebar select[name="archive-dropdown"]:hover,
.r-sidebar select[id^="archives-dropdown"]:hover {
    box-shadow: inset -3px -3px 10px 0px #814318, 1px 1px 4px 1px black;
}

.r-sidebar select[name="archive-dropdown"]:focus,
.r-sidebar select[id^="archives-dropdown"]:focus {
    outline: none;
    box-shadow: inset 0px 0px 10px 2px #814318;
}
.r-sidebar .r-wtitle {
    text-align: center;
    margin-bottom: 10px;
}
/*----------архив новостей в сайдбаре------------*/
select[id^="archives-dropdown"] {
	display: block;
	text-align: center;
	margin: 20px auto;
}
.tainstv-7 { /*менюшка 7 таинств*/
	width: 100%;
	height: auto;
}
.tainstv-7 img {
	width: 100%;
	height: auto;	
}
.tainstv-7-spisok {
	width: 60%;
	-height: 67%;
	position: absolute;
	top: 25%;
	bottom: 25%;
	left: 15%;
	text-align: center;
}
.tainstv-7-spisok  li {
	vertical-align: middle;
	margin: auto 0px;
}
.tainstv-7-spisok a {
	font-family: rus_decor, serif;
	font-size: 15pt;
	margin: 0px;
	text-align: center;
}
/*===================главный контейнер с информацией===================*/	
.glavnaya {
	padding: 5% 25px 1%;
	color: black;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y no-repeat;
    background-attachment: scroll;
    background-size: 100% auto;
	width: 100%;
	height: auto;
	border-bottom: 3px double red;
	font-size: 13pt;
}
/*============================подвал========================================*/
.footer {
	font-size: 8pt;
	margin: -15px auto;
}
/*=========левая часть прдвала================================================*/
.footer1 {
	padding: 2%!important;
}
/*=================мое фото в подвале=========================================*/
.mi-foto-small  {
	border: none!important;
	max-height: 135px!important;
	max-width: 90px!important;
}
.mi-foto-small:hover {
	box-shadow: inset -4px -4px 13px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
}
/*=============центральная часть подвала=========================================*/
.footer2 {
	padding: 3%;
}
.footer2 div {
	text-align: left;
}
/*==================правая часть подвала==========================================*/
.footer3 {
	padding: inherit !important; 
	margin-top: 2%; 
	text-align: center;
	padding: 2%;
}
/*==========================банковские карточки===============================*/
.img-donat {
	padding: 0px;
}
.img-donat img{
	border: 2px solid grey;
	height: 150px; 
	border-radius: 10px; 
	display: block; 
	margin: auto auto 10px auto;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.img-donat img:hover {
	border: none;
	color: white;
	text-shadow: 2px 2px 3px black;
	text-decoration: none;
	box-shadow: inset -4px -4px 13px 0px #814318, 2px 2px 15px 1px #2c2c2c;
	border-radius: 10px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
/* ============================ссылки принадлежности к патриархии и епархии==========================*/
.link-rpc-block {
	height: 30px;
	-moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
}
.link-rpc-block a:hover {
	padding: 10px;
	color: white;
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
}
.link-rpc-block a:active {
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: inset 0px 0px 15px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
}
.link-rpc-block a {
	text-decoration: none;
}
/*=======================тень и радиус яндекс карты======================*/
.iframe-shadow-radius {
	height: 13em;
	width: 90%;
	margin: 15px auto;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	box-shadow: 3px 3px 10px 0px #2c2c2c;
	overflow: hidden;
}
/*================================сплоеры с ссылками ютуба==========================*/
.videolink {/*--блок сплоера details--*/
	cursor: pointer;
	margin: 5px auto;
	padding: 5px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
/*-------запретить выделение текста--------*/
	-moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
}
.videolink summary {/*--заголовок сплоера--*/
	text-align: justify;
	padding: 8px 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.videolink summary:hover {/*--анимация заголовка сплоера--*/
	color: white;
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -3px -3px 13px 0px #814318, 3px 3px 13px 0px black;
}
details[open] {/*--устанавливаем тень раскрытого details--*/
	box-shadow: inset -3px -3px 13px 0px #814318, 3px 3px 13px 0px black;
}
.videolink div {/*--выравнивание блока в сплоере--*/
	overflow: visible;
	margin: 5% auto 0;
	width: 90%;
}
.videolink  iframe {/*--стилизация самого видео контента--*/
	height: 90%!important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	box-shadow: 1px 3px 10px 0px black;
}
/*=================увеличение картинки с классом .alignnone при наведении в записях====================*/
.alignnone {
	margin: 10px;
	-webkit-border-radius: 10px!important; 
	-moz-border-radius: 10px!important; 
	border-radius: 10px!important;
	-moz-transition: all 0.3s ease-out!important;
	-ms-transition: all 0.3s ease-out!important;
	-webkit-transition: all 0.3s ease-out!important;
	-o-transition: all 0.3s ease-out!important;
}
.alignnone:hover {
	-webkit-transform: scale(1.1)!important;
	-moz-transform: scale(1.1)!important;
	-ms-transform: scale(1.1)!important;
	-o-transform: scale(1.1)!important;
}
/*=================увеличение картинки с классом imagediv при наведении====================*/
.imagehover,
.imagehover-noborder {
	padding: 8px;
	margin: auto;
}
.imagehover img,
.imagehover-noborder img {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
 }
.imagehover img:hover,
.imagehover-noborder img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
 }
/*=========================анимация картинки с храмом================================*/
 .nebo {
	overflow: hidden; 
	text-align: center; 
	padding: 0;
	margin-right: 30px;
	margin-bottom:10px;
 }
 #nebo {
	 width: 100%; 
	 position: absolute; 
	 border-radius: 10px;
	 opacity: 0;
	 filter:alpha(opacity=0);
	 -moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-webkit-transition: all 3s ease;
	-o-transition: all 3s ease;
 }
 #sun {
	 left: -30%; 
	 bottom: 20%; 
	 width: 25%; 
	 height: auto; 
	 position: absolute; 
	 z-index: 2;
	 -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
 }
 
 #hram {
	 width: 100%; 
	 position: relative; 
	 z-index: 3;
 }
 .nebo:hover #nebo {
	 opacity: 1;
	 filter:alpha(opacity=100);
 }
 .nebo:hover #sun {
	 transform: translate(420%,-150%);
    -webkit-transform: translate(420%,-150%);
    -o-transform: translate(420%,-150%);
    -moz-transform: translate(420%,-150%);
 }
 /*========================блок с записками о здр или упк===========================*/
.zapiska-block {
	text-align: center;
	padding: 0px;
 }
.zapiska {
	width: 250px;
	-height: 800px;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 15px auto;
}
.zapiska form {/*выравнивание записки*/
	text-align: center; 
	height: 100%;
}
.zapiska form p:first-of-type {
	margin-top: 55px;
}
.zapiska input {/*поля записки с именами*/
	margin-top: 10px;
}
.zapiska form:first-child {/*первое поле записки*/
	margin-top: 210px;
}
.zapiska-zdravie {
	background-image: url(/images/zdravie.png);
}
.zapiska-upokoy {
	background-image: url(/images/upokoi.png);
}
#zdravie input {/*===================поля ввода здравной записки==================*/
	background-color: rgba( 0, 0, 0, 0);
	-border: none;
	border: 1px solid red;
	font-size: 14px;
}
#zdravie select {/*===================выбор здравной записки=====================*/
	background-color: rgba( 0, 0, 0, 0);
	-border: none;
	border: 1px solid red;
	font-size: 14px;
	margin: 0px auto 15px;
}
#upokoy input {/*===================поля ввода упокойной записки==================*/
	background-color: rgba( 0, 0, 0, 0);
	-border: none;
	border: 1px solid #2c2c2c;
	font-size: 14px;
}
#upokoy select {/*===================выбор упокойной записки=====================*/
	background-color: rgba( 0, 0, 0, 0);
	-border: none;
	border: 1px solid #2c2c2c;
	font-size: 14px;
	margin: 0px auto 15px;
}
.input-calendar {
	margin: 0px auto 30px;
}
.zapiska button {/*==========================кнопка подать записку ========================*/
	padding: 10px;
	border: none;
	background-color: rgba( 0, 0, 0, 0);
	box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black;
	border-radius: 10px;
}
.zapiska button:hover {
	color: white;
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
}
.zapiska button:active {
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
	padding: 9px;
}
.zapiska-info {/*окно сообщения записка отправлена*/
	z-index: 320;
	border-radius: 10px;
	padding: 8px;
	text-align: center;
	position: fixed;
	top: 25%;
	left: 31%;
	width: 40%;
	height: auto;
	background-image: url('/images/article.jpg');
	background-size: 100% auto;
	background-repeat: repeat-y;
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
}
.zapiska-info img {
	width: 120px;
}
.zapiska-info section {
	height: 100%;
}
/*============================== анимация телефонов и эл.почты==================================*/
.icon-contakt {
	width: 40px; 
	margin-right: 3%;
	-o-transition: transform 0.4s linear;
	-ms-transition: transform 0.4s linear;
	-moz-transition: transform 0.4s linear;
	-webkit-transition: transform 0.4s linear;
}
.text-contakt:hover .icon-contakt{
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
	filter: none;
}
.text-contakt {
 text-align: center;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -webkit-transition: 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: 0.3s ease-out;
}
.text-contakt:hover{
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 -ms-transform: scale(1.5);
 -o-transform: scale(1.5);
 transform: scale(1.5);
}
/*======================================= фото галерея ==============================*/
.foto-sepia-block {
	padding: 0px;
}
.foto-sepia {
	border-radius: 10px;
	padding: 0px;
	overflow: hidden;
	border-radius: 10px;
	width: 200px;
    height: 133px;
	margin: 0 auto;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.foto-sepia:hover {
	box-shadow: 1px 1px 4px 1px black;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.foto-sepia-block p {
	text-align: center;
	margin: 10px;
}
.foto-sepia a>img {
	-display: block;
	-webkit-filter: sepia(100%);
    filter: sepia(100%);
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.foto-sepia a>img:hover {
	-webkit-filter: sepia(0);
    filter: sepia(0);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
/*=========================== модальное окно с галереей ====================================*/
.modal {
	min-width: 430px;
}
.close { /*----кнопочка закрытия модального окна----*/
	position: relative;
	right: -5%;
	top: -5%;
	opacity: 0.6;
	box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black;
	border-radius: 10px;
	font-size: 12pt;
	font-weight: bold;
	padding: 12px 15px!important;
	color: darkred;
}
.close:hover {
	opacity: 1;
	color: darkred;
	background-color: rgba( 255, 0, 0, 0.6);
}
.close:active {
	box-shadow: inset -2px -2px 16px 0px #814318, 0px 0px 4px 1px black;
}
.modal-content {
	padding: 5%;
	color: black;
	background-image: url(images/article.jpg);
	background-repeat: repeat-y no-repeat;
    background-attachment: scroll;
    background-size: 100% auto;
	width: 100%;
	box-shadow: inset 0px 0px 22px 1px #814318;
	text-align: center;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
}
.modal-content h4 {
	margin-bottom: 30px;
}
.modal-body {
	padding: 0px;
}
.modal-body .container-fluid .row {
	margin: 0px;
}
.fancybox-image {/*закругляем края фото в фансибоксе*/
	border-radius: 10px!important;
}
.fancybox-thumbs {/*убираем белый фон в миниатюрах фансибокса*/
	background: #fbdd9f!important;
}
/*=====================стилизация страници с новостями================================*/
.news-body {/*блок с анонсами записей*/
	padding: 0px;
}
.post-zagolovok {/*блок с датой и заголовком записи*/
	-moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
	height: 62px;
	margin: 10px auto;
}
.post-zagolovok a {
	text-decoration: none;
}
.post-date {/*----блок с датой записи-----*/
	margin-left: 10px;
	float: left;
	text-align: center;
	border-radius: 10px;
	border: 1px solid darkmagenta;
	width: 60px;
	overflow: hidden;
}
.post-date-month {/*----месяц-----*/
	font-size: 10pt;
	background-color: darkmagenta;
	color: white;
	margin: 0px;
}
.post-date-day {/*----день-----*/
	font-weight: bold;
	font-size: 15pt;
	margin: 0px;
	background-color: #f6e3c3;
}
.post-date-year {/*----год-----*/
	background-color: #f6e3c3;
	margin: 0px;
	font-size: 7pt;
}
.post-title {/*заголовок записи*/
	color: black;
	margin: 0px 5px 0px 0px;
}
.post-block p {
	text-indent: 20px; 
	text-align: justify;
}
.post-block div {/*блок с изображением записи в моб.*/
	margin: 0px auto;
	width: 300px;
	
}
.post-thumbnail {/*изображение записи*/
	width: 300px;
	height: 200px;
	float: left;
	padding: 10px 20px 0px 10px;
}
.post-thumbnail img {
	border-radius: 10px;
}
.knopka-a {
	float: right;
	padding: 0px 5px 0px 0px;
}
.knopka-a a{/*--кнопка подробнее--*/
	color: #2c2c2c;
	padding: 10px;
	border: none;
	background-color: rgba( 0, 0, 0, 0);
	box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black;
	border-radius: 10px;
	text-decoration: none;
}
.knopka-a a:hover {
	color: white;
	text-shadow: 2px 2px 3px black;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black;
	border-radius: 10px;
	background-color: rgba( 255, 0, 0, 0.6);
}
.knopka-a a:active {
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c;
	border-radius: 10px;
	padding: 9px;
}
/*=================================================== Пагинация в новостях и магазине ===========================================*/
.pagination {
	margin: 0;
	display: inline;
}
.nav-links {/*строка с кнопками пагинации в новостях*/
	text-align: center;
	padding: 20px 0px;
}
.nav-links a, .page-numbers a {/*стили кнопок пагинации в новостях и магазине*/
	line-height: 3!important;
	margin: 0px 5px!important;
	padding: 10px 15px!important;
	border: none!important;
	background-color: rgba( 0, 0, 0, 0)!important;
	box-shadow: inset -3px -3px 12px 0px #814318, 1px 1px 2px 1px black!important;
	border-radius: 10px!important;
	text-decoration: none!important;
	display: inline!important;
	color: #2c2c2c!important;
}
.nav-links a:hover, .page-numbers a:hover {
	color: white!important;
	text-shadow: 2px 2px 3px black!important;
	box-shadow: inset -4px -4px 14px 0px #814318, 1px 1px 4px 1px black!important;
	border-radius: 10px!important;
	background-color: rgba( 255, 0, 0, 0.6)!important;
}
.nav-links a:active, .page-numbers a:active {
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c!important;
	border-radius: 10px!important;
}
.current{/*кнопка текущей страницы в новостях и магазине*/
	box-shadow: inset 0px 0px 10px 2px #814318, -0px -0px 2px 0px #2c2c2c!important;
	border-radius: 10px!important;
	padding: 10px 15px!important;
	color: #2c2c2c!important;
	line-height: 3!important;
	margin: 0px 5px!important;
	display: inline!important;
	background-color: rgba( 180,216,44,0.7)!important;
}
.page-numbers, .page-numbers li {/*убираем рамку кнопок пагинации в магазине*/
	border: none!important;
}
.screen-reader-text, .page-numbers li .next, .page-numbers li .prev {/*убираем заголовок пагинации в новостях и стрелки next prev в магазине*/
	display: none!important;
}
.dots {/*сокращенные страницы*/
	padding: 10px 15px;
}

/*================================================================страница с видео =============================================================*/
.video-page-section {
	padding: 0px 15%;
}

/*--------картинки на странице таинства---------*/
.tainstva-img {
	float: left;
	margin: 10px 20px 0px 10px;
	border-radius: 5px;
}
.tainstva-img-xs {
	border-radius: 5px;
}
/*==============================================================ИВАН-ЧАЙ===================================================*/
.ivtea {/*------------бренд чая----------------*/
	width: 35%;
	max-width: 300px;
	min-width: 200px;
	margin: 15px; 
	padding:0px;  
	border-radius: 10%;
	float: left;
}
#ivteasvova {
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
#ivteasvova:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
/*#ivantea ul {
	list-style-type: disc;
}*/
/*============================================   стили главной страницы  ====================================================*/
.images { /* картинка великого поста */
	width: 100%;
	height: auto;
}
.h2vpost { /* надписи */
	font-family: rus_decor, tahoma;
	font-weight: normal;
	font-size: 30pt;
	margin-bottom: 0px;
}
.pvpost { /* надписи */
	text-align: center;
	font-size: 18pt;
}
.pvpost2 { /* надписи */
	text-align: center;
	font-size: 18pt;
	color: red;
}
.imageraspisan { /* изображения */
	width: 100%;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
}
.imageraspisan2 img{ /* расписание кроме главной*/
	width: 70vw;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.imageraspisan2 img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.imageraspisan-glavnaya img{/* расписание главной*/
	width: 90%;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.imageraspisan-glavnaya img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.imageraspisan3 { /* изображения */
	width: 70%;
	height: auto;
	margin: 5% auto;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 3px #2c2c2c;
}
.imageraspisan4 { /* изображения недели поста*/
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.divpost {
	padding: 0;
	z-index: 10;
	margin: 5% auto;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px #2c2c2c;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.divpost:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.imagepost {/*--постные изображения в модальном окне--*/
	float: left;
	width: 50%;
	height: auto;
	box-shadow: 2px 2px 10px 1px #2c2c2c;
	margin-right: 15px;
	margin-bottom: 10px;
}
/*==================== новая мобильная система боковых меню ====================*/
.mobile-overlay {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	opacity: 0;
	pointer-events: none;
	z-index: 998;
	transition: opacity 0.2s ease;
}

.mobile-overlay.active {
	pointer-events: auto;
}

.mobile-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 82%;
	max-width: 460px;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-attachment: scroll;
	z-index: 999;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0 0 20px rgba(0,0,0,0.35);
	will-change: transform;
}

.mobile-drawer-left {
	left: 0;
	transform: translateX(-100% - 8px);
}

.mobile-drawer-right {
	right: 0;
	transform: translateX(100% + 8px);
}

.mobile-drawer-inner {
	padding: 8px;
	min-height: 100%;
	background-image: url(/images/swipe_fon.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-attachment: scroll;
}

.mobile-drawer,
.mobile-drawer-inner {
	-webkit-overflow-scrolling: touch;
}

body.mobile-menu-open {
	overflow: hidden;
}

.mobile-hint {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	background: rgba(44, 44, 44, 0.9);
	color: #fff;
	font-size: 12px;
	padding: 10px 14px;
	border-radius: 10px;
	z-index: 1000;
	text-align: center;
	max-width: 90%;
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
/* скрыть мобильные drawer до полной инициализации */
body.mobile-drawers-not-ready .mobile-drawer,
body.mobile-drawers-not-ready .mobile-overlay {
	visibility: hidden;
}

body.mobile-drawers-ready .mobile-drawer,
body.mobile-drawers-ready .mobile-overlay {
	visibility: visible;
}
/*-----------------------убираем рамки и стрелки у input ------------------*/	
input[type=number]::-webkit-inner-spin-button,/* Для Chrome */
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input[type=number]{/* Для Firefox */
  -moz-appearance: textfield;
}
/*---------------------- тесты -----------------------------------------*/
div {
	-border: 1px solid;
}