/*
Theme Name: drevogid site
Author: drevogid admin
Version: 1.0
Tags: drevogid
Text Domain: drevogid.ru
*/

/* Отключение возможности выделения в теге DIV */
.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/*************************************************************
                    Museo font
**************************************************************/

@font-face {
    font-family: "Museo";
    src: url(fonts/Museo/Regular/museo_cyrl_500_regular.otf);
    font-weight: normal;
    font-style: normal;
}

/*************************************************************
                    Roboto font
**************************************************************/

@font-face {
    font-family: "Roboto Regular";
    src: url(fonts/Roboto/Regular/Roboto-Regular.eot);
    src: url(fonts/Roboto/Regular/Roboto-Regular.eot#iefix) format('embedded-opentype'),
         url(fonts/Roboto/Regular/Roboto-Regular.woff) format('woff'),
         url(fonts/Roboto/Regular/Roboto-Regular.ttf) format('truetype'),
         url(fonts/Roboto/Regular/Roboto-Regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Light";
    src: url(fonts/Roboto/Light/Roboto-Light.eot);
    src: url(fonts/Roboto/Light/Roboto-Light.eot#iefix) format('embedded-opentype'),
         url(fonts/Roboto/Light/Roboto-Light.woff) format('woff'),
         url(fonts/Roboto/Light/Roboto-Light.ttf) format('truetype'),
         url(fonts/Roboto/Light/Roboto-Light.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Medium";
    src: url(fonts/Roboto/Medium/Roboto-Medium.eot);
    src: url(fonts/Roboto/Medium/Roboto-Medium.eot#iefix) format('embedded-opentype'),
         url(fonts/Roboto/Medium/Roboto-Medium.woff) format('woff'),
         url(fonts/Roboto/Medium/Roboto-Medium.ttf) format('truetype'),
         url(fonts/Roboto/Medium/Roboto-Medium.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Bold";
    src: url(fonts/Roboto/Bold/Roboto-Bold.eot);
    src: url(fonts/Roboto/Bold/Roboto-Bold.eot#iefix) format('embedded-opentype'),
         url(fonts/Roboto/Bold/Roboto-Bold.woff) format('woff'),
         url(fonts/Roboto/Bold/Roboto-Bold.ttf) format('truetype'),
         url(fonts/Roboto/Bold/Roboto-Bold.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Black";
    src: url(fonts/Roboto/Black/Roboto-Black.eot);
    src: url(fonts/Roboto/Black/Roboto-Black.eot#iefix) format('embedded-opentype'),
         url(fonts/Roboto/Black/Roboto-Black.woff) format('woff'),
         url(fonts/Roboto/Black/Roboto-Black.ttf) format('truetype'),
         url(fonts/Roboto/Black/Roboto-Black.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

/*************************************************************
                    ProximaNova font
**************************************************************/

/* proxima nova */

@font-face {
    font-family: "ProximaNova Regular";
    src: url(fonts/ProximaNova/Reg/ProximaNova-Reg.eot);
    src: url(fonts/ProximaNova/Reg/ProximaNova-Reg.eot#iefix) format('embedded-opentype'),
         url(fonts/ProximaNova/Reg/ProximaNova-Reg.woff) format('woff'),
         url(fonts/ProximaNova/Reg/ProximaNova-Reg.ttf) format('truetype'),
         url(fonts/ProximaNova/Reg/ProximaNova-Reg.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova Light";
    src: url(fonts/ProximaNova/Light/ProximaNova-Light.eot);
    src: url(fonts/ProximaNova/Light/ProximaNova-Light.eot#iefix) format('embedded-opentype'),
         url(fonts/ProximaNova/Light/ProximaNova-Light.woff) format('woff'),
         url(fonts/ProximaNova/Light/ProximaNova-Light.ttf) format('truetype'),
         url(fonts/ProximaNova/Light/ProximaNova-Light.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova Bold";
    src: url(fonts/ProximaNova/Bold/ProximaNova-Bold.eot);
    src: url(fonts/ProximaNova/Bold/ProximaNova-Bold.eot#iefix) format('embedded-opentype'),
         url(fonts/ProximaNova/Bold/ProximaNova-Bold.woff) format('woff'),
         url(fonts/ProximaNova/Bold/ProximaNova-Bold.ttf) format('truetype'),
         url(fonts/ProximaNova/Bold/ProximaNova-Bold.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova Black";
    src: url(fonts/ProximaNova/Black/ProximaNova-Black.eot);
    src: url(fonts/ProximaNova/Black/ProximaNova-Black.eot#iefix) format('embedded-opentype'),
         url(fonts/ProximaNova/Black/ProximaNova-Black.woff) format('woff'),
         url(fonts/ProximaNova/Black/ProximaNova-Black.ttf) format('truetype'),
         url(fonts/ProximaNova/Black/ProximaNova-Black.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova Extrabold";
    src: url(fonts/ProximaNova/Extrabld/ProximaNova-Extrabld.eot);
    src: url(fonts/ProximaNova/Extrabld/ProximaNova-Extrabld.eot#iefix) format('embedded-opentype'),
         url(fonts/ProximaNova/Extrabld/ProximaNova-Extrabld.woff) format('woff'),
         url(fonts/ProximaNova/Extrabld/ProximaNova-Extrabld.ttf) format('truetype'),
         url(fonts/ProximaNova/Extrabld/ProximaNova-Extrabld.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

/*************************************************************
                    PT Sans font
**************************************************************/

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans/Bold/PTSans-Bold.eot');
    src: url('fonts/PTSans/Bold/PTSans-Bold.eot#iefix') format('embedded-opentype'),
         url('fonts/PTSans/Bold/PTSans-Bold.woff') format('woff'),
         url('fonts/PTSans/Bold/PTSans-Bold.ttf') format('truetype'),
         url('fonts/PTSans/Bold/PTSans-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans/Regular/PTSans-Regular.eot');
    src: url('fonts/PTSans/Regular/PTSans-Regular.eot#iefix') format('embedded-opentype'),
         url('fonts/PTSans/Regular/PTSans-Regular.woff') format('woff'),
         url('fonts/PTSans/Regular/PTSans-Regular.ttf') format('truetype'),
         url('fonts/PTSans/Regular/PTSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*************************************************************
                    base css
**************************************************************/

body {
    background: rgb(255, 255, 255);
    font-family: "ProximaNova Regular", "Helvetica Neue", Arial, sans-serif;
    /*font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;*/
    /*font-family: "Museo", "Helvetica Neue", Arial, sans-serif;*/
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    color: rgb(42, 42, 44);
}

a,
.ps-link,
.ps-link-blank,
.comment-reply-link {
    color: #d76113;
    text-decoration: underline;
    cursor: pointer;
}

a:active,
a:hover,
.ps-link:hover,
.ps-link-blank:hover,
.comment-reply-link:hover {
    color: #13527e;
    text-decoration: none;
}

#derevo-article #entry-content a:not([href^='#']):not([class='fancybox']):not([class='postTitle']) {
    font-size: 1.3em;
}

h1 {
    display: block;
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    color: rgb(33, 32, 31);
    margin: 10px 0;
}

h2, h3, h4 {
    display: inline-block;
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    margin: 0 0 10px 0;
    color: rgb(33, 32, 31);
    border-bottom: 1px solid rgb(102, 171, 50);
    padding-bottom: 4px;
    padding-right: 1px;
    clear: both;
}

h3, h4 {
    font-size: 20px;
}

p {
    margin: 0 0 10px;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}

#sidebar .title {
    font-size: 18px;
    color: rgb(51, 52, 54);
    line-height: 28px;
    margin-bottom: 10px;
    margin-top: -15px;
}

/* подчеркивание только слов в span*/
span.underlined-text {
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    border-bottom: 1px solid rgb(102, 171, 50);
    padding-right: 2px;
    padding-bottom: 2px;
}

.green {
    color: rgb(102, 171, 50);
}

.orange {
    color: #d76113;
}

/*************************************************************
                    ads css
**************************************************************/

.wrap_flat_ads_block {
    text-align: center;
    margin: 0 auto;
}

.ads-border {
    margin: 10px auto;
    padding: 10px 0;
    border-top: 3px solid #d76113;
    border-bottom: 3px solid #d76113;
}

.ads-border-left-green {
    margin: 6px 0;
    border-left: 2px solid #618d40;
    padding-left: 10px;
}

.ads-border-left-orange {
    margin: 6px 0;
    border-left: 2px solid #d76113;
    padding-left: 10px;
}

.ads-border-left-red {
    margin: 6px 0;
    border-left: 2px solid #fc0f02;
    padding-left: 10px;
}

.ads-border-left-blue {
    margin: 6px 0;
    border-left: 2px solid #0307c6;
    padding-left: 10px;
}

/* yandex adv */

.yap-rtb__wrapper,
.yap-block {
    margin: 0 auto;
    text-align: center;
}

/*************************************************************
                    align css
**************************************************************/

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    clear: both;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    clear: both;
}

.aligncenter {
    margin: 0 auto 10px;
}

.aligncenter img,
iframe.aligncenter {
    max-width: 100%;
    clear: both;
    display: block;
    margin: 8px auto;
}

.caption-text,
.wp-caption-text {
    color: rgb(42, 42, 44);
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    padding: 0 4px 10px;
    margin: 7px 0 0 0;
}

/* attach without caption-text */

.attach.alignright {
    width: 240px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 5px 5px 5px 18px;
}

.attach.alignleft {
    width: 240px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 5px 18px 5px 0;
}

.attach.aligncenter {
    max-width: 750px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 15px auto;
}

/* inside attach */

.wp-caption.alignright{
    width: 240px!important;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 0 5px 5px 18px
}

.wp-caption.alignleft{
    width: 240px!important;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 0 18px 5px 0;
}

.wp-caption.aligncenter {
    max-width: 100%;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 0 0 15px 0;
}

.wp-caption.aligncenter img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* video attach */

.attach.alignleft.video {
    width:320px;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 0 18px 5px 0;
}

#derevo-content iframe[src*="youtube"],
.attach.aligncenter.video iframe {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.attach.alignright.video {
    width:320px;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin: 0 0 5px 18px;
}

.attach.aligncenter.video {
    width: 100%;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 15px auto;
}

/*************************************************************
                    header
**************************************************************/

#header-line {
    height: 90px;
}

#header-line  #logo {
    position: relative;
    top: 4px;
    right: 20px;
}

#header-line  #logo img {
    width: auto;
    height: 80px;
    margin-left: 15px;
    padding: 0 10px;
    object-fit: contain;
    background-color: #fff;
    display: inline;
}

#header-line .header-fav {
    position: absolute;
    top: 20px;
    left: 210px;
    font-size: 12px;
    font-style: italic;
    line-height: 1;
    color: #5d7580;
    text-decoration: none;
}

#header-line .header-fav:hover {
    text-decoration: underline;
}

#header-line .header-fav:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -22px;
    width: 22px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVtJREFUeNpi/L9AjQEN8ABxKhD7A7EuEAsB8TsgvgzEG4F4NhB/QdbAiGZIFBD3ArEEA27wAoiLgXgZTIAJSbIeiJcSMIABKr8Uqh7FEJALGhhIAyD1MTBDQGHQh1UZI1DarBpCYwcTgFgAJJsAxOJYlagEMzBoxkFo7EAY5BoWIOGHIszCCTRbFRgnGgwMhoUQMaMioGsYgXF0g4Hhw20Ghj/fkXX4gWLnKZAhBRcyKWNg0E7GHRJX5zIwnOlCFnkO8o4IiiKQgmvzsRsAEkc1AOwlkCFvMRSf7kB3MoQPEscEb0GGXMEQZheEhA0IfHuBCCt2AaweBAXsJiB2RU340gwMD7YBnb+QgeH1BQYGUQMGBq14iPjPD+iGbAQFLCid3MEZzfgBKChUmKCZqZiBPABKAx9gSXEpmcl+MXoGbITmhRcENIPkY6HqsRYFyOVJABDrEFOeAAQYABhoUlLMmLg6AAAAAElFTkSuQmCC) no-repeat;
}

#header-line #search-form {
    position: relative;
    top: 14px;
    left: 10px;
}

#header-line #search-submit {
    border: none;
    width: 70px;
    height: 30px;
    padding: 0 0 1px;
    background: rgb(152, 199, 61);
    cursor: pointer;
    margin: 0 0 0 3px;
    color: rgb(255, 255, 255);
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#header-line #search-submit:hover {
    background: rgb(102, 171, 50);
}

#header-line #search-input {
    width: 190px;
    border-color: none;
    box-shadow: none;
    margin:0;
}

#header-line #search-input:focus {
    border-color: rgb(102, 171, 50);
}

/*************************************************************
                    content
**************************************************************/

/*.фиксированная макс. ширина контейнера */
.container {
    /*max-width: 970px;*/
    width: 1144px;
}

#derevo-content {
    min-height: 700px;
    background: rgb(255, 255, 255);
    padding: 20px 20px 20px 20px;
    border-top: 1px solid rgb(235, 235, 235);
    border-left: 1px solid rgb(235, 235, 235);
    border-right: 1px solid rgb(235, 235, 235);
}

#content {
    width: 780px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 20px;
}

#entry-content {
    text-align: left;
}

#entry-content a[class='fancybox']:after {
    
}

#entry-content blockquote {
    display: block;
    overflow: hidden;
    padding: 22px 40px 25px 130px;
    margin: 15px 0;
    font-size: 20px;
    line-height: 1.25;
    border-radius: 2px;
    background: #f1f0f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAmCAYAAACRWlj1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MDU0QUQwMzZGMzExRTdBRjY1RkM5MTg3ODA0ODY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1MDU0QUQxMzZGMzExRTdBRjY1RkM5MTg3ODA0ODY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzUwNTRBQ0UzNkYzMTFFN0FGNjVGQzkxODc4MDQ4NjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzUwNTRBQ0YzNkYzMTFFN0FGNjVGQzkxODc4MDQ4NjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4HFpjtAAADT0lEQVR42rxai1LTQBTdhEhtKaVQKkinFhUd/QB/xI/XkRkGrSIPLS2U1j4T7+rJuBOTm02ymztzBoYmuT33fTc4b9+9F4xUCLuEOqFK8AguPlsRZoQJ4Y4wFsVFPrtJaBBqhE3CBj7zCXPCL+gaEtZpD/QS/i4JPYUi7t46cEBYEC4JA0KQkZh81iFhXyEUR74K7BG6hJ/QudIl6ODGdg7rS2v38CXPYW0d2SEcM8bmvP0EZD8jimIvUn9/lZOcKluEN/iZJlLXSQ5yUSedwLAsQem5bWFGQqWPmWvq0GlKesjfWIK1JAsUJPmSyakuUsKkHKMw/kewLeyI9GAnIYxrFvRJYz6LI9gQ9qQdQ8amvoYaqi6wKezKUYxnbcqhStAT9mUnkhu2dW6hX/4h6ItyZFf53S9Ln4spYF2SF0OZl6UvLDL3JSisKW2hDH0yRJ2Q4E0JCtVido9B3aZIY1ZCgg+Yzm2LWq2/lqDvkTqq9XPkxjJHIxaKF69yfOlVFn1u5MZTwlTjxgCryoekKV5TLgjfNdcruQd+yur5aD+SO91HlNgWCoOHeF5ByQN2vtDbw0iF5CSuWl/iGW0M+xWlfS2gb6QY0oVBdOZYP6nhDjPk5CSDQZP63yyDZ3wYWmeW9V0DiTy3dC0nuhV4boJgoDmZLDMWiKKFRn6npWtIYWA4lE3IJLrRF22qaXJXMsGxKYKOxnMCVEKTpwVaBjVBsKJxzdBg/gmN/XUa9nMTBKsa11wZDr80nT+iRxZFjwg4GaBvmVxmN1Ja0cAUQUfEHNVFyvmFxcU5Tr6pVb0owVZKwvdzDORpxWU/JddH0R2tiLIO8/m1hRWsw4SnnG6+xC2heUPzBeO9kYXQbDHek6lwFjfMezk991wkH/NLr52L7G+YOJEvWboMudOk+TQrQVkxe0wfuokmedGNXPw9qW4yO+IZN8TrEpSryRGz962w7twaIibz7ABwmfbTTxv0vRQlTcR9nbnuFuRMTCp15NoeQ2wGYmPdfFILRx25Fb65dZjZcohtvMjpWAVhvw14KePXddYo8SLx/jplYA6PD24Neawn+HeScwzNA82zIq0QDVBuF8AUu9VE2DsBX2MgWIh//9gwMXEC8FuAAQD2o7eoBzPJUgAAAABJRU5ErkJggg==) 36px 28px no-repeat;
    border: 1px solid #ee5e5e;
}

#entry-content blockquote p {
    margin-bottom: 0;
}

#entry-content iframe {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#entry-content ul {
    margin: 0 0 10px 0;
    padding: 0;
}

#entry-content ul li {
    list-style: none;
    background: url(images/li.png) 0 9px no-repeat;
    padding: 6px 0 4px 24px;
}

#entry-content ol {
    font-size: 16px;
    list-style: none;
    counter-reset: li;
    margin: 0 0 10px 0;
    padding-left: 0;
}
#entry-content ol > li {
    position: relative;
    padding: 8px 5px 0 30px;
}

#entry-content ol li:before {
    background-color: rgb(102, 171, 50);
    color: rgb(255, 255, 255);
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    margin-right: 8px;
    padding: 0;
    font-weight: bold;
    text-align: center;
}

/* разноцвет в ul ol */
article#entry-content ol:nth-of-type(3n-2),
article#entry-content ul:nth-of-type(3n) {
    font-size: 16px;
    margin: 10px 0;
    padding: 4px 10px;
    background: #e5f6ff;
    color: #0a344e;
    border-left: 2px solid #37baff;
    /*border-left: 2px solid #0a344e;*/
}

article#entry-content ol:nth-of-type(3n),
article#entry-content ul:nth-of-type(3n-1) {
    font-size: 16px;
    margin: 10px 0;
    padding: 4px 10px;
    background: #ffedef;
    color: #651612;
    border-left: 2px solid #f23b50;
    /*border-left: 2px solid #651612;*/
}

article#entry-content ol:nth-of-type(3n-1),
article#entry-content ul:nth-of-type(3n-2) {
    font-size: 16px;
    margin: 10px 0;
    padding: 4px 10px;
    background: #f3ffe2;
    color: #2f4a08;
    border-left: 2px solid #9dcb2d;
    /*border-left: 2px solid #2f4a08;*/
}
/* \разноцвет в ul ol */

#entry-content .posts .post {
    margin: 4px 0;
    padding: 6px 0;
    background: url(data:image/gif;base64,R0lGODlhBAABAIAAAP///+Ph4CH5BAAAAAAALAAAAAAEAAEAAAIDTAAFADs=) repeat-x;
}

#entry-content .posts .post:first-child {
    background: 0;
}

/*************************************************************
                    sidebar
**************************************************************/

#sidebar {
    width: 330px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    margin-top: 8px;
}

#sidebar .portlet {
    font-size: 0.9em;
    color: rgb(92, 92, 92);
}

#sidebar .portlet a,
#sidebar .portlet .ps-link,
#sidebar .portlet .ps-link-blank {
    color: rgb(92, 92, 92);
    text-decoration: none;
}

#sidebar .portlet a:hover,
#sidebar .portlet .ps-link:hover,
#sidebar .portlet .ps-link-blank:hover {
    text-decoration: none;
    color: #d76113;
}

/* categories */

#sidebar .cats li {
    padding-left: 18px;
    border-left: 2px solid rgb(102, 171, 50);
}

#sidebar .cats li:hover,
#sidebar .cats li.active {
    border-left: 2px solid #d76113;
    background-color: rgb(248, 246, 241);
}

/* popular-posts */

#sidebar .popular-posts {
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    width: 300px;
    text-align: left;
    margin: 0 auto;
}

#sidebar .popular-posts .section-posts__item {
    position: relative;
    padding-bottom: 10px;
}

#sidebar .popular-posts .section-posts__item:hover {
    background-color: #f0f1f2;
}

#sidebar .popular-posts .section-posts__item-title {
    margin: 10px 0 0;
}

#sidebar .popular-posts .section-posts__item-title a,
#sidebar .popular-posts .section-posts__item-title .ps-link,
#sidebar .popular-posts .section-posts__item-title .ps-link-blank {
    color: #010101;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
}

#sidebar .popular-posts .section-posts__item-title a:hover,
#sidebar .popular-posts .section-posts__item-title .ps-link:hover,
#sidebar .popular-posts .section-posts__item-title .ps-link-blank:hover {
    color: #6969b3;
    text-decoration: none;
    border-bottom: 1px solid rgba(105, 105, 179, 0.2);
}

#sidebar .popular-posts .section-posts__item-title a:after,
#sidebar .popular-posts .section-posts__item-title .ps-link:after,
#sidebar .popular-posts .section-posts__item-title .ps-link-blank:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 300px;
    height: 200px;
}

@media (max-width: 767px) {
    #sidebar .popular-posts {
        text-align: center;
    }
}

/*************************************************************
                    special attrubutes
**************************************************************/

/* bold without strong tag */
.strong {
    font-weight: bold;
    font-size: 1.1em;
}

/* subtitle w/o icon*/
#entry-content .subtitle {
    display: inline;
    vertical-align: 16px;
    border-bottom: 1px solid rgb(102, 171, 50);
    padding-right: 2px;
    padding-bottom: 2px;
    font-size: 20px;
}

/* subtitle with icon*/
#entry-content .subtitle-icon {
    margin: 0 0 10px;
    padding: 4px 0 4px 24px;
    list-style: none;
    background: url(images/li.png) 0 7px no-repeat;
    font-size: 20px;
    line-height: 24px;
}

#entry-content .inline-link {
    text-align: center;
}

#entry-content .inline-link a:before {
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
}

/*************************************************************
                    inline link widget
**************************************************************/

#entry-content .inline-link a {
    display: inline-block;
    font-size: 16px;
    margin: 10px 60px;
    padding: 12px 16px;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    font-weight: normal;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#entry-content .inline-link a i {
    font-size: 16px;
    line-height: 22px;
    margin-right: 12px;
}

#entry-content .inline-link-orange a {
    background-color: rgb(232, 122, 49);
}

#entry-content .inline-link-green a {
    background-color: rgb(159, 188, 45);
}

#entry-content .inline-link a:hover {
    margin: 10px 40px;
}

#entry-content .inline-link-orange a:hover {
    background-color: rgb(214,121,60);
}

#entry-content .inline-link-green a:hover {
    background-color: rgb(142, 163, 59);
}

/*************************************************************
                    calc widget
**************************************************************/

.calc {
    border: 1px solid rgb(21, 22, 24);;
    padding: 20px;
    background: url(images/calc_green.png) 20px 35px no-repeat;
    text-align: center;
    width: 240px;
    margin-bottom: 10px;
}

.calc .calc-header {
    font-size: 15px;
    margin-left: 55px;
    margin-top: 10px;
    text-align: center;
}

.calc .calc-footer {
    font-size: 15px;
    text-align: center;
}

.calc a {
    background-color: rgb(219, 93, 64);
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.calc a:hover {
    background-color: rgb(178, 61, 34);
}

@media (max-width: 991px) {
    .calc {
        background: url(images/calc_green.png) 20px 22px no-repeat;
        width: 100%;
    }
    .calc .calc-footer {
        margin-left: 55px;
    }
}

/*************************************************************
                    breadcrumbs
**************************************************************/

#derevo-breadcrumbs {
    padding: 0;
    font-size: 13px;
}

#derevo-breadcrumbs .breadcrumbs {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0;
}

#derevo-breadcrumbs .breadcrumbs .home {
    padding: 1px 0 0 20px;
    background: url('data:image/gif;base64,R0lGODlhCwAKAIABAEheef///yH5BAEAAAEALAAAAAALAAoAAAIYTGBoewfKHnrMLZpgtk5R34QgKJadJAUFADs=') no-repeat 0 4px;
}

@media (max-width: 767px) {
    #derevo-breadcrumbs {
        margin: 10px 0;
        font-size: 14px;
    }
}

/*************************************************************
                    h1 meta
**************************************************************/

@media (max-width: 767px) {
    #h1-meta-right {
        margin-top: 10px;
    }
}

/*************************************************************
                    toc_container
**************************************************************/

#entry-content #toc_container {
    margin: 25px 0 10px;
    font-size: 1.05em;
    width: 100%!important;
    background: none;
    box-sizing: border-box;
    border: 2px solid #d76113;
    padding: 15px 25px 5px;
    position: relative;
    display: table;
}

#entry-content #toc_container a {
    text-decoration: none;
    text-shadow: none;
    color: #d76113;
}

#entry-content #toc_container a:hover,
#entry-content #toc_container a:active,
#entry-content #toc_container a:focus {
    text-decoration: underline;
    color: #d76113;
}

#entry-content #toc_container div.toc_title {
    font-weight: normal;
    font-size: 1.3em;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    background-color: #fff!important;
    margin-top: -27px!important;
    width: 50%;
}

#entry-content #toc_container span.toc_toggle {
    font-weight: 400;
    font-size: 70%;
}

#entry-content #toc_container div.toc_title+ul.toc_list {
    margin-top: 0;
    border:0;
    background-color: #fff;
}

#entry-content #toc_container.no_bullets ul li {
    position: relative;
    padding: 8px 5px 0 30px;
    overflow: visible;
    background: 0 0;
    list-style: none;
}

/* Список первого уровня */
#entry-content #toc_container ul {
    list-style: none;
    counter-reset: list1;
    margin: 0 0 10px 0;
    padding-left: 0;
    border: 0;
    background-color: #fff;
}

#entry-content #toc_container.no_bullets ul li:before {
    background-color: rgb(102, 171, 50);
    color: rgb(255, 255, 255);
    content: counter(list1);
    counter-increment: list1;
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    min-height: 24px;
    margin-right: 8px;
    padding: 0;
    font-weight: bold;
    text-align: center;
}

/* Список второго уровня */
#entry-content #toc_container ul ul {
    list-style: none;
    counter-reset: list2;
    margin-top:0;
    margin-bottom: 0;
    margin-left: 1.5em;
    border: 0;
    background-color: #fff;
}

#entry-content #toc_container.no_bullets ul ul li:before {
    counter-increment: list2;
    content: counter(list1) ". " counter(list2);
    width: 36px;
    left: -16px;
}

/*************************************************************
                         social-block
**************************************************************/

#social-block {
    margin: 15px 0;
    color: #3c3939;
    font-size: 14px;
    line-height: 16px;
    background-color: #fcf6db;
    padding: 15px 10px;
    border: 1px solid #efede7;
}
#social-block:after {
    content: '';
    display: table;
    clear: both;
}
#social-block .post-rating {
    float: left;
    margin: 5px 0;
}
#social-block .post-rating__title,
#social-block .post-share__title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
#social-block .post-ratings img {
    display: inline;
    vertical-align: middle;
    padding: 0 5px 0 0 !important;
}
#social-block .post-ratings .post-ratings-text {
    position: relative;
    top: 5px;
}
#social-block .post-share {
    float: right;
    text-align: center;
}
#social-block .post-share ul li {
    background: none;
    padding: 0;
}

/*************************************************************
                    related posts
**************************************************************/

#related {
    clear: both;
}

#related #relhead {
    font-size: 20px;
    color: rgb(21, 22, 24);
    line-height: 22px;
    font-weight: normal;
}

#related .related-item {
    padding-top: 10px;
}

#related .related-item:hover {
    background-color: #f0f1f2;
}

#related .related-item a,
#related .related-item a:hover {
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    display: inline-block;
    color: rgb(42, 42, 44);
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
}

#related .related-item a:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

#related .related-item .related-img-container {
    position: relative;
}

#related .related-item .related-img-container:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

#related .related-item .related-img-container img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/*************************************************************
                    related posts YARPP
**************************************************************/

#related-yarpp {
    clear: both;
}

#related-yarpp #relhead {
    font-size: 20px;
    color: rgb(21, 22, 24);
    line-height: 22px;
    font-weight: normal;
}

#related-yarpp .yarpp-related-box {
    margin:0;
}

#related-yarpp .related-item {
    padding: 0 3px;
}

#related-yarpp .related-item:hover {
    background-color: #f0f1f2;
}

#related-yarpp .related-item a,
#related-yarpp .related-item a:hover {
    /*font-family: "Museo", "Helvetica Neue", Arial, sans-serif;*/
    font-family: Arial,arial,sans-serif;
    display: inline-block;
    color: rgb(51, 51, 51);
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
}

#related-yarpp .related-item a:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

#related-yarpp .related-item .related-img-container {
    position: relative;
}

#related-yarpp .related-item .related-img-container:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    /*background: rgba(0, 0, 0, 0);*/
    /*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));*/
    /*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);*/
    /*background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);*/
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);*/
}

#related-yarpp .related-item .related-img-container img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

#related-yarpp .entry-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    padding: 5px 10px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.6));
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));
    font-size: .8em;
    color: #fff;
    opacity: .5;
    filter: "alpha(opacity=50)";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#related-yarpp .related-item:hover .entry-meta {
    background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.8));
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8));
    opacity: 1;
    filter: "alpha(opacity=100)";
}

@media (max-width: 767px) {
    #related-yarpp .yarpp-related-box {
        width: 320px;
        margin: 0 auto!important;
    }
}

/*************************************************************
                    Линия у похожих записей
**************************************************************/

.fancy {
    line-height: 1;
    text-align: center;
    overflow: hidden;
    color: #272b34;
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    margin: 20px auto;
}

.fancy span {
    display: inline-block;
    position: relative;
}

.fancy span:before {
    right: 100%;
    margin-right: 10px;
}

.fancy span:after {
    left: 100%;
    margin-left: 10px;
}

.fancy span:before,
.fancy span:after {
    content: "";
    position: absolute;
    height: 11px;
    border-bottom: 3px solid #d76131;
    top: 0;
    width: 50%;
}

@media (max-width: 991px) {
    #related {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    #related img {
        height: 100%;
        width: 100%;
    }
}

/*************************************************************
                    comments
**************************************************************/

#comments {
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    margin-top: 20px;
}

#comments .no-comments {
    opacity: .6;
    text-align: center;
    font-size: 14px;
    margin: 20px 0;
}

#comments ul,
#comments ol {
    list-style: none;
}

#comments .comments-title,
#comments .comment-reply-title {
    font-size: 20px;
    color: rgb(51, 52, 54);
    line-height: 28px;
    margin-bottom: 10px;
}

#comments .comment-list {
    margin-top:10px;
    padding: 0;
}

#comments .comment .comment_avatar {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 6px;
}

#comments .comment .comment_author {
    font-size: 18px;
    color: #333;
    margin-bottom: 12px;
}

#comments .comment .comment_date {
    font-size: 12px;
    color: #bebaba;
    margin-left: 15px;
}

#comments .comment .comment_text {
    margin-top: 4px;
    font-size: 14px
}

#commentform {
    border-bottom: 1px solid #fbfbfb;
    padding: 10px 20px 10px;
    margin: 10px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#commentform p.comment-form-author {
    width: 48%;
    float: left;
}

#commentform p.comment-form-email {
    width: 48%;
    float: right;
}

#commentform p.comment-form-url,
#commentform p.comment-form-comment {
    clear: both;
}

#commentform label {
    padding: 6px 0;
    font-weight: 600;
    display: block;
}

#commentform input[type="text"],
#commentform input[type="email"] {
    padding: 7px 12px;
    border: 1px solid #cccccc;
    color: #333;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 15px;
    border-radius: 1px;
}

#commentform textarea {
    height: 122px;
    border: 1px solid #cccccc;
    border-radius: 1px;
    width: 100%;
    resize: none;
    max-width: 580px;
}

#commentform input[type="submit"] {
    display: inline-block;
    color: #fff;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 12px;
    /*background-color: rgb(152, 199, 61);*/
    background-color: rgb(232, 122, 49);
    margin-top: 12px;
    border: 0;
    cursor: pointer;
}

@media (max-width: 767px) {
    #commentform p.comment-form-author {
        float: none;
    }
    
    #commentform p.comment-form-email {
        float: none;
    }
}

.comments-area {
    max-width: 700px;
}

.comment-list {
    list-style: none;
    margin: 0 -10px;
    padding: 0;
}

.comment-list .comment-box {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 10px;
}

.comment-list .bypostauthor .comment-box {
    background: #f3f5f7;
}

.comment-list .children {
    list-style: none;
    margin: 5px 0 0;
    padding: 0 0 0 15px;
}

@media (min-width: 768px) {
    .comment-list .children {
        padding-left: 65px;
    }
}

.comment-list .comment-header {
    position: relative;
    padding-left: 65px;
}

.comment-list .comment-avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.comment-list .comment-meta {
    margin-bottom: 10px;
}


.comment-list .comment-author.spanlink, .comment-list .comment-author.comment-reply-link, .comment-list .comment-author.root-pseudo-link {
    border-bottom: 1px solid #ccc;
}

.comment-list .comment-author-post {
    margin-left: 4px;
    font-size: .8em;
}

.comment-list .comment-time {
    color: #999;
    margin-left: 20px;
    font-size: .8em;
    opacity: .6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.comment-list .comment-body {
    padding-left: 65px;
}

.comment-list .comment-text {
    word-wrap: break-word;
    font-size: .95em;
    line-height: 1.35;
}

.comment-list .comment-footer {
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .comment-list .comment-footer {
        opacity: 0;
        filter: "alpha(opacity=0)";
    }
}

.comment-reply-link {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: .85em;
}

.comment-reply-link:before {
    content: "\f112";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
}

.comment-box:hover .comment-time {
    opacity: 1;
    filter: "alpha(opacity=100)";
}

.comment-box:hover .comment-footer {
    opacity: 1;
    filter: "alpha(opacity=100)";
}

/*************************************************************
                    prev/next post
**************************************************************/

.prev-post,
.next-post {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 10px;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7lJREFUeNrUmllIVFEYx8+MRgotOC0PbUbaRmIhLUiLUeRD9ZS0UCHSqkFZQS9Cm1Y+RGZCuyGVZARZL0WWFUihpphZGIGoGPhUPiRkmS3/r/mmbpd7Z+bee854++Dn6BnnO+c/3z3nfGfxJMRPFpJsNpgL5oN4xgdi+f0+0AO6QCd4ARrBKyeVtnV2/H6Ndtj4JLABrAJzQvzvcDAWzOC/d/ArCbkHboLXdhvisRmRBeAAyBByrRKcBHVWI+K1WNEEcJ0rki2CbA2oBeVgopUPWhGSCd6AzUK9beK6smQLOQeugpEicjYClIHzMoQMAVUgRwyeZYOH3BZbQqLAM5AuBt9WgOfcJstCqnhOcIvN48hYEnIJLBfus2WgNFwhNMFtF+61rWBjKCE+nifcbtfAqGBCzkpIW4LZTknRjtIPy9pGJ/NjpcoOc98TnHMdd+hvLed3zfqIFCoUcQjka/4+wdH57NBvoT5ppB8dikQcAUcNyodxSh/n0P8UJI4dgYhsUyTioImI6aBdgog/bfdqsk7ZRgKOGZQncMYwRlI9GYFHayZeWxX0iQKTSNRKioTWZlFEFisYnQqCRCJOQfSXkJAUySLyDcqn8Rp9tKK+mEJCEhWLmMqZq0/h8J5IE+J4SUOsmYhafTqhwMZFO/ymfvLEdtngPep7j0MtiCSZjx6tWIdOek3Kh0ZIBFmM16EDD6gA+wzeqxb+baNvkVBCQvok+CkCuw3KaaRaCL4q1vGFhPRIclYC9hqUN4A0MKBQSA8J6Zbo8DTINSivB4sURqabhLRJdlocREyaoj7TRkKaFDguNnnM6nlY7pdcXxMJqVEU7tMRjEwNCXnLCEWR2W9QXsd95qOEOt5hYdUamEfuKBxRToE9JkPzagn+K7ULq1LF4/wZk0kzV4LvUq0QWq/fVyymSNfwpxJ2bR7gsWrXbwflgZWKxVCf+QFSwVIJ/vICv2iF0FneLbBOsZgSSX5ug5faXEtru8B34X6jNmbrk0at0XCY+R8IyQIfggkhuwGuuFgEHceVG6XxRkabXk9cKIJGui1m6xEzS+cU3C3WKIIcA3pDdChaFD1ygYhqbsuAHSGCEzv6Fi4MooiLwn8Y2h9qqRuO5fBI8SmCAnq5P2SHu2YP1+jCQBKPaqqtgusqs7L5YMXeC//1ilRFGfNd7gt02Nll5YN2zwtpPUFHEXRct57T8WSbvlrE32tOLXa/AY/Ei2d0nhe4eEZOJwn/LmZMYMtG/HvxrIFpdrRY52tOvwQYAMXFu43Wph2fAAAAAElFTkSuQmCC');
    transition: .2s;
    opacity: .6;
}

.next-post {
    right: 10px;
    left: auto;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6hJREFUeNrMmltIVEEYx2e3onwpvPTSdUUrkLKStKJMKOqlnpKgGxJlpUFZQU9hF4t8iNSEssIQM7SCLg8VXaRAijTFNLoQSFqBT2WQkZbK9v/0W92Wc7Y9e+Zbzx9+KI47M//95sx8M3NcXq9XkRI98cqm5oNFIA14wAwQA6K4vAd0gU/MS9AEWpUGuWwamQc2grVsJBy1gHvgGngTaSNLwCGwXunVTXAaNFj9oNvi/08HV8ELAROkTFAPqsA0KSPbOPRblLy2cltZuo2UgQowUUVOk0AlOK/DyDjwCOSo0VMueMh9CcvIGPAcrFajrzXgGffJshGKRKpyjtI4MpaMlIOVynlaBS6FamQz2KGcq528CAc1EguuKOeritMfUyNlwR4oi9/abkEjY8E5MyMLwAYNjRzmZ4zG8lFBMzS8ko2MFNqs+BdH4ZTf3wrAEUEzhf8kjUgYKWP8aLPS75y6/zQoo8gcEzJDfe/wRSRbQ4XR/GXMMSg7DvKFjGT7D61MTZVO5hU4waDsJBvSrcEs3JUw05OEn281V07DbCn4YFCWz8+OTiVRRFYIfEvRQSJzQmA2SycjKUJjN4735bMNygo0m0khI4mC02MMZ9CzhM0kkpEpwulEHG+NzczomJanugNzFiHF8oSSbjI17wJeO5EnIxMilOjRDm+8SVm3zbqj3BEy0QcWg1qDsgOghpYCOw2QkV5hE7/BMp7BArUXFGloo4eMdAma6AcZoNGgbD8o1dROFxnpFIzEcmV8apgHijW21UlG2oSeiYwgJko0t9dGRpo1V/qHp9kGk+FUIvDFNZORughGolhoGNe52zra35lkqVb1jZ+JeoOyg0KRIL0nfOvILQ0VrjOZYveBM4Iz423/jVW5hgrzTBa7s8LrVPmwEQwv2qI+0HCq8TTAWJGwifugffjwYTAP9sQv1DSD1XC2W6rkRUdYrYHHQa/U0NWXXW2KkIkbyu8iNTBppHuQAeV8UR/3BCaN/vqqhq7YnK4snu5NjZDosrPCwSYug2qjNN5I2wNmIKfoiTI5TAy2saLrriYHmWjkPimrRvp5Q1TrABOPuS8D4RjxZbJ0GXpxFE1c4Ej0/W+rG4py+LnpjqCBHzyD5oa6Zw9VNJPN5ZVbWtXcVqWVwwcr+qyGLktpvN4RymTp8JteE/li5YN2X3NKViOvOSWH2fnX4C64zr+HJZfGF88ogUtlPGrkxTPfAWAvn9hQVDvUyItnLTpC+VeAAQBE8cfgqDTN6AAAAABJRU5ErkJggg==');
}

.prev-post:hover,
.next-post:hover {
    opacity: .9;
}

/*************************************************************
                    pagination
**************************************************************/

#derevo-pagination {
    font-size: 14px;
    line-height: 100%;
    display: inline-block;
    margin: 10px 0;
    padding: 0;
    border: 0;
}

#derevo-pagination .nav-links {
    display: inline-block;
}

#derevo-pagination  a:link,
#derevo-pagination  a:visited,
#derevo-pagination .current {
    padding: 5px 6px;
    text-decoration: none;
    color: #638128;
    border: solid 1px #83AD30;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#derevo-pagination .page a {
    font-weight: normal;
}

#derevo-pagination a:hover {
    color: #4d6721;
    border: solid 1px #668a28;
}

#derevo-pagination .current {
    color: #638128;
    border: solid 1px #83AD30;
    font-weight: bold;
    font-size: 1.3em;
}

#derevo-pagination .disabled {
    display: none;
}

/*************************************************************
                    footer
**************************************************************/

#footer-content {
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    color: rgb(252, 252, 252);
    padding-bottom: 20px;
}

#footer-top {
    font-size: 14px;
    padding: 10px;
}

#footer-top a,
#footer-top .ps-link,
#footer-top .ps-link-blank {
    text-decoration: none;
    color: rgb(252, 252, 252);
    cursor: pointer;
}

#footer-top a:hover,
#footer-top .ps-link:hover,
#footer-top .ps-link-blank:hover {
    text-decoration: underline;
    color: rgb(232, 232, 232);
}

#footer-top ul {
    margin: 0;
    padding: 0;
}

#footer-top ul li {
    list-style: none;
}

#footer-top ul li a {
    font-size: 14px;
}

#footer-bottom {
    margin-top: 20px;
    font-size: 15px;
    text-align: center;
}

/*************************************************************
                        up
**************************************************************/

#up {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #98c73d;
    border-top: 0;
    position: fixed;
    margin-left: 1200px;
    top: 78%;
    cursor: pointer;
    z-index: 100;
    text-indent: -9999px;
}
#up:hover {
    border-bottom-color: #66AB32;
}
#up:hover:before {
    border: 1px solid #66AB32;
}
#up:before {
    position: absolute;
    content: '';
    left: -20px;
    top: -16px;
    width: 40px;
    height: 40px;
    border: 1px solid #98c73d;
    border-radius: 6px;
}

/*************************************************************
                    category/search
**************************************************************/


.posts img {
    cursor:default;
    margin-top: 6px;
}

/*************************************************************
                    contact form 7
**************************************************************/

.wpcf7 input[type='submit'] {
    background: rgb(102, 171, 50);
    cursor: pointer;
    margin: 0 0 0 3px;
    color: rgb(255, 255, 255);
    padding: 8px;
    box-shadow: 0;
}

.wpcf7 input,
.wpcf7 textarea {
    border: 1px solid #000;
    box-shadow: 0;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border: 1px solid rgb(102, 171, 50);
    box-shadow: 0;
}

/*************************************************************
                   responsive
**************************************************************/

/*@media (max-width: 991px) {*/
@media (max-width: 1159px) {
    
    .container {
        width: 100%;
    }
    
    #content {
        width: 100%;
        padding: 0 15px;
    }
    
    #sidebar {
        width: 100%;
        margin-bottom: 15px;
    }
    
    #sidebar .cats li {
        padding-bottom: 5px;
        font-size: 1.1em;
    }
    
    #sidebar .subscribe-form .sr-box {
        width: 100%;
    }
    
    .fa {
        font-size: 1.4em;
    }
    
    #header-line #search-input {
        width: 130px;
    }
    
    .latest-posts .post {
        padding-bottom: 5px;
        font-size: 1.1em;
    }
}

@media (max-width: 767px) {
    
    #header-line #logo {
        right: 0;
        top: 10px;
        text-align: center;
        margin: 0 auto;
    }
    
    #header-line #logo img {
        height: 65px;
        padding: 0;
        border: 1px solid white;
    }
    
    #derevo-content {
        border: 0;
        border-top: 0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    
    #derevo-pagination {
        text-align: center;
    }
    
    #social-block {
        text-align: center;
    }
    
    h1 {
        margin: 0 10px 20px 10px;
        border-bottom: 1px solid rgb(102, 171, 50);
        text-align: center;
    }
    
    h2,h3,h4,h5,h6 {
        display: block;
        text-align: center;
        margin: 10px;
    }
    
    .attach.alignright.video {
        float: none;
        margin: 10px auto;
    }
    
    .attach.alignleft.video {
        float: none;
        margin: 10px auto;
    }
    
    .attach.aligncenter {
        max-width: 100%;
    }
    
    #header-line {
        height: 70px
    }
    
    #header-line #search-form {
        display: none;
    }
    
    .breadcrumb {
        padding: 10px 0 15px;
    }
    
    #entry-content blockquote {
        padding: 22px 40px 25px 70px;
        background-size: 18px 14px;
        background-position-x: 24px;
        font-size: 16px;
    }
}

@media (max-width: 539px) {
    
    img#vasutin-photo {
        float: none;
        margin: 10px auto;
    }
    
    .posts .post-attach img {
        float: none;
        margin: 10px auto;
    }
    
    .attach.alignleft,
    .wp-caption.alignleft{
        float: none;
        margin: 10px auto;
    }
    
    .attach.alignright,
    .wp-caption.alignright{
        float: none;
        margin: 10px auto;
    }
}

@media (max-width: 467px) {
    
    h1 {
        margin-top:10px;
    }
    
    #entry-content .inline-link a {
        margin: 0;
    }
    
}

@media (max-width: 379px) {
    
    .attach.video {
        width: 100%;
    }
}

/***************
    Front Page
***************/

#derevo-content-front-page {
    margin-top: 10px;
}

/* section 1 items */
#front-section-1 {
    background-color: #f0dbbb;
    border-bottom: 3px solid #d89e48;
    border-top: 3px solid #d89e48;
    background: url(images/main-page-image.jpg) no-repeat center 55%;
    background-size: cover;
    margin: 15px 0;
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
}

#front-section-1 .dark-background {
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    color: #fff;
    height: 100%;
    width: 100%;
}

#front-section-1 .title {
    font-size: 32px;
    line-height: 1.2em;
    word-break: break-word;
    margin: 40px auto;
    text-align: center;
}

#front-section-1 .front-section-1-devider {
    display: block;
    height: 3px;
    opacity: .9;
    background-color: #d89d47;
    text-align: center;
    margin-bottom: 40px;
}

#front-section-1 .categories-list-container {
    width: 100%;
    display: inline-block;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    text-align: center;
}

#front-section-1 .categories-list-container .categories-list {
    margin-bottom: 40px;
}

#front-section-1 .categories-list-container .categories-list .frontpage-cateogry {
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
    color: #fff;
    padding: 18px 26px;
    border: 2px solid hsla(0,0%,100%,.4);
    -webkit-box-shadow: 0 10px 30px 0 rgba(9,44,80,.2);
    box-shadow: 0 10px 30px 0 rgba(9,44,80,.2);
    border-radius: 40px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    text-decoration: none;
    margin: 5px;
    display: inline-block;
}

#front-section-1 .categories-list-container .categories-list .frontpage-cateogry:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(9,44,80,.1), 0 8px 6px 0 rgba(133,179,83,.2), 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 10px 30px 0 rgba(9,44,80,.1), 0 8px 6px 0 rgba(133,179,83,.2), 0 1px 2px 0 rgba(0,0,0,.2);
}

#front-section-1 .categories-list-container .categories-list .frontpage-cateogry:nth-child(4n):hover {
    background-color: #4a90e2;
    border-color: #4a90e2;
}

#front-section-1 .categories-list-container .categories-list .frontpage-cateogry:nth-child(4n-1):hover {
    background-color: #82b050;
    border-color: #82b050;
}

#front-section-1 .categories-list-container .categories-list .frontpage-cateogry:nth-child(4n-2):hover {
    background-color: #8277ea;
    border-color: #8277ea;
}

#front-section-1 .categories-list-container .categories-list .frontpage-cateogry:nth-child(4n-3):hover {
    background-color: #ff9591;
    border-color: #ff9591;
}

/* section 5 items */
#front-section-5 .front-section-5-item {
    margin-bottom: 10px;
}
#front-section-5 .front-section-5-item .title {
    border-top: 2px solid #efefef;
    color: #555;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    width: 80%;
}

/* section 5 latest posts */
#front-section-5 .latest-posts img {
    margin: 15px auto;
}

#front-section-5 .latest-posts .caption {
    text-align: center;
}

/* section 5 latest comments */
#front-section-5 .latest-comments .post_title {
    color: #464646;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#front-section-5 .latest-comments .post_title a {
    color: #1f5274;
}

#front-section-5 .latest-comments .comment-block {
    overflow: hidden;
    margin-bottom: 20px;
}

#front-section-5 .latest-comments .comment-block img {
    display: block;
    width: 62px;
    height: 62px;
    margin-right: 12px;
    float: left;
    margin-top: 4px;
    vertical-align: middle;
    border: 0;
}

#front-section-5 .latest-comments .comment-block .comment-data {
    width: calc(100% - 75px);
    float: right;
}

#front-section-5 .latest-comments .comment-block .comment-data .subtitle {
    border-bottom: 1px solid #ea6548;
    color: #464646;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-bottom: 5px;
}

#front-section-5 .latest-comments .comment-block .comment-data .subtitle .comment-date {
    font-size: 11px;
    line-height: 18px;
    color: #575757;
    font-weight: 400;
    display: inline-block;
    float: right;
}

#front-section-5 .latest-comments .comment-block .comment-data p {
    color: #474747;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}

/***************
  Social Icons
***************/

.b-share-wrapper {
    margin-top: 20px;
    text-align: center;
    height: 25px;
}

.b-share {
    text-align:center;
}

.b-share__title {
    font-size:17px;
    font-weight:700;
    margin-bottom:13px;
}

.b-share__ico {
    position:relative;
    display:inline-block;
    width:50px;
    height:30px;
    background:#5a80b1;
    cursor:pointer;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    margin:0 2px;
}

.b-share__ico:after {
    position:absolute;
    top:6px;
    left:0;
    right:0;
    text-align:center;
    font:normal normal normal 1.1em/1 FontAwesome;
    color:#fff;
}

.b-share__fb:after {
    content:"\f09a";
}

.b-share__vk {
    background:#587e9f;
}

.b-share__vk:after {
    content:"\f189";
}

.b-share__tw {
    background:#24aadd;
}

.b-share__tw:after {
    content:"\f099";
}

.b-share__ok {
    background:#f2720c;
}

.b-share__ok:after {
    content:"\f263";
}

.b-share__gp {
    background:#d23e30;
}

.b-share__gp:after {
    content:"\f0d5";
}

.b-share__whatsapp {
    display:none;
    background:#65bc54;
}

.b-share__whatsapp:after {
    content:'\f232';
}

.b-share__viber {
    display:none;
    background:#7b519d;
}

.b-share__viber:after {
    top:5px;
    content:'';
    height:19px;
    background-size:contain;
    background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTguNDM0IDE1LjU3NGMtLjQ4NC0uMzkxLTEuMDAyLS43NDMtMS41MTEtMS4xMDItMS4wMTYtLjcxOC0xLjk0NS0uNzczLTIuNzAzLjM4LS40MjYuNjQ4LTEuMDIxLjY3Ny0xLjY0NC4zOTItMS43MTgtLjc4Mi0zLjA0NC0xLjk4OS0zLjgyMS0zLjc0My0uMzQ0LS43NzctLjM0LTEuNDczLjQ2NS0yLjAyMi40MjUtLjI5Ljg1NC0uNjM0LjgyLTEuMjY4LS4wNDUtLjgyOC0yLjA0My0zLjU5My0yLjgzMi0zLjg4NWExLjQyOSAxLjQyOSAwIDAgMC0uOTg0IDBDNC4zNzMgNC45NSAzLjYwNiA2LjQ4IDQuMzQgOC4yOTJjMi4xOSA1LjQwNSA2LjA0MyA5LjE2NyAxMS4zNDkgMTEuNDYzLjMwMi4xMy42MzguMTgzLjgwOC4yMyAxLjIwOC4wMTIgMi42MjMtMS4xNTggMy4wMzItMi4zMTguMzkzLTEuMTE3LS40MzgtMS41Ni0xLjA5Ni0yLjA5M3pNMTIuNDg1IDQuODhjMy44NzkuNiA1LjY2OCAyLjQ1NCA2LjE2MiA2LjM4LjA0NS4zNjMtLjA5LjkwOS40MjYuOTE5LjUzOC4wMS40MDgtLjUyOC40MTMtLjg5LjA0NS0zLjY5OS0zLjE2My03LjEyNy02Ljg4OC03LjI1My0uMjgxLjA0LS44NjMtLjE5NS0uOS40MzgtLjAyNC40MjcuNDY2LjM1Ny43ODcuNDA2eiIvPjxwYXRoIGQ9Ik0xMy4yNDQgNS45NTdjLS4zNzMtLjA0NS0uODY1LS4yMjItLjk1My4yOTktLjA5LjU0Ni40NTguNDkuODExLjU3IDIuMzk1LjUzOCAzLjIzIDEuNDE0IDMuNjI0IDMuODAyLjA1Ny4zNDktLjA1Ny44OS41MzIuOC40MzYtLjA2Ni4yNzgtLjUzLjMxNS0uODAyLjAyLTIuMjkzLTEuOTM2LTQuMzgtNC4zMjktNC42Njl6Ii8+PHBhdGggZD0iTTEzLjQ2NCA3LjgzMmMtLjI0OS4wMDYtLjQ5My4wMzMtLjU4NS4zLS4xMzcuNC4xNTIuNDk2LjQ0Ni41NDQuOTgzLjE1OCAxLjUuNzQgMS41OTggMS43MjUuMDI3LjI2OC4xOTUuNDg0LjQ1Mi40NTQuMzU2LS4wNDMuMzg5LS4zNjEuMzc4LS42NjQuMDE3LTEuMTA2LTEuMjI3LTIuMzg1LTIuMjg5LTIuMzU5eiIvPjwvZz48L3N2Zz4=) center top no-repeat;
}

.b-share__telegram {
    background:#289fd9;
}

.b-share__telegram:after {
    top:2px;
    content:'';
    height:25px;
    background-size:contain;
    background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkyIDYuMDg5TDQuNzQ3IDExLjU1NWMtLjk2Ny4zODgtLjk2Mi45MjgtLjE3NiAxLjE2OGwzLjUzNCAxLjEwNCAxLjM1MyA0LjE0NmMuMTY0LjQ1NC4wODMuNjM0LjU2LjYzNC4zNjggMCAuNTMtLjE2OC43MzYtLjM2OC4xMy0uMTI3LjkwMy0uODggMS43NjctMS43MTlsMy42NzcgMi43MTdjLjY3Ni4zNzMgMS4xNjUuMTggMS4zMzMtLjYyOGwyLjQxNC0xMS4zNzRjLjI0Ny0uOTktLjM3OC0xLjQ0LTEuMDI1LTEuMTQ2ek04LjY2IDEzLjU3M2w3Ljk2Ny01LjAyNmMuMzk4LS4yNDIuNzYzLS4xMTIuNDYzLjE1NGwtNi44MjIgNi4xNTUtLjI2NSAyLjgzMy0xLjM0My00LjExNnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center top no-repeat;
}

.b-share__skype {
    background:#1ab7f1;
}

.b-share__skype:after {
    content:"\f17e";
}

.b-share__ln {
    background:#0083BE;
}

.b-share__ln:after {
    content:"\f0e1";
}

.b-share__rd {
    background:#91bce0;
}

.b-share__rd:after {
    content:"\f1a1";
}

.b-share__pt {
    background:#bd081c;
}

.b-share__pt:after {
    content:"\f231";
}

.b-share--post {
    border:6px solid #efede7;
    margin-bottom:30px;
    padding:20px;
}

.b-share--small .b-share__ico {
    width:32px;
    height:26px;
    vertical-align:middle;
    margin:0 1px;
}

.b-share--small .b-share__telegram:after {
    top:3px;
    height:19px;
}

.b-share--small .b-share__viber:after {
    top:3px;
}

.b-share--small .b-share__vk:after,.b-share--small .b-share__tw:after,.b-share--small .b-share__gp:after,.b-share--small .b-share__ok:after {
    top:5px;
}

.b-share__ico {
    width: 65px;
    margin: 0 4px;
}

.b-share--small .b-share__ico {
    width: 28px;
    margin: 0 1px;
    font-size: 12px;
    height: 24px;
}

@media (min-width: 992px) {
    .b-share__ico:hover {
        opacity:0.7;
        filter:alpha(opacity=70);
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
    }
}

@media (max-width: 991px) {
    .b-share__whatsapp,.b-share__viber {
        display:inline-block;
    }
}

#share-motivation .share-arrow {
    position: relative;
    bottom: 8px;
    left: 460px;
}
#share-motivation .share-motivation-text {
    font-family: "Museo", "Helvetica Neue", Arial, sans-serif;
    color: #040404;
    position: relative;
    font-size: 14px;
    left: 230px;
    bottom: 40px;
}

@media screen and (max-width: 767px) {
    .b-share-wrapper {
        height: 20px;
    }
    #share-motivation {
        display: none;
    }
}

/*************************************************************
                   table css
**************************************************************/

table {
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

table tr:nth-child(odd) {
    background-color: #f3ffe2;
}

table tr > th {
    color: white;
    background-color: #4e7d2b;
    text-align: center;
    padding: 4px 0;
    font-weight: bold;
    vertical-align: middle;
}

table tr > td {
    border: 1px solid rgb(102, 171, 50);
    padding: 5px;
    vertical-align: middle;
}

@media (max-width: 767px) {

    table {
        width: 100%;
        padding: 0;
        white-space: normal;
    }

    table tr,
    table tr > th,
    table tr > td {
        width: auto !important;
        display: block !important;
    }

    table tr:nth-child(odd) {
        background-color: white;
    }

    table td:nth-child(odd) {
        background-color: #f3ffe2;
    }

    table tr > th {
        background-color: #4e7d2b;
    }

    table tr {
        height: 100%;
        border: 1px solid rgb(102, 171, 50);
    }

    table tr > th {
        font-size: 16px;
        font-weight: bold;
    }

    table tr > th,
    table tr > td {
        padding: 0.25em 0.75em;
        border: none;
    }

    table tr > td {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 1.1em;
    }

    table tr > th:first-child,
    table tr > td:first-child {
        font-weight: bold;
    }
}

/*************************************************************
                   derevo-inline-related-posts
**************************************************************/

.derevo-inline-related-posts {
    padding:0px;
    margin: 0;
    padding-top:1em!important;
    padding-bottom:1em!important;
    width:100%;
    display:block;
    font-weight:bold;
    background-color: rgba(234, 234, 234, 0.33);
    border:0!important;
    border-left:3px solid #D35400!important;
    text-decoration:none;
}

.derevo-inline-related-posts:active,
.derevo-inline-related-posts:hover {
    opacity: 1;
    transition: opacity 250ms;
    webkit-transition: opacity 250ms;
    text-decoration:none;
}

.derevo-inline-related-posts {
    transition: background-color 250ms;
    webkit-transition: background-color 250ms;
    opacity: 1;
    transition: opacity 250ms;
    webkit-transition: opacity 250ms;
    text-decoration: none!important;
}

.derevo-inline-related-posts .ctaText {
    font-weight:bold;
    color:#2C3E50;
    text-decoration:none;
    font-size: 16px;
    margin-right: 4px;
}

.derevo-inline-related-posts .postTitle {
    color:#D35400;
    text-decoration: underline!important;
    font-size: 18px;
    font-weight: normal;
}

.derevo-inline-related-posts:hover .postTitle {
    text-decoration: none!important;
}

/*************************************************************
                   cat navigation on category page
**************************************************************/

.cat_page_nav_links {
    margin: 15px 0;
    background-color: #fcf6db;
    padding: 15px 15px 10px;
    border: 1px solid #efede7;
    font-size: 14px;
    line-height: 28px;
}

.cat_page_nav_links ul {
    display: inline-block;
}

.cat_page_nav_links ul li {
    display: inline-block;
    font-weight: bold;
    margin: 0 0 0 6px;
    padding: 0!important;
    background: none!important;
}

.cat_page_nav_links a,
.cat_page_nav_links ul li a {
    font-size: 1.2em;
    color: #d76113;
    text-decoration: underline;
}

.cat_page_nav_links a:hover,
.cat_page_nav_links ul li a:hover {
    opacity: .7;
    text-decoration: none;
}