/*
Theme Name: CatalogS
Theme URI:
Description: Шаблон Каталог
Version: 1.0
Author: Konichiva
Author URI: http://
*/

@font-face { /*Regular font*/
font-family: "Embed";
src: url('fonts/liberation-serif/liberationserif-regular-webfont.eot');
src: url('fonts/liberation-serif/liberationserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/liberation-serif/liberationserif-regular-webfont.woff2') format('woff2'),
url('fonts/liberation-serif/liberationserif-regular-webfont.woff') format('woff'),
url('fonts/liberation-serif/LiberationSerif-Regular.ttf') format('truetype'),
url('fonts/liberation-serif/liberationserif-regular-webfont.svg#Embed') format('svg');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face { /* Italic font*/
font-family: "Embed";
src: url('fonts/liberation-serif/liberationserif-italic-webfont.eot');
src: url('fonts/liberation-serif/liberationserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/liberation-serif/liberationserif-italic-webfont.woff2') format('woff2'),
url('fonts/liberation-serif/liberationserif-italic-webfont.woff') format('woff'),
url('fonts/liberation-serif/LiberationSerif-Italic.ttf') format('truetype'),
url('fonts/liberation-serif/liberationserif-italic-webfont.svg#Embed') format('svg');
font-style: italic;
font-weight: 400;
font-display: swap;
}
@font-face { /* Bold font*/
font-family: "Embed";
src: url('fonts/liberation-serif/liberationserif-bold-webfont.eot');
src: url('fonts/liberation-serif/liberationserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/liberation-serif/liberationserif-bold-webfont.woff2') format('woff2'),
url('fonts/liberation-serif/liberationserif-bold-webfont.woff') format('woff'),
url('fonts/liberation-serif/LiberationSerif-Bold.ttf') format('truetype'),
url('fonts/liberation-serif/liberationserif-bold-webfont.svg#Embed') format('svg');
font-style: normal;
font-weight: 700;
font-display: swap;
}
@font-face { /* Bold italic*/
font-family: "Embed";
src: url('fonts/liberation-serif/liberationserif-bolditalic-webfont.eot');
src: url('fonts/liberation-serif/liberationserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/liberation-serif/liberationserif-bolditalic-webfont.woff2') format('woff2'),
url('fonts/liberation-serif/liberationserif-bolditalic-webfont.woff') format('woff'),
url('fonts/liberation-serif/LiberationSerif-BoldItalic.ttf') format('truetype'),
url('fonts/liberation-serif/liberationserif-bolditalic-webfont.svg#Embed') format('svg');
font-style: italic;
font-weight: 700;
font-display: swap;
}


:root {
box-sizing:border-box;

font-family:Embed, "Times New Roman", Times, serif; /*это websafe font. https://www.w3schools.com/cssref/css_websafe_fonts.asp*/
line-height:normal;
font-size:1em;
}


 /* global drop css */
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,
dl, dt, dd, ol, ul, li, nav, button,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, br, noscript, link, cite {
	margin: 0;
	padding: 0;
	outline: 0;
	border:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	border-collapse:collapse;
}

#loading {width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
z-index: 99;

}

.animation-background {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
z-index: 99;
background-color: rgba(0, 0, 0, 0.2); /* 0.3 - полупрозрачный черный */
margin-top:0;

animation-name: animbackground;
  animation-duration: 2s;
  animation-direction: normal; 
}

@keyframes animbackground {  
  0% {background-color: rgba(0, 0, 0, 0.2);}
  /*50% {background-color: rgba(0, 0, 0, 0.1);}*/

  100% {background-color: rgba(0, 0, 0, 0.0);
		
		}
}
.animation-background-off {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
/*z-index: 99;*/
background-color: rgba(0, 0, 0, 0.0); /* 0.3 - полупрозрачный черный */
margin-top:0;
pointer-events:none; /*позволяет нажиматься ссылкам и прочим эл-ам под этим дивом.*/
}

#loading-image {position: absolute;top: 40%;left: 45%;z-index: 100}

/**
 * ==============================================
 * Dot Spin
 * ==============================================
 */
 
 
.dot-spin {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: transparent;
  box-shadow: 0 -18px 0 0 #785964, 12.72793px -12.72793px 0 0 #785964, 18px 0 0 0 #785964, 12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 rgba(152, 128, 255, 0);
  -webkit-animation: dot-spin 1.5s infinite linear;
  animation: dot-spin 1.5s infinite linear;
}

.dot-spin {position: absolute;top: 50%;left: 50%;z-index: 100}

@-webkit-keyframes dot-spin {
  0%,
  100% {
    box-shadow: 0 -18px 0 0 #785964, 12.72793px -12.72793px 0 0 #785964, 18px 0 0 0 #785964, 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 0 #785964, 18px 0 0 0 #785964, 12.72793px 12.72793px 0 0 #785964, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #785964, 12.72793px 12.72793px 0 0 #785964, 0 18px 0 0 #785964, -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 0 #785964, 0 18px 0 0 #785964, -12.72793px 12.72793px 0 0 #785964, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #785964, -12.72793px 12.72793px 0 0 #785964, -18px 0 0 0 #785964, -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 #785964, -18px 0 0 0 #785964, -12.72793px -12.72793px 0 0 #785964;
  }
  75% {
    box-shadow: 0 -18px 0 0 #785964, 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #785964, -12.72793px -12.72793px 0 0 #785964;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #785964, 12.72793px -12.72793px 0 0 #785964, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 #785964;
  }
}

@keyframes dot-spin {
  0%,
  100% {
    box-shadow: 0 -18px 0 0 #785964, 12.72793px -12.72793px 0 0 #785964, 18px 0 0 0 #785964, 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 0 #785964, 18px 0 0 0 #785964, 12.72793px 12.72793px 0 0 #785964, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #785964, 12.72793px 12.72793px 0 0 #785964, 0 18px 0 0 #785964, -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 0 #785964, 0 18px 0 0 #785964, -12.72793px 12.72793px 0 0 #785964, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #785964, -12.72793px 12.72793px 0 0 #785964, -18px 0 0 0 #785964, -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 #785964, -18px 0 0 0 #785964, -12.72793px -12.72793px 0 0 #785964;
  }
  75% {
    box-shadow: 0 -18px 0 0 #785964, 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #785964, -12.72793px -12.72793px 0 0 #785964;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #785964, 12.72793px -12.72793px 0 0 #785964, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 #785964;
  }
}
/*END dot spin*/

.rightsidebar {
/*display:none;
float:left;*/
margin-top:0;
	
}

*,
::before,
::after {
    box-sizing:inherit;
}
.body {
	
	}
body * + * {
margin-top: 1em;
}	
br {margin:0;} /*исправляет в посте лишние отступы br*/
body {

background-image: url(images/fon.svg);
}
.underbody {
}	
.description a, .page-dobavit-statju a, .description_detail_page a, .content a{
color:#67899c;
text-shadow: 1px 2px 2px #999;

}
.description_detail_page {
margin-top:0;
}
a:visited {
}

/*detail page catalog of sites. next, prev link*/
table.wrap-nex-prevlink {
width:100%;
}

table.wrap-nex-prevlink td{

padding:10px 5px;
}
.next-site-link, .prev-site-link {
width:50%;
} 
.next-site-link a{
/*display:block;*/
/*width:40%;*/
/*border:1px solid red;*/
/*float:right;*/
color:#654326;
text-decoration:none;

}
.prev-site-link a{
/*display:block;*/
/*width:40%;*/
/*height: auto;*/
/*float:left;*/
color:#654326;
text-decoration:none;
}
table.wrap-nex-prevlink td {
/*clear:both;*/
/*padding: 15px;*/
}
table.wrap-nex-prevlink td.tdnext {
background-image: url(images/triangle.svg);
background-size:30px 50px;
background-position:right;
background-repeat:no-repeat;
/*padding: 10px;*/

}
table.wrap-nex-prevlink td.tdnextzero {
/*background-color:#d5c7bc;*/
/*padding:0px 5px;*/
border:2px solid #d5c7bc;
text-align:center;
}
table.wrap-nex-prevlink td.tdprevzero {
/*background-color:#d5c7bc;*/
/*padding:0px 5px;*/
border:2px solid #d5c7bc;
text-align:center;
}

table.wrap-nex-prevlink td.tdprev {
background-image: url(images/triangle-left.svg);
background-size:30px 50px;
background-position:left;
background-repeat:no-repeat;
/*padding: 10px;*/
}
table.wrap-nex-prevlink .zagolov td {
border:2px solid #d5c7bc;
text-align:center;
background-color: #d5c7bc;
color:#654326;
font-style:italic;
}

.content ul {
margin-top:1em;
margin-bottom:1em;
}
.content ul.ya-share2__list {
margin:0;
}
		
html * {
}		
b, strong {
font-weight:bold;
}
i, em {
font-style:italic;
}
.wrapper {
border:0px solid;
margin-top:0;
}
.pre-head {

max-width:939px;
margin:0 auto;
}
.head {
	display:table;
	background:url(images/shapka-line-bg.svg);
	background-repeat:repeat-x;
	text-align:center;
	height:120px;
	width:100%;
	max-width:935px;
border:0px solid red;
margin-top:0; /* Коррекция лоботомированной совы */
box-shadow: 8px 8px 10px -5px #727171;
	}
	
.head * {border:0px solid red;

}
.page404dontexist {
font-size:2em;
margin-top:0em;
}
.left_top {
	background-repeat:no-repeat;
	height:55px; /*было 95px 18-11-2018*/
	background-position: 43px 13px; /*было 18-11-2018: 43px 33px */
	margin: 0 auto;
	top: 20px; /*появилось 18-11-2018*/
	}
	.right_top {
	position:static;
	display:table-cell;
	vertical-align:middle;
	height:120px;
	border:0px solid red;
	text-align:right;
	margin-top:0; /* Убрать воздействие лоботомированной совы */
	}
	
.logo-place {
position:absolute;
height:120px;
border:0px solid red;
margin-left:0.8em;
}
a.logohref {
display:table-cell;
vertical-align:middle;
height:120px;
color:#fff;
margin-left:1em;
padding-left:60px;
font-size:2em;
font-weight:bold;

text-decoration:none;
text-transform:uppercase;
background:url(images/logo-icon.svg);
background-position:left;
background-repeat:no-repeat;
text-shadow: 0 0 5px #e8e0da;
}
	
h1.header-one {
display:inline-block;
position: absolute;
color:#fff;
margin-top:-45px;
margin-left:-98px;
font-size:1em;
width:200px;
font-weight:normal;
text-transform:lowercase;
font-style:italic;
}	
h1.header-one::first-letter {
text-transform:capitalize;
}
		
.leftsidebar {
 float:left;
padding-left:8px;
margin-bottom:1em;
margin-top:0; /* Коррекция лоботомированной совы */
background: #fff;
padding:1em;
box-shadow: 8px 8px 10px -5px #727171;
width:30%;
text-align:center;
}
			
.content {
max-width:635px;
width:68%;
border:0px solid green;
float:left;
padding-left:1em;
padding-right:1em;
padding-top:1em;
margin-top:0px;
margin-left:2%;
margin-bottom:20px;
background-color:#fff;
box-shadow: 8px 8px 10px -5px #727171;
}
.footer {
	height:20%;
	width:100%;
	clear:both;
	padding-bottom:1em;
	max-width:900px;
	color:#fff;
	margin-top:0;
	margin:0 auto;
	text-align:center;
}
.footer * {
	margin-top:0;
}	
.rasporka {
	clear:both;
}

.centrirovanie {
position:relative;
max-width:940px;
border:0px solid red;
margin: 0 auto;
}
.obertka {
margin: 0 auto;
}

.breadcrumbs {
background: -webkit-gradient(linear, left top, right top, from(#d5c7bc), to(#d5c7bc));
    background: -o-linear-gradient(left, #d5c7bc, #d5c7bc);
    background: linear-gradient(to right, #d5c7bc, #d5c7bc); /*bejeviy*/
  border-left:4px solid #785964;
margin-bottom:1em;
margin-top:0;
padding-left:10px;
padding-right:1em;
padding-top:5px;
padding-bottom:5px;

color:#654326; /*коричневый темно, как в меню левом подразделы*/
background: -o-linear-gradient(135deg, transparent 11px, #d5c7bc 0) bottom right,
-o-linear-gradient(225deg, transparent 11px, #d5c7bc 0) top right;
background: linear-gradient(-45deg, transparent 11px, #d5c7bc 0) bottom right,
linear-gradient(-135deg, transparent 11px, #d5c7bc 0) top right;
background-size:100% 52%; /*ширина и высота*/
background-repeat:no-repeat;
}
.breadcrumbs a{
background-repeat:no-repeat;
background-position: right center;
color:#454545;
color:#654326; /*коричневый темно, как в меню левом подразделы*/
text-decoration:none;
margin-top:0;
padding-top:5px;
padding-bottom:5px;
text-shadow:none;
}
/*********************/
/*Modal Image Otzivy*/
/*********************/
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    margin-top:0;
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.3s;
    animation-name: zoom;
    animation-duration: 0.3s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*********************/
/*End Modal Image Otzivy*/
/*********************/

/******Left Menu*******/
.toprazdel {
text-transform: uppercase;
    background: linear-gradient(90deg, #785964 8%, #785964 0);
    background-size: 10px 10px;
    border:2px solid #785964;
margin-top:0;
margin-bottom:4px;
}
.toprazdel a{
display:block;
font-size:1.125em; /*18px*/
font-weight:bold;
color:#fff;
text-shadow: 1px 2px 2px #444;
padding:10px;
}

.podrazdel {
text-align:left;
background:#d5c7bc;
margin-top:0;

margin-bottom:4px;
    margin-top:4px; /*чтобы убрать белый промежуток между самым главным разделом и подразделом.*/
}
.podrazdel > li {
	margin-top:0;
	/*padding:5px 15px;*/
	list-style:none;
  }

.podrazdel > li + li {
    border-top:1px solid #fff;
}
.podrazdel > li > a {
	display:block;
    color:#654326;
     padding:5px 15px;
    
}
.podrazdel .current-cat a{
}
.razdely {
background:#d5c7bc;
padding:5px 15px;
color:#654326;

}
.pod-podrazdel {
background:#d5c7bc;
padding-bottom:8px;
margin-top:0;
}
.pod-podrazdel > li {
background:#e8e0da;
margin-top:0;
list-style:none;
margin-left:8px;
margin-right:8px;
padding:5px 5px;
}
.pod-podrazdel > li > a {
display:block;	
color:#222;
padding-left:15px;
}
.pod-podrazdel > li:before {
    position: absolute;
  content: "\2013";
 /* padding-left:-5px;*/
  margin-top:-2px;
  
}

.wrapper-podpod {
background:#e8e0da;
margin-top:-3px;
margin-bottom:4px;
}

.aforizmer-hochu a{
	color:#785964;
	}

/* Menu reviews */
ul.podrazdel ul.children {
margin-top:0;
padding-bottom:8px;
}
li ul.children > li {
background:#e8e0da;
margin-top:0;
list-style:none;
margin-left:8px;
margin-right:8px;
padding:5px 5px;

}

li ul.children > li > a {
display:block;	
color:#222;
padding-left:15px;
}
li ul.children > li:before {
position: absolute;
content: "\2013";
/*padding-left:-5px;*/
margin-top:-2px;

}

/* END Menu reviews */

.left-menu {
margin-bottom:15px;
text-align:initial;
margin-top:0; /* Коррекция лоботомированной совы */
text-align: left;
}

.left-menu a {
text-decoration:none;
}

.logoicon {

background:url(images/logo40px2.png);
left:0px;
top:10px;
}
/******кнопки в шапке******/
.top-knopka {
display:inline-block;
color:#ffffff;
margin-right:1em;

}
.top-knopka2 {
display:inline-block;
color:#ffffff;
margin-right:1em;
margin-top:0; /* Убрать воздействие лоботомированной совы */
}
.plus {
top:2px;
left:4px;
width:15px;
height:15px;
float:left;
background-image:url(images/green-plus.png);
}
.top-knopka a{
text-decoration:none;
color:#654326;
color:#d5c7bc;
color:#fff;
padding:0.5em;
background-color:#d5c7bc;
background-color:#555;
border-radius:3px;
border:1px solid #d5c7bc;
border:1px solid #555;
}
.top-knopka2 a{
color:#654326;
color:#d5c7bc;
color:#fff;
padding:0.5em;
text-decoration:none;
background-color:#d5c7bc;
background-color:#555;
border-radius:3px;
border:3px solid #785964;
border:1px solid #d5c7bc;
border:1px solid #555;
}
/******END кнопки в шапке******/

img {
max-width:100%;
height: auto;
}
.banner-img {
margin-top:1em;
}
.banner-img-left {
/*margin-top:1em;*/
/*margin:1em 0;*/
}
.description img, .wrap-item img {
	border:1px solid #785964;
}
div.img-catalog-site-detail-box {
min-height:100px;
border:1px solid #785964;
text-align:center;
background: transparent url('images/loading2.gif') center no-repeat;
background-size:150px 150px;
}
img.img-catalog-site-detail {
}
.wp-caption {
max-width:100%;
}

.wp-caption img {
width:100%;
max-width:602px;
}
/*Инфотекст и инфоблок*/


.infoblock {
	/*background: linear-gradient(to right, #785964, #d5c7bc);
        padding:10px;
        border:3px solid #d5c7bc;
	margin-top:0;*/
	background: -webkit-gradient(linear, left top, right top, from(#785964), to(#d5c7bc));
	background: -o-linear-gradient(left, #785964, #d5c7bc);
	background: linear-gradient(to right, #785964, #d5c7bc);
        padding:10px;
        border:3px solid #d5c7bc;
	margin-top:0;

}
.infoblock div {
margin-top:0;
}
div.infotext {
    color:#fff;
    font-weight:bold;
    font-size:1.125em; /*18px*/
    text-transform: uppercase;
    text-shadow: 1px 2px 2px #333;
    font-style:initial;
    margin-top:3px;
    

}
div.infotext2 {
    color:#fff;
    font-weight:bold;
    text-shadow: 1px 2px 2px #333;
}
.gotosection {
	display:block;
float:right;
color:white;
font-weight:bold;
font-size:1em; /*16px*/
margin-right:15px;
border-radius:5px;
border:1px solid #785964;

    margin-top:-35px;
    padding:3px 10px;
}
.gotosection a{
    color:#785964;
    text-decoration:none;
    
}
.hr2 {
display: block;
height:10px;
background-image: url(images/hr2.svg);
margin-top:1em;
margin-bottom:1em;
border:0; 
}
div.wrap-item + div.wrap-item {
border-top:2px solid #d5c7bc;
margin-top:1.3em;
padding-top:1em;
}
/* Razdel Glavnaya Style */
span.article {
display:block;

}
span.article a {
display:block;
    color:#785964;
    text-transform: uppercase;
    text-decoration:none;
    font-weight:bold;
    font-size:1em;
    text-shadow:none;
}
span.article_list2 {
}
span.razdel_list {
    display:inline-block;
    width:auto;
    color:#785964;
    font-size:1em; /*16px*/
    text-transform:none;

background: #fff;
padding: 6px 12px;
    
}

.module-border-wrap {

	margin-top:14px;
	display:inline-block;
	background: -webkit-gradient(linear, left top, right top, from(#785964), to(#d5c7bc));
	background: -o-linear-gradient(left, #785964, #d5c7bc);
	background: linear-gradient(to right, #785964, #d5c7bc);
	padding: 1px; /*razmer gradientnogo bordera*/
	
}
h2 + .module-border-wrap{
margin-top:0;
}
/* Button Podrobnee */
.button-wrap {
	display:block;
	margin-bottom:1.7em;
}
p + .button-wrap {
	margin-top:1.7em;
}

a.podrobnee_statji {
background-color:#785964;
color:#fff;
text-decoration:none;
padding:6px 10px;
border-radius: 3px;
font-size:1em;
font-weight:bold;
text-shadow:unset;
}
a.podrobnee_statji:hover {
    text-shadow: 0px 0px 5px #fff;
}
span.date_reviews {
	display:inline-block;
	float:right;
	margin-top:0; /* Нивелирование лоботомир. совы. */
	color:#785964;
	font-weight:bold;
}

/* Glavnaya, Rating */
a.rating-main {
color:#000;
text-decoration:none;
text-shadow:none;
}
div.rating-main-title {
display: block;
color: #785964;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 1em;
text-shadow: none;
}

/* Detail Page Statji */

h1 {
font-size:1.125em; /*18px*/
font-weight:bold;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
text-decoration:none;
text-transform:uppercase;
color:#785964;
}
h2 {
font-size:1.125em; /*16px*/
font-weight:bold;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
text-decoration:none;
text-transform:uppercase;

color:#785964;
}

h3 { /* подзагол. в статьях с 12-10-2021 */
font-size:1em; /*16px*/
font-weight:bold;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
text-decoration:none;
text-transform:uppercase;

color:#785964;
}
h4 { /* подзагол. в статьях с 2-02-2022 */
font-size:1em; /*16px*/
font-weight:bold;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
text-decoration:none;
text-transform:none;
color:#785964;
}

.textarea_but {
padding:5px;
margin-right:2px;
margin-bottom:6px;
/*background-color:#67899c;*/
background-color:#00a272;
color:#fff;
border:1px solid #fff;
margin-top:0;
font-weight:bold;
box-shadow:2px 2px 5px #a7cadf;
}
.textarea_but:active {
box-shadow:0px 0px 0px #a7cadf;
background-color:#006e4d;
}

.textarea_but_spis {
padding:5px;
margin-right:2px;
margin-bottom:6px;
background-color:#67c49c;
color:#fff;
border:1px solid #fff;
margin-top:0;
font-weight:bold;
box-shadow:2px 2px 5px #8debc1;
}
.textarea_but_spis:active {
box-shadow:0px 0px 0px #a7cadf;
background-color:#379671;
}

.textarea_but_styl{
padding:5px;
margin-right:2px;
margin-bottom:6px;
background-color:#674a9c;
color:#fff;
border:1px solid #fff;
margin-top:0;
font-weight:bold;
box-shadow:2px 2px 5px #b593ed;
}
.textarea_but_styl:active {
box-shadow:0px 0px 0px #a7cadf;
background-color:#4f3483;
}
/**/
.textarea_but_probel{
padding:5px;
margin-right:2px;
margin-bottom:6px;
background-color:#ba73e8;
color:#fff;
border:1px solid #fff;
margin-top:0;
font-weight:bold;
box-shadow:2px 2px 5px #ba73e8;
}
.textarea_but_probel:active {
box-shadow:0px 0px 0px #ba73e8;
background-color:#a43ee6;
}


.textarea_but_link {
padding:5px;
margin-right:2px;
margin-bottom:6px;
background-color:#b34a9c;
color:#fff;
border:1px solid #fff;
margin-top:0;
font-weight:bold;
box-shadow:2px 2px 5px #f789dc;
}
.textarea_but_link:active {
box-shadow:0px 0px 0px #a7cadf;
background-color:#8c2378;
}

.istochnik {
display:block;
text-align:center;
font-size:1em;
color:#654326;
margin-top:1em;
margin-bottom:1em;
padding:6px 10px;
font-weight:bold;
background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#d5c7bc), to(#fff));
background: -o-linear-gradient(left, #fff, #d5c7bc, #fff);
background: linear-gradient(to right, #fff, #d5c7bc, #fff);
text-shadow: 1px 2px 2px #999;
border:0px solid #d5c7bc;
clear:both;
}
div.istochnik a {
color: #654326;
font-weight:normal;
text-decoration:none;
padding:6px 0;
}
div.istochnik a:hover {
text-decoration:underline;
}

.detail_article_grey a {
color:#fff;
text-decoration:none;
font-size:1em; /*16px*/
}
.detail_article_grey {
display:block;
text-align:center;
font-size:1em;
color:#ffffff;
margin-top:1em;
margin-bottom:1em;
padding:6px 10px;
padding:16px 20px;
font-weight:bold;
background: -webkit-gradient(linear, left top, right top, from(#785964), color-stop(#d5c7bc),to(#8099a7));
background: -o-linear-gradient(left, #785964, #d5c7bc,#8099a7);
background: linear-gradient(to right, #785964, #d5c7bc,#8099a7);
text-shadow: 1px 2px 2px #777777;
clear:both;
outline:1px solid #ffffff;
outline-offset:-3px;
}


.content ul li{
margin-left:2.5em;
background: url('images/ul-li.svg') no-repeat -2px -1px; /* <-- change `left` & `top` too for extra control */
padding: 0 0 0 1em;
list-style: none;
margin-top:0; /*Обнуление лоботомированной совы*/
}


.content ol {
margin-bottom:1em;
padding: 0;
counter-reset: item;
}
.content ol > li {
  margin-top: 0;
  margin-left:4em;
  text-indent: -1.3em;
  list-style-type: none;
  counter-increment: item;
}
.content ol > li::before {
display: inline-block;
width: 1em;
padding-right: 0.3em;
text-align: right;
content: counter(item) ".";
color: #8099a7;
font-weight: bold;
}

/* Navigation, page numbers */
.navigation.pagination {
margin-top:2em;
padding-bottom:0.4em;
margin-bottom:1em;
}
.nav-links {
margin-top:0;
}

.nav-links a{
text-shadow:initial;
}
.nav-links .page-numbers {
background-color:#d5c7bc;
padding:5px 10px;
color:#654326;
}
.page-numbers.current {
background-color:#785964;
color:#fff;
font-weight:bold;
}
.screen-reader-text {
margin-top:0;
}
.screen-reader-text {
display:none;
}
/* Add statju form */
form {
background-color:#e8e0da;
padding:1em;
}
select {
border:2px solid #d5c7bc;
border-radius:3px;
color:#000;
width:100%;
margin-top:0;
font-family: "Embed";
font-size:inherit;
}
option, input, textarea{
border:2px solid #d5c7bc;
border-radius:3px;

color:#000;
width:100%;
margin-top:0;
font-family: "Embed";
font-size:1.2em;
}
.captcha-js {
margin-top:0;
}
select {
width:initial;
}
.pole_captcha {
width:initial;
}
form img {
margin-top:0;
padding-left: 3px;
}
form .submtbut {
background-color:#785964;
color:#fff;
padding:6px 10px;
border-radius: 3px;
font-size:1em;
font-weight:bold;
border:0;
text-shadow: 1px 2px 2px #444;
width:initial;
}
.errors {
color:red;
text-align:left;
margin:0em;
font-size:1.2em;
}
.form_title {
font-weight:bold;
color:#785964;
font-size:1.2em;
/*margin-bottom:1em;*/
}
.star {
color:red;
}
.vvedeno {
margin-top:0;
color:#785964;

}
.fill_color {
background: #CC9999;
border-radius:10px;
padding:10px 20px 20px 20px;
margin-bottom: 10px;
}
.podelitsa-text-addsite {
font-weight:bold;
font-size:1.125em; /*18px*/
text-transform:uppercase;
color:#785964;
}
.content ul > li.ya-share2__item {
background:none;
padding-left:0;
}
.ya-share2__container {
margin-bottom:1.2em;
}
.vopros {
position:relative;
color:red;
cursor:help;
}
/* Главная страница Каталог сайтов */
ul.main_categories {
border:0px solid;
}
ul.main_categories li {
width:45%;
border:0px solid red;
float:left;
padding:1em;
margin-bottom:1em;
margin-left:0;
margin-right:1em;
background:#d5c7bc;
outline: 1px solid #fff;
outline-offset: -3px;


}
ul.main_categories li:nth-child(odd){
clear:left;
/* Сброс обтекания каждого нечетного элемента, чтобы было ровно. */
}

ul.main_categories li a{
color:#654326;
width:initial;
border:0px solid;
font-weight:bold;
text-decoration:none;
padding:5px 0;
text-shadow:initial;
}
ul.main_categories li ul.children li{
width:100%;
padding:5px 5px;
margin:0 0 1px 0;
background:#e8e0da;
outline:0;
}

ul.main_categories li ul.children > li:before {
display:none;
}

ul.main_categories li ul.children li a{
display:inline;
padding-left:0;
padding-top:5px;
padding-bottom:5px;
color:#654326;
font-weight:normal;
}
/* Selected Category of Catalog Sites with list of sites */
ul.in_category {
display:inline-block;
background:#d5c7bc;
outline: 1px solid #fff;
outline-offset: -3px;
padding:1em;
margin-top:0;
margin-bottom:1em;
}
ul.in_category + hr.hr2{
margin-top:0;
}
ul.in_category li{
background:none;
margin-left:0;
padding:5px;
margin:0 0 1px 0;
background:#e8e0da;

}
ul.in_category li.current-cat{
text-decoration:underline;
}
ul.in_category li a{
color:#654326;
text-decoration:none;
padding-top:5px;
padding-bottom:5px;
text-shadow:initial;
}
ul.in_category a.glavniy{
display:inline-block;
color:#654326;
font-weight:bold;
text-decoration:none;
text-shadow:initial;
margin-bottom:1em;
}
ul.in_category a.selected{
text-decoration:underline;
}
.site-nazvanie a {
color:#785964;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
text-shadow:initial;
}
/* Statja vnutri glavnogo razdela kataloga saitov */
div.statya {
margin-bottom:1em;
}
/* Detail page of Katalog Sites */
.tbl-detail-catalog, .tbl-detail-catalog th, .tbl-detail-catalog td {
padding:8px;
color:#654326;
}
.tbl-detail-catalog th {
width:30%;
vertical-align: middle;
}
.tbl-detail-catalog tr,	.tbl-detail-catalog th{
border:1px solid #efeae6;
}
table.tbl-detail-catalog {
width:100%;
border-top:3px solid #785964;
border-bottom:3px solid #785964;
border-left:0px solid #654326;
border-right:0px solid #654326;
font-size:1em; /*16px*/
background: linear-gradient(to right, #909090, #f1eae5 60%);
background: linear-gradient(to right, #d5c7bc, #efeae6);
border-spacing: 0; 
}

table.tbl-detail-catalog a{
padding:10px 0;
text-shadow:initial;
}
a.url_of_site {
font-weight:bold;
color: #654326;
text-decoration:none;
}
.detail_razdel a{
color: #654326;
text-decoration:none;
}
.bad_link {
display:block;

text-align:center;
width:100%;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
cursor:pointer;
font-size:1em; /*16px*/
color:#fff;
 background: linear-gradient(90deg, #785964 8%, #785964 0);
 background-size: 10px 10px;
 height:auto;
 padding:10px;
 text-shadow: 1px 2px 2px #333;
}
.podelitsa-text {
font-size:1.125em;
font-weight:bold;
text-transform:uppercase;
color:#785964;
}
.comments-titlesy {
font-size:1.125em;
font-weight:bold;
text-transform:uppercase;
color:#785964;
}
.says {
display:none;
}
.fn {
color:#8099a7;
}
.fn a {
text-shadow:initial;
}
cite.fn a.url{
color:#8099a7;
}
.comment-meta {
margin-top:0;
}
.comment-meta a {
color:#888;
text-decoration:none;
text-shadow:initial;
}
ol.comment-list {
display:block;

}
ol.comment-list li::before {
display:none;
}
.comment-respond {
border-top:2px solid #d5c7bc;
background:#e8e0da;
}
form.comment-form {
padding-top:0;
margin-top:0;
}
h2.comment-reply-title {
padding-left:1em;
}
.comment-respond textarea, .comment-respond input{
background:#fff;
width:100%;
}
.comment-respond .submit {
background-color:#785964;
color:#fff;
padding:6px 10px;
border-radius: 3px;
font-size:1em;
font-weight:bold;
border:0;
text-shadow: 1px 2px 2px #444;
width:initial;
}
.refreshButton {
    
    margin:5px;
    /*height:30px;*/
    padding:5px;
    background-color:#ccc;
    border:2px solid #454545;
    color:#454545;
    
}

h1.title_detail_page_catalog + div.description_detail_page {
margin-top:1em;
}
.title_detail_page_catalog {
margin-top:0;
}
/* Add site page (Katalog of sites) */
.hidden_div_select {
background-color:#785964;
padding:1em;
color:#fff;
outline:1px solid #fff;
outline-offset:-3px;

}
.ya-share2__counter {
margin-top:0;
}
.example-site-name, .example {
display:block;
margin-top:0;
font-style:normal;
color:#785964;
font-weight:normal;
font-style:italic;
}
.error_message_add_form {
background-color:#8099a7;
padding:1em;
margin-bottom:1em;
box-shadow: 5px 0 10px -2px #727171;
outline: 1px solid #fff;
outline-offset: -3px;
}
.error_message_add_form a{
color:#fff;
}

.helpInfo {
display:none;
position:static;
width:100%;
background-color:#785964;
color:#fff;
font-weight:normal;
padding:1em;
margin:0.5em 0;
outline: 1px solid #fff;
outline-offset: -3px;
}
.helpInfo.is-open {
display:inline-block;
}
.fill_color_text {
background-color:#454545;
color:#fff;
padding:1em;
}
.rating_kode_textarea {
margin-top:1em;
}
.form_send {
background-color:#99a780;
padding:1em;
font-size:1.2em;
}
.form_send a{
color:#ffdf00;
color:#fffc5c;
font-weight:bold;
text-decoration:none;
}
/*Page Rating of sites*/
.table-rating {
background: linear-gradient(to right, #d5c7bc, #efeae6);
border-top:3px solid #785964;
border-bottom:3px solid #785964;
width: 100%;
}
.table-rating td {
padding:8px;
color:#654326;
border:1px solid #efeae6;
}

.table-rating a{
color:#654326;
text-decoration:none;
padding:10px 0;
text-shadow:initial;
}
.pagination_rating {
margin-bottom:1em;
padding-bottom:0.4em;
margin-bottom:1.3em;

}
.pagination_rating a{
background-color:#d5c7bc;
padding:5px 10px;
color:#654326;
text-shadow:initial;
}
.pagination_rating .pagination_rating_current {
background-color:#785964;
color:#fff;
font-weight:bold;
padding:5px 10px;
}
/* Reviews Detail page */

p.wp-caption-text {
padding-top:5px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
color:#fff;
margin-top:0;
font-weight:bold;
text-align:center;
background: #785964;
text-shadow: 1px 2px 2px #333;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
max-width:602px; /* с учетом бордера*/
}
.shtrihkod {
display:block;
text-align:center;
font-size:1em;
color:#654326;
margin-top:1em;
margin-bottom:1em;
padding:6px 10px;
font-weight:bold;
background: linear-gradient(to right, #fff, #d5c7bc, #fff);
text-shadow: 1px 2px 2px #999;
border:0px solid #d5c7bc;
clear:both;
}
/* Smotrite takje */
.chitakje {
text-decoration: none;
margin-bottom: 15px;
font-weight:bold;
font-size:1.125em;
color:#785964;
text-transform:uppercase;
}
.smotri-takje {
/*детальная страница отзывов*/
margin-bottom:7px;
padding-bottom:0px;
}
.img-smotri-takje {
max-width:200px;
max-height:200px;
float:left;
margin-right: 15px;
border:1px solid #fff;
 
}
.item-smotri-takje {
background-color:#785964;
padding: 15px;
border-radius: 3px;
margin-bottom:10px;
}
.smotri-takje-text {
margin-top:0;
color:#fff;
}
.smotri-takje-text a{
text-decoration:none;
font-weight:bold;
color:#fff;
text-shadow: 1px 2px 2px #333;

}
.chitakje-link-otzivi {
text-transform:uppercase;
}
.smt-excerpt-text {
overflow:auto; /*чтобы тело текста не накладывалось на плавающее изображение*/
display:block;
}

.comments-area {
margin-bottom:1em;
}
.comments-area::before {
position:static;
display:block;
height:10px;
width:100%;
background-image: url(images/hr2.svg);
content:"";
margin-bottom:1em;
}


.content blockquote {
padding-top:1em;
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
border:1px solid #ffffff;
color:#785964;
font-style:normal;
box-shadow: inset 0px 0px 30px #d5c7bc, 1px 1px 10px #C7C7C7;
text-align:justify;
}
ol.comment-list li{
padding-left:0;
text-indent:initial;
margin-left:initial;
}
.comment + .comment{
border-top: 2px solid #d5c7bc;
padding-top:1em;
}
ol.comment-list p{
display:block;
margin-top:0;
}
/* Razdel Search*/
.searchsubmitbtn {
background-color:#785964;
color:#fff;
padding:6px 10px;
border-radius: 3px;
font-size:1em;
font-weight:bold;
border:0;
text-shadow: 1px 2px 2px #444;
width:initial;
}
form.searchform input[type=text]{
width:80%;

}
form.searchform {
margin-bottom:1em;
}
h1.title_detail_page_catalog{
font-size:1em; /*18px*/
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#785964;
margin-bottom:1em;
}
h1.title_detail_page_catalog a{
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#785964;
text-shadow:initial;
}

h2.title_detail_page_catalog{
font-size:1em; /*18px*/
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#785964;
margin-bottom:1em;
}
h2.title_detail_page_catalog a{
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#785964;
text-shadow:initial;
}

.podrobnee_search a {
background-color:#785964;
color:#fff;
text-decoration:none;
padding:6px 10px;
border-radius: 3px;
font-size:1em;
font-weight:bold;
text-shadow:initial;
}
.podrobnee_search a:hover {
text-shadow: 0px 0px 5px #fff;
}

.podrobnee_search {
margin-bottom:1.8em;
}
.search_excerpt + .podrobnee_search {
margin-top:1.7em;
}
/* Афоризмер */
form input[type=submit]{
background-color:#785964;
color:#fff;
padding:6px 10px;
border-radius: 3px;
font-family:Embed, "Times New Roman", Times, serif;
font-size:1em;
font-weight:bold;
border:0;
text-shadow: 1px 2px 2px #444;
width:initial;
cursor:pointer;

}
.aforizmer {
margin-bottom:1em;
width:100%;
}
.aforizmer_captcha {
width:initial;
margin-bottom:1em;
}
.aforizmer_code {
margin-bottom:1em;
}
.donate {
color:#785964;
text-decoration:underline;
}

input[type=radio] {
width:initial;
margin-top:0.7em;
}
label.decor-span {
line-height:2em;

}

label.decor-span span {
/*background-color:#654326;*/
/*text-shadow:2px 2px 25px #fff;*/
color:#000;
font-size: 1.2em;

}

/*#CC9999*/
div.bkgrnd {
background-color:#d5c9c1;
border-radius:10px;
margin-bottom:1em;
margin-top:0;
padding:0.5em;
}
.article_buttons {
margin-top:0;
}

/******************************/
/** Mobile Friendly Adaptive **/
.menu-toggle {
	display:none;
    position:relative;
    top:0;
    left:0;
      
    
    background-color:transparent;
    /*font-size:3em;*/
	/*font-size:46px;*/
    width:0.9em;
    height:0.9em;

    width:48px;
    height:40px;

	margin-top:0;
margin-bottom:0;
    line-height:3; /*скрывает текстовое содержимое кнопки и задает ее фиксированный размер*/
    text-indent:0;
    white-space:nowrap;
    overflow:hidden; 
    box-shadow: 8px 0 10px -5px #727171;	

/*background:url(images/hamburger.svg);
    background-repeat:no-repeat;*/

}

.menu-toggle-image {
position:absolute;
margin:0;
padding:0;
z-index:2;
}

/*Фон для кнопки мобильного меню*/
.menu-toggle-wrap {
display:none;
position:static;
/*display:block;*/
background-color:#c2d5df;
background-color:#e5e5e5;
/*height:3.5em;*/
padding:1em 1em;
margin-bottom:0em;
margin-top:0em;
/*margin-left:-1em;*/
/*margin-right:0em;*/
width:100%;
clear:both;
text-align:left;
background: linear-gradient(to right, #c2d5df, #e8e0da); 
background: linear-gradient(to right, #c2d5df, #fff, #c2d5df); 
/*border-bottom:1px solid #c2d5df;*/
}
.leftsidebar.is-open {
display:block; /*Отображает раскрывающееся меню при добавлении в меню класса is-open*/
position:fixed;
top:0;
width:calc(100% - 3.9em); /*На всю ширину экрана, минус маргин-лефт.*/
height:100vh;
margin-left:3.9em;
overflow:scroll;
padding:0.3em;
border:0;
background-color:#454545;
box-shadow:initial;
}
/*Стиль класса .content при открытом левом меню*/
.content.is-open {
width:100%;
max-width:100%;
}
/* Затемнение позади открытого левого меню */
.modal-backdrop {
display:none;
}
.modal-backdrop.is-open {
position:fixed;
display:block;
top:0;
right: 0;
bottom: 0;
left:0;
background-color:rgba(0, 0, 0, 0.9);
z-index:1;
}
/* Предотвратить прокручивание тела, пока открыто меню */
body.is-open {
overflow:hidden
}

/*Менее 777пикс ширина (скрыть левое меню)*/
@media (max-width:48.5em) {
	
	.leftsidebar {
	display:none;
	z-index:1;
	font-size:1.125em;
	}
	.content {
	width:100%;
	max-width:100%;
	margin-left:0em;
	margin-top:0;
	/*padding-left:3.4em;*/
	font-size:1.125em;
	}
	/*Фон для кнопки мобильного меню*/
	.menu-toggle-wrap {
	display:block;
	}
	.top-knopka, .top-knopka2 {
	font-size:1.125em;
	}
	.footer_left {
	font-size:1.125em;
	}
	.menu-toggle {
	display:inline-block; 
 	}

	.horizontal_rasporka {
	display:none;
	margin-top:0;
	}
	.toprazdel {
	margin-bottom:1px;
	border:0;
	}
	.podrazdel {
	background-color:#555;
	margin-top:1px;
	margin-bottom:1px;
	
	}
	.podrazdel > li > a{
	color:#fff;
	}
	.podrazdel > li + li {
	border-top: 1px solid #454545;
	}
	.razdely {
   	background: #555;
    	color: #fff;
	}
	.pod-podrazdel {
	background-color:#555;
	}
	.wrapper-podpod {
  	background: #555;
    	margin-top: 1px;
	margin-bottom:1px;
	}
	.pod-podrazdel > li {
	background-color:#666;
	color:#fff;
	padding:0 5px;
	}
	.pod-podrazdel > li > a {
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	}
	.pod-podrazdel > li::before {
	margin-top:3px;
	}
	li ul.children > li {
	background-color: #666;
	padding: 0 5px;
	}
	li ul.children > li > a {
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	}
	li ul.children > li:before {
	color:#fff;
	margin-top:2px;
	}
	.aforizmer-hochu a, .donate{
	color:#fff;
	}
	/* Modal Content (image)  */
	.modal {
	z-index:3;
	}
}
/* Если ширина экрана менее 605 пикс, то сдвинуть логотип в шапке вверх, уменьшить его, а кнопки добавить сайт и статью сделать под ним. */
@media (max-width:40.5em) {
	.logo-place {
	position:absolute;
	display:inline-block;
	height:initial;
	left:1em;
	margin-left:0.4em;
	width:initial;
	}
	a.logohref {
	display:inline-block;
	height:initial;
	font-size:1.7em;
	background-size:35px;
	background-position:0 25px;
	padding-top:1em;
	padding-bottom:0.5em;
	padding-left:47px;
	margin-left:0;
	}
	.right_top {
	display:block;
	text-align:left;
	height:initial;
	margin-top:4.5em;
	margin-left:4.4em;
	width:initial;
	}
	
	.top-knopka a {
	padding:0.2em;
	}
	.top-knopka2 a {
	padding:0.2em;
	}
}
/* Если ширина менее 394 пикс, то выровнять кнопки в шапке */
@media (max-width:24.625em) {
	
	.right_top {
	margin-left:1.5em;
	}
}

/* Если ширина менее 541пикс, то "СмотритеТакже" в отзывах сделать картинку по ширине, а текст под ней.  */
@media (max-width:33.8125em) {
	.img-smotri-takje {
	width:100%;
	height: auto;
	max-width:100%;
	max-height:100%;
	margin-bottom:1em;
	}
}
/* Если ширина менее 560пикс, то в каталоге сайтов сделать, чтобы на всю ширину экрана помещался только 1 раздел с подразделами. */
@media (max-width:35em) {
	ul.main_categories li {
	width:100%;
	}
}
/* Если ширина менее 500пикс, то, на главной, выровнять кнопки в Инфоблоках "Перейти в раздел" */
@media (max-width:35.2em) {
	.gotosection {
	display:inline-block;
	float:initial;
	margin-top:0.5em;
	border: 1px solid #fff;
	}
	.gotosection a {
	color:#fff;
	}
	/*уменьшить лев. и прав. отступы по краям, а то места и так не хватает*/
	.content {
	padding-left:0.5em;
	padding-right:0.5em;
	}
}
/* Если ширина менее 340 пикс., то убрать кнопки из шапки "Добавить сайт", "Добавить статью", и выровнять логотип */
@media (max-width:21.25em) {
	.right_top {
	display:none;
	}
	.logo-place {
	top:20px;
	}
	a.logohref {
	
	}
}
/* Цвет выделенного текста на всем сайте */
::selection { /*выделенный текст, цвет*/
  background: #8099a7; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection { /*выделенный текст, цвет*/
  background: #8099a7; /* Gecko Browsers */
  color:#fff;
  
}