/*
Theme Name: Cyrillitsa 3.0
Theme URI: http://cyrillitsa.ru/
Author: Cyrillitsa
Author URI: http://turamedia.ru/
Description:  
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Cyrillitsa 3.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400&subset=cyrillic,cyrillic-ext,latin-ext&display=swap);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic&subset=latin,cyrillic,cyrillic-ext,latin-ext&display=swap);

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-size:16px;
    font-family: "PT Serif", Georgia, 'Scada', Arial, sans-serif;
    background: url("images/bg-pattern.png") fixed #eee;
	color: #000;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*=====*/
p{padding:12px 0;}


a{text-decoration:none; color: #66B8AE;}
a:hover{text-decoration:underline; color: #e95c15;}

h1, h2,h3, h4, h5{margin:5px 0; font-family: Arial,  'Tinos', 'Roboto Condensed', Garamond, Times New Roman;}
h1{font-size:34px; /*padding: 9px 0 0;*/ font-weight:400; color: #191919; font-family: inherit; }
h2{font-size:29px;}
h3{  font-size:24px; }
h5{  font-size:0.8em; font-weight:700;}

.post-descr{margin:-5px 0 15px; font-size:0.9em;  color:#777;}

/*=====*/
#main{position:relative; padding:10px 0;}

#main{padding-top:45px;}

.page #main, #main.page{background: #424242;}

#posts-list-menu, #links-list-menu{padding-top:0px;}
.sidebar, #post-list-box{top:60px;}
#topBlock {/*height:50px;*/ line-height:59px; font-family: Arial;}
#topBlock-right .btn, #topMenuList, #topBlock a#site-title{height:59px;}
.open-menu-mobile-wrapper {
    display: none;
}

#topBlock{position: fixed; top: 0; left:0; width:100%; z-index:9990;  background: #fff;/* background: rgba(255,255,255,0.9); color:#333;*/  box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.2);/* border-bottom:1px solid #eee; */ border-bottom: 5px solid #66B8AE;/* #D13B27;*/}
#topBlock a{color:#000;/*66B8AE;*/ } #topBlock a:hover{text-decoration:underline; color: #e95c15;}

#topBlock a#site-title, #topBlock-right{padding:0 10px; position: absolute; z-index:2;  top:0; display: block;}
#topBlock a#site-title{left:0; /*font-family: 'Tinos', 'Roboto Condensed', Garamond, Times New Roman; color:#e95c15;*/ font-size:15px; text-transform: uppercase; width: 200px; overflow:hidden; background: url('images/logo-header.png') no-repeat 10px 10px; text-indent: -200px; border-radius: 0 0 25px 0;/**/}
#topBlock a#site-title:hover{text-decoration:none; }

#topBlock-right{right:0; text-align:right;}
#topBlock-right div{display:inline-block; vertical-align:top;}
#rtBtnsBox, #rtBtnsBox *{word-spacing: 0; letter-spacing: 0; font-size:0;}
#topBlock-right .btn, #bottomBlock .btn{display:inline-block; vertical-align:top; width:40px; border-left:1px solid #fff; cursor:pointer; background: url('images/topBlock-right-btn.png') no-repeat; opacity:0.5;}
#topBlock-right .btn:hover{opacity:0.7;}
#topBlock-right .btn.active{opacity:1.0; background-color:#eee;}
#topBlock-right .btn-social{opacity:1.0; width: 26px;}

#topBlock-right #viewSwitcher-pages{background-position:0 5px;}
#topBlock-right #viewSwitcher-list{background-position:-40px 5px;}

#topBlock-right #fond-social{background-position:0 -95px;}
#topBlock-right #fb-social{background-position:0 -45px;}
#topBlock-right #vk-social{background-position:-25px -45px;}
#topBlock-right #tw-social{background-position:-50px -45px;}
#topBlock-right #in-social{background-position:-75px -45px;}
#topBlock-right #ok-social{background-position:-100px -45px;}
#topBlock-right #gp-social{background-position:-125px -45px;}
#topBlock-right #social-links{margin-right:10px;}

#topMenuList{  overflow:hidden;}

input#s {
background-color: #fff;
	background: rgba(255,255,255, 1.0) url(images/search.png) no-repeat 5px 4px;
	border-radius: 2px;
	font-size: 14px;
	line-height: 1.2em;
	padding: 4px 0px 4px 28px;
}

#searchFormBox #s{ 
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width;
  -webkit-transition-property: padding;
  /*-webkit-transition-property: background-color;*/
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width;
  -moz-transition-property: padding;
  /*-moz-transition-property: background-color; */
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width;
  -o-transition-property: padding;
  /*-o-transition-property: background-color;*/
	-o-transition-timing-function: ease;
	width: 0px; text-align:left; border:none;}
  
#searchFormBox #s:focus { 
background-color: #fff;
background-color: rgba(255,255,255, 1.0);
width: 196px;
padding-right: 10px;
}
#searchsubmit { 
display: none;
}

#site-topMenu, #tomMenu-2{ } #site-topMenu{ background: #fff;}
.compact #site-topMenu, .compact #tomMenu-2{margin-left: 0px; text-align: left;} 

#topMenuList{max-width: 905px;margin: 0px auto; text-align: center;}
#topMenuList li, #tomMenu-2 li{display:inline-block; vertical-align: middle; padding: 0 25px; list-style:none; border-right:1px solid #eee; font-size: 1.1em; text-transform: uppercase;}
#tomMenu-2 li{padding: 0 10px; border-right:1px solid #eee;}
#topMenuList li:last-child, #tomMenu-2 li:last-child{ border-right:none;}
#tomMenu-2 a{color:#777;}
#tomMenu-2{border-top:1px solid #eee;  height:31px; line-height:31px; /*text-align:center;*/ font-size:0.8em; overflow:hidden; height:0; padding: 0px 265px; display:none;}
#tomMenu-2 ul{border-top:1px solid #eee; display:block;  }

#bottomBlock{position: fixed; bottom: 0; left:0; width:100%; z-index:10;  background: #fff;  border-top: 2px solid #66B8AE;/* #D13B27;*/ text-align: right; font-family: Arial; font-size: 0.9em; line-height: 29px; color:#66B8AE;}
#bottomBlock  #social-links{padding-right: 20px;}
#bottomBlock  #social-links:before{content:"Кириллица в соц. сетях:"; }
#bottomBlock  #social-links:before:first-letter{color:#D13B27;}
#bottomBlock .btn{height: 29px; width:25px; opacity: 0.8;}
#bottomBlock .btn:hover{opacity:1;}
#bottomBlock .btn#fb-social { background-position: 0px -60px; }
#bottomBlock .btn#vk-social { background-position: -25px -60px; }
#bottomBlock .btn#tw-social { background-position: -50px -60px; }
#bottomBlock .btn#gp-social { background-position: -125px -60px; }
#bottomBlock .btn#in-social { background-position: -75px -60px; }
#bottomBlock .btn#ok-social { background-position: -100px -60px; }

/*-----sidebar---*/
.sidebar{position: fixed; top:0; left:0; bottom:0; width:220px; background:#fff; /*border-right:1px solid #ddd;*/ overflow:hidden;
box-shadow: 5px 0 10px 10px rgba(0,0,0,0.1); z-index:11;
}
#main, #post-list, #site-topMenu, #tomMenu-2{margin-left:220px; max-width: 1160px; background:#fff;}
.sidebar .sidebar-block{padding-bottom: 10px; font-size:15px; }
/*.sidebar #left-menu{text-align: right; } */
.sidebar #left-menu li{padding:10px; border-bottom:1px solid #ddd; position: relative; border-right: 3px solid #fff; line-height:17px; font-size:0.9em;}
.sidebar #left-menu li.visited{background:#f3f3f3; border-right:3px solid #ccc;}
.sidebar #left-menu li.active.visited{background:#f9f9f9;}
.sidebar #left-menu li.active{border-right:3px solid #D13B27;}
#left-menu li .progress-bar {display:none;  }
#left-menu li.active .progress-bar{background: rgba(0,0,0,0.1); height: inherit; padding-top:inherit;  padding-bottom:inherit; position: absolute; z-index:3; left:0; top:0; bottom:0; display:block; border-bottom:1px solid #D13B27;}
 #left-menu li h3, #left-menu li h3 a{font-size:0.9em; /*#D13B27;*/ color: #66B8AE; text-transform:uppercase; font-weight:400;}
 #left-menu li h3.listTitle{}
 #left-menu li h3.listTitle span{text-transform:none; color:#999; font-weight:400;}
 #left-menu li h4{font-size:0.9em; margin-top:5px; display:none;}
 #left-menu li h4, #left-menu li h4 a{ color:#777;}  #left-menu li h4 a{font-size:1.1em; font-style:italic; }  #left-menu li h4 a:hover{color: #E95C15;}
.sidebar  #left-menu li .postLink{font-size:1.2em; color:#000;}
 
 .sidebar-after {
      /*content: "";*/
      background: url('images/zubya_1.png') repeat-y top right; /* Цвет фона */
position:fixed;
display:block;
width:15px;
top:0px;
z-index:12;
bottom:0;
left:220px;
    }


#posts-list-menu-box {
bottom: 50px;
left: 0px; top: 60px;
overflow: hidden;
position: absolute; z-index: 2;
width: inherit;
}



/*  #right-menu{
text-align:right;
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg) translateX(-50%);
-moz-transform: rotate(270deg) translateX(-50%);
-o-transform: rotate(270deg) translateX(-50%);
-ms-transform: rotate(270deg) translateX(-50%);
transform: rotate(270deg) translateX(-50%);
position:fixed;
right:0;
top:30px;
width:270px;
line-height:25px;

margin-right: -140px;
font-family:Arial;
  }
#right-menu a{display:inline-block; background:#66B8AE; padding: 0 10px; color:#fff; height:60px; border-radius:5px;  }
#right-menu a:hover{opacity:0.8; text-decoration:none;}
  */

/*====item-block=====*/

#post-list-box {
bottom: 0px;
left: 0px;
right: 0px;
position: fixed;
z-index: 9000;
display:none;
background:#fff;
overflow:auto;
}

.item-block{
display:inline-block; vertical-align:top; 
width:465px; 
padding:0px 0 5px;
min-height:365px;
}

.item-block:hover{background: #000; color:#fff;}

.item-block .img-box, .item-block .img-box .descr{
width:465px; height:312px; overflow:hidden;   /*width:310px; height:208px; */
position:relative; 
background: #000;
}

.item-block .img-box .descr{
display:block;
width:425px;
position:absolute; z-index:2; top:0; left:0;
background: rgba(0,0,0,0.7); color:#fff;
padding:20px;
opacity:0;
}

.item-block a:hover{text-decoration:none;}
.item-block h3{text-transform:uppercase; font-size:18px; font-weight:400; padding: 5px 5px 0;}
/*====END item-block=====*/

/*====== content =======*/
.gray {background: #424242;}
.content-box {
    float: left;
    width: 69%;
    margin: 0 2.8% 0 4.5%;
}

.post-banner-col {
    float: left;
    width: 23%;
    min-height: 1px;
	text-align: center;
}
.middle-banner-block {
    text-align: center;
}

.main-banner-row {
    box-sizing: border-box;
    padding: 3.9% 4.5% 0;
    overflow: hidden;
}

.main-banner-rowd {
    box-sizing: border-box;
    padding: 15px 0 5px 0;
    text-align: center;
    overflow: hidden;
	background: #ffffff;
}

#content-block > .post-content-box {
    background: #ffffff;
    float: left;
    width: 100%;
}

#content-block > .post-content-box:not(:nth-of-type(1)) {
    background: #424242;
}

.gray .content-box{max-width: 890px;}
#content, .post-content .content-text-bg, .gray .content-box{background: #fff;}
.post-content{
    padding: 0 0 30px 0;
    float: left;
    width: 100%;
    padding-top: 2.65%;
}
  #content, .post-content .content-text{
  padding: 20px;
  background: #fff;
  margin: 0px auto;
  position: relative;
  /*border: 1px solid #e5e5e5; */
  max-width: 850px;
  }

  .post-content .content-text{
      width: 100%;
      padding: 20px 0 21px 5%;
      line-height:1.5em;
      font-size: 19px;
      box-sizing: border-box;
  }

  .post-mcontent-banner-block {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      float: left;
  }

  .post-content .content-text .content-text{padding:0;}
  
  .post-content .content-text iframe{max-width: 100%;}
  
  .gray  .post-content .content-text{
	padding-bottom: 50px;
  }

  .post-content[data-type="testpage"] .content-text{max-width: 100%;}
  
  .by, .post-content .by{margin-top:34px; padding-bottom:25px; color: #999; color: #000; font-size:0.9em;  }

  .post-content .content-text *{line-height:1.4em; }
	#content-text {font-size: 23px;}
  /*.post-content{max-width:1160px;} */

  .title-block h2{/*font-weight:700;*/ font-size:0.8em; margin:0 0 9px; text-transform:uppercase;}
  .title-block h2, .title-block h2 a {/*color:#D13B27; */  color: #D13B27; }
   .post-content .by a{ color: #66B8AE;}
  .title-block h2.tags{font-size:0.8em; text-transform:none;}
  .title-block h1{ }
   h2.tags,  h2.tags a, #left-menu li h3.tags, #left-menu li h3.tags a{color:#66B8AE;}
   #posts-list-menu .descr{color:#aaa;  font-family: Arial; font-size:0.9em; padding:5px 0; color: #000; }
   

  .attach-img-box{padding: 0px; margin: 0 auto -3px;} 
  .attach-img-box img{width:100%;} 
  
  .size-full{clear: both;
	display: block; height:auto;}

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

  a.editPost {color:#999; font-size:0.8em; font-style:italic;}

  /* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 /*====== END content =======*/
 
 .post-mcontent-block{
 /*border:1px solid #ccc;
 background: #eee; */
  margin:30px auto;
  padding:20px 0;
  float: left;
  }
  
  .post-mcontent-block.banner{text-align:center; background:#ccc;}

  
  /*======== comments ========*/

  .wpCommentsBox .login{text-decoration:underline;}
  .wpCommentsBox .myName {text-decoration:underline; font-weight:700;}

  .comment{position:relative; margin:0px 10px 40px;}
  .comment-autor{width:100px;  border-right: 1px solid #ccc; float:left;}
  .comment-header, .comment-autor, .comment-footer{font-size:0.8em; color:#777;}
  .comment-content{padding-left:110px;}
  .comment-header{text-align:right;}
  .comment-footer{clear:left; border-top: 1px solid #ccc;}
  .commentlistBox{overflow:hidden; border-bottom:3px double #ccc;}
  .commentlist{display:block;}
  .logged-in-as{font-size:0.8em; margin: 10px 0;}
  .form-submit #sumbit{}
.cr-title{font-size:0.8em; font-style:italic; padding-left:10px;}
  .logged-in-as .my-name-box, .logged-in-as .my-avatar-box{display:inline-block; vertical-align:top;}  .logged-in-as .my-avatar-box{margin: 0 10px;}
  .logged-in-as .my-avatar-box img{border-radius:25px; width:50px;}

#respond{border:1px solid #ccc; padding:20px; border-radius:10px; margin:10px auto;}
#respond h3{font-family: inherit; font-weight:700; font-size:1.1em;}
#respond #comment{width:100%; border:1px solid #ccc; margin-top:10px; box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.1);}

.sh-comments, .scr-more{font-size:0.8em; padding:10px; cursor:pointer; color: #D13B27; font-weight:700;}

  /*http://cyrillitsa.ru/history/6140-sekrety-krasoty-russkix-zhenshhin.html?theme=cyr-3.0*/

  /*=====Auch=====*/
  #autchFormBox, #imgPopUpBox{display:none; opacity:0.0;}
  #autchForm, #imgPopUp{position:fixed; z-index:9999;}
  #autchForm {
left: 50%; top:50px;
background:#fff;
padding:10px;
width:230px;
margin-left:-125px;
}
#autchForm-bg, #imgPopUp-bg{
position:fixed; z-index:9998;
left:0; right:0; top:0; bottom:0;
background:rgba(0,0,0,0.5);
}

#autchFormBox #submit, .form-submit input[name="submit"]{border:none; background:#D13B27; color:#fff; border-radius:5px; padding:3px 10px; font: inherit; cursor:pointer;}

#autchForm hr{border:none; border-bottom:1px solid #999; margin: 5px 0;}

#autchForm .error{display:none; background:#D13B27; color:#fff; padding:3px;}


  /*======== END comments ========*/
  .social-login{width:70px; height:24px; cursor:pointer; display:inline-block;   vertical-align:bottom; background:url('images/socialLogin.png') no-repeat 50% 25px;
  }
  .login-tip-title{font-size:0.8em; margin-bottom:5px; font-style:italic; color:#999;}
  .social-login, .fb-login-button{margin-right:  5px;}
  .vk-login{ background-position: 50% 0px;  }
  .fb-login{ background-position: 50% -25px; }
  .google-login{ background-position: 50% -50px;  }
  .yandex-login{ background-position: 50% -75px;  }
  .mail-login{ background-position: 50% -100px;  }


  #autchFormBox  #registerform, #autchFormBox #lostpasswordform{display:none;}
  #autchFormBox #loginform-btnBox{display:none;}

  /*img-box*/
  #imgPopUp-bg{z-index: 9999;}
  #imgPopUp {bottom: 10px; left: 5%; overflow: auto; right: 0px; top: 10px; width: 90%; z-index: 10000;  }
  #imgPopUp img{max-width: 100%;}

  #imgPopUp .close{ position: fixed; z-index:5; right:5%; top:10px; padding:10px; background:rgba(255,255,255,0.5); cursor:pointer;}
#imgPopUp .close:hover{background:rgba(255,255,255,0.7);}

a[href$=".png"], a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"]{cursor:crosshair;  cursor: zoom-in; }

  /*============Оформление=======*/
#content-text p:not([class]):first-letter{color:#F23400; font-size: 1.56521739em;}
.post-black #content-text p:not([class]):first-letter{color:#000;}
.post-blue #content-text p:not([class]):first-letter{color:#00f;}
.post-gray #content-text p:not([class]):first-letter{color:#999;}
#content-text p[class]:first-letter {color:inherit; font-size:inherit;}
  .vrez, .Vrez{ font-size: 1.16316em;  color: #60707A;}  

  .citata, .Citata, .citata-2{ font-size: 1.16316em;  color: #60707A;} 

.Zagolovok, .post-content h2.point-tiltle, .post-content h2.pointTitle{
    text-align: center;
    font-size: 1em;
    font-weight: 700;
}


hr{border:none; border-bottom:1px solid #D13B27;}
hr.bg-romb,hr.bg-xxx,hr.bg-VVV{border:none; width: 320px; height: 45px; background: url('images/content-text-hr.png') no-repeat 50% 0; margin:5px auto; max-width: 100%;}
hr.bg-romb{ } hr.bg-xxx{background-position: 50% -45px; } hr.bg-VVV{background-position: 50% -90px;}

/*.wp-caption{ width:auto!important; }
.wp-caption img{ display:block; margin:auto; }
 .wp-caption-text{padding-top:0; font-size:0.8em; font-style:italic; color:#777;}

 .BigImg img{width:100%; height:auto;}*/

/*=========Loader========*/

#loading{display:none; position: fixed; z-index:9999; right:10px; bottom:40px; background:#fff;   padding: 10px 20px; border:1px solid #ccc; box-shadow:5px 5px 3px 0px rgba(0,0,0,0.3); text-align:center; opacity:0.7; font-size:14px;}
#loading-progress, #loading-progress .progress-bar{height:10px; display:block;}
#loading-progress{border:1px solid #ccc; margin-top:5px; overflow:hidden; width:200px;}
#loading-progress .progress-bar{background-color: #D13B27; width:0;}




/* slider-Gallery */
 .slider{ position:relative; }
 .content-text .slider{background:#eee; box-shadow: inset 5px 5px 12px rgba(0, 0, 0, 0.3);}
 .slider.slider-black{background:#000; color:#ccc;} .slider.slider-black a{color:#fff;} 
.slides-box, .sliderBox{overflow:hidden; text-align:center; position:relative;}
.slides-box li{list-style:none; display:block; vertical-align: middle; position:absolute; z-index:2; top:0;}
.slider .slides-box li .imgBox{display:block; margin:auto;overflow:hidden;}
.slider[data-maxh] .slides-box li .imgBox{}
.slider .slides-box img{width:auto; height:auto;}
.slider[data-maxh] .slides-box li img{width:100%; height:auto;}
.slider .slides-box li .description , .slider .sliderTitle{ margin: auto; padding: 0px 50px; font-size:0.9em; }
.slider[data-text="top"] .slides-box li .description, .slider[data-text="top"] .sliderTitle{background: rgba(0, 0, 0, 0.702); bottom: 0px; left: 0px; position: absolute; right: 0px;   z-index: 2;  padding: 20px 50px; font-size:1em; text-align:left; }
.slider[data-text="top"] .sliderTitle{top:0; bottom:auto; z-index:5; padding: 10px 50px;}
.slider[data-text="top"] .slides-box li .description .slideTitle{font-size:1.2em;}
.prevSlide, .nextSlide{position:absolute; z-index:5; top:0; bottom:0; width:30px; background:rgba(255, 255, 255, 0.5) url('images/sliderControllers.png') no-repeat 0 50%;  cursor: pointer;}
.prevSlide, .nextSlide{opacity:0.0;
transition-property: opacity;
transition-duration: 0.5s;
transition-delay: 0s;
transition-timing-function: linear;}
.slider:hover .prevSlide, .slider:hover .nextSlide{opacity:0.9;}
.prevSlide:hover, .nextSlide:hover{opacity:1.0;}
.prevSlide{left:0;}
.nextSlide{right:0;background-position:100% 50%;}

 .slider-controller {list-style:none; padding:5px 35px; text-align:center; margin:0; }
.slider-controller li{display:inline-block; vertical-align:top; border:1px solid #ccc; border-radius: 3px; padding:7px; margin: 0 5px; cursor:pointer; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);}
.slider-controller li.act{background:#fff;/* border:1px solid #66B8AE;*/}



#countsBox{position:absolute; bottom:0; width: inherit; padding:5px; line-height:35px; height:35px; font-family: Arial;}
#selectSMenu{
color: #aaa;
position: absolute;
z-index: 2;
right: 20px;
top: 0;
text-transform: uppercase;
font-size: 0.8em;
cursor:pointer;
}
#selectSMenu:hover{text-decoration:underline;}


/*==========Карта===*/
#cyrMap{margin:20px 0;}


#cyrMap .ymaps-b-zoom__scale-bg {
background: url("images/maps/controls.png") 0px 0px transparent;
}

#cyrMap .ymaps-b-form-button_theme_grey-no-transparent-26, #cyrMap .ymaps-b-form-button_theme_grey-no-transparent-26 .ymaps-b-form-button__left, #cyrMap .ymaps-b-form-button_theme_grey-no-transparent-26 .ymaps-b-form-button__content {
background-image: url("images/maps/controls-bg.png");
color: #000000;
}

#cyrMap .ymaps-b-ico_type_move, #cyrMap .ymaps-b-ico_type_magnifier, #cyrMap .ymaps-b-ico_type_ruler, #cyrMap .ymaps-b-ico_type_route, #cyrMap .ymaps-b-ico_type_point, #cyrMap .ymaps-b-ico_type_line, #cyrMap .ymaps-b-ico_type_poly, #cyrMap .ymaps-b-ico_type_info, #cyrMap .ymaps-b-ico_type_geoloc {
background-image: url("images/maps/controls-2.png");
height: 17px;
width: 17px;
}


#cyrMap .ymaps-b-form-button_theme_grey-sm, #cyrMap .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__left, #cyrMap .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__content {
background-image: url("images/maps/controls-bg2.png");
}

#cyrMap .ymaps-b-zoom__sprite {background-image: url("images/maps/controls.png");}

#cyrMap .ymaps-b-listbox-panel__item:hover, #cyrMap .ymaps-b-listbox-panel__item_state_hover {
background: #D23C27;   color:#fff;
}

#cyrMap .ymaps-copyrights-legend{display:none;}
#cyrMap .ymaps-copyrights-logo {bottom: 10px;}



#bg-black, #mapODBox #content-block{ position:fixed; z-index:9900; left:0; right:0; bottom:0; top:0; width:100%; height:100%;}
#bg-black{background:rgba(0,0,0,0.3);}
#mapODBox{display:none; opacity:0.0;  }
#mapODBox #content-block{
	overflow:auto;
	z-index:9901;
	padding:0 20px; left:50%;
	background:#fff;
	width: 640px;
	margin-left:-355px;
	border: 15px solid #fff; border-top: 0 solid transparent; border-bottom: 0 solid transparent;
	}
#mapODBox #content-block #modContent{background:#fff; padding:40px 20px; max-width: 600px; margin:20px auto; line-height: 1.5;}
.modContent-block{display:none;}
/*h2.pointTitle {color: #D13B27; font-size:120%; Font-family: Garammond, Georgia; padding: 10px 0;}*/

#cyrMap .reed-more, #mapODBox .close{color:#D23C27; cursor:pointer;}
#cyrMap .reed-more{ text-decoration:underline;}
#mapODBox .close  {font-weight:900; position:absolute; top:20px; right:20px; z-index:5;}

#cyrMap .ymaps-b-balloon__content{font-size:12px;  }
#cyrMap .ymaps-b-balloon__content img{max-width:90%; max-height:150px;;  width:auto; height:auto; display:block; margin:auto;}
#cyrMap .ymaps-b-balloon__content .vrez{margin:0!important; padding:8px 0 20px!important; text-indent: 0px;}
/*#cyrMap .ymaps-b-balloon__content > ymaps {max-width:300px;}
#cyrMap  .ymaps-b-balloon ymaps-i-custom-scroll{max-width:302px;}*/



#scrollerBtn{
position:fixed;
width: 5px; height:100px;
border: 2px solid #fff;
border-radius:6px;
left:220px; top:50px; background:rgba(0,0,0,0.05);/*#D13B27*/
z-index:15;
cursor:pointer;
}

#scrollerBtn:hover{background:rgba(0,0,0,0.2);}

#scrollerBtnBG{
position:fixed;
width: 5px;
top:50px; bottom:50px;
border: 1px solid #ddd;
border-radius:6px;
left:221px; top:50px; background:rgba(0,0,0,0.05);/*#D13B27*/
z-index:14;
}


/*===================Test=================*/
.Test{position:relative; border: 1px solid #eee;   color:#fff;}
 .q-img-box.no-img { 
    background: url("images/logo_k_150.png") no-repeat scroll 50% 50% transparent;
}
.test-img-test, .test-img-test  .startTestScreen{min-height:620px;}
.test-img-test .q-img-box {height: 620px;}

/*===================END Test=================*/


.R7Posts{width:100%; background: #fff;}
.R7Posts .box a{width:33%; display:inline-block; vertical-align: top; color:#000;} .phone .R7Posts .box a{width:auto;}
.R7Posts .box a div{display: block; margin: 20px; }.phone .R7Posts .box a div{ margin: 10px 0; }
.R7Posts .box a span.imgBox{display: block; overflow:hidden; height:250px;} .phone .R7Posts .box a span.imgBox{height:100px;}
.R7Posts .title {
    font-size: 1.5em;
    padding: 20px 20px 10px;
    width: auto;
}
.phone .R7Posts h3{ font-size:1em; }

/*=========480==========*/

@media screen and (max-device-width: 480px) and (max-width: 480px) {
    body {
        height: 100%;
        transform: scale(1.0);
        transform-origin: 0 0;
        max-width: 480px;
    }

    .sidebar, .sidebar::after, .sidebar-after {
        display: none;
    }

    #topBlock {
        height: 50px;
    }

    #main, #post-list, #post-list-box {
        margin-left: 0;
        max-width: 480px;
    }

    #autchForm {
        overflow: auto;
        max-height: 80%;
    }

    div.fb-login-button {
        display: inline-block !important;
        width: auto !important;
        height: 24px !important;
        margin-right: 5px;
    }

    .item-block .img-box, .item-block .img-box .descr, .item-block {
        width: auto;
        height: auto;
        overflow: auto;
    }

    .item-block {
        padding: 15px;
        min-height: inherit;
    }

    .item-block:hover {
        background: none;
        color: inherit;
    }

    .item-block h3 {
        text-transform: none;
    }

    .item-block .img-box img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .post-list-box {
        overflow-x: hidden;
    }
}

body.phone {
    height: 100%;
	background: #eee;
    transform: scale(1.0);
    transform-origin: 0 0;
    max-width: 100%;
}

.phone #main, .phone #post-list, .phone #post-list-box {
    margin: 10px auto;
    max-width: 98%;
}

.phone #autchForm {
    overflow: auto;
    max-height: 80%;
}

.phone div.fb-login-button {
    display: inline-block !important;
    width: auto !important;
    height: 24px !important;
    margin-right: 5px;
}

.phone .item-block .img-box, .phone .item-block .img-box .descr, .phone .item-block {
    width: auto;
    height: auto;
    overflow: visible;
}

.phone .item-block {
    padding: 15px;
    min-height: inherit;
}

.phone .item-block:hover {
    background: none;
    color: inherit;
}

.phone .item-block h3 {
    text-transform: none;
}

.phone .item-block .img-box img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.phone .post-list-box {
    overflow-x: hidden;
}

.phone #right-menu {
    display: none;
}
/*==========END 480=========*/
.donate {
    text-align: center;
    padding: 5px 0;
    background: #eee;
}

.donate .phone, .phone .donate .full {
    display: none;
}

.phone .donate .phone {
    display: block;
}

.phone #content-text {
    font-size: 17px;
}
.phone .content-box {
    width: 100%;
    margin: 0;
}
.phone .post-content .content-text {
    padding: 20px 21px 21px 5%;
}
.phone .attach-img-box {
    padding: 20px 21px 21px 5%;
}
body.phone {
    transform: none;
}
.phone #bottomBlock  #social-links {
    padding: 0;
}
.phone #bottomBlock  #social-links:before {
    content: "соц. сети";
}
.BannerTo2Paragraph-block {
	text-align: center;
}
.phone #lx_604860, .phone #lx_604867, .phone #lx_604863 {
    color: #000;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    /*transform: scale(0.5);
    -webkit-transform: scale(0.5);*/
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
}
/*.phone #lx_604856, .phone #lx_604861 {
    padding: 0 50%;
}*/

#yandex_rtb_R-A-227354-3 {
	padding-bottom: 20px;
	text-align: center;
}

#lx_604856 {
	padding-bottom: 10px;
}
.phone .post-mcontent-block {
    margin: 0 auto;
    padding: 0 0 0 6%;
}
.phone #content-block > .post-content-box:not(:nth-of-type(2)) {
    background: #ffffff;
}
.phone #site-topMenu {
}

.phone #lx_604863 {
    transform: none;
}
.fixed-banner-bottom-row {
    position: fixed;
    bottom: 29px;
}
.fixed-banner-bottom-row .close-fixed-banner {
    position: absolute;
    right: 5px;
    top: -30px;
    width: 20px;
    height: 20px;
    display: none;
}
.fixed-banner-bottom-row .close-fixed-banner:before {
    content: '\2612';
    position: absolute;
    right: -2px;
    top: -3px;
    font-size: 27px;
}


/*10.05.18*/

.strel {display: none;}
.box-heading {
    padding: 10px 10px 7px 10px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #66B8AE;
	margin: 10px auto;
}

.box-wrapper {
    text-align: center;
	margin-bottom: 20px;
	margin: 10px auto;
}

.items {
	margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 5px;
    vertical-align: top;
    background: #fff;
	width: 100%;
}



@media only screen and (min-width : 1201px) and (max-width : 1280px) {
	.content-box {width: 70%; margin: 0 2.5% 0 2.5%;}
	
}
@media only screen and (max-width : 1200px) {
	.post-banner-col {min-width: 240px; float: right;margin-right: 7px;}
	.post-content {overflow: hidden;}
	.sidebar {left: -220px;}
	#main {margin-left: 0;max-width: 100%;}
	.strel, .sidebar, #scrollerBtn, .sidebar-after, #scrollerBtnBG {transition: all 0.5s linear 0s;}
	#scrollerBtn, .sidebar-after {left: -9px;}
	#scrollerBtnBG {left: -8px;}
	.strel {display: block; position: fixed; left: 9px; top: 50%; margin-top: -15px;z-index: 1;cursor: pointer;}
	.strel .strel2 {display: none;}
	.actstrel #scrollerBtn, .actstrel .sidebar-after {left: 220px;}
	.actstrel #scrollerBtnBG {left: 221px;}
	.actstrel .strel {left: 233px;}
	.actstrel .strel .strel2 {display: block;}
	.actstrel .strel .strel1 {display: none;}
	.actstrel .sidebar {left: 0;}
}
@media only screen and (max-width : 1024px) {
	#content-block > .post-content-box:not(:nth-of-type(1)) {background: #ffffff;}
}
@media only screen and (max-width : 1059px) {
	.content-box {width: 94%;margin: 0 3%;}
	.post-banner-col {width: 100%; text-align: center; float: left;margin-right: 0;}
	.post-content .content-text {max-width: 100%; padding: 20px 0 21px 0 !important;}
	.post-content .content-text p, .title-block, .by, .sharebox{max-width: 100%; padding: 20px 2.5% 21px 2.5% !important}
	.items { margin: 0 1% 10px; width: 31%;}
}
@media only screen and (max-width : 960px) {
	.by {
		padding: 0px 2.5% 0px 2.5% !important;
		margin-top: 0px !important;
	}
	.fixed-banner-bottom-row {
        width: 320px;
        display: block;
        left: 50%;
        margin-left: -160px;
    }
	.open-menu-mobile-wrapper {
		display: block;
		position: absolute;
		right: 0;
		margin: 5px;
		width: 40px;
		height: 40px;
	}
	.open-menu-mobile-wrapper img {
		width: 40px;
		height: auto;
	}
	#site-topMenu {
		margin-top: 55px;
		display: none;
		opacity: 0;
		margin-left: 0;
	}
	#site-topMenu #topMenuList {
		overflow: initial;
	}
	#site-topMenu #topMenuList li {
		display: block;
		background-color: #fff;
		border-bottom: #5f9ea0 solid 1px;
	}
	#site-topMenu #topMenuList li:last-child {
		border-bottom: #5f9ea0 solid 2px;
	}
	#topBlock {
		height: 50px;
		margin-top: -1px;
	}

	#topBlock a#site-title {
		width: 140px;
		border-radius: 0;
		background: url(images/logo-header.png) no-repeat 10px 3px;
	}
	#searchFormBox {display: none !Important;}
}
@media only screen and (max-width : 900px) {
	.strel, .sidebar, .sidebar::after, .sidebar-after {display: none !Important;}
}
@media only screen and (max-width : 768px) {
	#content-block > .post-content-box:not(:nth-of-type(1)) {
    background: #fff;
	}
	.box-heading {
	margin: 10px 10px 0 10px !important;
	}
	.box-wrapper {
	margin: 10px 10px 0 10px !important;
	}
	.items { margin: 0 1% 10px; width: 48%;}
}
@media only screen and (max-width : 480px) {
    .fixed-banner-bottom-row {
        width: 320px;
        display: block;
        left: 50%;
        margin-left: -160px;
    }
    .fixed-banner-bottom {
        margin-bottom: -3px;
    }
    .close-fixed-banner {
        right: 5px;
    }
	.post-banner-col {
		width: 100%;
		text-align: center;
	}
	.box-heading {
	margin: 10px 10px 0 10px !important;
	}
	.box-wrapper {
	margin: 10px 10px 0 10px !important;
	}
	.items { margin: 0 0 10px; width: 100%;}
}

@media only screen and (min-width : 1061px) {
	.actfixr .post-banner-col.fixr {
		position: fixed;
		bottom: 20px;
	}
	.actfixr {position: relative;}
	.actfixr .post-banner-col.abxr {
		position: absolute;
		bottom: 20px;
		right: 7px;
	}
}
/*10.05.18*/



.cbImg {
    overflow: hidden;
    position: relative;
    height: 160px;
    background: #fff;
    max-width: none;
	vertical-align: top;
    display: block;
}

.cbDesc {
    vertical-align: top;
    display: block;
    font-size: 11px;
    text-align: left;
    padding-left: 4px;
	padding-bottom: 5px;
}

.cbDesc .title {
    font-size: 18px;
    text-align: left;
    line-height: 1.2em;
    margin: 5px 0;
    color: #000;
}

#lx_613440, #lx_613443 {
	padding: 20px 0 20px 0;
}

.ya_banner {
		    margin: 0 auto!important;
			  width: 336px!important;
}

#mistape_reported_text .mistape_mistake_outer {
	line-height: 30px;
}

#mceu_67 {display:block !important}

/*#content-text  li:before {
    color: #f23400; 
    content: "— "; 
    padding-right: 10px; 
   }
*/
#lx_604867 {
	text-align: center;
}

.rmo {
    font-size: 26px;
    float: left;
}

#fp-video-0 {
	max-width: 640px !important;
}

.mghover {
    line-height: normal !important;
}