/*  
Theme Name: Zero
Theme URI:
Description: Горизонтальное меню, sidebar - одна колонка справа
Author: Spytnik
Author URI: https://www.fl.ru/users/Spytnik
Version: v1.0
*/
@import url('css/reset.css');
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic&subset=latin,greek,cyrillic,cyrillic-ext);
/*
font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

html{height:100%;}
body {
    background: #e4e3e9;
    color: #48434f;
    font-size: 100%;
    font-family: 'PT Sans', sans-serif;
    margin:auto;
    padding: 0;
    text-align: left;
    line-height: 14px;
    height:100%;
}
a{
    color:#504b58;
    text-decoration: underline;
}
a:hover{
    color:#504b58;
    text-decoration: none;
}
p{
    margin-bottom: 10px;
}
div{
    display:block;
}
img{
 max-width: 100%;
 height: auto;
 width: auto\9; /* ie8 */
}
iframe{max-width: 100%;}
.section.single iframe[src*="youtube"] { width: 95%; border: 15px solid #2a76b92e; border-radius: 10px;  min-height: 380px;}
h1{
    font:lighter 24px/30px 'Open Sans';
    color:#48434f;
    margin: 20px 0;
}

.single h2{
      font:lighter 20px/30px 'Open Sans';
    color:#3b4965;
    display:block;
    margin: 15px 0;
border-bottom-color: #333366;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.single h3{
      font:lighter 18px/30px 'Open Sans';
    color:#3b4965;
    display:block;
    margin: 15px 0;

}
.single h4{
      font:lighter 18px/30px 'Open Sans';
    color:#3b4965;
    display:block;
    margin: 15px 0;

}
/* contener
------------------------------------*/
.contener{
    width: 100%;
    min-height:100%;
    height: auto !important; height: 100%;/* for >IE7 */
}
/* header
------------------------------------*/
.header{
    width: 100%;
    height: 250px;
    position: relative;
    clear: both;
}
.logo-bg{
    background: url(images/header-bg.jpg)no-repeat center;
    width: 100%;
    height: 250px;
    margin:0px auto;
    overflow: hidden;
}
.logo-center{
    width: 1000px;
    margin: auto;
    position: relative;
}
.logo{
    background: url(images/logo.png) no-repeat;
    width: 208px;
    height: 180px;
    position: absolute;
    left:20px;
    top: 5px;
}
#search{
    position: absolute;
    right: 10px;
    top: 90px;
    background-color: #fff;
    width: 325px;
    height:40px;
    border-radius: 7px;
    opacity: 0.8;
}
.searchfield{
    border: 0;
    width: 242px;
    height: 38px;
    border-radius: 7px;
    padding-left: 10px;
}
.searchsubmit{
    border: 0;
    background: #FC8172;
    height: 30px;
    color:#fff;
    border-radius: 5px;
    width: 63px;
    cursor: pointer;
}
.searchsubmit:hover{
    background: #E93A25 ;
}
.nav-bottom {
    background: url(images/nav-bg.jpg)no-repeat center;
    width: 100%;
    height: 726px;
    display: block;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin: auto;
    clear:both;
    
}
hr{
    border-bottom:5px solid #fc8172;
    width:1299px;
    display:block;
    margin:auto;
    overflow: hidden;
}

.nav-block{
    width:1000px;
    margin: auto;
}
.nav-h{
    font-size: 24px;
    font-weight: lighter;
    text-align: center;
    padding-top: 30px;
    color: #c5c4c7;
}


/* home menu
------------------------------------*/
.home-menu{
    margin-top:25px;
    margin-left:60px;
    font-weight: lighter;
}
.home-menu>li{
    float:left;
    margin-right: 5px;
    width:230px;
    height:310px;
}
.home-menu>li:nth-child(7){
    width: 180px;
    margin-right:0;
}
.home-menu>li:nth-child(1):before{background: url(images/nav-1.png)no-repeat;content:'';}
.home-menu>li:nth-child(2):before{background: url(images/nav-2.png)no-repeat;content:'';}
.home-menu>li:nth-child(3):before{background: url(images/nav-3.png)no-repeat;content:'';}
.home-menu>li:nth-child(4):before{background: url(images/nav-4.png)no-repeat;content:'';}
.home-menu>li:nth-child(5):before{background: url(images/nav-5.png)no-repeat;content:'';}
.home-menu>li:nth-child(6):before{background: url(images/nav-6.png)no-repeat;content:'';}
.home-menu>li:nth-child(7):before{background: url(images/nav-7.png)no-repeat;content:'';}

.home-menu li:nth-child(1):before,.home-menu li:nth-child(2):before,
.home-menu li:nth-child(3):before,.home-menu li:nth-child(4):before,
.home-menu li:nth-child(5):before,.home-menu li:nth-child(6):before,
.home-menu li:nth-child(7):before{width:120px;height: 120px;display:block;margin-bottom:15px;}

.home-menu>li>a{
    color: #c5c4c7;
    text-decoration: none;
    font:lighter 16px/18px 'Open Sans';
    padding-bottom: 15px;
    display: block;
}
.home-menu li ul li{
    list-style: circle inside none;
    list-style-image: url(images/nav-li.png);
    margin-bottom: 8px;
}
.home-menu li ul li a{
    text-decoration: underline;
    font: lighter 14px/18px 'Open Sans';
    color:#c5c4c7;
}
.home-menu li ul li a:hover{
    text-decoration: none;
}

.faq{
    width:230px;
    height:310px;
    float: right;
    margin-right: 30px;
    text-align:center;
    font:lighter 12px 'Open Sans';
    color:#c5c4c7;
}
.faq:before{
    background: url(images/nav-8.png)no-repeat;
    width:120px;
    height:120px;
    display: block;
    margin:0 0 15px 55px;
    content:'';
}
.faq-h{
    font:lighter 16px 'Open Sans';
    color:#fff;
    margin-bottom:7px;
}
.faq a{
    margin:15px 0 0 20px;
    display:block;
    width:200px;
    border-radius: 6px;
    color:#fff;
    text-decoration: none;
    padding:7px 0 10px;
    text-align:center;
    font:lighter 16px 'Open Sans';
background: rgb(212,129,180); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(212,129,180,1) 0%, rgba(146,97,157,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,129,180,1)), color-stop(100%,rgba(146,97,157,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(212,129,180,1) 0%,rgba(146,97,157,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(212,129,180,1) 0%,rgba(146,97,157,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(212,129,180,1) 0%,rgba(146,97,157,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(212,129,180,1) 0%,rgba(146,97,157,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d481b4', endColorstr='#92619d',GradientType=0 ); /* IE6-9 */


}
/* home
------------------------------------*/
.section{
    width:715px;
    margin:auto;
    float:left;
    position: relative;
}
.home-title{
    font:lighter 24px/30px 'Open Sans';
    color:#48434f;
    margin: 20px 0;
}
.new-widht-img{float:left}
.new-img{
    float:left;
    height:470px;
    width:220px;
    margin-right:15px;
    background: #fff;
    border-radius: 3px;
    position: relative;
}
.new-img img{
    display:block;
    margin:20px 20px 0 20px;
    border-radius: 4px;
}
.new-img .item{
    margin:20px;
}
.new-img .title {
    font: normal 16px 'PT Sans';
    text-decoration: none;
    color:#48434f;
    padding-bottom: 15px;
    display: block;
}
.new-img .post{
    font: normal 14px/16px 'PT Sans';
    margin-bottom: 20px;
}
.new-img .meta-cat a{
    color: #9763a0;
    font: normal 12px/16px 'PT Sans';
    text-decoration: none;
}

.new-no-img{
    width: 220px;
    height:470px;
    overflow: hidden;
}
.new-no-img .article a:first-child{
    margin: 0;
}
.new-no-img .article{margin-left:0}
.new-no-img .article a{
    border-bottom: 1px dotted #c6c5cc;
    font: normal 14px 'PT Sans';
    margin:20px 0;
    text-decoration: none;
    display:block;
    padding-bottom: 20px;
}
.new-no-img .article a:hover{
    text-decoration: underline;
    color:#7e666d;
}
.similar-info{
    height:410px;
}

.related-post{ 
background: #FFFFFF;
border-radius: 4px;
float: left;
height: 330px;
width: 220px;
margin: 7px;
overflow: hidden;
position: relative;
}
.related-post:hover{
    box-shadow: inset 0px 0px 5px #5E484A;
}
.transition{
    transition: 0.5s; 
}
.related-post img { 
border-radius: 6px;
margin: 20px;
display:block;
}
.related-post a{
    text-decoration: none;
    display:block;
    height:300px;
    overflow: hidden;
}
.related-post span { 
font: 16px "PT Sans";
margin:0 20px 20px;
text-decoration: none;
display:block;
}

/* rotator
------------------------------------*/
.rotator{
    position: relative;
    width:700px;
    padding-bottom:30px;
}
.carousel  {
   width: 700px;
   margin: 10px auto;
   width:100%;
}
.carousel-wrapper {
   margin: 10px 50px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   width: 180px; /* задаём ширину каждого элемента */
   margin-right: 30px;
}
.carousel-block img.img-video{
	display:block;
    border-radius: 6px;
    position: relative;
}
.carousel-block img.img-play{
    position: absolute;
    margin:-100px 0 0 55px;
    width:64px;
    height:64px;
    z-index: 9999999;
}
.carousel-block .item{
    margin-top:15px;
    display:block;
}
.carousel-block .title{
    font: normal 14px 'PT Sans';
    text-decoration: none;
}
.carousel-button-left a, .carousel-button-right a{
   width: 30px; 
   height: 30px; 
   position: relative;
   top: 55px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(images/carousel-left.png); 
}
.carousel-button-right a{
   float: right;
   background: url(images/carousel-right.png); 
}

.media-zip{
    color:#9763a0;
    font: normal 12px/16px 'PT Sans';
    display: block;
    text-decoration: underline;
    padding-left:16px;
    background: url(images/media-zip.png) no-repeat 0 4px;
    cursor: pointer;
}
.media-zip:hover{
    text-decoration: none;
    color:#9763a0;
}

.help-block {width:710px;height:380px;margin-bottom: 15px;}
.help-block .article{
    width: 220px;
    height:330px;
    float:left;
    background: #fff;
    border-radius: 4px;
}
.help-block  .article img{
    margin: 20px 20px 0 20px;
    border-radius: 6px;
}
.help-block  .article a{
    font: normal 16px 'PT Sans';
    display:block;
    margin: 20px;
    text-decoration: none;
}
.help-block  .article a:hover{
    text-decoration: underline;
}
.help-block .faq{float:left;color:#7b6269;font-weight: normal;margin-right: 0;}
.help-block .faq-h{color:#48434f;font-weight: normal;}

.seo-block{
    font: normal 14px/18px 'PT Sans';
    clear:both;
}

/* content
------------------------------------*/
.content{
    width: 1000px;
    margin: auto;
    min-height:200px;
    position: relative;
    font: normal 17px/19px 'PT Sans';
}
.single .article{margin:0}
.single .post{
    position: relative;
    background: #fff;
    padding:20px 15px;
    border-radius: 5px;
}
.article{
    margin: 10px;
}
.breadcrumbs{
    margin-top: 20px;
    font: normal 12px/16px 'PT Sans';
    color:#9763a0;
}
.breadcrumbs a{
    color:#9763a0;
    font: normal 12px/16px 'PT Sans';
    text-decoration: underline;
    cursor: pointer;
    margin:0 4px;
}
.breadcrumbs a:hover{text-decoration: none;}
.wp-caption { 
background: #E4E3E9;
border: 1px solid #E0E0E0;
border-radius: 3px;
margin: 5px auto 10px;
padding: 3px;
text-align: center;
width: 95% !important;
}

.single .post .meta{
    background: #E4E3E9;
    width:100%;
    border-radius: 5px;
    margin:auto;
    height: 50px;
    position: relative;
} 




.single .post img { 
border-radius: 4px;
margin-bottom: 10px;
margin-right: 2%;
max-width: 100%;
height: auto;
}
.single .post blockquote{
    padding:10px 20px;
    background: #E4E3E9;
    margin:5px;
}
.single .post ul,.single .post ol{margin: 20px 0;}
.single .post ul li,.single .post ol li{
    list-style-image: url(images/ul-li.png);
    list-style-position: inside;
    line-height:150%;
}

/*! Автор */
.autor, .share-article {margin: 10px 0px; background-color: #ffffff; position: relative;}
.autor img {margin-left:20px;height: 100px;border-radius: 300px;display: inline-block;padding: 10px;vertical-align: middle;width: auto;}
.autor .name {font-size: 22px;display: inline-block;color: #3a579a;vertical-align: middle;}
.autor .name span { font-size: 16px; margin-top: 10px; color: grey; display: block;}
.autor .fix {position: absolute;right: -0px;background-color: #e7a300;top: 25px;padding: 2px 5px;color: #ffffff;font-size: 15px;line-height: 30px;border-radius: 5px 0px 0px 5px;}
.autor .fix.date {text-align: right;top: 55px;background-color: transparent;color: grey;}


/*! Кнопки репостов в конце статьи */
.share-article .ya-share2__container_size_m .ya-share2__icon {width: 50px !important;height: 50px !important;}
.share-article .ya-share2__container_size_m .ya-share2__counter { font-size: 15px; line-height: 50px; padding: 0 8px; }
.share-article p {font-size: 17px;line-height: 1.57; margin: 0px !important; text-transform: uppercase; text-align: center !important; }
.share-article { text-align: center; padding: 10px 0px; background-color: #ffffff; box-shadow: 1px 1px 5px rgba(114, 114, 114, 0.3215686274509804); }

@media screen and (max-width: 900px) and (min-width: 200px)
{
.autor img {height: 150px;}
.autor {text-align: center;}
.autor .name {font-size: 20px;width: 100%;line-height: 25px;}
.autor .fix {position: initial;display: block;}
.share-article .ya-share2__container_size_m .ya-share2__icon {width: 35px !important; height: 35px !important;}
.star-rating.flat {height: 40px; float: right;
}
}



/* category
------------------------------------*/
.category .article{ 
background: #FFFFFF;
border-radius: 4px;
float: left;
height: 330px;
width: 220px;
margin: 7px;
/* overflow: hidden; */
position: relative;
}
.category .article:hover{
    box-shadow: inset 0px 0px 5px #5E484A;
}
.transition{
    transition: 0.5s; 
}
.category .article img { 
border-radius: 6px;
margin: 20px;
display:block;
}
.category .article a{
    text-decoration: none;
    display:block;
    height:300px;
    overflow: hidden;
}
.category .article span { 
font: 16px "PT Sans";
margin:0 20px 20px;
text-decoration: none;
display:block;
}

.navigation{
    text-align:center;
    margin-top: 10px;
}
.navigation span,.navigation a{
    padding:3px 9px;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
}
.navigation a{background: #FC8172;color:#fff;}
.navigation a:hover{background: #DA4B3B;}
.navigation .next,.navigation .prev{
    background: none;
    text-decoration: none;
    color:inherit;
}
/* sidebar
------------------------------------*/
.aside{
    width: 270px;
    height:100%;
    float: right;
}
.aside .section{
    width:230px;
    float: none;
    margin:10px auto 0;
}
.with_image{
    height:90px;
    width:260px;
    border-bottom: 1px dashed #c6c5cc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.with_image:last-child{border: none;}
.with_image img{
    float:left;
    margin-right:10px;
    border-radius: 5px;
}
.with_image a{
    font: normal 14px/18px 'PT Sans';
    text-decoration: none;
}
.with_image a:hover{text-decoration: underline;color: #7E666D;}
.widget a{
    font: normal 14px/18px 'PT Sans';
    text-decoration: none;
}
.widget a:hover{text-decoration: underline;color: #7E666D;}

.comments-block-body{
    font: normal 12px 'PT Sans';
    color:#51556e;
    position: relative;
}
.comments-block-body span{
    margin:0 10px 10px;
    display:block;
}
.views-field-title{
    background: url(images/comment-title-bg.png)no-repeat;
    width:240px;
    height:54px;
    padding:5px 10px;
}
.views-field-title a{
    width:240px;
    height:38px;
    font: normal 14px/18px 'PT Sans';
    display:block;
    overflow: hidden;
}
.comment-more{
    background: url(images/comment-more.png)no-repeat;
    width:20px;
    height:15px;
    display:block;
    margin:0 0 30px 10px;
}
/* fotter
------------------------------------*/
.footer{
    background: url(images/footer-bg.jpg) no-repeat center;
    width: 100%;
    clear:both;
    height: 130px;
    margin: -30px auto 0;
    font: normal 12px 'PT Sans';
    color:#fff;
}
.footer-bogy{
    width:1000px;
    margin: 0px auto;
    opacity: 0.7;
    position: relative;
}
.copy{
    width:320px;
    margin-right: 30px;
    padding-top: 40px;
    float: left;
}
.footer-url{
    width:170px;
    margin-right:25px;
    float: left;
    padding-top: 25px;
}
.footer-url a{
    color:#fff;
    opacity: 1;
    line-height: 160%;
}
.counter{
    width:100px;
    margin-right:30px;
    float: left;
    padding-top: 30px;
}
.footer .warning{
    width:310px;
    opacity: 0.7;
    padding-top: 40px;
    float:left;
}
/* images
------------------------------------*/
.aligncenter{
display: block;
margin:10px auto;
}
.alignleft{
float:left;
margin:10px;
display:block;
}
.alignright{
float:right;
margin:10px;
display:block;
}
/*top menu
------------------------------------*/
.top-menu {
	padding: 0;
	margin-left: 245px;
	font-size: 100%;
    width: 560px;
	font-family: 'PT Sans';
	height: 40px;
    display:block;
    position: relative;
    top: 210px;
}
.top-menu li {
	list-style: none;
	float: left;
	height: 40px;
	padding: 0;
    margin-right: 30px;
	text-align: center;
	position: relative;
}
.top-menu li a {
    display: block;
    margin-right: 30px;
    height: 40px;
    color: #e4e3e9;
    text-decoration: underline;
    display:table-cell;
    vertical-align:middle;
}
.top-menu li a:hover{
    text-decoration: none;
}
    
/* comments
------------------------------------*/
#comments{
    margin: 0 0 0 10px;
}  
.commentlist{
    max-width: 680px;
    padding: 10px;
    border-radius: 5px;
}
.commentlist li{
    display:block;
    position: relative;
    clear:both;
    margin-bottom:10px;
    background: #fff;
    padding:10px;
    border-radius: 5px;
}
.commentlist .avatar{
    display:block;
    position: absolute;
    top: 10px;
    left:10px;
}
#comment_author_link{
    position: absolute;
    left:70px;
}
.comm-body{
    width:90%;
    margin:10px 10px 10px 60px;
    font: normal 14px/16px 'PT Sans';
}
#commentform{
    margin-left: 10px;
}
textarea#comment{
    width:97%;
} 
#comment_form_title{
    margin-left:10px;
}

#respond input[type='text']{ 
background-color: #FFFFFF;
border-radius: 5px;
height: 30px;
width: 325px;
}
#respond textarea{
background-color: #FFFFFF;
border-radius: 5px; 
}
#respond input[type='submit'] { 
background: #FC8172;
border: 0px none currentColor;
border-radius: 5px;
color: #FFFFFF;
cursor: pointer;
height: 30px;
width: 163px;
}
#respond input[type='submit']:hover { 
background: #E93A25;
}
#cancel-comment-reply-link,.reply a{
    padding:10px 0;
    display:block;
    float: right;
    color: #9763A0;
    cursor: pointer;
    font: 12px/16px "PT Sans";
    margin: 0px 4px;
    text-decoration: underline;
}
#cancel-comment-reply-link,.reply a:hover{text-decoration: none;}
.waitmoderation{display:none}

.comment-edit-link {
    position: absolute;
    right:20px;
    font: 12px/16px "PT Sans";
    color: #9763A0;
}

/* video page
------------------------------------*/
.video-page{
    width: 980px;
    max-width:100%;
    margin-bottom:100px;
}
.iframe{
    width:660px;
    max-width:67%;
    display:inline-block;
    margin-right: 2%;
}
.iframe object embed{
    width:660px;
    max-width:100%;
}
.v-rotator{
    width:300px;
    max-width:30%;
    display:inline-block;
    background: #fff;
}
#ticker-previous, #ticker-next { 
    background-color: #5B444C;
    display: block;
    height: 28px;
    width:300px;
    max-width:100%;
}
#ticker-previous { 
background: #5B444C url("scripts/rotator-img/arrow-top.png") 50% 50% no-repeat;
}
#ticker-next { 
background: #5B444C url("scripts/rotator-img/arrow-bottom.png") 50% 50% no-repeat;
}
#vertical-ticker { 
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 300px;
    max-width:100%;
}
#vertical-ticker a{
    display: block;
    width: 300px;
    max-width:100%;
}
#vertical-ticker li { 
    background-color: #fff;
    border-bottom: 1px solid #5B444C;
    clear: both;
    color: #000000;
    display: block;
    font:normal 100% 'PT Sans';
    min-height: 80px;
    padding: 13px 1% 14px;
    text-align: center;
    width: 300px;
    max-width:99%;
}
#vertical-ticker img{
    display:inline-block;
    max-width: 33.33%;
    float:none;
    margin:0 1%;
}
.rotator-title {
display: inline-block;
color: #5B444C;
font-size: 13px;
line-height: 16px;
width:200px;
max-width:62%;
vertical-align: top;
overflow: hidden;
}
#loop { 
clear: both;
position: relative;
}
.cat-video { 
height: auto;
position: relative;
width: 310px;
max-width: 31.6%;
display:inline-block;
margin: 10px 0.55%;
}
.play { 
top: 30%;
display: block;
left: 41%;
bottom:0;
position: absolute;
max-width: 19.3%;
}


/* other
------------------------------------*/
.clear{
    clear: both;
}
#top {
  bottom: 20px;
  cursor: pointer;
  display: none;
  font-size: 150%;
  position: fixed;
  right: 20px;
  opacity: 0.7;
}
#top:hover{
    opacity: 1;
}
.video_page_thumb{
    width:100px;
    height:80px;
    overflow: hidden;
    text-decoration:none;
}
/* media
------------------------------------*/
@media screen and (min-width:200px) and (max-width:800px)  
{
    .logo-center,
    .nav-block,
    .content,
    .with_image,
    .footer-bogy, 
    .article{width:99%;margin:auto}
    .warning,.nav-bottom{display:none;}
    .section, .aside, .aside .section{width:100%;float:none}
    .aside{margin-bottom: 100px;}
    #search{right:20px}
    .top-menu{margin-left:18%}
    .with_image{margin-bottom: 20px;}
}
@media screen and (min-width:200px) and (max-width:768px)
{
    .single-ratings{display:none}
    .share{float:right;width:40%}
}
@media screen and (min-width:200px) and (max-width:736px)  
{
}
@media screen and (min-width:200px) and (max-width:667px)  
{
    .rotator{display:none;}
    .new-no-img{width:160px;}
    .help-block{width:100%}
    .help-block .article{width:30%}
    .help-block .article img{width:80%}
    .footer-url{display:none}
    .counter{float:right}
    .copy{margin-left:2%;}
    .author{width:55%}
    .single .meta{width:97%}
}
@media screen and (min-width:200px) and (max-width:603px)  
{
    .new-img{width:45%}
    .new-img img{width:80%}
    .new-widht-img{width: 70%;}
    .single .post{width:95%}
}
@media screen and (min-width:200px) and (max-width:533px)  
{
    #search{width:225px}
    .searchfield {width:142px}
    .new-widht-img{width:65%}
    .new-img img {margin: 10% 10% 0;}
    .help-block .article:nth-child(2){display:none}
    .help-block .article img{margin: 10% 10% 0;}
    .related-post{width:30%}
    .related-post img{width:80%;margin:10%}
    .cat-video{max-width:47%}
    #vertical-ticker img{display:none;}
}
@media screen and (min-width:200px) and (max-width:414px)  
{
    .new-img:nth-child(2){display:none}
    #search{display:none}
    .new-widht-img{width:55%}
    .new-img{width:95%}
    .help-block .article{width:40%}
    .copy {width:50%;padding-top: 20px;}
    .top-menu{margin-left: 2%;}
    .related-post:nth-child(3){display:none}
    .related-post{width:45%}
    .single .post{width:93%}
    .category .article{width:45%}
    .category .article img{width:80%;margin:10%}
    .v-rotator{display:none;}
    .iframe{max-width:100%}
    .cat-video p{display:none;}
    .author{display:none}
    .share{float:none;width:70%}
    .single .meta{width:96%}
}
@media screen and (min-width:200px) and (max-width:375px)  
{
    .top-menu{margin-left: 0%;}
    .logo-bg {overflow:visible ;}
    .top-menu li{float:none;padding-left: 2%;background: #816D6E;margin-right: 0;border-bottom: 1px solid #ccc;}
    .content{margin-top:160px}
    .top-menu{
    clear: both;
    display: block;
    height: 160px;
    margin-left: 0;
    width:100%;
    }
    .new-widht-img{width:50%}
    .help-block .article{display:none}
    .faq{margin-left: 20%;}

}
@media screen and (min-width:200px) and (max-width:320px) 
{
    .new-no-img {width:140px;}
    .faq{margin-left: 10%;}
    .copy{margin-right:0px;width:55%}
    .counter{margin-right:0px;}
    .single .post{width:90%}
    #respond input[type="text"]{width:95%}
    .single .meta{width:95%}
}

ins.adsbygoogle {width: 100% !important; text-align: center;}
.g-single div > yatag, .a-single div >  yatag,.g-single > yatag, .a-single >  yatag  {display: table !important;margin: auto !important;}

/* Списки */
ul.toc_list li a, ol.toc_list li a {
    padding-left: 25px;
    margin-top: 0px;
    width: 100%;
    padding: 10px 30px;
}
div#toc_container {
    background: white;
    border: 2px solid #fa8274;
    padding: 0 0 10px;
    width: 100% !important;
}
div#toc_container li {
    border: none;
    padding: 3px 0 !important;
    
}
div#toc_container li:before {
    display: none;
}
div#toc_container li .toc_number {
    background-color: #fa8274;
    padding: 5px 6px;
    color: white;
    margin-right: 10px;
}
div#toc_container li ul li {
    margin: 5px 0px;
}
div#toc_container li ul li:first-child {
    margin-top: 10px;
}
div#toc_container li ul li .toc_number {
    color: #fa8274;
    background-color: white;
    border: 1px solid #fa8274;
}
#toc_container li a {
    text-decoration: none;
    text-shadow: none;
    line-height: 25px;
    padding: 0 0 0 5px !important;
    width: 100% !important;
    display: block;
}
span.toc_toggle a {
    color: #ffffff;
    font-size: 12px;
    margin: 0px 10px;
}
#toc_container.contracted {
    width: 100% !important;
}
p.toc_title {
    background-color: #fa8274;
    color: white !important;
    padding: 5px 0 !important;
    font-weight: 100 !important;
}
#toc_container a:hover {
    text-decoration: none;
    color: #213274;
    font-weight: 700;
}
.section.single .post ul, .section.single .post ol {
    counter-reset: li;
    list-style: none;
    font: 18px "Roboto", "Lucida Sans";
    padding: 0;
}
.section.single .post ul li, .section.single .post ol li {
position: relative;
display: block;
padding: .4em .4em .4em 2em !important;
margin: .5em 0;
background: #f6f6f6;
color: #444;
text-decoration: none;
border-radius: 0;
transition: .3s ease-out;
}
.section.single .post ul:not(.toc_list) li:hover,.section.single .post ol li:hover {background: #E9E4E0;}
.section.single .post ul:not(.toc_list) li:before,.section.single .post ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -0.7em;
    font-size: 14px;
    top: 50%;
    margin-top: -1em;
    background: #fa8274;
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
    border: .3em solid white;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
    color: white;
}
.section.single .post ul:not(.toc_list) li:before {
    content: "";
    height: 1em;
    width: 1em;
    left: -0.5em;
    margin-top: 0;
    top: unset;
}
ul.toc_list li:before, ol.toc_list li:before {
    font-size: 12px;
}
ul.toc_list li, ol.toc_list li {
    padding: 0px 0px !important;
}

ul.toc_list ul li:before {
    content: "" !important;
    background: white !important;
    margin: unset;
}
/*
.article .post {
    overflow: hidden;
}
*/