/*************************
 *
 * style.css
 *
 *************************/

/*
Theme Name: Talesp_v1 25.09.25
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: ES
Version: 24.06.12
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/* ---------- dom objects: -----------------------
 *
 *   body
 *	
 *     header    
 *		div#wrapper
 *        div.branding
 *			div.slogan
 * 		  div#menu-top
 *		  div#access
 *			 div#menu
 *				div#menu-middle
 *				div#menu-large
 *
 *     div#main
 *  	  div#container
 * 		    div#content
 * 		      div#my-video
 * 			    div#my-video_video
 * 			    div#my-video_displayarea
 * 			    div#my-video_jwplayer_display
 *     
 *	   div#footer
 *
 * ----------------------------------------------- */


/*--------------------
 * Html
 *-------------------*/

html {
	--olive-color: #9a9a2e;
	--light-olive-color: #bebe4b;
	--brand-green: #076448;
	--dark-green: #099268;
	--medium-green: #20c997;
	--text-color: #212529;
	--gray: #868e96;
	--light-gray: #f1f3f5;
	--extra-light-gray: #f8f9fa;
	--white: #fff;
	--black: #000;

	--dark-blue: #1476b8; 
	--navy-blue: #1430b8;
	--shine-blue: #0000ff;
	--dark-cherry: #b81414; 

	--theme-color: #007cba;
	--theme-color-darker-10: #006ba1;
	--theme-color-darker-20: #005a87;
	
	--entry-title-color: var(--olive-color);
	--entry-meta-color:  var(--olive-color);

	--model-large-max-width: 56rem; /*960px;*/
/*
	--model-medium-max-width: 720px;
	--model-small-max-width:  432px;
*/
	--body-max-width: var(--model-large-max-width);
	
	box-sizing: border-box;
	color: var(--text-color);

}


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	center
	{
		background: transparent;
		border: 0;
		margin: 0;
		padding: 0;
		vertical-align: baseline;
	}

	strong {
		font-weight: bold;
	}

	h1, h2, h3, h4, h5, h6 {
		clear: both;
		font-weight: normal;
	}
	
	
	/*--------------------
	 * Center block html
	 *-------------------*/

	html, body, header, 
	nav, div, center, 
	div.sm-imagebrowser-nav,
	#top,
	#main, 
	#container, 
	#content, 
	#post-id, 
	div.entry-content,
	#photos, ul#photos_inner,
	.aligncenter
	{
		border: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
		vertical-align: baseline;
	}


	/*background: url(../images/wrapper/wrapper_vod.jpg) center top repeat;*/ /*center top repeat; no-repeat;*/ 
	html {
		/*margin-top: 10px !important;*/
	}
/*
	@media (max-width: 30em) {
		html {
			margin-top: 0px;
			margin-bottom: 10px;
			background: #fff;
		}		
	}
	@media (min-width: 30em) and (max-width: 60em) {
		html {
			background: url(../images/wrapper/wrapper_vod.jpg) center top repeat; 
		}		
	}
	@media (min-width: 60em) {
		html {
			background: url(../images/wrapper/wrapper_vod.jpg) center top repeat; 
		}		
	}
*/

	/*--------------------
	 * Root
	 *-------------------*/

	:root {
		width: auto;
		box-sizing: border-box;
	}

	*,
	*::before,
	*::after {
		box-sizing: border-box;
		/*box-sizing: inherit;*/
	}	

	/* CURRENT_SIZE <= 480px */
	/* 480px < CURRENT_SIZE <=960px */
	/* 960px < CURRENT_SIZE */
	
	@media (max-width: 30em) { /* CURRENT_SIZE <= 480px */
		:root {
			font-size: calc(1vw + 0.60em); /*480px*/
		}		
	}
	@media (min-width: 30em) and (max-width: 60em) { /* 480px < CURRENT_SIZE <=960px */
		:root {
			font-size: calc(1vw + 0.43em);
		}		
	}
	@media (min-width: 60em) { /* 960px < CURRENT_SIZE */
		:root {
			font-size: calc(1vw + 0.26em);
		}		
	}


	/* ----------------- objects: -------------------
	 *
	 *	 body
	 *     header    
	 *      div.description
	 *		div#wrapper
	 *        div.branding
	 * 		  div#menu-top
	 *		  div#access
	 *			 div#menu
	 *				div#menu-large
	 *	   div#main
	 *		  div#container
	 *			 div#content
	 *			    div.entry-content
	 *		  div#primary
	 *	   div#footer
	 *		  div#colophon
	 *			 div#site-info
	 *			 div#site-generator
	 *			 div.copyright
	 *
	 * ----------------------------------------------- */


	/*--------------------
	 * body
	 *-------------------*/
	/*
	body {
		--media-head--height: var(--body-max-width);
	}
	@media (max-width: 30em) {
		body {
			--body-max-width: calc(var(--model-small-max-width)-18px);		
		}		
	}
	@media (min-width: 30em) and (max-width: 60em) {
		body {
			--body-max-width: var(calc(var(--model-medium-max-width)-18px));
		}		
	}
	@media (min-width: 60em) {
		body {
			--body-max-width: calc(var(--model-large-max-width)-18px);
		}		
	}
	*/

	body header {
		margin-top: -8px;
		margin-bottom: 1px !important;
	}
	@media (max-width: 30em) {
		body {
			margin-top: 0px;
			margin-bottom: 10px;
			background: #fff;
			background: url(../images/wrapper/wrapper_vod.jpg) center top repeat; 
		}		
	}
	@media (min-width: 30em) and (max-width: 60em) {
		body {
			background: url(../images/wrapper/wrapper_vod.jpg) center top repeat; 
		}		
	}
	@media (min-width: 60em) {
		body {
			background: url(../images/wrapper/wrapper_vod.jpg) center top repeat; 
		}		
	}
	
	body, 
	#footer {
		max-width: var(--body-max-width); /*55rem;*/
		background-color: transparent;
	}

	body * + * {
		/*margin-top: 0.03em;*/
	}
	
	body, pre.wp-block-verse {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	}
	
	body ul * + *{
		font-family: inherit;
	}


	 /*
	 *     header    
	 *      div.description
	 *		div#wrapper
	 *        div.branding
	 * 		  div#menu-top
	 */
 
	/*--------------------
	 * Header
	 *-------------------*/

	#header {
		margin-bottom: 0px;
	}

	.title > h1 {
		color: #333;
		text-transform: uppercase;
		font-size: 1.34rem;
		margin: .2em 0;
	}

	@media (min-width: 35em) {
		.title > h1 {
		font-size: 2.25rem;
		}
	}

	.backdrop {
		position: fixed;
		position: absolute;
		display: none;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
	}


		/*--------------------
		 * Wrapper
		 *-------------------*/

		#wrapper {
			display: block;
			position: relative;
			width: inherit; 
			height: auto;
			border: 0;
			vertical-align: baseline;
		}
		@media (max-width: 30em) {
			#wrapper {
			}
		}
		@media (min-width: 30em) and (max-width: 60em) {
			#wrapper {
				background: transparent;
			}
		}
		@media (min-width: 60em) {
			#wrapper {
				background: transparent;
			}		
		}

			/*--------------------
			 * menu-top 
			 *-------------------*/

			#menu-top {
				display: block !important;
			}

				#menu-top ul ul {
					list-style-type: circle;
					margin-block-start: 0px;
					margin-block-end: 0px;
					padding-inline-start: 1.0em !important;
				}

				#menu-top ul
				{
					float: left;
				}
				
				#menu-top ul
				{
					display: table;
					margin: 0px !important;
					list-style: none;
					position: relative;
				}
				
					#menu-top ul li {
						display: table-cell;
						height: 42px;
						width: auto;
						margin: 0;
						padding: 0;
						list-style: none;
						position: relative;
					}
						#menu-top ul li a {
							position: relative;
							display: block;
							height: inherit;
							font-weight: normal;
							color: #9b2021;
						}

						#menu-top ul li a,
						#menu-top ul li a span
						{
							height: inherit; /*1.6em;*/
						}
						@media (max-width: 30em) {
							#menu-top ul li a {
								margin-top: 12px;
							}		
						}
						@media (min-width: 30em) and (max-width: 60em) {
							#menu-top ul li a {
								margin-top: 12px; /*1.0em;*/
							}
						}
						@media (min-width: 60em) {
							#menu-top ul li a {
								margin-top: 10px; /*0.50em;*/
							}		
						}

						#menu-top ul li:not(:last-child) a {
							border-right: 1px solid #cccc81;
						}
					
							#menu-top ul li a span {
								display: block;
								padding: 2px 10px 0px 10px;
							}

							#menu-top ul li a:hover span
							{
								background: url(../fancy/images/topselectionright.png) no-repeat center -15px;
								color: #fff;
							}

				#menu-top ul.dropdown {
					padding: 10px 0px 0px 12px;
					background: #e9bc75;
					overflow: hidden;
					border-bottom: 1px solid #dc902f;
					width: 18em;
				}
				#menu-top ul.dropdown {
					position: absolute;
					display: none;
					left: 0;
					z-index: 99;
					top: 30px;
				}

					#menu-top ul li a {
						padding: 1px 0 0 0px;			
					}
					#menu-top ul.dropdown li {
						display: block;
						position: relative;
						list-style: none;
						width: inherit; /* ширина li равна ширине ul */
						margin: 0;
						padding: 0;
						float: none;
					}

					#menu-top ul li.main {
						margin: 0;
					}
						#menu-top ul li:first-child h4 a {
							padding: 0 10px 0 0px;
						}

					#menu-top ul.dropdown li a {
						display: block;
						border-bottom: 1px solid #e5cd8e;
						line-height: 30px;
						overflow: hidden;
						height: 30px;
					}

					#menu-top ul.dropdown li.last a {
						border-bottom-width: 0;
					}
						#menu-top ul.dropdown li ul.dropdown{
							margin: 0;
							padding: 0;
							display: block;
							position: relative;
							z-index: 999;
							top: 0;
							left: 0;
							width: 200px;
						}




		/*--------------------
		 * Menu
		 *-------------------*/

		#menu {
			display: block;
			position: relative;
			width: 100%;
			height: 50px;
			left: 0;
			z-index: 5;
		}
			/*#menu * + * { во всех дочерних элементах #menu, после первого дочернего элемента */
			#menu a {
				/*font-size: 0.95em;*/
			}

			#menu ul
			{
				float: left;
			}
			
			#menu ul
			{
				display: table;
				margin: 0px !important;
				padding: 0px !important;
				margin-bottom: -1.0em; /*12px;*/
				list-style: none;
				position: relative;
			}
			
			#menu ul.dropdown {
				padding: 10px 0px 0px 12px;
				background: #e9bc75;
				overflow: hidden;
				border-bottom: 1px solid #dc902f;
				width: 18em;
			}
			#menu ul.dropdown {
				position: absolute;
				display: none;
				left: 0;
				z-index: 99;
				top: 30px;
			}
				#menu ul li{
					display: table-cell;
					height: 42px;
					width: auto;
					margin: 0;
					padding: 0;
					list-style: none;
					float: left;
					position: relative;
				}

				@media (max-width: 30em) {
					#menu ul li:first-child {
						margin-left: 5px;
					}
					#menu ul li a span {
						padding: 2px 5px 0px 5px;
					}
					#menu-large nav ul a {
						margin-top: 0.65em;
					}
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#menu ul li:first-child {
						margin-left: 8px;
					}
					#menu ul li a span {
						padding: 2px 10px 0px 10px;
					}
					#menu-large nav ul a {
						margin-top: 0.60em;
					}
				}
				@media (min-width: 60em) {
					#menu ul li:first-child {
						margin-left: 10px;
					}		
					#menu ul li a span {
						padding: 2px 15px 0px 15px;
					}
					#menu-large nav ul a {
						margin-top: 1.1em;
					}
				}

				#menu ul li.main {
					margin: 0;
				}
					#menu ul li:first-child {
						margin-left: 10px;
					}
					#menu ul li:first-child h4 a {
						padding: 0 10px 0 0px;
					}

						#menu ul li div.large-item a {
							display:block; 
							width:90%;
							height: inherit !important;				
							/*align:left;*/
						}

						/* pinocchio */
						#menu-large ul li div.large-item {
							display: flex; 
							width: 100%;
							height: 2.0em;
							/*line-height: 30px;*/
						}
						#menu-large ul li div.large-item img.pinocchio{
							display:none;
							width:auto; 
							position:relative; 
							margin:0 0.5em 0 -0.7em;
						}
						#menu-large ul li div.large-item:hover > img.pinocchio{
							display: block;
						}
					
					#menu ul.dropdown li {
						display: block;
						position: relative;
						list-style: none;
						width: inherit; /* ширина li равна ширине ul */
						margin: 0;
						padding: 0;
						float: none;
					}

					#menu ul li a {
						position: relative;
						display: block;
						font-weight: normal;
						color: #9b2021;
						padding: 2px 0 0 0px;
						/*margin-top: 0.75em;*/
					}
					@media (max-width: 30em) {
						#menu ul li a {
						}		
					}
					@media (min-width: 30em) and (max-width: 60em) {
						#menu ul li a {
							margin-top: 0.75em;
						}		
					}
					@media (min-width: 60em) {
						#menu ul li a {
							margin-top: 1.05em;
						}		
					}
/*
						#menu ul li a span {
							display: block;
							padding: 2px 10px 0px 10px;
						}
*/
					#menu ul.dropdown li a {
						display: block;
						line-height: 30px;
						overflow: hidden;
						height: 30px;
						/*border-bottom: 1px solid #e5cd8e;*/
					}

					#menu ul.dropdown li.last a {
						border-bottom-width: 0;
					}
						#menu ul.dropdown li ul.dropdown{
							margin: 0;
							padding: 0;
							display: block;
							position: relative;
							z-index: 999;
							top: 0;
							left: 0;
							width: 200px;
						}



		/*--------------------
		 * menu-large 
		 *-------------------*/

		#menu-large {
			display: block !important;
		}
			#menu-large nav ul li.hasmore.main { /* Главная */
				/*display: none;*/
			}

			#menu-large ul li.dropdown {
				/*background: url(../fancy/images/drophighlight.png) no-repeat center 30px;*/
			}

			#menu-large ul li.hasmore.dropdown a {
				height: 1.6em;
			}

			#menu-large ul li.hasmore.dropdown:not(:last-child) a {
				border-right: 1px solid #cccc81;
			}


		/*--------------------
		 * Links
		 *-------------------*/
			 
		a:link, a:visited, a:hover, a:active
		{
			text-decoration: none;
		}


		/*--------------------
		 * Menu events
		 *-------------------*/

		#menu ul li:hover
		{
			/*background: url(../fancy/images/topselectionright.png) no-repeat center -15px;*/
			/*margin-top: 0.75em !important;*/
		}

		#menu ul li a:hover span
		{
			background: url(../fancy/images/topselectionright.png) no-repeat center -15px;
			margin-top: -0px;
		}

		#menu ul li a:hover, 
		#menu ul li h4 a:hover
		{
			color: #fff;
			background-image: none;
		}

		#menu ul li a:focus, 
		#menu ul li a:active
		{
			color: #fff;
		}

		#menu ul li:hover > ul{
			display: block;
		}

		#menu ul li:hover > a, 
		#menu ul ul:hover > a
		{
			color: #fff;
			background: url(../fancy/images/topselectionright.png) no-repeat center -15px;
			height: 35px;
		}

		
	 /*
	 *     header    
	 *      div.description
	 *		div#wrapper
	 *        div.branding
	 * 		  div#menu-top
	 *		  div#access
	 *			 div#menu
	 *				div#menu-large
	 *	   div#main	
	 */					

		/*--------------------
		 * description
		 *-------------------*/
			 
		.div-description {
			display:block;
			width:100%; 
			margin:10px 0 0 0px;
			background:transparent;
		}					
			#site-description {
				display:none;
				position:relative; 
				text-align:center; 
				font-family:Georgia, 'Bitstream Charter', serif;
				font-style:italic; 
				font-size:0.8em; 
				color:#c1c111; 
			}
				#site-description p {
					display: block;
					margin-block-start: 1em;
					margin-block-end: 0.5em;
					margin-inline-start: 0px;
					margin-inline-end: 0px;
				}


			/*--------------------
			 * branding
			 *-------------------*/

			.branding {
				position: relative;
				/*flex: 1;*/
				height: 15.4rem; /*12.0rem;*/
				width: 100%;
				/*border-top: 1px solid #fff;*/ /*#ccc*/
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
			}

				@media (min-width: 30em) and (max-width: 60em) {
					.branding {
						height: 15.0rem;
					}		
				}


				/*--------------------
				 * slogan
				 *-------------------*/

				.slogan {
				  display: block;
				  position: absolute;
				  width: 100%;
				  height: 100%;
				  font-size: 2.20rem;
				  font-size: clamp(1.2rem, 4.5vw, 2.2rem);
				  font-weight: bold;
				  font-family: CyrillicOld;
				  font-weight: bold;
				  text-align: center;
				  text-shadow: 0.1em 0.1em 0.3em #000;
				  left: 0px;
				  color: #f1c269;
				  opacity: 0.75;
				  -webkit-text-stroke-width: 1px;
				  -webkit-text-stroke-color: #fff;
				  z-index: 999;
				}

				@media (max-width: 30em) {
					.slogan {
						margin-top: 2.55em;
					}
				}
				@media (min-width: 30em) and (max-width: 60em) {
					.slogan {
						margin-top: 2.75em;
					}
				}
				@media (min-width: 60em) {
					.slogan {
						margin-top: 2.95em;
					}		
				}
				

			/*--------------------
			 * menu-top 
			 *-------------------*/

			#menu-top {
				display: block !important;
			}

				#menu-top ul ul {
					list-style-type: circle;
					margin-block-start: 0px;
					margin-block-end: 0px;
					padding-inline-start: 1.0em !important;
				}

				#menu-top ul
				{
					float: left;
				}
				
				#menu-top ul
				{
					display: table;
					margin: 0;
					list-style: none;
					position: relative;
				}
				
					#menu-top ul li {
						display: table-cell;
						height: 42px;
						width: auto;
						margin: 0;
						padding: 0;
						list-style: none;
						position: relative;
					}
						#menu-top ul li a {
							position: relative;
							display: block;
							font-weight: normal;
							color: #9b2021;
						}

						#menu-top ul li a,
						#menu-top ul li a span
						{
							height: 1.5em;
						}
						#menu-top ul li:not(:last-child) a {
							border-right: 1px solid #cccc81;
						}
					
							#menu-top ul li a span {
								display: block;
								/*padding: 0px 10px 0px 10px;*/ /*2px 10px 0px 10px;*/
							}

							#menu-top ul li a:hover span
							{
								background: url(../fancy/images/topselectionright.png) no-repeat center -15px;
								color: #fff;
							}

				#menu-top ul.dropdown {
					padding: 10px 0px 0px 12px;
					background: #e9bc75;
					overflow: hidden;
					border-bottom: 1px solid #dc902f;
					width: 18em;
				}
				#menu-top ul.dropdown {
					position: absolute;
					display: none;
					left: 0;
					z-index: 99;
					top: 30px;
				}

					#menu-top ul li a {
						padding: 0; /*1px 0 0 0px;*/			
					}
					#menu-top ul.dropdown li {
						display: block;
						position: relative;
						list-style: none;
						width: inherit; /* ширина li равна ширине ul */
						margin: 0;
						padding: 0;
						float: none;
					}

					#menu-top ul li.main {
						margin: 0;
					}
						#menu-top ul li:first-child h4 a {
							padding: 0 10px 0 0px;
						}

					#menu-top ul.dropdown li a {
						display: block;
						border-bottom: 1px solid #e5cd8e;
						line-height: 30px;
						overflow: hidden;
						height: 30px;
					}

					#menu-top ul.dropdown li.last a {
						border-bottom-width: 0;
					}
						#menu-top ul.dropdown li ul.dropdown{
							margin: 0;
							padding: 0;
							display: block;
							position: relative;
							z-index: 999;
							top: 0;
							left: 0;
							width: 200px;
						}


			/*--------------------
			 * access navigation
			 *-------------------*/
			 
			#access {
				display: block !important;
				position: relative;
				background: var(--olive-color);
				background: -moz-linear-gradient(bottom, var(--olive-color), var(--light-olive-color));
				background: -webkit-gradient(linear, left bottom, left top, from(var(--olive-color)), to(var(--light-olive-color)));
				margin-top: 15px; 
				width: auto;
				height: auto; /*62px;*/
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
				border-radius: 10px 10px 0 0;
				-webkit-border-radius: 10px 10px 0 0;
			}
				@media (max-width: 30em) {
					#access {
						display: block !important;
						height:42px;
						margin-top: 6px;
					}		
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#access {
						display: block !important;
						height: 3.0rem; /*52px;*/
						margin-top: 12px; 
					}		
				}
				@media (min-width: 60em) {
					#access {
						display: block !important;
						height: 3.6rem; /*62px;*/
						margin-top: 15px; 
					}	
				}


				/*--------------------
				 * menu
				 *-------------------*/

				div#menu {
				  position: relative;
				  height: 45px; /*!!! px & !em & !rem*/
				}
					div.menu-large {
					  /*display: block;*/
					}

					div#menu-midle {
					  display: none;
					}

					/*#menu div nav ul.dropdown li div img.pinocchio
					{
						display: none;
						opacity: 0;
					}*/
					
					
					

				/*--------------------
				 * Model
				 *-------------------*/
				iframe#model {
					border-width: 0px;
					border-top-width: 0px;
					border-right-width: 0px;
					border-bottom-width: 0px;
					border-left-width: 0px;
					border-style: inset;
					border-color: initial;
					border-image: initial;
				}

				@media (max-width: 30em) {
					#model {
						z-index: 1;
					}		
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#model {
						z-index: 2;
					}		
				}
				@media (min-width: 60em) {
					#model {
						z-index: 3;
					}		
				}


				/*--------------------
				 * Button sub-branding
				 *-------------------*/

				@media (max-width: 30em) {
					.sub-branding {
						display:block; 
						height:34px;
					}		
				}
				@media (min-width: 30em) and (max-width: 60em) {
					.sub-branding {
						display:none; 
					}		
				}
				@media (min-width: 60em) {
					.sub-branding {
						display:none; 
					}		
				}



			/*
			 *	   div#main
			 *		  div#container
			 *			 div#content
			 *			    div.entry-content
			 *		  div#primary
			 *	   div#footer
			 *		  div#colophon
			 *			 div#site-info
			 *			 div#site-generator
			 *			 div.copyright
			/*

			/*--------------------
			 * Main
			 *-------------------*/

			#main {
				/*display: flex;
				flex-direction: row;*/
				position: relative;
				width: 100%;
				height: auto;
				min-height: 10.0rem;
				/*padding: 15px 0 15px 0;*/
				padding: 0.5rem 0;
				background-color: #f6f7ef;
			}
			@media (max-width: 30em) {
				#main {
					min-height: 3.0rem !important;
					/*display: flex;*/
				}		
			}
			@media (min-width: 30em) and (max-width: 60em) {
				#main {
					/*display: flex;
					flex-direction: row;*/
					/*top: -3px !important;*/
				}		
				#main {
					border-radius: 0px 0px 5px 5px;
					-webkit-border-radius: 0px 0px 5px 5px;
				}		
			}
			@media (min-width: 60em) {
				#main {
					/*display: flex;
					flex-direction: row;*/
				}		
				#main {
					border-radius: 0px 0px 7px 7px;
					-webkit-border-radius: 0px 0px 7px 7px;
				}		
			}


				/*--------------------
				 * Container
				 *-------------------*/
				
				#container {
					/*display: block;
					position: relative;
					margin: 0 !important;
					margin-left: auto;
					margin-right: auto;
					float: none !important;
					vertical-align: middle;*/		
					width: auto; /*96%;*/ /*64.5%;*/
					height: auto;
					background-color: #f6f7ef;
					margin: 0; /*0px 10px 5px 10px;*/
					padding: 0.5rem 0.5rem 1.0rem 0.5rem; /*0.5rem 1.0rem 1.0rem 1.0rem;*/
					/*border-top: 1px solid #ded8d8;
					border-bottom: 1px solid #ded8d8;
					border-left: 1px solid #ded8d8;
					border-right: 1px solid #ded8d8;*/
				}
				@media (max-width: 30em) {
					#container {
						/*width: 98%;*/
						/*margin: 1px 0 20px 0;*/
						/*padding: 1.0em 1.0em;*/
						border: none;
						background: transparent; /*inherit;*/ /*#fff;*/
					}		
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#container {
						/*float: none;*/ /*left;*/
						border-radius: 5px; 
						-webkit-border-radius: 5px; /*5px 5px 5px 5px;*/
					}		
				}
				@media (min-width: 60em) {
					#container {
						/*float: left;*/
						/*margin-right: 0px;*/
						border-radius: 5px; 
						-webkit-border-radius: 5px; /*7px 7px 7px 7px;*/
					}		
				}

				#container.sliding {	
					width: 100%; /*96%;*/ /*64.5%;*/
					height: auto;
					background-color: #f6f7ef;
					border: none;
					/*border-top: 1px solid #ded8d8;
					border-bottom: 1px solid #ded8d8;
					border-left: 1px solid #ded8d8;
					border-right: 1px solid #ded8d8;*/
				}


					/*--------------------
					 * Content
					 *-------------------*/

					#content {
						flex: 1;
						color: #333;
						line-height: 1.35em;
						width: 100%;
						background: #f6f7ef;
					}		
						.page.status-publish.hentry {
							margin: 0 auto;
						}

						#content .entry-content,
						#content .entry-content > p, 
						#content .entry-summary,
						#content .entry-summary p
						{
							-moz-hyphens: auto;
							-ms-hyphens: auto;							
							text-align: justify;
							/* hyphenation: header.php add .. <html lang="ru"> ..  IE10, Firefox, Android и iOS only */
						}
						
					@media (max-width: 30em) {
						#content {
							/*padding: 0.35em 0.35em;
							border-top: 1px solid #ded8d8;
							border-bottom: 1px solid #ded8d8;
							border-left: 1px solid #ded8d8;
							border-right: 1px solid #ded8d8;					
							border-radius: 2px 2px 2px 2px;
							-webkit-border-radius: 2px 2px 2px 2px;*/
						}		
							.page.status-publish.hentry {
								width: 100%;
							}
					}
					@media (min-width: 30em) and (max-width: 60em) {
						#content {
							padding: 0.35em 0.65em;
							border-radius: 8px 8px 8px 8px;
							-webkit-border-radius: 8px 8px 8px 8px;
						}		
							.page.status-publish.hentry {
								width: 96%;
							}
					}
					@media (min-width: 60em) {
						#content {
							padding: 0.35em 1.35em;
							border-radius: 10px 10px 10px 10px;
							-webkit-border-radius: 10px 10px 10px 10px;
						}		
							.page.status-publish.hentry {
								/*width: 93%;*/
							}
					}
						#content h1,
						#content h2
						{
							clear: both;
							font-size: 1.30em;
							font-weight: 500;
							margin-top: 5px;
						}						
							/* archive-meta post name publish */
							#content h1.entry-title, 
							#content h2.entry-title, 
							#content .entry-title a 
							{ 
								opacity:0.95;
								color: var(--entry-title-color);
								text-decoration: none;
							}
							@media (max-width: 30em) {
								#content h1.entry-title, 
								#content h2.entry-title 
								{
									opacity:0.95;
								}
							}
					
							#content .entry-title, 
							#content h1.entry-title, 
							#content h2.entry-title
							{
								color: var(--entry-title-color);
								margin: 0 0 10px 0px !important;
							}
							@media (max-width: 30em) {
								#content .entry-title, 
								#content h1.entry-title, #content h1.entry-title span,
								#content h2.entry-title								
								{
									/*font-size: 1.3em !important;*/
									/*margin: 8px 0 0 0px !important;*/
								}		
							}
							@media (min-width: 30em) and (max-width: 60em) {
								#content .entry-title, 
								#content h1.entry-title,
								#content h2.entry-title								
								{
									/*font-size: 1.3em;*/
									/*margin: 8px 0 0 0px !important;*/
								}
							}
							@media (min-width: 60em) {
								#content .entry-title, 
								#content h1.entry-title,
								#content h2.entry-title								
								{
									/*font-size: 1.3em;*/
									/*margin: 8px 0 0 0px !important;*/
								}
							}						
						
						#content p, #content h2, #content pre {
							color: #635e5e;
						}
							#content p img {
								float: left;
								clear: both;
							}

							@media (max-width: 30em) {
								#content p img {
									margin-right: 0.8em;
									margin-bottom: 0.45em; 							}
							}
							@media (min-width: 30em) and (max-width: 60em) {
								#content p img {
									margin-right: 1.0em; 
									margin-bottom: 0.45em; 
								}
							}
							@media (min-width: 60em) {
								#content p img {
									margin-right: 1.50em; 
									margin-bottom: 0.45em; 
								}
							}

						#content .page-title, 
						#content .archive-meta, 
						#content .nav-above, 
						#content .nav-next, 
						#content .nav-previous, 
						#content .entry-utility,
						#content .meta-sep,
						#content .author
						{
							display: none;
						}
						/* sliding header publish */
						#content .post-page .entry-meta .entry-title 
						{ 
							width: 100% !important;
							text-align:center;
						}
						/* archive-meta header publish */
						#content .entry-meta .post { 
							display: inline-block;
							text-align:center;
						}
						#content div.entry-meta,
						#content div.entry-meta span,
						#content div.entry-meta a .entry-date
						{
							/*font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
							/*font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;*/
							/*font: 14px/21px Georgia, serif;*/
							font-size: 0.75em;
							font-weight: 550 !important;
							color: #000;
							opacity:0.7;
							text-decoration: none;
						}
						#content .entry-meta a:hover { 
							text-decoration: none;
							cursor:inherit;
						}

						/*--------------------
						 * Entry content
						 *-------------------*/

						#content div.entry-content {
							z-index:0;
						}
							#content div.entry-content h3 {
								font-size:0.95em;
							}
						
						@media (max-width: 30em) {
							#content div.entry-content {
								width: auto; /*18.5em;*/
							}
								#content div.entry-content h3 {
									font-size:0.9em;
									text-align: center !important;
								}
						}
						@media (min-width: 30em) and (max-width: 60em) {
							/*#content div.entry-content {
								width: auto;
							}
								#content div.entry-content h3 {
									font-size:0.85em;
									text-align: center !important;
								}*/

							#content div.entry-content,
							#content div.page
							{
								width: 100%;
							}
								#content div.entry-content h3 {
									font-size:0.85em;
									text-align: center !important;
								}
							#content .entry-meta, 
							#content p,
							#content h1,
							#content h2,
							#content ul, 
							#content ol, 
							#content dd, 
							#content pre, 
							#content hr, 
							#content form#searchform, 
							#content div.entry-content h3 {
								padding: 0 0.30rem 0 0.30rem;
							}
								figure.wp-block-image,
								figure img {
									width: auto;
								}
						}
						@media (min-width: 60em) {
							#content div.entry-content {
								width: auto;
							}
								#content div.entry-content h3 {
									font-size:1.0em;
									text-align: justify;
								}
						}
							#content div.entry-content a:hover {
								text-decoration: underline;
							}
	
							#content .entry-meta, 
							#content p,
							#content h1,
							#content h2, 
							#content ul, 
							#content ol, 
							#content dd, 
							#content pre, 
							#content hr,
							#content form#searchform,
							#content div.entry-content h3 {
								/*font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;*/
							}
							
						@media (max-width: 30em) {
							#content .entry-meta, 
							#content p, 
							#content h1,
							#content h2,
							#content ul, 
							#content ol, 
							#content dd, 
							#content pre, 
							#content hr,
							#content form#searchform,
							#content div.entry-content h3
							{
								padding: 0 0.65rem 0 0.65rem;
								line-height: 1.4; /*1.50em;*/
							}		
						}
						@media (min-width: 30em) and (max-width: 60em) {
							#content .entry-meta, 
							#content p,
							#content h1,
							#content h2, 
							#content ul, 
							#content ol, 
							#content dd, 
							#content pre, 
							#content hr,
							#content form#searchform,
							#content div.entry-content h3
							{
								padding: 0 0.50rem 0 0.50rem; /*0 7px 0 7px;*/
							}		
						}
						@media (min-width: 60em) {
							#content .entry-meta, 
							#content p,
							#content h1,
							#content h2, 
							#content ul, 
							#content ol, 
							#content dd, 
							#content pre, 
							#content hr,
							#content form#searchform,
							#content div.entry-content h3
							{
								padding: 0 0.50rem 0 0.50rem;
							}		
						}


				/*--------------------
				 * block
				 * page status-publish
				 *-------------------*/

				div.page.type-page.status-publish div.entry-content {
					margin-bottom: 2.0em;
				}

				pre.wp-block-verse, 
				figure,
				figure a.link-tale,
				figure img
				{
					display: block;
					border: 0;
					margin-left: auto;
					margin-right: auto;
					vertical-align: baseline;
				}

				figure a img.sub-page:hover {
					border-right: 2px solid #ccc !important;
					border-bottom: 2px solid #ccc !important;
					border-left: 0px solid #fff !important;
					border-top: 0px solid #fff !important;
				}	

				figure img.sub-page,
				figure a img.sub-page				
				{
					border-left: 2px solid #fff !important;
					border-top: 2px solid #fff !important;
					-webkit-border-radius:  5px 5px 5px 5px;
				}
			
				.wp-block-column > img
				figure.wp-block-image
				{
					box-sizing: border-box;
					height: auto;
					max-width: 100%;
					vertical-align: bottom;
				}
				@media (max-width: 30em) {
					figure.wp-block-image {
						width: 70%;
					}	
				}
				@media (min-width: 30em) and (max-width: 60em) {
					figure.wp-block-image {
						width: 70%;
					}
					figure img {
						width: auto;
					}	
				}
				@media (min-width: 60em) {
					figure.wp-block-image {
						width: 70%;
					}		
				}


				/*--------------------
				 * Comments 
				 * комментарии
				 *-------------------*/
				 
				#comments {
					display: none;
				}

	
				/*--------------------
				 * Contact fom 7
				 *-------------------*/

				div#id-contact-form p {
					margin-top: 2.0rem; /*30px;*/
				}
				div#id-contact-form div div p {
					margin-top: 0.85rem;
				}
				div#id-contact-form p span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
					margin-left: 1.5rem;
				}
				form.wpcf7-form div.wpcf7-response-output {
					display: block;
					margin-left: auto;
					margin-right: auto;
					vertical-align: baseline;
				}
				@media (max-width: 30em) {
					/*??? not tested */
					div#id-contact-form,
					div.wpcf7-response-output {
						width: 95% !important;
					}
				}
				@media (min-width: 30em) and (max-width: 60em) {
					div#id-contact-form,
					div.wpcf7-response-output {
						width: 100% !important;
					}
				}
				@media (min-width: 60em) {
					div#id-contact-form,
					div.wpcf7-response-output {
						width: 65% !important;
					}
				}
			

				/*--------------------
				 * Primary
				 *-------------------*/

				#primary {
					width: auto;
					height: auto;
					background-color: #f6f7ef;
					margin: 0px 10px 5px 10px;
					padding: 1.0rem 2.0rem 1.0rem 2.0rem;
					border-top: 1px solid #ded8d8;
					border-bottom: 1px solid #ded8d8;
					border-left: 1px solid #ded8d8;
					border-right: 1px solid #ded8d8;
					border-radius: 5px;
					-webkit-border-radius: 5px;
				}
					#primary h3.widget-title,
					#primary ul li h3.widget-title {
						display: block;
						color: #504949;
						font-size: 1.0em;
						font-weight: 549;
						margin-block-start: 1em;
						margin-block-end: 1em;
						margin-inline-start: 0px;
						margin-inline-end: 0px;
					}
					/*#primary > ul li:not(:first-child) {*/
					#primary > ul li {
						margin: 0 0.50em 0 0.05em !important;
					}	
						#primary > ul li div {
							margin: 0.30em 0 0.5em 0 !important;
						}	

					#primary ul li h3
					{
						font-size: 1.20em;
						font-weight: 549;
					}
					#primary ul li a
					{
						color: var(--navy-blue);
					}

				#primary ul {
					list-style-type: none; /*disc;*/
				}

				@media (max-width: 30em) {
					#primary {
						margin: 0;
						padding: 0;
					}
						#primary ul {
							font-size: 1.0em;
							margin: 5px 5px 5px 5px;
						}
						#primary ul li h3
						{
							margin: 5px 0 0 0px; 
							padding-top: 0.35em !important; 
						}
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#primary {
						/*border-radius: 5px; 
						-webkit-border-radius: 5px;*/ /*5px 5px 5px 5px;*/
					}		 
						#primary ul.xoxo li:last-child
						{
							margin-bottom:15px;
						}

						#primary h3.widget-title {
							margin: 0 0 2px 0px;
						}
				}
				@media (min-width: 60em) {
					#primary {
						border-radius: 5px; 
						-webkit-border-radius: 5px; /*7px 7px 7px 7px;*/
					}
						#primary ul.xoxo li:last-child
						{
							margin-bottom:15px;
						}

						#primary ul li a
						{
							font-size: 1.0em;
						}
							#primary h3.widget-title {
								margin: 10px 0 2px 0px;
							}
				}
					#primary ul li a:hover
					{
						color: var(--navy-blue);
						text-decoration: underline;
					}



				/*--------------------
				 * Search on the site
				 *-------------------*/

				#primary form.wp-block-search {
					/*padding: 0 0.65rem 0 0.65rem;*/
				}

				#menu-top form.wp-block-search__button-outside {
					width: 39%; /*35%;*/
					height: inherit; 
					float: left; 
				}		
				
				@media (max-width: 30em) {
					#menu-top form.wp-block-search__button-outside {
						display: block; /*none;*/
						margin: 6px 10px 0 10px;
					}		
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#menu-top form.wp-block-search__button-outside {
						display: block;
						margin: 6px 10px 0 10px;
					}		
				}
				@media (min-width: 60em) {
					#menu-top form.wp-block-search__button-outside {
						display: block;
						margin: 4px 10px 0 10px;
					}		
				}			
				
				#menu-top input.wp-block-search__input {
					width: 90%;
					border-top: 1px solid #949494;
					border-left: 1px solid #949494;
					border-bottom: 1px solid #949494;
					border-right:  1px solid #949494;
					border-radius: 2px 0px 0px 2px;
					font-size: 1.0em !important;
					font-weight: normal;
					color: inherit /*#635e5e*/ !important;
					margin-top: 0;
					padding: 2px 2px 2px 5px; /*28px;*/
					background: url(../images/lupa_right.png) no-repeat; /*1px -0px;*/
					background-position: right 2% bottom 45% !important; /*center;*/ /*right 2% bottom 45% !important;*/ /*left 1% top 2%*/
					/*background-size: contain 90%;*/
				}
				#menu-top input#searchsubmit {
					display: none;
					border-top: 1px solid #949494;
					border-right: 1px solid #949494;
					border-bottom: 1px solid #949494;
					border-left: 0;
					border-radius: 0px 2px 2px 0px;
					/*background: url(../images/lupa_right.png) no-repeat 4px 2px;*/
					/*background-size: contain 90%;*/
				}
				@media (max-width: 30em) {
					#menu-top input#searchsubmit {
						/*display: none;*/
					}		
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#menu-top input#searchsubmit {
						/*display: block;*/
						background: url(../images/lupa_right.png) no-repeat 3px 2px;
					}		
				}
				@media (min-width: 60em) {
					#menu-top input#searchsubmit {
						/*display: block;*/
						background: url(../images/lupa_right.png) no-repeat 4px 4px;
					}		
				}
				
				#primary button.wp-block-search__button {
					display: none;
				}
				#primary input.wp-block-search__input {
					width: 90%;
					border-radius: 2px;
					line-height: 1.2em;
					font-size: 1.0em !important;
					font-weight: normal;
					color: inherit /*#635e5e*/ !important;
					margin-top: -0.5em;
					min-width: 1rem;
					padding: 4px 8px;
					background: url(../images/lupa_right.png) no-repeat; /*1px -0px;*/
					background-position: center right 1%; /* bottom 45% !important;*/ /*left 1% top 2%*/
					/*background-size: contain 90%;*/
				}			

				#menu-top input.wp-block-search__input:visited,
				#menu-top input.wp-block-search__input:active,
				#menu-top input.wp-block-search__input:focus,
				#primary input.wp-block-search__input:visited,
				#primary input.wp-block-search__input:active,
				#primary input.wp-block-search__input:focus {
					opacity: 75%;
					background: #e8e8e8; /*#fff;*/
				}
				
				@media (max-width: 30em) {
					#menu-top input.wp-block-search__input,
					#menu-top input#searchsubmit
					{
						background-position: center; /*right 1% bottom 45% !important;*/ /*left 1% top 2%*/
					}		
				}
				@media (min-width: 30em) and (max-width: 60em) {
					#menu-top input.wp-block-search__input,
					#menu-top input#searchsubmit					
					{
						background-position: center; /*right 1.5% bottom 45% !important;*/ /*left 1% top 2%*/
						font-size: 1.0rem; 
						min-width: 1.0rem;
						max-height: 2.0rem;
						padding: 4px 8px;
					}		
				}
				@media (min-width: 60em) {
					#menu-top input.wp-block-search__input,
					#menu-top input#searchsubmit
					{
						background-position: center; /*right 2% bottom 45% !important;*/ /*left 1% top 2%*/
						font-size: 1.0rem; 
						min-width: 1.0rem;
						max-height: 2.0rem;
						padding: 4px 8px;
					}		
				}



	/*--------------------
	 * post-id
	 *-------------------*/

	#post-id 
	{
		width: inherit;
		height: auto; /*inherit;*/
		margin: 0;
		padding: 0;
		border: none;
	}
	 
	#post-id a {
		text-underline-offset: 0;
	}

	#post-id h1 {
		display: block;
		font-size: 1.35em;
		margin-block-start: 0.0em;
		margin-block-end: 0.0em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}

	.entry-info {
		width:auto;
		height:auto;
	}
	@media (max-width: 30em) {
		.entry-info {
			/*line-height:2.0em;*/
			height:2.0em;
		}
	}
	@media (min-width: 30em) and (max-width: 60em) {
		.entry-info {
			/*line-height:2.15em;*/
			height:2.15em;
		}
	}					
	@media (min-width: 60em) {
		.entry-info {
			/*line-height:2.20em;*/
			/*height:2.10em;*/
		}
	}
		.entry-meta,
		.entry-meta > h1,
		.entry-meta > span, 
		.entry-meta a
		{
			top:0;
			bottom:0;
			border: 0;
			margin: 0;
			padding: 0;
			background: transparent;
			vertical-align: baseline;
		}

		.entry-title,
		.entry-title > h1,
		.entry-title > span,
		.entry-title a
		{
			top:0;
			bottom:0;
			border: 0;
			margin: 0;
			padding: 0;
			background: transparent;
			vertical-align: baseline;
		}

			.entry-meta > h1, 
			.entry-title > h1
			{ 
				margin-block-start: -8px; /*5px;*/
				margin-block-end: 3px; /*8px;*/
				margin-inline-start: 0px;
				margin-inline-end: 0px;
			}

			.entry-meta h1 > span 
			{
				height: auto;
				font-weight: /*normal*/ bold !important;
				color: var(--entry-meta-color);
				opacity: 0.9;
			}
			@media (max-width: 30em) {
				.entry-meta h1 > span {
					font-size:0.55em !important;
					opacity:0.80;
				}
			}
			@media (min-width: 30em) and (max-width: 60em) {
				.entry-meta h1 > span {
					font-size: 0.55em !important;
					opacity:0.80;
				}
			}
			@media (min-width: 60em) {
				.entry-meta h1 > span {
					font-size: 0.55em; !important;
					opacity:0.80;
				}
			}

			.entry-title h1 > span
			{ 
				font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
				font-weight: 550 !important;
				color: var(--entry-title-color);
				padding:0;
				text-decoration: none;
			}
			@media (max-width: 30em) {
				.entry-title h1 > span { 
					font-size: 0.85em !important;
					opacity:0.95;
				}
			}
			@media (min-width: 30em) and (max-width: 60em) {
				.entry-title h1 > span { 
					font-size: 0.90em !important;
					opacity:0.80;
				}
			}
			@media (min-width: 60em) {
				.entry-title h1 > span { 
					font-size: 0.95em !important;
					opacity:0.75;
				}
			}

		.spinner {
		  display: block !important;
		  height: 100%;
		  width: 100%;
		  background: transparent url(../images/spinner.gif) no-repeat center center;
		  background-size: 10%;
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  z-index: 99;
		}


		/*--------------------
		 * entry-content
		 *-------------------*/

		.entry-content 
		{
			width: inherit;
			height: auto;  /*96%;*/
			margin: 0;
			padding: 0;
			border: none;
		}


		/*--------------------
		 * photos
		 *-------------------*/

		#photos {
			/*width: 45vw;
			height: calc(45vw * 1.242);*/
		}

		#photos 
		{
			border: 1px solid #ded8d8 !important;
			/*border-top: 1px solid #ded8d8;*/
			position: relative;
			vertical-align: baseline;
			overflow: hidden;
			width: auto;
			height: inherit; /*auto;*/
			margin:0;
			z-index:0;
		}
			#photos .trigger {
				top: 0;
				left: 0;
				position: absolute;
				z-index: 0;
				height: 100%;
				width: 100%;
				font-size: 5px !important;
				line-height: 5px !important;
				display: block;
			}

			#photos ul#photos_inner {
				margin-block-start: 0px;
				margin-block-end: 0px;
				padding-inline-start: 0 !important;
			}
			
			#photos ul#photos_inner {
				position: absolute; /* !!! image paging */
				left: 0;
				list-style-type: none;
				margin: 0;
				padding: 0;
				top: 0;
				width: inherit !important;
				height: auto; /*3750px;*/
				z-index: 0;
			}
				#photos ul li {
					width: 100%;
				}
					#photos img {
						vertical-align: baseline;
					}
				

		/*--------------------
		 * Gallery navigation
		 * post-anonim
		 *-------------------*/

		div.sm-imagebrowser-nav {
			position:relative; 
			margin-top: 0.75em;
		}
		@media (max-width: 30em) {
			div.sm-imagebrowser-nav {
				width: 100%; /*inherit*/ !important; 
			}
		}
		@media (min-width: 30em) and (max-width: 60em) {
			div.sm-imagebrowser-nav {
				width: 96%;
			}
		}
		@media (min-width: 60em) {
			div.sm-imagebrowser-nav {
				width: 70%; 
			}
		}
			form#id-bonames-nav input#id-bonames-select,
			form#id-imagebrowser-nav input#id-submit-back,
			form#id-imagebrowser-nav input#id-bookmark-goto,
			form#id-imagebrowser-nav input#id-bookmark-close,
			form#id-imagebrowser-nav input#size-minus,
			form#id-imagebrowser-nav input#size-plus,
			form#id-imagebrowser-nav input#id-submit-next {
				cursor: pointer;
			}
			form#id-imagebrowser-nav {
				clear: both;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
				div.sm-sliding-nav {
					display:flex; 
					flex-direction:row; 
					width:auto;
				}	
					div#back {
						width:auto;
					}			
						div#back input#id-submit-back,
						div#back input#id-bonames-submit-back
						{
							flex:1; 
							width:54px; 
							height:54px; 
							border:1px solid #8f8f9d; 
							border-radius:27px !important;
						}

					div#gotopage-left, 
					div.sliding-nav-left {
						flex:1; 
						display:block;
						max-width:3.0em;
						min-width:1.0em;
					}


					div#bookmark-open,  div#bookmark-open  input, 
					div#bookmark-goto,  div#bookmark-goto  input,
					div#bookmark-close, div#bookmark-close input 
					{
						/*flex:1;*/
						max-width:3.5em;
						min-width:1.0em;
						width:54px !important; 
						height:54px; 
						border:1px solid #8f8f9d;
					}
		
					
					div#div-gotopage, 
					div#boname-actu-page
					{
						display:block; /*flex;*/
					}
						div#div-gotopage input, 
						div#boname-actu-page input 
						{
							width:44px; 
							height:54px; 
							margin-left:0.25em;
						}
						div#div-gotopage span, 
						div#boname-actu-page span 
						{
							flex:1; 
							width:5.0em;
							/*padding:0px 5px;*/
							/*padding-left:0.75em;*/
						}

					div#plus-minus {
						flex:2; 
						display:flex;
					}
						div#plus-minus div#size-minus {
							flex:1; 
							width:auto; 
							text-align:center;
						}
							div#plus-minus div#size-minus input#size-minus {
								width:54px;
								height:54px; 
								border:1px solid #8f8f9d; 
							}

						div#plus-minus div#size-plus {
							flex:1; 
							width:auto; 
							text-align:center;
						}
							div#plus-minus div#size-plus input#size-plus {
								width:54px; 
								height:54px; 
								border:1px solid #8f8f9d; 
							}

					div#next-left {
						flex:1; 
						min-width:1.0em;
					}
								
					div#next {
						width:auto;
					}
						div#next input#id-submit-next,
						div#next input#id-bonames-submit-next
						{
							flex:1; 
							width:54px; 
							height:54px; 
							border:1px solid #8f8f9d; 
							border-radius:27px !important;
						}


						input#id-submit-back,
						input#id-submit-next 
						{
							color: #0066cc !important;
							font-size: 1.15em;
							border: 2px solid #dddddd;
							line-height: 1.35em;
							margin-top: -2px;
						}


					/*--------------------
					 * svg input
					 *-------------------*/

					#content input#id-submit-back.button-navigate,
					#content input#id-submit-next.button-navigate,
					#content input#id-bonames-submit-back.button-navigate,
					#content input#id-bonames-submit-next.button-navigate
					{
					  margin-top: 0.0em;
					  background-size: 40% 40%;
					  -o-background-size: 40% 40%;
					  -webkit-background-size: 40% 40%;
					  background-repeat: no-repeat;
					  background-position: center;
					}

					#content input#size-minus.button-navigate,
					#content input#size-plus.button-navigate 
					{
					  height: 100%;
					  margin-top: 0.0em;
					  background-size: 70% 70%;
					  -webkit-background-size: 70% 70%;
					  -o-background-size: 70% 70%;
					  background-repeat: no-repeat;
					  background-position: center;
					  /*margin: 20px 0 0 20px;*/ /*calc(1.5em + 0.75rem);*/
					}

					#content input#id-submit-back.button-navigate,
					#content input#id-submit-next.button-navigate,
					#content input#size-minus.button-navigate,
					#content input#size-plus.button-navigate,
					#content input#id-bookmark-open,
					#content input#id-bookmark-goto,
					#content input#id-bookmark-close,
					#content input#id-bonames-select,
					#content input#submit-bonames-close
					{
						border-radius: 2px;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;		
					}

					#content input#id-submit-back.button-navigate:hover,
					#content input#id-submit-next.button-navigate:hover,
					#content input#size-minus.button-navigate:hover,
					#content input#size-plus.button-navigate:hover,
					#content input#id-bookmark-open.button-navigate:hover,
					#content input#id-bookmark-goto.button-navigate:hover,
					#content input#id-bookmark-close.button-navigate:hover,
					#content input#id-bonames-select.button-navigate:hover,
					#content input#submit-bonames-close.button:hover
					{
						border: 2px solid blue !important;
					}

					#content input.button-navigate:hover {
						color: #fff !important;
						background: #a1d5f5; /*#0085ba;*/
					}

					#content input.button-navigate:focus {
						color: #fff !important;
						background: #0085ba;
						border-color: #5b9dd9;
						box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
					}

					#content input.button-navigate:active {
						color: #fff !important;
						background: transparent;
						box-shadow: none;
						transform: none;
					}

					div#gotopage,
					input[type="text"] {
						margin: 0;
						vertical-align: baseline;
						font-family: inherit; /*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
						font-size: 0.985em !important;
					}

					/*--------------------
					 * input button
					 *-------------------*/

					input[type="submit"], input[type="text"],
					#content input.button-navigate {
						font-size: 1.15em;
						font-weight: 500;
						padding: 15px 12px; /*0.80em 0.75em;*/ 
						text-decoration: none;
					}

					#content input.button-navigate#gotopage {
						padding: 0px 0px;
					}


					/*--------------------
					 * goto page
					 *-------------------*/

					.sm-imagebrowser-nav div#div-gotopage span 
					{
						margin-left: auto;
						margin-right: auto;
						margin-top: auto;
						margin-bottom: auto;
						vertical-align: baseline;
					}
					.sm-imagebrowser-nav #gotopage {
						padding: 0px 0px 10px 0px;
						border:1px solid #8f8f9d;
						border-radius:3px;
						width:2.95em; 
						margin-right:0; 
						text-align: center;
					}			

					/*--------------------
					 * next button
					 *-------------------*/
					
					.sm-imagebrowser-nav #back a:hover,
					.sm-imagebrowser-nav #next a:hover,
					.sm-imagebrowser-nav #gotopage:hover, 
					.sm-imagebrowser-nav #plus:hover,
					.sm-imagebrowser-nav #minus:hover 
					{
						border:2px solid blue;
					}

					@media (max-width: 30em) {
						.sm-imagebrowser-nav #plus,
						.sm-imagebrowser-nav #minus
						{
							display:none;
						}		
					}

		/*--------------------
		 * Gallery navigation
		 * boname
		 *-------------------*/

		#container form#id-mc-bookmark-view div.sm-bonames-nav {
		  display: flex;
		  flex-direction: row;
		  width: auto;
		}

		#container form#id-mc-bookmark-view input#id-submit-bonames-close {
			width: 2.70em !important;
			height: 2.45em !important;
			color: white !important;
			font-size: 0.94em !important;
			padding: 1px 0 2px 0px !important;
			/*font-size: 0.84em !important;*/
		}

		#container form#id-mc-bookmark-view input#id-submit-bonames-close,
		#container form#id-mc-bookmark-view input#id-bonames-submit-back,
		#container form#id-mc-bookmark-view input#id-bonames-submit-next
		{
			cursor:pointer;
		}


	/*--------------------
	 * footer
	 *-------------------*/

	#footer,
	#footer * + * 
	{
		margin-top: 0.93rem;
		margin-bottom: 1.93rem;
		text-align: center;
		color: #fff;
	}
	
	#footer #site-generator /*сайт работает на wordpress*/,
	#footer	#site-info /*localmu*/
	{
		display: none;
	}