/*
@import url('http://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900&subset=latin,cyrillic');
@import url('http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin,cyrillic');
*/

/**
 * Общие стили сайта.
 */

html, body {
	height: 100%;
}

body:after {
	display: none;
	content: url(../images/ul-dinamic-closed.png)
	         url(../images/ul-dinamic-open.png);
}

body {
	margin: 0;
	padding: 0;
	font-family: Roboto, sans-serif;
	/*letter-spacing: 0.3px;*/
	font-size: 14px;
	color: #373636;
	background-color: #d2d7d5;
}

h1, .h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font: 35px/1 Georgia, serif, Arial;
}

h1 > a.fa, .h1 > a.fa {
	text-decoration: none;
	margin-left: 10px;
}

h1 img {
	vertical-align: middle !important;
	margin-left: 0px !important;
	border: 0 !important;
}

h1 a:first-child img {
	margin-left: 16px !important;
}

h2.h2newsfirst {
	margin-right: -20px;
	white-space: nowrap;
}

h2, .h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
}

h2.header-grey {
  border-bottom: 1px solid #b6b6b0;
  padding-bottom: 7px;
  color: #999;
  margin-top: 15px;
  font-family: Roboto, sans-serif;
}

h2.header-grey > a,
h2.header-grey > a:hover {
	text-decoration: none;
	color: inherit;
}

.homepage .mleft h2 {
  font-size: 21px;
  border-bottom: solid 1px #b6b6b0;
  padding-bottom: 8px;
	margin-bottom: 0;
}

h2 img {
	vertical-align: middle !important;
	margin-left: 0px !important;
	border: 0 !important;
}

h2 img.rss {
	margin-left: 8px !important;
}

h3 {
	margin: 0 0 16px 0;
	padding: 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
}

h4 {
	margin: 0 0 13px 0;
	padding: 0;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
}

h5 {
	margin: 0 0 13px 0;
	padding: 0;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
}

h6 {
	margin: 0 0 13px 0;
	padding: 0;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
}

blockquote {
  font-family: Georgia;
  padding: 4px 20px;
  border-left: 3px solid #b6b6b0;
}

blockquote p {
  margin-bottom: 5px;
}

p
{
  margin-bottom: 13px;
}

img.vm-logo-opacity {
	opacity: 0.1;
}

/* .area img {
	margin: 0;
	border: 1px solid #b6b6b0;
} */

.area img.aleft{
	float: left;
	margin: 4px 24px 13px 0;
}

.area img.aright{
	float: right;
	margin: 4px 0 13px 24px;
}

a.valaam-cross-link {
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
    background: url(../images/valaam-cross.png) -4px 0px no-repeat;
    padding: 5px 0 0 23px;
    margin: 0 0 0 0;
}

.bold-cross-link {
	margin: 0 0 13px 0;
	display: block;
}

.bold-cross-link .icon-valaam-cross{
	background: url(../images/valaam-cross.png) 0px 0px no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
	line-height: 20px;
	margin: -5px 0px 0 -3px;
	padding: 0 0 2px 0;
}

.bold-cross-link a {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline !important;
}

.bold-cross-link a:hover {
	text-decoration: none !important;
}

a.unstyled, 
a.unstyled:active,
a.unstyled:visited {
  color: inherit;
}

a.unstyled:hover,
a.unstyled:focus{
  text-decoration: inherit;
}

/* ... */

.container {
	background: #e2e2db;
	border-right: solid 2px #b6b6b0;
}

.container > .wrapper {
	background: url("../images/ornament.png") repeat-y;
	border-left: solid 2px #b6b6b0;
	padding-left: 55px;
}

.container > .wrapper > header {
	position: relative;
	background: url("../images/sobor-inside.jpg") no-repeat 100% -65px;
	height: 550px;
}

.homepage .container > .wrapper > header {
	background: url("../images/sobor.png") no-repeat 100% -100px;
	height: 550px;
}

.homepage .container > .wrapper > header::after {
	content: '';
	background: linear-gradient(to bottom, rgba(226, 226, 219, 0) 30%, rgba(226, 226, 219, 0.75) 40%, rgb(226, 226, 219) 60%);
	width: 100%;
	height: 100%;
}

.container > .wrapper > header > .logo {
	width: 339px;
	height: 133px;
	background: url("../images/logo.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 15px;
	left: 15px;
}

.container > .wrapper > .content {
	position: relative;
	min-height: 100%;
	margin-top: -300px;
}

.container > .wrapper > footer {
	position: relative;
	/*background: url("../images/footer.png") no-repeat center bottom;*/
	/*min-height: 100px;*/
}

.container > .wrapper > .content .socials > a {
	color: #888;
	font-size: 20px;
}

/* ... */

.mright > .moreblock .socials > a {
	color: #888;
	font-size: 20px;
}

hr {
	margin-top: 13px;
	margin-bottom: 13px;
	padding: 0;
	border-top: 4px double #b6b6b0;
}

.img-thumbnail {
	background-color: transparent;
	border-color: #b6b6b0;
	border-radius: 0;
	padding: 0;
	/* max-width: 190px !important; */
}

nav.navbar {
	border: none;
	border-radius: 0;
	background: none;
	box-shadow: none;
	margin-bottom: 0;
}

.homepage .content-side h2 {
	font-size: 20px;
	border-bottom: solid 1px #b6b6b0;
	padding-bottom: 8px;
}

/* ... */

.img-stretch-width {
	margin-bottom: 13px;
	text-align: center;
}

.img-stretch-width > img {
	display: inline-block;
	max-width: 800px;
	width: 100%;
}

.no-border {
	border: 0 none!important;
}

.display-inline-block {
	display: inline-block!important;
}

/*region media*/
@media (max-width: 1199px) {
	.homepage .container > .wrapper > header {
		background-position-x: 60%;
	}
}

@media (max-width: 767px) {
	.container {
		border-right: none;
		margin-top: 50px;
	}

	.container > .wrapper {
		background: none;
		border: none;
		padding: 0;
	}

	.homepage .container > .wrapper > header {
		background-position-x: 70%;
	}

	.container > .wrapper > header > .logo {
		width: 55%;
		height: 100px;
	}

	.container > .wrapper > footer {
		height: auto;
	}

	.container > .wrapper > footer * {
		text-align: center !important;
	}

	nav.navbar {
		background: #fff;
		border: none;
		margin-bottom: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

	nav.navbar > .navbar-header {
		background: #94683b;
	}

	.navbar-toggle {
		margin-left: 15px;
		float: left;
	}
}
/*endregion*/
/* ************************************************************************** */

.wrapper {
	margin: 0 auto;
	padding: 0 0 0 58px;
	width: 1238px;
	min-height: 100%;
	background-color: #e2e2db;
	background-image: url(../images/bg1250.png);
	background-repeat: repeat-y;
	/*position: relative;*/
	/*z-index: 1;*/
}

.header {
	position: relative;
	width: 100%;
    margin-bottom: -35px; /*-24px;*/
}

.header .theme {
	position: relative;
	margin-right: 3px;
    overflow: hidden;
    padding-bottom: calc( 250 / 1180 * 100% );
    height: 0;
}

.theme-volume-button {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 28px;
    height: 28px;
	cursor: pointer;
    background: url(../images/volume-sprite.svg);
    z-index: 100;
}

.theme-play-button, 
.theme-pause-button {
    position: absolute;
    right: 16px;
    bottom: 14px;
    width: 24px;
    height: 24px;
	cursor: pointer;
    z-index: 100;
}

.theme-play-button {
    background: url(../images/play.svg);
}

.theme-pause-button {
    background: url(../images/pause.svg);
}

.theme-video-preview {
    width: 100%;
    height: auto;
}

.theme-volume-button.muted {
	background-position: 0 -56px;
} 

.header .theme img {
  display: block;
  position: relative;
  width: 100%;
  user-select: none;
}

.header.inside .theme img {
	/*
	top: 0px;
	left: 0;
	transform: none;
	*/
}

.header .theme:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(226, 226, 216, 0) 60%, rgba(226, 226, 216, 0.4) 70%, rgba(226, 226, 216, 0.91) 90%,  rgb(226, 226, 219) 100%);
	content: '';
}

.header .corner {
	position: absolute;
	margin-left: -43px;
	width: 267px;
	height: 292px;
	z-index: 102;
}

.header .corner img {
	display: block;
	position: relative;
	width: 100%;
}

.header .decor {
	position: absolute;
	margin-left: -43px;
	margin-top: 280px;
	width: 57px;
	height: 20px;
	z-index: 104;
}

.header .decor img {
	display: block;
	position: relative;
	width: 100%;
}

.header .logo {
	position: absolute;
	margin-left: 20px;
	margin-top: 20px;
	width: 342px;
	height: 148px;
	z-index: 106;
}

.header.inside .logo {
	margin-left: 20px;
	margin-top: 20px;
}

.header .logo img {
	display: block;
	position: relative;
	width: 100%;
	border: 0;
}

.header .langs{
	position: absolute;
	top: 25px;
	right: 30px;
	color: #393939;
	z-index: 110;
}
.header .langs a{
	color: #393939;
	text-decoration: underline;
}
.header .langs a:hover{
	text-decoration: none;
}

#menu {
	position: absolute;
	margin-left: 30px;
	margin-top: 284px;
	z-index: 140;
}

#menu .control {
	display: none;
}

#menu .control-links {
	display: none;
}

#menu ul {
	display: block;
	margin: 0;
	padding: 0;
}

#menu li {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	color: #94683b;
	overflow: hidden;
}

#menu li a, #menu li a:active, #menu li a:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #373636;
}

#menu li a:hover {
	color: #94683b;
}

#menu li.active > a, #menu li.active > a:active, #menu li.active > a:visited {
	color: #94683b;
}

.inside #menu {
	position: relative;
	margin-left: 0;
	margin-top: 0;
}

.inside #menu > ul > li {
	padding: 0 0 5px 0;
}

.inside #menu li a, .inside #menu li a:active, .inside #menu li a:visited {
	color: #553f3b;
}

.inside #menu li a:hover {
	color: #94683b;
}

.inside #menu > ul > li > ul {
	margin: 8px 0 1px 8px;
}

.inside #menu > ul > li > ul > li {
	padding: 0 0 5px 0;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
	text-transform: none;
}

.inside #menu li.active > a, .inside #menu li.active > a:active, .inside #menu li.active > a:visited {
	color: #94683b;
}

.promo #menu {
	position: relative;
	margin-left: 0;
	margin-top: 0;
}

.promo #menu > ul > li {
	padding: 0 0 8px 0;
}

.promo #menu li a, .promo #menu li a:active, .promo #menu li a:visited {
	color: #553f3b;
}

.promo #menu li a:hover {
	color: #94683b;
}

.promo #menu > ul > li > ul {
	margin: 8px 0 1px 8px;
}

.promo #menu > ul > li > ul > li {
	padding: 0 0 5px 0;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 14px;
	text-transform: none;
}

.promo #menu li.active > a, .promo #menu li.active > a:active, .promo #menu li.active > a:visited {
	color: #94683b;
}

.header .lang {
	position: absolute;
	z-index: 142;
	display: none;
}

.content {
	position: relative;
	width: 100%;
	min-height: 190px;
	/*z-index: 120;*/
}

.content .mleft {
	float: right;
	margin-right: 20px;
	width: 760px;
	font-family: Georgia, serif, Arial;
	font-size: 16px;
}

button, [role=button] {
	font-family: Roboto, sans-serif;;
}

/*.content .mleft h2 {*/

	/*font: 21px/22px Georgia, serif, Arial;*/
	/*font-weight: 700;*/
/*}*/

.content .mleft .publishing-detail {
  text-align: justify;
}

.content .mleft .publishing-detail h2 {
  text-align: left;
}

.content .mright {
	float: left;
	margin-left: 30px;
	padding-top: 4px;
	width: 340px;
}
/*
.content.inside .mleft {
	width: 760px;
}*/

.content.inside .mright {
	margin-left: 20px;
	width: 340px;
}

.content.promo .mleft {
	width: 686px;
}

.content.promo .mright {
	margin-left: 20px;
	width: 248px;
}

.content .bottom {
	clear: both;
	height: 4px;
}

.footer {
	margin: 0;
	padding: 13px 20px 0 20px;
	/*min-height: 208px;*/
	/*background-image: url(../images/bg-footer.jpg);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	overflow: hidden;
}

.footer ul {
	margin: 0 20px 0 20px;
	padding: 0;
	text-align: center;
	line-height: 20px;
	overflow: hidden;
}

.footer li {
	display: inline-block;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	color: #553f3b;
}

.footer li:after {
	margin: 0 5px 0 3px;
	content: "-";
}

.footer li:before {
	margin: 0 3px 0 5px;
	content: "-";
}

.footer a, .footer a:active, .footer a:visited {
	text-decoration: none;
	color: #553f3b;
}

.footer a:hover {
	color: #94683b;
}

.footer .thanks {
	margin: 0 13px;
	text-align: center;
	/*font-style: italic;*/
	color: #826b3f;
}

.footer .copyright {
	float: left;
	margin: 0 13px 13px 13px;
	color: #553f3b;
}

.footer .support {
    margin: 0;
    float: right;
    color: #553f3b;

}

.mleft .main-banners {
	display: none;
}

.mright .main-banners {
	display: block;
}


.ctrl-enter-msg {
  color: #553f3b;
  font-size: 10px;
  text-align: left;
  margin: -5px 0 0 0;
}

.ctrl-enter-msg .dark-red {
  color: #9c1616;
}

.footer .ctrl-enter-msg {
  margin: -6px 11px 0 0;
  width: 250px;
  float: right;
}

.footer .support #Iframe1 {
	margin: -13px -66px 0 0;
	height: 50px;
}

/* ************************************************************************** */

.sep {
	margin: 13px 0;
    padding: 0;
	border-top: 4px double rgb(182, 182, 176);
	/* border-top: 4px double transparent; */
}

.sepmright {
	display: none;
}

.list-grey {
	color: #999;
}

.list-grey > li {
	padding-bottom: 5px;
}

.area table {
	border-collapse: collapse;
}

.area table tr th {
	margin: 0;
	padding: 6px;
	border: 1px solid #c0beb2;
	text-align: center;
	font-weight: bold;
}

.area table tr td {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.area table tr > .bold {
	font-weight: bold;
}

.area table tr > .italic {
	font-style: italic;
}

.area table tr > .center {
	text-align: center;
}

.area table tr > .nowrap {
	white-space: nowrap;
}

.area table tr > .w50 {
	width: 50px;
}

.area table tr > .w100 {
	width: 100px;
}

.area table tr > .w150 {
	width: 150px;
}

.area table tr > .w200 {
	width: 200px;
}

.area table tr > .w250 {
	width: 250px;
}

.area table tr > .w300 {
	width: 300px;
}

.area table tr > .w350 {
	width: 350px;
}

.area table tr > .w400 {
	width: 400px;
}

.area table.turn {
	border-collapse: collapse;
}

.area table.turn tr th {
	margin: 0;
	padding: 6px;
	border: 1px solid #e2e2db;
	text-align: center;
	font-weight: bold;
	background-color: #d5d5cd;
}

.area table.turn tr td {
	margin: 0;
	padding: 6px;
	border: 1px solid #e2e2db;
}

.area table.turn tr:nth-child(odd) td {
	background-color: #d5d5cd;
}

.area table.turn tr:nth-child(even) td {
	background-color: #ebebe7;
}

.area table.zebra tr:nth-child(even) td {
  background-color: rgba(255,255,255,.6);
}


.area table.center tr td {
	text-align: center;
}

.area table.border tr td {
  border: 1px solid black;
}


/*.area .publishing-detail ul {
    display: block;
    padding: 0;
    margin: 13px 0 13px 0;
}

.area .publishing-detail ul li {
	display: block;
	margin: 0;
	padding: 0 0 0 24px;
	background-image: url(../images/li.png);
	background-repeat: no-repeat;
	background-position: 4px 7px;
}*/

.area ul.dynamic {
	margin: 0;
	padding: 0;
}

.area ul.dynamic > li {
	display: block;
	margin: 0;
	padding: 0 0 13px 0;
	background-image: none;
}

.area ul.dynamic > li > span {
	display: inline-block;
	padding: 0 0 0 20px;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
	color: #94683b;
	background-image: url(../images/ul-dinamic-closed.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

.area ul.dynamic > li.open > span {
	background-image: url(../images/ul-dinamic-open.png);
}

.area ul.dynamic > li > span.hover {
	text-decoration: underline;
}

.area ul.dynamic > li > div {
	display: none;
	padding: 13px 0 13px 30px;
}

.area ul.dynamic > li.open > div {
	display: block;
}

.area ul.lst {
	margin: 0;
	padding: 0;
}

.area ul.lst > li {
	display: block;
	margin: 0;
	padding: 0 0 13px 0;
	background-image: none;
}

.area ul.lst > li > a {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.area ul.lst > li > p {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
}

.area .social {
	padding: 13px 0 0 0;
}

.area .social {
	padding: 13px 0 0 0;
	margin: 0 0 0 -4px;
}

.area table.navigation {
	margin: 24px auto 0 auto;;
	border: 0;
	border-collapse: collapse;
}

.area table.navigation tr td {
	margin: 0;
	padding: 0;
	border: 0;
}

.area table.navigation tr td.prev {
	padding-right: 10px;
	color: #d0cbbc;
}

.area table.navigation tr td.next {
	padding-left: 10px;
	color: #d0cbbc;
}

.area table.navigation tr td.home {
	padding: 0 10px 0 10px;
	border-left: 1px solid #d0cbbc;
	border-right: 1px solid #d0cbbc;
}

.area .pager {
	text-align: center;
}

.area .pager span, .area .pager a {
	white-space: nowrap;
}

.area .pager .current {
	font-weight: bold;
	color: #673c12;
}

.area .pager .psep {
	color: #673c12;
}

.area a.back {
	display: block;
	position: absolute;
	top: -24px;
	left: 90px;
	padding: 4px 0 4px 20px;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 138;
}

.popup {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/bg-popup.png);
	z-index: 290;
}

.popup-loading {
	position: relative;
	margin: 0 auto 0 auto;
	width: 90px;
	height: 12px;
}

.popup-loading img {
	display: block;
	margin: 0;
	padding: 0;
	width: 90px;
	height: 12px;
	border: 0;
}

.video {
	margin: 20px 0;
}

.video-debug {
	margin: 20px 0;
	width: 100%;
}

/* ************************************************************************** */

.social {
	padding: 13px 0 0 0;
	margin: 0 0 0 -4px;
}

.notice {
	padding-bottom: 13px;
	overflow: hidden;
}

.notice h2 {
	margin-bottom: 5px;
}

.notice .pic {
	float: left;
	margin-top: 4px;
	width: 160px;
}

.notice .pic img {
	display: block;
	width: 100%;
	border: solid 5px #fff;
}

.notice .txt {
	margin-left: 190px;
}

.notice .txt > p {
	margin: 0;
	padding: 0;
}

/* -------------- */

.notice .txt > p a {
	font-size: 13px;
}

/* -------------- */

.sepnotice {
	margin-bottom: 13px;
}

.h2newsfirst {
	/*margin-left: 86px;*/
	color: #553f3b;
}

.newsfirst {
	margin-bottom: 13px;
	overflow: hidden;
}

.newsfirst .date {
	float: left;
	width: 86px;
	font-weight: normal;
	color: #673c12;
}

.newsfirst .picture {
	clear: left;
	float: left;
	width: 180px;
	margin-right: 13px;
	margin-top: 4px;
}

.newsfirst .picture > a > img {
	width: 180px;
	border: solid 5px transparent;
	outline: 1px solid rgb(182, 182, 176);
	margin-left: 1px;
}

.newsfirst .txt {
	/*margin-left: 86px;*/
}

.newsfirst .txt a.tit {
	display: block;
	font-weight: normal;
}

.newsfirst .txt > p {
	margin: 13px 0 13px 0;
	padding: 0;
	text-align: justify;
}

/* more */

.moreblock .h4moreblock {
	margin: 13px 0 13px 0;
	padding: 0;
	letter-spacing: 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #553f3b;
}

.moreblock .txt a.tit {
	display: block;
	margin-bottom: 13px;
	font-weight: normal;
}

.sepnewsfirst {
	/*margin-left: 88px;*/
	margin-top: 13px;
	margin-bottom: 13px;
}

.news-item {
	margin-bottom: 13px;
	text-align: justify;
}

.news-item .date {
	margin-top: 13px;
	color: #673c12;
}

.news-item p {
	overflow: visible;
}

.news-list-item {
	margin-bottom: 13px;
}

.news-list-item .tit {
	line-height: 16px;
	font-size: 13px;
}

.news-list-item .tit .date {
	margin-right: 13px;
	font-size: 13px;
	color: #673c12;
}

.news-list-item img {
	width: 180px;
	float: left;
	margin: 4px 10px 0 0;
	padding: 0;
	border: solid 5px transparent;
	outline: 1px solid rgb(182, 182, 176);
}

.news-list-item > p {
	margin: 0;
	padding: 13px 0 0 0;
}

.news-list-item > p a.more {
	margin-left: 13px;
}

.news-list-item > div.video {
	padding: 13px 0 8px 0;
}

.news-list-item > div.video img {
	border: 0;
}

.sepvideo {
	margin-bottom: 13px;
}

.newsgallery, .fullgallery {
	overflow: hidden;
}

.gallery {
	float: left;
	padding-top: 13px;
	padding-bottom: 13px;
	width: 50%;
}

.gallery:nth-child(odd) {
	clear: both;
}

.gallery .block {
	display: table;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1px;
}

.gallery .block img {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #9b9799;
	cursor: pointer;
}

.gallery .block span {
	display: block;
	padding-top: 4px;
	font-style: italic;
	color: #777676;
}

.gallerypic {
	position: relative;
	width: 0;
	height: 0;
	overflow: hidden;
}

.gallerypic img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

.gallerypic span {
	display: block;
	margin: 0;
	padding: 13px 0 0 0;
	height: 50px;
	border: 0;
	line-height: 20px;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	color: #c7bba3;
}

.sections-item {
	margin-bottom: 13px;
}

.sections-item > a {
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-weight: normal;
}

.sections-item > p {
	margin: 2px 0 0 0;
	padding: 0;
}

.element {
	margin-bottom: 13px;
}

.section-entry {
	margin-bottom: 13px;
	overflow: hidden;
}

.question {
	margin-bottom: 13px;
}

.question > h5 {
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
	color: #673c12;
	cursor: pointer;
}

.question > h5:hover {
	text-decoration: underline;
}

.question > p {
	display: none;
	margin: 13px 0 0 0;
	padding: 0;
}

.question > p.active {
	display: block;
}

.question.static > p {
	display: block;
}

.question.static > h5 {
	cursor: auto;
}

.question.static > h5:hover {
	text-decoration: none;
}

.question > p > span.more {
	display: block;
	padding-top: 13px;
	text-align: left;
}

table.chants {
	margin-bottom: 13px;
	width: 100%;
}

.galleryzoom {
	display: table;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
}

.galleryzoom .zoomrow {
	display: table-row;
}

.galleryzoom .prevpic, .galleryzoom .nextpic {
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 100%;
}

.galleryzoom .curpic {
	display: table-cell;
	margin: 0;
	padding: 0;
	max-width: 572px;
	border: 1px solid #9b9799;
}

.galleryzoom .curpic img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	border: 0;
	cursor: pointer;
}

.galleryzoom .active {
	cursor: pointer;
}

.galleryzoom .prevpic.active.hv {
	background-image: url(../images/gallery-left.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.galleryzoom .nextpic.active.hv {
	background-image: url(../images/gallery-right.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.gz-tit {
	padding: 13px 0 0 0;
	line-height: 16px;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
}

.gz-description {
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: center;
}

.linkbox {
	/*margin-left: 88px;*/
}

.linkbox a {
	display: block;
	margin-bottom: 13px;
	line-height: 16px;
	font-size: 13px;
}

.rites-banner{
	display: block;
	margin: 13px 0 13px;
	padding: 13px;
	border-top: 4px double #d5bd9d;
	border-bottom: 4px double #d5bd9d;
	color: #896a3a;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
}
.rites-banner:hover{
	text-decoration: none;
}

.social-block{
	margin: 13px 0 -4px;
	text-align: center;
}
.social-block img{
	vertical-align: middle;
}

/* ************************************************************************** */

.mf-text {
	margin-top: 7px;
	margin-bottom: 2px;
}

.mf-req {
	margin-left: 3px;
	color: red;
}

.mf-ok-text {
	color: green;
	padding-bottom: 13px;
}

.mf-error-text {
	color: red;
	padding-bottom: 13px;
}

.mf-target .mf-text {
	margin-top: 0;
}

.mf-target select {
	padding: 0 0 0 4px;
	width: 400px;
	height: 26px;
	border: 1px solid #c0beb2;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #ebebe7;
}

.mf-form input, .mf-form textarea {
	padding: 3px 4px 3px 4px;
	border: 1px solid #c0beb2;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #ebebe7;
  outline: 0 none;
}

.mf-form button {
  outline: 0 none;
}

.mf-form input:focus, 
.mf-form textarea:focus,
.mf-form button:focus {
  outline: 2px auto rgb(148, 104, 59);
}

.mf-name input, .mf-familyname input, .mf-email input, .mf-company input {
	width: 200px;
}

.mf-form .hint {
  font-size: 13px;
  color: #c0beb2;
  margin: 0;
}

.mf-subject input {
	width: 400px;
}

.mf-message textarea {
	width: 400px;
	height: 120px;
}

.mf-captcha input {
	width: 160px;
}

.mf-captcha img {
	border: 0;
}

input.mf-submit {
	display: block;
	margin: 13px 0 0 0;
	padding: 4px 0 4px 0;
	width: 170px;
	border: 0;
	text-align: center;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #c0beb2;
	cursor: pointer;
}

input.mf-submit-sm {
  width: 100px;
}

input.mf-submit:hover {
	color: #fbfbf7;
}

/* ************************************************************************** */

.mrites {
	overflow: hidden;
}

.mrites .mrites-msg {
	padding-bottom: 13px;
	color: red;
}

.mrites .mrites-form {
	float: left;
	width: 300px;
	margin-right: 13px;
}

.mrites .mrites-area {
	float: left;
	width: 335px;
}

.mrites .mrites-area .paper {
	position: relative;
	min-height: 400px;
	padding: 30px 20px 100px;
	background: url(../images/paper.jpg) 0 0 repeat-y;
	background-size: 100% 100%;
	border: 1px solid #dacfbf;
}

.mrites .mrites-area .info {
	margin-top: 13px;
	border-top: 1px solid #dacfbf;
	padding-top: 13px;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
}

.mrites .mrites-area .subject {
	padding: 0px 0px 4px 0px;
	text-align: center;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	color: #896a3a;
	font-size: 13px;
	text-transform: uppercase;
}

.mrites .mrites-area .rite {
	margin-bottom: 13px;
	padding: 0px 0px 15px;
	border-bottom: 4px double #d5bd9d;
	text-align: center;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
}

.mrites .mrites-area .names {
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
	margin-bottom: 5px;
}

.mrites .mrites-area .names span {
	margin-left: 4px;
	font-size: 13px;
}

.mrites .mrites-area .price {
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: 253px;
	border-top: 4px double #d5bd9d;
	border-bottom: 4px double #d5bd9d;
	text-align: center;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	color: #896a3a;
	font-size: 13px;
}

.mr-text {
	margin: 13px 0 0 2px;
	color: #896a3a;
	font-size: 13px;
	text-align: left;
}

.mr-req {
	margin-left: 3px;
	color: #896a3a;
}

.mr-subject .mr-text {
	margin-top: 0;
}

.mrites .mr-select select{
	width: 298px;
}

.mr-select select{
	position: relative;
	padding: 0 30px 0 4px;
    -webkit-appearance: none; 
    appearance: none;
    -moz-appearance: none;
	height: 32px;
	border: none;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: transparent;
	z-index: 1;
	width: inherit;
}
.mr-select{
	position: relative;
	border: 1px solid #c0beb2;
	background-color: #ebebe7;
	overflow: hidden;
    display:inline-block;
	width: 100%;
}
.mr-select:after{
	content: "";
	position: absolute;
	top: 11px;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	border-width: 10px 6px 0 6px;
	border-style: solid;
	border-color: #b2b2a7 transparent transparent transparent;
}

.mr-form input, .mr-form textarea {
	border: 1px solid #c0beb2;
	/*width: 100%;*/
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #ebebe7;
}
.mr-form input {
	padding: 6px 10px;
}
.mr-form textarea {
	padding: 3px 10px;
}

.mr-agree {
	padding-top: 13px;
}

.mr-checkbox{
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.mr-checkbox + label{
	position: relative;
	display: inline-block;
	padding-left: 27px;
	font-size: 13px;
}
.mr-checkbox + label:before{
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	border: 2px solid #888;
	border-radius: 3px;
	color: #373636;
}
.mr-checkbox:checked + label:before{
	content: "✔";
}
	
.mr-agree .mr-text input {
	margin: 0 10px 2px 0;
	padding: 0;
	border: 1px solid #c0beb2;
	vertical-align: middle;
}
	
.mr-name input, .mr-email input {
	width: 100%;
}

.mr-names textarea, .mr-more textarea {
	width: 100%;
	resize: none;
}

.mr-captcha input {
	width: 180px;
}

.mr-captcha img {
	border: 0;
}

.mrites input.mr-submit {
	margin: 13px 0;
	width: 170px;
}

input.mr-submit {
border: 0;
	text-align: center;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #fff;
	background-color: #b2b2a7;
	cursor: pointer;
}

.mrites input.mr-submit {
	display: block;
	padding: 13px 0;
}

input.mr-submit:hover {
	color: #fbfbf7;
}

.mrites .order.num {
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px dotted #c0beb2;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
	color: #94683b;
}

.mrites .order.item {
	overflow: hidden;
	padding-bottom: 13px;
}

.mrites .order.full {
	overflow: hidden;
	padding-top: 13px;
	border-top: 1px dotted #c0beb2;
}

.mrites .order .num {
	float: left;
	text-align: left;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
}

.mrites .order .text {
	margin-left: 13px;
	margin-right: 100px;
	text-align: left;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
	overflow: hidden;
}

.mrites .order .text span {
	font-weight: bold;
	font-style: italic;
}

.mrites .order .price {
	float: right;
	width: 100px;
	text-align: left;
	font-family: Roboto, serif, sans-serif;
	line-height: 16px;
	font-size: 13px;
}

.mrites .order.full .price {
	font-weight: bold;
}

.mrites .order.button {
	padding-top: 13px;
}

.mrites .order.button > div {
	text-align: right;
}

.mrites .order.button > div > img {
	width: 150px;
}

iframe {
	display: block;
	/*margin: 0 auto;*/
}
/* ************************************************************************** */

.news-filter {
	padding-bottom: 13px;
	overflow: hidden;
}

.news-filter .select-wrapper {
	display: block;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	height: 26px;
	border: 1px solid #c0beb2;
	outline: 0;
}

.news-filter select {
	display: block;
	margin: 0;
	padding: 0 0 0 4px;
	height: 100%;
	border: 0;
	outline: 0;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #ebebe7;
}

.news-filter input {
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 3px 4px 3px 4px;
	width: 74px;
	border: 1px solid #c0beb2;
	outline: 0;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #ebebe7;
}

.news-filter .filter-button {
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 4px 0 4px 0;
	width: 88px;
	border: 0;
	text-align: center;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #c0beb2;
	cursor: pointer;
}

.news-filter .filter-button:hover {
	color: #fbfbf7;
}

/* ************************************************************************** */

.cameras {
	display: flex;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #d0cbbc;
	border-right: 1px solid #d0cbbc;
	border-left: 1px solid #d0cbbc;
	flex-wrap: wrap;
	padding-top: 10px;
	gap: 10px;
	justify-content: center;
}

.cameras span {
	display: block;
	margin: 0px;
	padding: 6px;
	border: 1px solid #d0cbbc;
	text-align: center;
	color: #553f3b;
	cursor: pointer;
	width: 125px;
	border-radius: 10px;
}

.cameras span:hover {
	color: #94683b;
}

.cameras span.active {
	color: #94683b;
	border-color: #94683b;
}

.cameras span.empty {
	float: none;
	margin-left: 200px;
	border-right: 0px;
	width: auto;
}

.camera {
	padding: 13px 13px 13px 13px;
	border-right: 1px solid #d0cbbc;
	border-bottom: 1px solid #d0cbbc;
	border-left: 1px solid #d0cbbc;
	min-height: 386px;
}

.camerafirst {
	margin-left: 86px;
	width: 248px;
	height: 160px;
	overflow: hidden;
}

/* ************************************************************************** */

.promoselectarea {
	display: none;
}

select.promoselect {
	padding: 0 0 0 4px;
	width: 200px;
	height: 30px;
	border: 1px solid #c0beb2;
	font-family: Roboto, serif, sans-serif;
	letter-spacing: 0.3px;
	line-height: 16px;
	font-size: 13px;
	color: #373636;
	background-color: #ebebe7;
}


.overlay {
	position: fixed;
    top: 0;
    z-index: 1000;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e2e2db;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ************************************************************************** */

@media (max-width: 1199px) {

.wrapper {
	width: 947px;
	background-image: url(../images/bg960.png);
}

.header .theme {
	padding-bottom: calc( 250 / 886 * 100% );
}

.header .corner {
	width: 210px;
	height: 230px;
}

.header .decor {
	margin-top: 220px;
}

.header .logo {
	margin-left: 17px;
	margin-top: 17px;
    width: 290px;
}

.header.inside .logo {
	margin-left: 17px;
	margin-top: 17px;
}

#menu {
	margin-left: 48px;
	margin-top: 222px;
}

#menu li {
	line-height: 20px;
}

.content .mleft {
	float: right;
	margin-left: 48px;
	width: 510px;
}

.content .mright {
	float: left;
	margin-right: 32px;
	width: 248px;
}

.content.inside .mleft {
	margin-left: 0;
	width: 590px;
}

.content.inside .mright {
	margin-right: 0;
	width: 248px;
}

.content.promo .mleft {
	margin-left: 48px;
	width: 512px;
}

.content.promo .mright {
	margin-right: 24px;
	width: 248px;
}

.footer {
	padding: 13px 32px 0 20px;
}

.area a.back {
	left: 48px;
}

.notice .txt {
	margin-left: 196px;
}

.h2newsfirst {
	margin-left: 0;
}

.camerafirst {
	margin-left: 0px;
}

.newsfirst .date {
	float: none;
}

.newsfirst .txt {
	margin-left: 0;
}

.sepnewsfirst {
	margin-left: 0;
}

.galleryzoom .curpic {
	max-width: 398px;
}

.linkbox {
	margin-left: 0;
}

.rites-banner{
	margin-left: 0;
}

.social-block{
	margin-left: 0;
}

}

/* ************************************************************************** */

@media (max-width: 959px) {

.wrapper {
	margin: 0;
	padding: 0;
	min-width: 304px;
	width: auto;
	background-image: none;
	overflow: hidden;
}

.header {
  margin-top: 39px;
  height: auto;
}

.header.inside {
	margin-top: 39px;
	height: auto;
}

.header .theme {
	margin: 0;
}

.header .theme img {
  top: 0;
  height: auto;
  width: 120%;
}

.header.inside .theme img {
    top: 0px;
	margin-left: 0;
	width: 100%;
}

.header .corner {
	display: none;
}

.header .decor {
	display: none;
}

.header .logo {
  margin-left: 2%;
  margin-top: 2%;
  width: 40%;
  max-width: 290px;
  height: auto;
}

.header.inside .logo {
	margin-left: 2%;
	margin-top: 2%;
	width: 40%;
	max-width: 290px;
	height: auto;
}

#menu {
	position: fixed;
	left: 0;
	top: 0;
	margin-left: 0;
	margin-top: 0;
	width: 80%;
	height: 39px;
	z-index: 140;
}

#menu .control {
	display: block;
	padding: 8px 0 8px 0;
	height: 39px;
	text-indent: 34px;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #553f3b;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	cursor: pointer;
	overflow: hidden;
}

#menu .control.hover {
	color: #dbbfa2;
}

#menu > ul {
	display: none;
	margin: 0;
	padding: 13px;
	border-bottom: 5px solid #c0beb2;
	background-color: #e2e2db;
	overflow: hidden;
}

#menu > ul.open {
	display: inline-block;
}

#menu li {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	color: #94683b;
	overflow: hidden;
}

#menu li a, #menu li a:active, #menu li a:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #373636;
}

#menu li a:hover {
	color: #94683b;
}

.inside #menu {
	position: fixed;
	left: 0;
	top: 0;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
	z-index: 140;
}

.inside #menu .control {
	display: block;
	padding: 8px 0 8px 0;
	text-indent: 34px;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #553f3b;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	cursor: pointer;
	overflow: hidden;
}

.inside #menu .control.hover {
	color: #dbbfa2;
}

#menu .control-links {
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
}

.inside #menu > ul {
	display: none;
	margin: 0;
	padding: 13px;
	border-bottom: 5px solid #c0beb2;
	border-right: 1px solid #c0beb2;
	background-color: #e2e2db;
	overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 39px);
}

.inside #menu > ul.open {
	display: inline-block;
}

.inside #menu li {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	color: #94683b;
	overflow: hidden;
}

.inside #menu li a, .inside #menu li a:active, .inside #menu li a:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #373636;
}

.inside #menu li a:hover {
	color: #94683b;
}

.promoselectarea {
	display: block;
}

.promo #menu {
	position: absolute;
	top: -60px;
	left: 12px;
	z-index: 142;
}

.promo #menu .control {
	display: none;
}

.promo #menu > ul {
	display: none;
	margin: 0;
	padding: 0;
	border-bottom: 0;
	background-color: transparent;
	overflow: hidden;
}

.promo #menu > ul.open {
	display: inline-block;
}

.promo #menu > ul > li {
	display: inline-block;
	margin: 0;
	padding: 0px 6px 0px 6px;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	color: #94683b;
	background-color: #553f3b;
	overflow: hidden;
}

.promo #menu li a, .promo #menu li a:active, .promo #menu li a:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #ffffff;
}

.promo #menu li.active > a, .promo #menu li.active > a:active, .promo #menu li.active > a:visited {
	color: #ffffff;
}
	
.promo #menu li a:hover, .promo #menu li.active > a:hover {
	color: #dbbfa2;
}

.header .lang {
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	padding-top: 8px;
	width: 20%;
	height: 39px;
	text-align: right;
	background-color: #553f3b;
	z-index: 142;
}

.header .lang img {
	margin-right: 13px;
}

.header .lang a:first-child img {
	margin-right: 0px;
}

h2.h2newsfirst {
	margin-right: 0px;
}

.homepage .content {
	margin-top: 0;
}

.content .mleft {
	float: none;
	margin-left: 0;
	padding: 0 10px 0 10px;
	width: auto;
}

.content .mright {
	float: none;
	margin-right: 0;
	padding: 0 10px 0 10px;
	width: auto;
}

.mleft .main-banners {
	display: block;
}

.mright .main-banners {
	display: none;
}

.content.inside .mleft {
	float: none;
	margin-left: 0;
  margin-right: 0;
	padding: 0 10px 0 10px;
	width: auto;
}

.content.inside .mright {
	float: none;
	margin-right: 0;
  margin-left: 0;
	padding: 0 10px 0 10px;
	width: auto;
  margin-bottom: 25px;
}

.content.promo .mleft {
	float: none;
	margin-left: 0;
	padding: 0 10px 0 10px;
	width: auto;
}

.content.promo .mright {
	float: none;
	margin-right: 0;
	padding: 0 10px 0 10px;
	width: auto;
}

/*.sepmright {
	display: block;
	margin-top: 13px;
	margin-bottom: 13px;
}*/

.footer {
	padding: 13px 10px 0 10px;
}

.footer ul {
	margin: 0 13px 0 13px;
}

.footer .thanks {
	margin: 0 13px;
}

.footer .copyright {
	float: none;
	margin: 0 13px;
	text-align: center;
}

.footer .support {
	float: none;
	margin: 0 13px 13px 13px;
	text-align: center;
}

.area a.back {
	left: 10px;
}

.area img {
	max-width: 100%;
	height: auto;
}

.area img.aleft {
	max-width: 50%;
	height: auto;
}

.area img.aright {
	max-width: 50%;
	height: auto;
}

.area div.aleft {
	max-width: 50%;
	height: auto;
}

.area div.aright {
	max-width: 50%;
	height: auto;
}

.area div.aleft img, .area div.aright img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.gallery .block img {
	max-width: none;
	width: auto;
}
	
.notice .txt {
	margin-left: 182px;
}

.mf-target select {
	width: 85%;
	max-width: 400px;
}

.mf-subject input {
	width: 85%;
	max-width: 400px;
}

.mf-message textarea {
	width: 85%;
	max-width: 400px;
}

.galleryzoom {
	display: block;
	max-width: 85%;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	text-align: center;
}

.galleryzoom .zoomrow {
	display: inline-block;
	margin: 0;
	padding: 0;
	outline: 0;
	max-width: 100%;
}

.galleryzoom .prevpic, .galleryzoom .nextpic {
	display: block;
	width: 100%;
	height: 56px;
}

.galleryzoom .curpic {
	display: block;
	width: auto;
	max-width: 100%;
}
}

/* ************************************************************************** */

@media (max-width: 532px) {

.gallery {
	float: none;
	width: 100%;
}

.gallery:nth-child(odd) {
	clear: none;
}

table.chants, table.chants tr, table.chants tr td {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

table.chants {
	margin-bottom: 13px;
}

table.chants tr {
	display: block;
	border-top: 0;
	border-left: 1px solid #c0beb2;
	border-bottom: 1px solid #c0beb2;
	border-right: 1px solid #c0beb2;
}

table.chants tr:first-child {
	border-top: 1px solid #c0beb2;
}

table.chants tr td {
	float: left;
	padding: 6px 6px 6px 6px;
}

table.chants tr td:first-child {
	padding-bottom: 0;
}

}

@media (max-width: 576px) {

    .header .theme {
         padding-bottom: calc( 500 / 824 * 100% );
    }

}

/* ************************************************************************** */

@media (max-width: 399px) {

.notice .pic {
	width: 96px;
}

.notice .txt {
	margin-left: 116px;
}

}

.error-report-form {
  padding: 1px;
  color: #282828;
	background: #fff;
  overflow: hidden;
}

.error-report-form textarea {
  width: 310px;
	height: 80px;
	resize: none;
}

.error-report-form .title {
  margin-top: 0;
	color: rgb(148, 104, 59);
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

.sections-item-gallerynotes {
    margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #c0beb2;
}

.sections-item-gallerynotes a img {
    height: 100px;
}

/* yashare */

.ya-share2 {
	display: inline-block;
	position: relative;
	top: -3px;
	margin-left: 5px;
}
.ya-share2 li:before,
.ya-share2 li:after {
	content: "";
	margin: auto;
}

.ya-share2 ul li {
	padding: 0;
}

/* snippets */

.snippet-publication-block {
	width: 300px;
	float: left;
	padding: 0 25px 13px 0;
}

.snippet-publication-block > p:last-child {
	font-size: 13px;
	text-align: justify;
	border-bottom: 1px dotted #a0a0a0;
	padding-bottom: 13px;
}

.color-red {
	color: red;
}

.color-brown {
  color: #94683b;
}

.color-green {
	color: green;
}

.bold {
	font-weight: bold;
}

.text-grey {
	color: #999;
}

/* ellipsis для нескольких строчек */
.line-clamp
{
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;

	line-height        : 1.2;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
}

.line-clamp-lh3 {
	line-height        : 1.3;
}

.line-clamp-lh4 {
	line-height        : 1.4;
}

.line-clamp:after
{
	content    : '';
	text-align : right;
	bottom     : 0;
	right      : 0;
	width      : 25%;
	display    : block;
	position   : absolute;
	height     : calc(1em * 1.2);
	background : linear-gradient(to right, rgba(226, 226, 219, 0), rgba(226, 226, 219, 1) 75%);
}
.line-clamp-lh3:after{
	height     : calc(1em * 1.3);
}
.line-clamp-lh4:after{
	height     : calc(1em * 1.4);
}
@supports (-webkit-line-clamp: 1)
{
	.line-clamp:after
	{
		display : none !important;
	}
}
.line-clamp-1
{
	-webkit-line-clamp : 1;
	max-height             : calc(1em * 1.2 * 1);
}
.line-clamp-1.line-clamp-lh3 {
	max-height             : calc(1em * 1.3 * 1);
}
.line-clamp-1.line-clamp-lh4 {
	max-height             : calc(1em * 1.4 * 1);
}
.line-clamp-2
{
	-webkit-line-clamp : 2;
	max-height             : calc(1em * 1.2 * 2);
}
.line-clamp-2.line-clamp-lh3 {
	max-height             : calc(1em * 1.3 * 2);
}
.line-clamp-2.line-clamp-lh4 {
	max-height             : calc(1em * 1.4 * 2);
}
.line-clamp-3
{
	-webkit-line-clamp : 3;
	max-height             : calc(1em * 1.2 * 3);
}
.line-clamp-3.line-clamp-lh3 {
	max-height             : calc(1em * 1.3 * 3);
}
.line-clamp-3.line-clamp-lh4 {
	max-height             : calc(1em * 1.4 * 3);
}
.line-clamp-4
{
	-webkit-line-clamp : 4;
	max-height             : calc(1em * 1.2 * 4);
}
.line-clamp-4.line-clamp-lh3 {
	max-height             : calc(1em * 1.3 * 4);
}
.line-clamp-4.line-clamp-lh4 {
	max-height             : calc(1em * 1.4 * 4);
}
.line-clamp-5
{
	-webkit-line-clamp : 5;
	max-height             : calc(1em * 1.2 * 5);
}
.line-clamp-5.line-clamp-lh3 {
	max-height             : calc(1em * 1.3 * 5);
}
.line-clamp-5.line-clamp-lh4 {
	max-height             : calc(1em * 1.4 * 5);
}
/* End required CSS. */

.search-page form input.search-suggest {
	max-width: 100%;
}

.footer > .socials > a > img {
	width: 32px;
	margin-left: 1px;
}

.mright .mobile-app {
    max-width: 430px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
	height: 103px;
}

.mright .mobile-app a {
    width: 48%;
}

.mright .mobile-app .disabled {
    opacity: .2 !important;
	cursor: default;
}

.mright .mobile-app img {
    width: 100%;
}

.mright .mobile-app .download-button {
    width: auto;
}


.mobile-app .download-button {
    background-color: #000000;
    color: white;
    border-radius: 6px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-family: Roboto, sans-serif;
    min-width: 150px;
}

.mobile-app .download-content {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}

.mobile-app .download-text {
    font-size: 11px;
	letter-spacing: 0.5px;
}

.mobile-app .download-apk {
    font-size: 23px;
	line-height: 24px;
}

.img-banner {
	width: 100%;
	max-width: 430px;
}

.embed-responsive {
	background-color: #d5d5d0;
}

.embed-responsive-340by226{
	padding-bottom: 66.47%;
}

.embed-responsive-1by1 {
	padding-bottom: 100%;
  }

.no-embed-responsive .embed-responsive {
	padding: 0;
	height: auto;
}

img.lazy {
	opacity: 0;
}

img.lazy-loaded {
	opacity: 1;
	transition: opacity ease 0.8s;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
}

.row {
    margin-left: -8px;
    margin-right: -8px;
}