/*  
Theme Name: iTheme2
Theme URI: https://irinazaytseva.ru
Version: 1.0
Author: Сергей
Author URI: https://irinazaytseva.ru
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
    outline: none;
}
img, fieldset, audio {
	border: 0;
    outline: none;
}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
/*
@font-face {
    font-family: Calibri; 
    src: local("Calibri"), url(/fonts/Calibri.woff2) format('woff2'); 
} 
*/
html {
    -webkit-font-smoothing: antialiased !important;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
a, .replace, .nreplace, .inlink, .link {
	text-decoration: underline;
	outline: none;
	color: #23828B; 
}
a:hover, .replace:hover, .nreplace:hover, .inlink:hover, .link:hover {
	text-decoration: none;
    color: #B8234B;
}
.replace, .nreplace, .inlink, .link {
    cursor: pointer;
}    
small {
	font-size: 87%;
}

ul, ol {
	margin: 1em 0 1.4em 50px;
	padding: 0;
	line-height: 140%;
}
ol {
	margin-left: 45px;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

h1, h2, h4, h5, h6 {
    font-weight: normal;
	margin-bottom: 10px;
}
h1 {
	font-size: 28px; /* 32 */
    color: #B8234B;
}
h2 {
	font-size: 25px; /* 28 */
    line-height: 25px; /* 28 */
    color: #B8234B;
}
h3 {
	font-weight: normal;
	margin-bottom: 0;
	font-size: 22px; 
    color: #23828B;
}
h4 {
	font-size: 28px;
    line-height: 28px;
    color: #B8234B;
}
h5 {
	font-size: 22px;
    color: #B8234B;
}
h6 {
	font-size: 22px;
    color: #B8234B;
}


input, textarea, select {
	font-size: 100%;
	font-family: inherit;
}
textarea {
	line-height: 150%;
}
input[type=text], input[type=email], input[type=password], textarea {
	border: solid 1px #23828B;
	padding: 5px 7px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
	border: solid 1px #23828B;
	background: #fff;
	outline: none;
}


/************************************************************************************
ФОРМА ПОИСКА
*************************************************************************************/
#searchform {
	position: absolute;
	top: 50px;
    right: 0;
}
#searchform #s {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-search' viewBox='0 0 30 32' fill-opacity='0.3' width='20' height='20'%3E%3Cpath class='path1' d='M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 5px;
    border: 1px solid #23828B;
    color: #23828B;
	width: 245px;
	padding-left: 30px;
	/*background: white url(images/search.png) no-repeat 8px center;*/
}

/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	width: 730px;
	background: #fff;
	margin-bottom: 10px;
	float: left;
}
.post, .page {
	margin-right: 30px;
	position: relative;
}

.post ul, .page ul {
	list-style-image: url(images/gl.png);
}

/************************************************************************************
КОММЕНТАРИИ
*************************************************************************************/

#vk_comments {
    margin-top: 20px;
}

.commentwrap {
	margin: 40px 30px 20px 0;
	padding: 3% 4%;
	position: relative;
	clear: both;
	background: #F2FDFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.1);
	box-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
.comment-title {
	font-size: 140%;
	margin: 0 0 10px;
	padding: 0;
}
.next-prev-comment {
	position: absolute;
	top: 20px;
	right: 20px;
}
.next-prev-comment a {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
}
.next-prev-comment .next {
	margin: 0 -10px 0 10px;
}
/* commentlist */
.commentlist {
	margin: 0;
	padding: 5px 0 0;
	list-style: none;
	border-top: solid 1px #ddd;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.commentlist li {
	margin: 0;
	padding: 15px 0 0;
	list-style: none;
	position: relative;
}
.commentlist .comment-author {
	margin: 2px 0 5px;
	padding: 0;
}
.commentlist .avatar {
	float: left;
	margin: -3px 12px 10px 0;
}
.commentlist cite, .commentlist .span_author {
	color: #23828B; cursor:pointer;
	font: bold 120%/130% Calibri, sans-serif;
}
.commentlist cite a {
	text-decoration: none;
}
.commentlist .comment-time {
	font-size: 75%;
	text-transform: uppercase;
	display: block;
	margin: 2px 0 0;
}
.commentlist .commententry {
	position: relative;
	min-height: 40px;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: solid 1px #ddd;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.9);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.9);
	box-shadow: 0 1px 0 rgba(255,255,255,.9);
}
.commentlist ul, .commentlist ol {
	margin: 0 0 0 60px;
	padding: 0;
}
.commentlist .reply {
	position: absolute;
	right: 0;
	top: 20px;
}
.commentlist .comment-reply-link {
	cursor:pointer;
	padding: 5px 8px;
	display: block;
	font: 13px/100% Calibri, sans-serif;
	text-transform: uppercase;
	letter-spacing: .08em;
	text-decoration: none;
	color: white;
    -webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
    background: #23828B;
}
.commentlist .comment-reply-link:hover {
     background: #B8234B;
}
/* comment form */
#respond {
	margin: 40px 30px 30px;
	padding: 10px 0 0;
	position: relative;
	clear: both;
}

#respond form p {
	margin-bottom: 10px;
}
#respond .cancel-comment-reply a {
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	font-size: 85%;
	text-decoration: none;
	padding: 1px 10px;
	color: #fff;
    background: #B8234B;
    -webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
}
#respond .cancel-comment-reply a:hover {
    background: #23828B;
}
#commentform {
	margin: 15px 0 0;
}
#commentform input[type=text] {
	width: 206px;
	max-width: 96%;
	margin-right: 5px;
}
#commentform label {
	font-weight: bold;
}
#commentform label small {
	font-weight: normal;
}
#commentform textarea {
	width: 97%;
	height: 140px;
}
#commentform input#submit {
	padding: 3px 14px;
    background: #23828B;
    border: none;
    border-radius: 5px;
    color: white;
}
#commentform input#submit:hover {
	padding: 3px 14px;
    background: #B8234B;
} 
#commlink {
    text-align:center;
}  

.post-comments {
    cursor: pointer;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	color: #666;
	background: url(images/post-comments.png) no-repeat;
	width: 36px;
	height: 26px;
	padding: 8px 0 0;
	position: absolute;
	top: -2px;
	right: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.post-comments:hover {
	color: #000;
}


/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	float: right;
	width: 280px;
	margin-bottom: 10px;
	margin-top: 59px;
}
.widgetwrap, .widget-container-no-fon {
    border-top: 3px solid #23828B;
    padding-top: 5px;
}    
.widget-container-no-fon { background: white;}
.widget {
	background: #DDF6FD;
	margin-bottom: 20px;
	padding: 10px 18px;
}

.widgettitle {
	width: 100%;
	display: block;
	padding: 0 0 10px 0;	
	margin: 0;
	position: relative;
	font-weight: normal;
    font-size: 23px;
	color: #23828B;
	text-align: center;

}

.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 2px 0;
	list-style: none;
	clear: both;
}
.widget ul ul {
	margin: 2px 0 -2px 0px;
	padding: 0;
}
.widget ul ul li {
	margin: 0;
	padding-left: 10px;
}



/************************************************************************************
FOOTER
*************************************************************************************/
/*
#footer {
	clear: both;
	font-size: 90%;
}
#footer .widget {
	margin: 15px 0;
}
#footer .footer-text {
	clear: both;
	padding: 0 0 20px 5px;
	color: #ccc;
}
#footer .footer-text a {
	color: #fff;
}
#footer .credits {
	font-size: 90%;
}

.post_footer {
    margin-right: 30px;
    float: left;
    width: 330px;
	max-width: 100%;
    padding-top: 8px;
    border-top: 3px solid #B8234B;
}

.post_footer h2 { font-size: 22px; }

.footer-text { padding: 12px 0; }
*/

/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
/* clearfix */
.clearfix:after, .widget li:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix, * html .widget li
{
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix, *:first-child+html .widget li 
{
	zoom: 1;
} /* IE7 */

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	background: #fff;
	padding: 4px;
	border: solid 1px #ccc;
	margin-bottom: 15px;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	background: #fff;
	padding: 4px 2px 2px 0;
	border: solid 1px #ccc;
	margin-bottom: 15px;
}
.wp-caption-text {
	font: italic 95%/120% Calibri, serif;
	margin: 6px 0;
	color: #777;
}

/************************************************************************************
ЛИФТ НАВЕРХ
*************************************************************************************/
#back-top {
 position: fixed;
 margin-left: 1055px;
 bottom: 0px;}

#back-top a {
 width: 70px;
 display: block;
 text-align: center;
 font: 11px/100% Calibri, sans-serif;
 text-transform: uppercase;
 text-decoration: none;
 color: #bbb;
 -webkit-transition: 1s;
 -moz-transition: 1s;
 transition: 1s;
}

#back-top a:hover {
 color: #000;
}

#back-top span {
 width: 70px;
 height: 164px;
 display: block;
 margin-bottom: 7px;
 background: url('images/arrow_02.png') no-repeat center center;
 -webkit-transition: 1s;
 -moz-transition: 1s;
 transition: 1s;
}

#back-top a:hover span {
 background: url('images/arrow_01.png') no-repeat center center;
}


/************************************************************************************
ПЛАВАЮЩИЙ БЛОК В САЙДБАРЕ
*************************************************************************************/
.fixed {
top: 0px;
position: fixed;
}

#fixed_right {
top: 0px;
width: 285px;
}

.fixed_wrapper {
	position:relative;
}


/************************************************************************************
ВСПЛЫВАЮЩЕЕ МЕНЮ
*************************************************************************************/
/* 
* Модальные окна
* на чистом CSS, без javascript
* и дополнительных изображений
*
* Копирайт (c) 2014 shurawi http://www.dbmast.ru
*/

/*** Стили относящиеся к модальному окну и содержанию ***/
.popup h1 { /* заголовок 1 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:24px 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
}
.popup h2 { /* заголовок 2 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:22px 'Trebuchet MS', Helvetica, sans-serif;
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
width: 100%;
height: auto;
/* скругление углов встроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/* встроенные элементы м-медиа, фреймы */
.iframe_as embed, .iframe_as iframe {
top: 0;
right: 0;
bottom: 0; 
left: 0; 
display:block;
margin: auto;
min-width: 320px;
max-width: 600px;
width: 100%;
}
/* стили модального окна */
.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 200;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
min-width: 320px;
max-width: 640px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* внешняя тень */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.overlay:target+.popup {
top: 20%;
visibility: visible;
opacity: 1;
}
/* формируем кнопку закрытия */
.close {
position: absolute;
top: -10px;
right: -10px;padding: 0;
width: 20px;
height: 20px;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);    
}
.popup p, .popup div {
margin-bottom: 10px;
}


/************************************************************************************
ФОРМА ПОДПИСКИ
*************************************************************************************/
.podpiska {   
    background: url(images/bg_podpiska.jpg) no-repeat;
    border-top: 3px solid #B8234B;
    margin-top: 20px;
}
.podpiska {
    margin-right: 30px;
}  
.post .podpiska {
    margin-right: 0!important;
}     
.podpiska p {
    margin-bottom: 12px;
    text-align: justify;
}
.podpiska h3 {
    font-size: 24px;
    margin: 9px 0px;
    text-align: center;
    color: #B8234B; 
}
.podpiska input {
    width: 210px;
    margin-left: 20px;
}
.podpiska .button {
    margin-top: 3px;
    margin-bottom: 20px;
}
.podpiska .logotip, .cat_home .logotip {
    width: 142px;
    float: left;
    background: url(images/blog_logo.png);
    height: 49px;
    margin: 10px;
}    
.podpiska .pluso {    
    height: 40px;
    margin-left: 150px;
}
.podpiska .liketext {    
    float:right; 
    width: 500px;
}   
.podpiska form {
    text-align: center;
}   
.soglasie { margin-left: 17px; font-size: 12px; color: #888; }
.soglasie .link { color: #888!important; }

/************************************************************************************
ФОРМА ОБРАТНОЙ СВЯЗИ
*************************************************************************************/

.cont-frm {
    display: table;
    background: url(images/bg-cont-frm.jpg) no-repeat;
    border-top: 3px solid #B8234B;
    margin-top: 20px;
}

.cont-frm div {
    width: 67%;
    float: right;
}
.cont-frm input[type=text], .cont-frm input[type=email] {
    width: 42%;
    margin-right: 4%;
}


.cont-frm textarea {
    width: 96%;
    height: 120px;
}
@media screen and (max-width: 600px) {
    .cont-frm { background: none; }
    .cont-frm div { width: 100%; }
    .cont-frm input[type=text], .cont-frm input[type=email] {
        width: 96%;
        margin-bottom: 10px;
    }
}

/************************************************************************************
КНОПКА
*************************************************************************************/
    
.button, .buttoni {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    color: white!important;
    padding: 0 30px;
    font-size: 28px;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
}
    
.button {
    background: url(images/butt_center_01.png)no-repeat #B8234B;
}
.buttoni {
    background: url(images/butt_center_02.png)no-repeat #278D96;
}
.button span, .buttoni span  {
	font-size: 65%;
	margin-left: 20px;
}

.button a, .button a:hover, .buttoni a, .buttoni a:hover {
    color: white;
    text-decoration: none;
}

.button:hover {
    color: white!important;
    background: url(images/butt_center_02.png)no-repeat  #278D96;
}

.buttoni:hover {
    color: white!important;
    background: url(images/butt_center_01.png)no-repeat  #B8234B;
}

/************************************************************************************
БУКВИЦА
*************************************************************************************/
.alfa {
    font-size: 70px;
    float: left;
    line-height: 58px;
    color: #B8234B;
    margin-right: 5px;
}

/************************************************************************************
ГЛАВНОЕ МЕНЮ
*************************************************************************************/
#nav {
    display: table;
    list-style: none; 
    margin: 0 auto; 
    width: 1030px;
}      
   
#nav li { 
    margin: 0; 
    padding: 0 10px; 
    line-height: 30px; 
    list-style: none;	
    float: left; 
    position: relative; 
}

#nav li:hover {	background: #B8234B; }

#nav li:hover ul { display: block; }
#nav li ul { display:none; position: absolute; z-index:20; margin: 0; }

#nav li ul li {	background: white; }
#nav li ul li:hover { background: white; }
 
#nav li:hover, #nav a:hover  { color:white; } 

#nav a {
    color: black;
    text-decoration: none;
} 
.ddmenu { 
    border: 2px solid #B8234B; 
    -webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
    -ms-border-radius: 8px;
    border-radius: 8px;
    padding-bottom:10px;   
    position: absolute;
    padding:10px;
    background-color: #F2FDFF;
} 
.ddmenu a { color: black;; }
.ddmenu a:hover { color: #B8234B!important; }
   
.men_v {
    width: 100%; 
    height: 16px; 
    background: white;
}


.ddmenu div { 
    margin: 10px 15px;
    width: 200px;
    float: left;
}
.ddmenu div img { 
    width: 100%; 
    height: 140px;
}
.ddmeta {
    width:100%!important;
    clear: both;
}
.ddmeta img {
    float: left;
    width: 45px!important; 
    height: 45px!important;
        
}
.ddmeta span {
    float: left;
    line-height: 52px;
    font-size: 38px;
    margin-left: 15px; 
    color:#B8234B        
}


/************************************************************************************
ПОХОЖИЕ СТАТЬИ В КОНЦЕ ПОСТА
*************************************************************************************/

.rpostb {
	border-radius: 4px;
    width: 203px;
    height: 230px;
    padding: 15px;
    float: left;
}

.rpostb a img {
    width: 100%;
    height: 160px;
}

.rpostb a {
    font-size: 19px;
    color: #1A1A1A;
    text-decoration: none;
}
.rpostb a:hover {
    color: #1A1A1A;
}

.rpostb:hover {
    background-color:#EAEAEA;
}

.rposttitle {
	font-size:22px; 
	color:#1A1A1A; 
	margin: 18px 0 5px 0; 
	padding-bottom: 5px; 
	border-bottom: 1px solid #D4D4D4;
}

/************************************************************************************
ТАБЛИЦЫ
*************************************************************************************/

.my_table {
    overflow-x: auto; 
    max-width: 98%;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 10px 10px 5px #ccc;
    margin-bottom: 20px;
}
.my_table td { border: 1px solid black; padding: 5px 10px; }
.my_table th { border: 1px solid black; background-color: #278D96; padding: 10px 25px; color: white; }
.ov-scroll { overflow-x: scroll; }

/************************************************************************************
ПЕРЕЛИНКОВКА В ПОДВАЛЕ
*************************************************************************************/

#perelink {  background-color: #278D96; padding: 10px 15px; margin-bottom: 15px;   }

 .perelink {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 184px;
    min-height: 295px;
    margin: 10px;
    -webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
    -ms-border-radius: 4px;
	border-radius: 4px;
    background-color: #FFFFFF;
    transition-duration: 200ms;
}
 .perelink .per_more {
    position: absolute;
    cursor: pointer;
    right: 18px;
    bottom: 12px;
    display: block;
    width: 88px;
    height: 25px;
    -webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
    -ms-border-radius: 4px;
	border-radius: 4px;
    border: 1px solid #cbcbcb;
    color: #000000;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(215,215,215) 100%);
    background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(215,215,215) 100%);
    background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(215,215,215) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );
}

.perelink .per_more:hover {
    border-color: #aaaaaa;
}
 .perelink:active .per_more {
    border-color: #dfdfdf;
    background: rgb(203,203,203);
    background: -moz-linear-gradient(top,  rgb(203,203,203) 100%, rgb(203,203,203) 100%);
    background: -webkit-linear-gradient(top,  rgb(203,203,203) 100%, rgb(203,203,203) 100%);
    background: linear-gradient(top,  rgb(203,203,203) 100%, rgb(203,203,203) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#cbcbcb',GradientType=0 );
}
 .perelink:hover {
    background-color: #ebebeb;
}
 .perelink .image {
    height: 140px;
    width: 165px;
    overflow: hidden;
    padding: 10px 10px 0;
    margin-bottom: 8px;
    text-align: center;
}
 .perelink .image img {
    cursor: pointer;
    height: 140px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    transition-duration: 250ms;
}
.perelink:hover .image img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.perelink .per_title {
    position: relative;
    max-height: 85px;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
}

/************************************************************************************
РАЗНОЕ
*************************************************************************************/

.widget-container-no-fon {
margin-bottom: 20px;
}

.spanclick { color: blue; text-decoration: underline; cursor: pointer; }

/* Кнопки соцсетей */
.sharekey { margin: -20px 0 20px 0; font-weight: bold; color:#74004F; font-family:Calibri; font-size:26px; }
.share42init { margin-bottom: 5px; float: right; }
.share42-counter { float: right; }

.ya-share2__container_size_m .ya-share2__icon {
    height: 40px!important;
	width: 40px!important;
	background-size: 40px!important;
}
.ya-share2 {	
	float: right;
}

/* Это для опросов */
.my_pool { margin: 40px 0; }
.my_pool .noteclassic { background-image: none !important; margin: 0 20px; }
.wp-polls-ans ul li { margin: 0 !important;}

/* незаметная ссылка */
.nlink { color:black; cursor: text; text-decoration: none; } 
.nlink:hover { text-decoration: none!important; cursor: text; color:black;}

/*реклама adinfo */
.adinfo { cursor:pointer; }

/* Картинки похожих статей */
.rppic { float:left; width:210px; margin: 0 20px 20px 0; } 
.rppic img, .rppic a { float:left; width:100%; } 



.logo { 
    width: 100%; 
    height: 155px; 
    background-color: #77dde7; 
    margin: 0 0 5px 0; 
}

.logo div {
    margin: 0 auto; 
    width: 1030px; 
    height: 155px; 
    background-image: url(images/logo.jpg); 
    position: relative;
}

.redline {
    width: 100%; 
    height: 10px; 
    background-color: #B8234B; 
    margin: 0 0 5px 0;    
}

#pagination {
    text-align: center;
}

.divmenu {
    width: 100%; 
    height: 30px; 
    background-color: #DAF0F3; 
    margin: 0 0 15px 0;
}

.menu { 
    
    width: 1050px;
    margin: 0 auto;

/*    width: 100%;  */
/*    height: 30px; 
    background-color: #DAF0F3; */
 /*   margin: 0 0 15px 0; */  
} 



.post_home {
    margin-right: 30px;
    float: left;
    width: 335px;
	max-width: 100%;
    padding-top: 8px;
    border-top: 3px solid #B8234B;
}

.post_home img {
    width: 100%;
    height: 230px; 
}

.post_home h2 {
    margin-bottom: 15px;
    color: #B8234B;    
    margin-top: 10px;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
}

.new_posts {
    
    color: #B8234B;    
    text-align: center;
    margin-bottom: 20px;
    font-size: 32px;
}

.post_home h2 a {
   color: #B8234B; 
}
#pagewrap {
    width: 1050px;
    padding: 0 10px;
    margin: 0 auto;
}

body {
    font-family: Calibri, sans-serif; 
    color: #000000;
    font-size: 17px;
    
}

p {
    line-height: 20px;
}

.ico_home {
    width: 21px!important;
    height: 21px;
    float: left;
    margin-right: 10px;  
    background: url(images/ico/ico21b.png);
}

.code {
    background-color: #F2FDFF;
    padding: 5px 20px;
    color: #B8234B;
    text-align: left;
    margin-left: 5%;
    border-left: 3px solid #B8234B;
}

.blq {
    color: #23828B;
    font-style: italic;
    min-height: 75px;
    background: url(images/ira70.jpg) no-repeat;
    padding-left: 80px; 
    line-height: 19px;
    margin: 10px 0 10px 5%;
    padding-top: 10px;
    border-top: 3px solid #23828B;
}
.fly {
    color: #23828B;
    background: url(images/butterfly.png) no-repeat;
    padding-left: 35px; 
    font-size: 22px;
    line-height: 21px;
}

.post_cat {
    margin-right: 30px;
    float: left;
    width: 210px;
    padding-top: 8px;
    padding-bottom: 20px;
    border-top: 3px solid #B8234B;
}

blockquote:before {
    content: '';
    background: url(images/butterfly.png) no-repeat;
    display: table;
    width: 26px;
    height: 20px;
    margin: -20px 0 0 -35px;
}

blockquote {
    color: #545454;
    margin-left: 15%;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    padding-top: 10px;
    background: #DDF6FD;
    border-top: 3px solid #B8234B;
 }
 
 blockquote p {
    color: #545454;
    padding: 0 10px 10px 10px;
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    border-bottom: 3px solid #B8234B;
    padding-bottom: 10px;
 }
       
.cat_home { padding-top: 10px; border-top: 3px solid #B8234B; margin-top: 20px; width: 700px; } 
.cat_home_green {  border-top: 3px solid #23828B; }     
.img_home { width: 120px; float: left; margin-right: 10px;  margin-bottom:20px; cursor: pointer; transition-duration: 200ms; border-radius: 3px; } 
.img_home:hover { 
    -webkit-transform: translate(-5px,-5px);
    -moz-transform: translate(-5px,-5px);
    -ms-transform: translate(-5px,-5px);
    -o-transform: translate(-5px,-5px);
    transform: translate(-5px,-5px);
    box-shadow: -7px 7px 5px #ccc;
}
h_3 { color: #B8234B; } 
.cat_home p { margin-left: 50px;}  
.cat_home .tag_menu a, .cat_home .tag_menu span { color:black; margin-left:15px; }   
.cat_home .tag_menu a:hover, .cat_home .tag_menu span:hover { color: #B8234B; }        


iframe {
    margin: 15px 0;    
}
.postimg {
    margin-bottom: 15px;
}    
.postimg img, .firstimg img {
    width: 100%;
    margin: 15px 0;
    -webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
    -ms-border-radius: 8px;
	border-radius: 8px;
}

.titleimg {
    color: #23828B;
    margin-top: -30px;
}


.kalendar {
    float: right;    
    color: #23828B;    
}

.postmeta {
    border-bottom: 3px solid #B8234B;
    padding-bottom: 10px;
    margin-top: 5px;
}

.postmeta img {
    float: left; 
    height: 30px; 
    width: 30px; 
    margin: -5px 5px 0 0;
}


.cattitle {
    text-transform: uppercase;
    margin-top: 5px; 
    padding-bottom: 15px; 
    border-bottom: 3px solid #B8234B; 
    width:700px;
}

.cattitle img {
    float: left; 
    height: 30px; 
    width: 30px; 
    margin: 0px 15px 0 0;
}    

img, iframe { max-width:100%; }
#aswift_0_expand, #aswift_0_anchor, #aswift_1_expand, #aswift_1_anchor { max-width:100%; }

body, p, li, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none }


.lft, .rht, .cnt {
    width: 100%;
    border-radius: 10px;
}
   
.lft1 { margin: 10px 20px 5px 0; float: left; }
.rht1 { margin: 10px 0 5px 20px; float: right; }
.cnt1 { margin: 10px 0 15px 0; }
.dt11 { color: red; }

.muz_list img {
    padding-top: 8px;
    border-top: 3px solid #B8234B;
}	
	
.rkl { text-align: justify; background-color:#E1E1F3; padding: 10px; margin-top:5px; }
.zametka { text-align: justify; padding: 0 10px; margin-top: 5px; background-color: rgb(231, 242, 247); border-left: 4px solid red; }
.ztitle{ color: blue; font-size: 115% !important; text-decoration: underline !important; }
.zurl { color: green; display: block;}
.zametka { display: none; }

/* Это для опросов */
.my_pool .noteclassic { background-image: none !important; margin: 0 20px; }
.wp-polls-ans ul li { margin: 0 !important;}

/* маски для лица */ 
.msk_pic {
  float: left;
  border: 3px solid #C7D5D5;
  margin: 0 10px 0 0;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Обложки журналов */
.mag { width:220px; float:left;  margin-right: 20px;     margin-top: 30px;}
.as_obl { width:100%; height: 311px; margin-bottom:5px; }
.mag  span { font-size: 25px; }


/* Для плагина опросов */
.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background-image: url('https://irinazaytseva.ru/wp-content/plugins/wp-polls/images/default/pollbg.gif');
	border: 1px solid #c8c8c8;
}

.leftlink { position: absolute; margin-left:-9999px; height: 0; }
.leftlink li { height: inherit; margin: 0; }

/* Бабочка в цитате */
.butterfly {
    float: left;
    margin: -20px 0px 0px -35px;
}

/* Рекламный блок */
.rekl-block { line-height: 1.4!important; font-size:15px; width: 100%; margin-bottom: 10px; }
.image-link img { float: left; width: 90px !important; height: 74px !important; padding-right: 9px; padding-top: 5px; }
.rekl-title-block a { color: #0000CC; font-weight: 400; font-size: 144%; text-decoration: underline; }
.rekl-title-block a:hover { color: #0066FF; }
.rekl-sitelink { display: inline; margin-right: 10px;}
.rekl-domain a { color: #006600; }
.rekl-domain a:hover { color: #0066FF; }
.rekl-sitelink a { color: #0000CC; }
.rekl-sitelink a:hover { color: #0066FF; }

.spanlink { color: #23828B; cursor:pointer; text-decoration:underline; } 
.spanlink:hover{color:#B8234B; text-decoration:none; }

.urlspan { color: #23828B; cursor: pointer; text-decoration: underline; }
.urlspan:hover { color: #B8234B; text-decoration: none; }

.cat-desc {
    text-align: justify; 
    width:700px; 
    margin-top: 20px;
}

/* Блок relap */
.relap {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    background-color: white;
    padding: 0 30px;    
}

/* мой блок relap */
.relpost {
    float:left; 
    width:242px; 
    padding:10px; 
    text-decoration: none;
} 
.post .relpost {
    width:213px!important; 
} 
.relpost:hover {
    background:#e9e9e9; 
} 
.relpost img { 
    height: 160px; 
}
.relap-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
}
.relap-title p { 
    margin-bottom: 5px;
    font-size:22px;
}

@media screen and (max-width: 495px) {
    .relpost { width: 90%; }
    .relpost img { height: auto; }
}

.relpost span { 
    line-height: 1.3;
    display: block; 
    height: 80px; 
    font-size:21px; 
    margin-top: 10px; 
    color: #1a1a1a; 
    overflow:hidden; 
} 

/* Мобильная версия */

#navm-wrap { display:none; }
#venus-15226 { display:none; }
#TM_1676 { display:none; }

.desctop { display: block; }
.mob { display:none; }

@media screen and (max-width: 600px) {
  
   .desctop { display: none; }
   .mob { display:block; }

   .my_table { box-shadow: none; }

    object { display:none!important; }
    .slider, .divmenu, .menu, #sidebar, .redline, .logo, .cat_home, #back-top, .podpiska, .googleads, .ya-header, #vk_comments, #ft, .ft, .classfreebook  { display:none!important; }
    #pagewrap { padding: 0!important; }
    #pagewrap { width: 94%!important; }
    #content { width: 100%!important; }
    .cat-desc, .cattitle { width: 100%!important; }
    #venus-7980 { display:none!important; }
    #venus-15226 { display:block!important; }
    #SC_TBlock_137509  { display:none!important; }
	#TM_1676 { display:block!important;  }
    .post, .page { margin-right: 0!important; }
    .post .kalendar { display:none!important; }
	   	
    #navm-wrap {
		position: relative;
        display: block;
	}

	/* Иконка меню */
	#menu-icon {
        margin: 0;
		color: #000;
        font-weight: bold;
		height: 30px;
		background: #ecebeb url(https://irinazaytseva.ru/Pic/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; 
	}
	#menu-icon:hover { background-color: #f8f8f8;	}
	#menu-icon.active {	background-color: #bbb;	}
	
	/* Навигация */
	#navm {
        margin: 0 0 0 5px;
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* Видимость включается jQuery */
	}
	#navm li {
		clear: both;
		float: none;
        list-style: none;
		margin: 5px 0 5px 10px;
	}
	#navm a, 
	#navm ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#navm a:hover, 
	#navm ul a:hover {
		background: none;
		color: #000;
	}
	
	/* Выпадающий список */
	#navm ul {
        list-style: none;
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#navm ul li {
        list-style: none;
		margin: 3px 0 3px 15px;
	}
  
  .button, .buttoni {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }	

  .kosmet { padding: 180px 0 0 0px!important;}
  .fitness { padding: 180px 0 0 0px!important;}
  .medic { padding: 165px 0 0 0px!important;}

}  

/************************************************************************************
СТРАНИЦА БЕЗ САЙДБАРА
*************************************************************************************/

#content_full { width: 1060px; }
#content_full h1 { font-size:36px; color: #303030; }
.post-meta-full { float: left; width: 320px; margin: 20px 30px 20px 0; }
.post-meta-full a { font-size:22px; text-decoration: none; color: #303030; } 
#content_full h2 { padding: 10px; background-color: rgba(118, 153, 51, 0.42); margin-right: 35px; }
.post-meta-full a:hover { text-decoration: underline; color: #B8234B; }
.post-meta-full img { width: 100%; height: 230px; cursor: pointer; }


.sd {   
    cursor: pointer;
    display: block; 
    position: relative;
    float: left;
    font-size: 22px;
    margin: 20px 30px 20px 0;
    width: 320px;
    text-align: center;
    height: 230px;
}
.sd img { width: 320px; height: 230px; }
.sd div { color:white; height: 60px; padding: 5px 20px; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); }
.sd div:hover { color:#fdcc06; }
@media screen and (max-width: 600px) {
    #content_full { width: 100%; }
}    

/************************************************************************************
РЕКЛАМА ПАРТНЕРОК
*************************************************************************************/

.adbl { width:700px; max-width: 100%; border-top: 2px solid #23828B; padding-top: 7px; line-height: 19px; }
.adbl img { border: none; width:105px; height:90px; float: left; margin-right: 8px;}
.adbl h1 { margin:0 0 5px 0; font-size: 17px; }
.adbl h1 a { color:black;text-decoration:none; font-weight: bold; }

/************************************************************************************
МНЕНИЕ СПЕЦИАЛИСТА
*************************************************************************************/
.medic, .dieta, .fitness, .kosmet {
    font-style: italic;
    min-height: 125px;
    margin-bottom: 20px;
    padding: 35px 0 0 270px;
}
.medic { background:url(images/vr_medic.jpg) no-repeat; }
.dieta { background:url(images/vr_dieta.jpg) no-repeat; }
.fitness { background:url(images/vr_fitness.jpg) no-repeat; min-height: 140px; padding: 35px 0 0 230px;}
.kosmet { background:url(images/vr_kosmet.jpg) no-repeat; min-height: 140px; padding: 35px 0 0 240px; }

.medic p, .dieta p, .fitness p, .kosmet p { line-height: 21px; }

/************************************************************************************
МЕНЮ В ПОДВАЛЕ
*************************************************************************************/

#ft { margin-top: 10px; }
#ft { background: #23828B; }
.ft-div { width: 1050px; padding: 0 10px; margin: 0 auto; }
.ft-div ul, .ft-div li { margin:0; list-style: none; }
.ft-div ul li { float: left; width: 220px;  padding: 10px 20px 0 0; }
.ft-div ul li ul li { float:none; padding: 0; }
.ft-div .link {color:white!important;}
.ft-div p { font-size: 20px; margin-bottom: 9px; color:white; }

/************************************************************************************
ОФЕРЫ В СЛАЙДЕРЕ
*************************************************************************************/

.post .bx-controls-direction { display: none }
.bxslider_cp img { float:left; height:150px; }
.bxslider_cp li { cursor:pointer; }
.bxslider_cp { margin:0; height:160px;  }
.bxslider_cp h6 { color: #23828B; }
.bxslider_cp p { margin: 0 10px 1.1em; }
.bxslider_cp span { font-size: 20px; height: 30px; line-height: 30px; margin-right: 20px; }
.post .bx-viewport { border: 1px solid #23828B; padding-top: 10px; }

/************************************************************************************
ТАБЛИЦА ПРОДУКТОВ
*************************************************************************************/
.prod { float:left; width:150px; text-align: center; margin-right: 15px; margin-bottom: 20px;}
.prod img { width:100% }
.prod p { margin-bottom: 5px; font-weight: bold; }
.prod span { color: grey; font-weight: normal; }
.ptitle { height: 50px; font-size: 23px; font-weight: normal!important; }

/************************************************************************************
ПОХОЖИЕ СТАТЬИ В САЙДБАРЕ
*************************************************************************************/
.leftbldiv { margin-bottom: 30px; }
.leftbldiv img { width:280px; cursor: pointer; height: 210px; }
.leftbldiv a { line-height: 1.3; display: block; height: 80px; font-size: 21px; margin-top: 10px; overflow: hidden; }           

/************************************************************************************
ПОСТЫ В САЙДБАРЕ
*************************************************************************************/
.sb_tab { margin-bottom: 20px; }
.sb_tab tr { width:285px; height: 77px; }
.sb_tab .td1 { height: 77px; width: 118px; }
.sb_tab .td1 img { width:100%; height:100%; }
.sb_tab .td2 { border-bottom: 1px solid grey; width: 165px; padding-left: 10px; font-size:19px; vertical-align: top; }
.sb_tab .td2 span { color: blue; display: block;  font-size: 17px; float: right;}
.sb_tab div  { overflow: hidden; height: 60px; font-size: 17px; color: #2d2d2d; font-family: "Roboto",arial,sans-serif; }

/************************************************************************************
ТИЗЕРЫ БЕЗ КАРТИНОК
*************************************************************************************/
#tgroup_46 ul { list-style: none; }
.tizdiv_a_addit_46 { display: inline; margin-left: 10px;}
#tgroup_46 { padding: 5px;background-color: #d7ffdc;border-left: 3px solid red; margin-bottom: 20px; }


#tgroup_48 ul { list-style: none; }
.tizdiv_a_addit_48 { display: inline; margin-left: 10px;}
#tgroup_48 { padding: 5px;background-color: #d7ffdc;border-left: 3px solid red; margin-bottom: 20px; }


/************************************************************************************
ОФЕРЫ
*************************************************************************************/
.ya_off ul { list-style: none; }
.ya_off { border-top: 1px solid #cccccc; padding: 20px 0 0 0; font-family: initial; clear: both; }
.ya_off span { display:block; font-weight: bold; margin-bottom: 10px; }
.ya_off div div div div { margin-top: 15px; }
.ya_off div div div div a { color: white!important; background-color: red; padding: 3px 10px; }
.ya_off div div div div a:hover { background-color: #B8234B; }
.ya_off .pure-u-1 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 5px solid #f1f0f0; }

.jred:hover { background-color: #B8234B; }
.jred { font-family: initial; font-size:15px; color: white; background-color: red; float: left; padding: 4px 14px; }

.soder { height: 30px; }
.soder span { display: none; }

/* Увеличиваем размер шрифта */
.post p {font-size:19px; line-height: 24px;}
.cat-desc p {font-size:19px; line-height: 24px;}
.podpiska p {font-size:17px; line-height: 22px;}


/* ======================================= */
/*  BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  */

 .bxslider { margin: 0; }
 
 .bx-wrapper {
     position: relative;
     margin: 0 auto 60px;
     padding: 0;
     *zoom: 1;
 }
 
 .bx-wrapper img {
     max-width: 100%;
     display: block;
 }
 
 .bx-wrapper .bx-pager,
 .bx-wrapper .bx-controls-auto {
     position: absolute;
     bottom: -30px;
     width: 100%;
 }
 
 .bx-wrapper .bx-loading {
     min-height: 50px;
     background: url(images/bx_loader.gif) center center no-repeat #fff;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2000;
 }
 
 .bx-wrapper .bx-pager {
     text-align: center;
     font-size: .85em;
     font-family: Arial;
     font-weight: bold;
     color: #666;
     padding-top: 20px;
     bottom: 15px;
 }
 
 .bx-wrapper .bx-pager .bx-pager-item,
 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
     display: inline-block;
     *zoom: 1;
     *display: inline;
 }
 
 .bx-wrapper .bx-pager.bx-default-pager a {
     background: #666;
     text-indent: -9999px;
     display: block;
     width: 10px;
     height: 10px;
     margin: 0 5px;
     outline: 0;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }
 
 .bx-wrapper .bx-pager.bx-default-pager a:hover,
 .bx-wrapper .bx-pager.bx-default-pager a.active {
     background: #000;
 }
 
 .bx-wrapper .bx-prev {
     left: 10px;
     background: url(images/slaider_arrow1-b.png) no-repeat;
 }
 
 .bx-wrapper .bx-next {
     right: 10px;
     background: url(images/slaider_arrow2-b.png) no-repeat;
 }
 
 .bx-wrapper .bx-controls-direction a {
     position: absolute;
     top: 50%;
     margin-top: -16px;
     outline: 0;
     width: 72px;
     height: 76px;
     text-indent: -9999px;
 /*	z-index: 15; */
 }
 
 .bx-wrapper .bx-controls-direction a.disabled {
     display: none;
 }
 
 .bx-wrapper .bx-controls-auto {
     text-align: center;
 }
 
 .bx-wrapper .bx-controls-auto .bx-start {
     display: block;
     text-indent: -9999px;
     width: 10px;
     height: 11px; 
     outline: 0;
     background: url(images/controls.png) -86px -11px no-repeat;
     margin: 0 3px;
 }
 
 .bx-wrapper .bx-controls-auto .bx-start:hover,
 .bx-wrapper .bx-controls-auto .bx-start.active {
     background-position: -86px 0;
 }
 
 .bx-wrapper .bx-controls-auto .bx-stop {
     display: block;
     text-indent: -9999px;
     width: 9px;
     height: 11px;
     outline: 0;
     background: url(images/controls.png) -86px -44px no-repeat;
     margin: 0 3px;
 }
 
 .bx-wrapper .bx-controls-auto .bx-stop:hover,
 .bx-wrapper .bx-controls-auto .bx-stop.active {
     background-position: -86px -33px;
 }
 
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
     text-align: left;
     width: 80%;
 }
 
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
     right: 0;
     width: 35px;
 }
 
 
 .bx-wrapper .bx-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     background: #666;
     background: rgba(80, 80, 80, 0.75);
     width: 100%;
 }
 
 .bx-wrapper .bx-caption span {
     color: #fff;
     font-family: Arial;
     display: block;
     font-size: .85em;
     padding: 10px;
 }
 
 .bx-viewport {	
     padding-bottom: 7px;
     border-bottom: 3px solid #23828B;
 }
 
 .bxslider p {
     margin-top: -250px;
     width: 400px;
     margin-left: 500px;
     color: black;
     text-decoration: none;
     font-size: 18px;
 }
 .bxslider a {
     text-decoration: none;
 }
 
 .slider {
     width: 1030px; 
     height: 450px; 
     margin: 10px auto; 
     margin-bottom: 30px;
 }    
 /* ======================================= */

 /* Отзывы */
.otzyv { 
    background-color: #efefef; 
    padding: 20px 20px 1px 20px; 
    margin: -5px 0 20px 0;
    border-radius: 10px;
}
.otzyv:before {
    content: '';
    background: url(images/otzyv.png) no-repeat;
    display: table;
    width: 26px;
    height: 20px;
    padding: 20px;
    margin-top: -40px;
}
.otzyv img {
    border: 1px solid #bab8b8;
    border-radius: 8px;
    width: 53px;
    float: left;
    margin: 0px 10px 5px 0;
}

/* wp-note */
.note { width: 90%; margin: 0 auto; margin-bottom: 30px;}
.noteclassic, .notenote, .noteimportant, .notewarning, .notetip, .notehelp {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    padding: 15px 20px;
	-webkit-box-shadow: 2px 2px 3px #999;
    -moz-box-shadow: 2px 2px 3px #999;
	border: 1px solid #999999;
    text-align: justify;
}
.noteclassic, .notenote { background-color: #EEF; }
.noteimportant { background-color: #FFC; }
.notewarning { background-color: #FDD; }
.notetip { background-color: #E4F6F8; }
.notehelp { background-color: #D8F3C9; }

/************************************************************************************
ПОСТЫ В САЙДБАРЕ
*************************************************************************************/
.sb-rp { display: flex; margin-bottom: 5px; }
.sb-rp:hover { background-color: whitesmoke; }
.td1 { margin-right: 13px; width: 150px; }
.td1 img { margin-top: 4px; }
.td2 { width: 100%; color: black; line-height: 16px; display: grid; border-bottom: 1px solid grey; }
.td2 span { color: blue; margin-left: 50px; }

/* защита от спама в форме обратной связи */
.agree {display:none}

/* ----- Реклама нейрографика  -------  */
.recng { border: 1px solid #8080803b;; padding: 9px; display: flow-root; }
.recng div { display: flow-root; }
.recng span { font-size: 22px!important; }
.recng img { width: 300px; float: left; margin-right: 20px; }
.recng h1 { font-size: 24px; margin-bottom: 10px!important; font-family: sans-serif; font-weight: bold; color: black;  }
.recng p { margin: 0; }
.recng button { display: block; margin-top: 10px; font-size: 16px; border: 0px solid grey; border-radius: 5px; padding: 8px; background-color: #d6e4ff!important; }
.recng button  a { color: rgb(32,96,223); text-decoration: none; font-family: sans-serif; text-transform: none; font-size: 16px; font-weight: 500; }
@media(max-width:800px){.recng div {float: left; margin-top: 10px; } .recng img { width: 100%; margin: 0; } }