a {
    text-decoration: none;
}

/* Гриды */
.grid,
.layout {

}

.grid:after,
.layout:after {
    content:"";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.grid .span,
.layout .span {
    margin: 10px;
    padding: 10px;
    text-align: justify;
    background: #ccc;
}

[class^=col], [class^=prefix], [class^=postfix] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

[class^=col] {
    float:left;
}

.col-1 {width:80px;}
.col-2 {width:160px;}
.col-3 {width:240px;}
.col-4 {width:320px;}
.col-5 {width:400px;}
.col-6 {width:480px;}
.col-7 {width:560px;}
.col-8 {width:640px;}
.col-9 {width:720px;}
.col-10 {width:800px;}
.col-11 {width:880px;}
.col-12 {width:960px;}
.col-13 {width:1040px;}
.col-14 {width:1120px;}

.prefix-1 {margin-left:80px;}
.prefix-2 {margin-left:160px;}
.prefix-3 {margin-left:240px;}
.prefix-4 {margin-left:320px;}
.prefix-5 {margin-left:400px;}
.prefix-6 {margin-left:480px;}
.prefix-7 {margin-left:560px;}
.prefix-8 {margin-left:640px;}
.prefix-9 {margin-left:720px;}
.prefix-10 {margin-left:800px;}
.prefix-11 {margin-left:880px;}
.prefix-12 {margin-left:960px;}
.prefix-13 {margin-left:1040px;}
.prefix-14 {margin-left:1120px;}

.postfix-1 {margin-right:80px;}
.postfix-2 {margin-right:160px;}
.postfix-3 {margin-right:240px;}
.postfix-4 {margin-right:320px;}
.postfix-5 {margin-right:400px;}
.postfix-6 {margin-right:480px;}
.postfix-7 {margin-right:560px;}
.postfix-8 {margin-right:640px;}
.postfix-9 {margin-right:720px;}
.postfix-10 {margin-right:800px;}
.postfix-11 {margin-right:880px;}
.postfix-12 {margin-right:960px;}
.postfix-13 {margin-right:1040px;}
.postfix-14 {margin-right:1120px;}

/* fluid */
.col-1f {width:8.33%;}
.col-2f {width:16.66%;}
.col-3f {width:25%;}
.col-4f {width:33.33%;}
.col-5f {width:41.66%;}
.col-6f {width:50%;}
.col-7f {width:58.33%;}
.col-8f {width:66.66%;}
.col-9f {width:75%;}
.col-10f {width:83.33%;}
.col-11f {width:91.33%;}
.col-12f {width:100%;}

.prefix-1f {margin-left:8.33%;}
.prefix-2f {margin-left:16.66%;}
.prefix-3f {margin-left:25%;}
.prefix-4f {margin-left:33.33%;}
.prefix-5f {margin-left:41.66%;}
.prefix-6f {margin-left:50%;}
.prefix-7f {margin-left:58.33%;}
.prefix-8f {margin-left:66.66%;}
.prefix-9f {margin-left:75%;}
.prefix-10f {margin-left:83.33%;}
.prefix-11f {margin-left:91.33%;}
.prefix-12f {margin-left:100%;}

.postfix-1f {margin-right:8.33%;}
.postfix-2f {margin-right:16.66%;}
.postfix-3f {margin-right:25%;}
.postfix-4f {margin-right:33.33%;}
.postfix-5f {margin-right:41.66%;}
.postfix-6f {margin-right:50%;}
.postfix-7f {margin-right:58.33%;}
.postfix-8f {margin-right:66.66%;}
.postfix-9f {margin-right:75%;}
.postfix-10f {margin-right:83.33%;}
.postfix-11f {margin-right:91.33%;}
.postfix-12f {margin-right:100%;}

/* смешанный грид */
.layout > .left-side {margin-left: -100% !important;}
.layout > .col-1 {margin-left:-80px;}
.layout > .col-2 {margin-left:-160px;}
.layout > .col-3 {margin-left:-240px;}
.layout > .col-4 {margin-left:-320px;}
.layout > .col-5 {margin-left:-400px;}
.layout > .col-6 {margin-left:-480px;}
.layout > .col-7 {margin-left:-560px;}
.layout > .col-8 {margin-left:-640px;}
.layout > .col-9 {margin-left:-720px;}
.layout > .col-10 {margin-left:-800px;}
.layout > .col-11 {margin-left:-880px;}
.layout > .col-12 {margin-left:-960px;}
.layout > .col-13 {margin-left:-1040px;}
.layout > .col-14 {margin-left:-1120px;}

.layout > .col-1f {margin-left:-8.33%;}
.layout > .col-2f {margin-left:-16.66%;}
.layout > .col-3f {margin-left:-25%;}
.layout > .col-4f {margin-left:-33.33%;}
.layout > .col-5f {margin-left:-41.66%;}
.layout > .col-6f {margin-left:-50%;}
.layout > .col-7f {margin-left:-58.33%;}
.layout > .col-8f {margin-left:-66.66%;}
.layout > .col-9f {margin-left:-75%;}
.layout > .col-10f {margin-left:-83.33%;}
.layout > .col-11f {margin-left:-91.33%;}
.layout > .col-12f {margin-left:-100%;}


figure {
    margin: 0px;
}

figcaption {
    text-align: center;
}

.button {
/*    font-size: inherit;
    line-height: inherit;
    height: auto;*/
}


.layout-content {
    float: left;
    width: 100%;
}

    .layout-content .banners {
        margin-bottom: 0px !important;
    }

.layout-content_adverts {
    width: 100%;
    /*height: 100px;*/
    display: table;
}

    .layout-content_adverts > .banners {
        display: table-cell;
        border: 1px solid #e4e4e4;
        width: 33%;
        height: 78px;
        padding: 10px;
    }
    .layout-content_adverts .banner-background_with-text {
        padding: 0px;
        height: 100%;
        margin: 0px;
    }
    .layout-content_adverts img {
        width: 80px;
        height: 80px;
    }
    .layout-content_adverts a {
        text-decoration: none;
        /*color: #336699;*/
    }

.layout-content_banner .banners {
    margin-bottom: 0px !important;
}


.layout-content_bottom {
    font-size: 10px;
    line-height: 100%;
    color: #888;
    margin: 10px 0px -10px 0px;
}
    .layout-content_bottom .mb20 {
        margin: 0px !important;
    }
    .layout-content_bottom * {
        font-weight: normal;
    }

/* Слайдер на главной */
.block_slider {
    height: 300px;
    overflow: hidden;
}
.block_slider-banner {
}


/* базовые классы */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 125%;
    color: #555555;
    background-color: #ffffff;
}

img {
    font-size: 0px;
    line-height: 0px;
    vertical-align: top;
}

/* Макет страницы */

.x0-body-wrapper {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center 32px;
    min-height: 100%;
    padding-top: 32px;
    margin: 0 auto;
}

/* держатель боковых элементов для бэкграунда */
.x0-bg-holder {
    min-width: 1000px;
    max-width: 1300px;
    position: absolute;
    top: 32px;
    bottom: 0px;
    width: 100%;
}
.x0-bg-holder_fixed {
    position: fixed;
}

.x0-layout-body,
.x0-layout-menu,
.x0-layout-footer {
    min-width: 1000px;
}

.auth-plashka .limiter,
.x0-layout-header,
.x0-layout-body > .grid,
.x0-layout-body > .layout,
.x0-layout-menu > .limiter,
.x0-layout-footer > .limiter {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1280px;
    padding-left: 10px;
    padding-right: 10px;
}

.x0-layout-banner {
    overflow: hidden;
    /*margin: 0 auto;*/
    /*min-width: 980px;*/
    /*max-width: 1280px;*/
    /*padding: 0px 10px;*/
}
    .x0-layout-banner > div,
    .x0-layout-banner_background > div {
        overflow: hidden;
    }
    .x0-layout-banner img,
    .x0-layout-banner_background img,
    .x0-layout-banner object,
    .x0-layout-banner_background object {
        margin: 0 -50%;
    }

.x0-line-4 {
    display: block;
    height: 4px;
    width: 100%;
    background-color: #d0d0d0;
}

.auth-plashka .menu {
    margin-left: 5px;
    margin-right: 5px;
}

.x0-layout-header {
    position: relative;
    height: 110px;
    padding-bottom: 0px;
    z-index: 12;
}

.x0-layout-header .search {
    height: 123px;
    border-right: 2px dashed #3498db;
    border-bottom: 2px dashed #3498db;
    border-left: 2px dashed #3498db;
    background: #ffffff;
    /*border-left: 1px solid #dbedff;

    background: #e7f3ff;
    background: -moz-linear-gradient(top,  #e7f3ff 0%, #c1e0fb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f3ff), color-stop(100%,#c1e0fb));
    background: -webkit-linear-gradient(top,  #e7f3ff 0%,#c1e0fb 100%);
    background: -o-linear-gradient(top,  #e7f3ff 0%,#c1e0fb 100%);
    background: -ms-linear-gradient(top,  #e7f3ff 0%,#c1e0fb 100%);
    background: linear-gradient(to bottom,  #e7f3ff 0%,#c1e0fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f3ff', endColorstr='#c1e0fb',GradientType=0 ); */
}

.x0-layout-header .search:before {
    position: absolute;7
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    margin-left: -17px;
    margin-top: 110px;
    border-top: 15px solid #3498db;
    border-left: 15px solid transparent;
}

.x0-layout-header .search form {
    padding: 40px 30px 0 30px;
}

.x0-layout-header .search-q {
    border: 1px #d0d0d0 solid;
    height: 26px;
    margin-right: 80px;
    padding: 0px 10px;
    background: #ffffff;
}

.x0-layout-header .search-q input{
    border: 0;
    width: 100%;
    height: 26px;
    outline: 0;
    background: transparent;
}

.x0-layout-header .search-mode {
    margin-top: 15px;
    color: #8f9199;
}

.x0-layout-header .search-mode input {
    border: 0;
}

.x0-layout-header .search-submit {
    float: right;
    border: 0;
    width: 70px;
    height: 28px;
    font-size: 14px;
    /*margin-top: -31px;
    margin-right: -30px;*/
    color: #ffffff;
    background: #3498db;
    cursor: pointer;
}

.x0-layout-menu {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 11;
    width: 100%;
    opacity: 0.9;	
    background-color: #f3f8fc;
    border-top: 2px #d0d0d0 solid;
    border-bottom: 2px #d0d0d0 solid;
}

.x0-layout-menu.hover {
    border-bottom: 2px #3498db solid;
}

.x0-layout-menu .limiter {
}

.x0-layout-menu ul {
    margin: 0px;
    padding: 30px 0px 16px;
    list-style: none;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.x0-layout-menu ul li  {
    overflow: hidden;
    height: 106px;
}

.x0-layout-menu a {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 8px;
}

.x0-layout-menu i {
    width: 36px;
    font-weight: normal;
}

.x0-layout-menu i:before {
    width: 36px;
    height: 37px;
    font-size: 36px;
    line-height: 37px;
}

.x0-layout-menu ol {
    margin: 0;
    padding: 0;
    height: auto;
}

.x0-layout-menu ol li {
    height: auto;
    line-height: normal;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px;
}

.x0-layout-menu ol a {
    margin: 0;
    /*text-decoration: underline;*/
}

.x0-layout-menu__more {
    position: absolute;
    z-index: 12;
    display: block;
    background: #f3f8fc;
    border-bottom: 2px #d0d0d0 solid;
    border-left: 2px #d0d0d0 solid;
    border-right: 2px #d0d0d0 solid;
    /*width: 110px;*/
    height: 13px;
    left: 50%;
    top: 100%;
    margin: 0 0 0 -57px;
    text-align: center;
}

.x0-layout-menu__more a {
    position: relative;
    display: block;
    padding: 2px 10px;
    margin: 0 2px 2px 2px;
    text-decoration: none;
    line-height: 12px;
    top: -5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.x0-layout-menu__more.hover {
    border-color: #3498db;
}

.x0-layout-menu__more.hover a {
    background: #3498db;
    color: #ffffff;
}

.x0-layout-body {
    margin-top: 180px;
}

.x0-layout-spacer {
    background: #FFFFFF;
    margin-top: 20px;
    height: 556px;
    border-top: 2px dashed #d0d0d0;
    position:relative;
    z-index:11;		
}

.x0-layout-footer {
/*
    height: 386px;
*/
    background-color: #555;
    margin-top: -386px;
    padding: 30px 0px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #929292;
    position:relative;
    z-index:11;		
}

.x0-layout-footer .col-2f {
    padding-right: 30px;
}

.x0-layout-footer a,
.x0-layout-footer a:hover {
    color: #ffffff;
}

.x0-layout-footer ul {
    margin: 0 10px 10px;
    padding: 0;
    list-style: none;
    height: 155px;
}

.x0-layout-footer ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.x0-layout-footer ol li {
    border-bottom: 1px #888888 dashed;
}

.x0-layout-footer ul a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 1px;
    margin-bottom: 5px;
}

.x0-layout-footer ol a {
    display: inline-block;
    font-size: 12px;
    text-transform: none;
    margin: 0;
}

.x0-layout-footer ol a:hover {
    color: #929292;
}

.x0-layout-footer-social {
    float: right;
    margin: 0px 10px 20px;
    text-align: right;
    height: 36px;
}
    .x0-layout-footer-social .social {
        overflow: hidden;
    }
    .x0-layout-footer-social .social > a {
        display: block;
        float: left;
        margin-left: 10px;
        padding: 2px;
        background-color: #ffffff;
        border-radius: 50%;
    }
    .x0-layout-footer-social .social > a img {
        border-radius: 50%;
    }

.x0-layout-footer-counters {
    height: 36px;
    margin: 30px 10px 10px 10px;
}
.x0-layout-footerb {
    clear: right;
    border: 1px #757575 solid;
    margin: 0 10px;
    display: table;
    min-height: 90px;
    max-height: 100px;
    padding: 8px 0px;
}
    .x0-layout-footerb > div {
        display: table-cell;
        vertical-align: middle;
        min-width: 20px;
    }
    .x0-layout-footerb .age-limit-block {
        text-align: center;
        padding: 10px 10px;
        border-right: 1px #757575 solid;
    }
    .x0-layout-footerb .age-limit-block > div {
        width: 44px;
        height: 44px;
        font-size: 14px;
        line-height: 44px;
        background: #424242;
        position: relative;
    }
        .x0-layout-footerb .age-limit-block > div:before {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 0px;
            height: 0px;
            border-top: 22px solid transparent;
            border-left: 22px solid #555;
            border-right: 22px solid #555;
            z-index: 1;
        }
        .x0-layout-footerb .age-limit-block > div:after {
            content: "";
            position: absolute;
            top: -10px;
            left: 0;
            width: 0px;
            height: 0px;
            border-bottom: 22px solid transparent;
            border-left: 22px solid #555;
            border-right: 22px solid #555;
            z-index: 1;
        }
            .x0-layout-footerb .age-limit-block > div > div {
                width: 36px;
                height: 36px;
                background: #555;
                position: relative;
                line-height: 36px;
                top: 4px;
                left: 4px;
            }
                .x0-layout-footerb .age-limit-block > div > div:before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 18px;
                    height: 0px;
                    border-top: 9px solid #555;
                    border-left: 9px solid #424242;
                    border-right: 9px solid #424242;
                }
                .x0-layout-footerb .age-limit-block > div > div:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 18px;
                    height: 0px;
                    border-bottom: 9px solid #555;
                    border-left: 9px solid #424242;
                    border-right: 9px solid #424242;
                }

    .x0-layout-footerb .copyright-block {
        padding: 10px 20px;
        border-right: 1px #757575 solid;
        width: 100%;
    }
    .x0-layout-footerb .contacts-block {
        padding: 10px 15px;
        background: #10283c;
        border-left: 8px solid #555;
        border-right: 8px solid #555;
    }


/* контент */

.link-caption,
.link-caption-lg,
.link-caption:hover,
.link-caption-lg:hover {
    font-family: Arial, sans-serif;
}

.page-caption,
.link-caption-special,
.link-caption-special:hover,
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: normal;
    font-style: normal;
}

.link-caption > h2,
.link-caption > h3,
.link-caption > h4,
.link-caption > h5,
.link-caption-lg > h2,
.link-caption-lg > h3,
.link-caption-lg > h4,
.link-caption-lg > h5,
.link-caption-special > h2,
.link-caption-special > h3,
.link-caption-special > h4,
.link-caption-special > h5 {
    text-transform: none;
}

.page-caption a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}

h1, .h1 {
    font-size: 30px;
    line-height: 30px;
}

h2, .h2 {
    font-size: 23px;
    line-height: 23px;
}


h3, .h3 {
    font-size: 23px;
    line-height: 23px;
}

h4, .h4 {
    font-size: 21px;
    line-height: 21px;
}

h5, .h5 {
    font-size: 19px;
    line-height: 19px;
}

h6, .h6 {
    font-size: 16px;
    line-height: 16px;
}

.text-gray {
    color: #d0d0d0;
}

a {
    color: #336699;
    /*border-color: #336699;*/
}
a:hover {
    color: #000000;
    /*border-color: #57a5d6;*/
}
.page-caption a:hover {
    color: #000000;
    /*border-color: #57a5d6;*/
}

a i:before,
a i:after {
    text-decoration: none;
}

/*.link {
    text-decoration: none;
    border-bottom: 1px solid #57a5d6;
}
*/
.linkdashed {
    text-decoration: none;
}
.link-dashed, .linkdashed span {
    display: inline-block;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    line-height: 13px;
}
.link-dashed:hover, .linkdashed span:hover {
    border-color: transparent;
}

.page-caption {
    text-transform: uppercase;
}
.page-caption_h1,
.page-caption_h2 {
    margin-bottom: 20px;
}
    .page-caption h1,
    .page-caption h2 {
        margin-bottom: 0px;
    }
    .page-caption .x0-subtitle {
        margin-bottom: 0px;
        margin-top: 10px;
    }

.page-caption_inverse a{
    color: #555555;
    padding: 5px 10px;
    position: relative;
    top: -5px;
    left: -10px;
}

.page-caption_inverse:hover a {
    color: #fff;
    background: #000;
}

.stripe-caption_h1,
.stripe-caption_h2 {
    margin-bottom: 30px;
}
    .stripe-caption h1,
    .stripe-caption h2 {
        margin-bottom: 0px;
    }

.link-caption {
    font-size: 14px;
    line-height: 16px;
}
.link-caption-lg {
    font-size: 20px;
    line-height: 20px;
}
    .link-caption-lg h1,
    .link-caption-lg h2,
    .link-caption-lg h3 {
        font-size: inherit;
        line-height: inherit;
        font-weight: normal;
        font-family: inherit;
        margin: 0px;
    }

.link-caption-xlg {
    font-size: 22px;
    line-height: 24px;
}

.text-xlg, big {font-size: 18px; line-height: 18px;}
.text-lg, big {font-size: 16px; line-height: 16px;}
.text-sm, small {font-size: 12px; line-height: 12px;}
.text-xs {font-size: 12px; line-height: 12px;}

/*.image {
    outline: 1px solid #EDEDED;
}
*/
.pub-date {
    border-top: 1px solid #d0d0d0;
    height: 0;
}

.pub-date small {
    position: absolute;
    z-index: 2;
    display: block;
    width: 76px;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;
}

.pub-date:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: '';
    border-color: #1abc9c #1abc9c transparent #1abc9c;
    border-style: solid;
    border-width: 57px 38px 19px 38px;
    height: 0px;
    width: 0px;
}

.pub-title {
    margin-left: 91px;
    min-height: 60px;
}
    .pub-title .pub-subtitle,
    .pub-title_no-date .pub-subtitle {
        margin-top: -8px;
        font-weight: normal;
        text-transform: none;
    }
.pub-title_no-date {
    margin-left: 0;
}


.pub-age {
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAwCAYAAAC13uL+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTY3NTJFNDkxM0NFMzExQjI1NkU2NEFFNTUxNEM4MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkVEQTZFRTk3QzkxMUUzQjJCQkM2NzExNTY1RjYzMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkVEQTZFRDk3QzkxMUUzQjJCQkM2NzExNTY1RjYzMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM0REZFMDc4QUM5RkUzMTE4QkYxQTJEMTM4MkUwRTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkxNjc1MkU0OTEzQ0UzMTFCMjU2RTY0QUU1NTE0QzgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1iB8MgAAA6JJREFUeNrMWUtPFEEQbpYl3gyEoGdNAI0YvXkWgxc1IfwDDCoKJrIrGCPI08TwEgPig+gP8IIkeDE+rnpTI1Eh8QdIBOGGQuSrWBpcu2p7lpme+ZLvVDNd9VXtVvV0F52YeG0KwE3wivEH8nc16EupAhztBS8Zv2gD9/gQNwTu8CyO/A1HLe4o2GDiQQP7j0RcMThq4sUoxxG6uNPg4ZjFkf9G14fTjs/tBG8Itq9g5WzLkdWwFJy884b8zYO7LWaK4zG4GlblroMVgq0zTGEEXq9LMO9SbIHFVYKtgu09+CiinyCt+06wXeS4ti1uUGn9bcjyRhTKeN2MMhoGtyvuGFgv2GYQwMsouwev/0QwU1y1hYqjljsm2H6A7Z46ZAf7s2FMGw2auLNgjWAbR1YXfChjP+OC+SB4Jqi4UrBXsC2CA57n2wD7taGP43UW16W0/m5k87tPZeyvWzBXSKPBJq6KW60NH8CpmHYnU+xfGg1VLuJGwBJhkSyyuB6HMvabFcwltq+GXHHHafcjrQ8Hz+LcWLL/WcF8iuO3iksru/6fHlt/PrRzPEb41aVt4s6BB4SXJpG1T0lQxnFMCuYa1vGPuDKl9X9TbHGhj+OyoZf1/BXXA5ZLDyNby0lShniWlISX/xkbJG4feF548CN41yQTFJf0V7lAulLcRBLX+h1HQ0YZDSMkrkhZ45dJNrT4ikgcnQlK1RnFJ386iao4Lm10ZVL8u5Va636wOaFVa+b4xP9jakv7lFprD7JUlrCqlXGHl0ZXz9ZRsKQ8XM4HRElCtzK6SMdy7g7lHjgnvNCCbFUnpGrV3OptmGMd/22/8rXWoYRUbVgZXZmtzTH3q4B23U+lXTeyVhdz1eq0rxaOX/2eyyq77thGg0Prz7p8rH4GJ5Rdd1NMhWsy8oEVxTvveobSpx3IIIulnqtWyjHZsCjZJHH5DmQ6PVet0ygHVhyvs7h8BzKtyGalp6ppdxUU3wPpXU3cOu87bXA6qw8J2l0F3c1vFCKO8BycEWz1yGptxFWja2LproLuEF5o77vc8tCBzJoyGoojEkbr3hLMFE9HvjVcxC0oo+GQ+X2dHAUaeX2p9S+EIY7Qr4yGfr7mDbNqtN5A0NafC9fdxgq34/sWG91bryAgX2PhmnG4Dw9SOcJDI1/j+sJbE+CaOoi4DWU0+EJGa/3bEUd4BU7HJGya/ZuoxBEuK6MhKqyxXxO1uC/gbc/ixthvIGwKMACtz+zlvGMZ/gAAAABJRU5ErkJggg==');
    width: 55px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #4b94c8;
}

.pub-head-line {
    background-color: #ebebeb;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
}

.pub-head-line .pub-age {
    margin-top: -6px;
}

.pub-tags {
    margin-top: 1px;
    margin-left: 1px;
}

.pub-tags a {
    display: block;
    float: left;
    border: 1px #93ddce dashed;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-top: -1px;
    margin-left: -1px;
}

.pub-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pub-list__image {
    float: left;
    display: block;
}

.pub-list__body {
    margin: 0 0 0 190px;
}


.item-list,
.item-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}
    .item-list > li {
        margin-top: 18px;
        padding-top: 18px;
        border-top: 1px dotted #e4e4e4;
    }
    .item-list > li:first-child {
        margin-top: 0px;
        padding-top: 0px;
        border-top: none;
    }

.item-list__image {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
}
    .item-list__image > a {
        position: relative;
    }
.item-list__image-text {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    line-height: 100%;
}
.item-list__body {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}


/* Хлебные крошки */
/*.breadcrumbs {
    display: inline-block;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    list-style: none;
    margin-left: 0;
    padding: 0;
    font-size: 0;
}
    .breadcrumbs li {
        display: inline-block;
        background-color: #f4f3f3;
        padding-left: 20px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    .breadcrumbs a {
        display: inline-block;
        text-decoration: none;
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        white-space: nowrap;
    }
    .breadcrumbs a:after,
    .breadcrumbs a:before {
        position: relative;
        z-index: 1;
        display: block;
        float: right;
        content: '';
        border-color: transparent transparent transparent #f4f3f3;
        border-style: solid;
        border-width: 11px;
        border-right: none;
        width: 0;
        height: 0;
        vertical-align: middle;
        margin-right: -21px;
    }
    .breadcrumbs a:before {
        border-left-color: #d0d0d0;
        border-width: 12px;
        margin-top: -1px;
        margin-right: -22px;
    }
    .breadcrumbs .last {
        background-color: #ffffff;
    }
    .breadcrumbs .last a:after {
        border-left-color: #ffffff;
    }
*/

/* копки поделиться */
.social-share {
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
}
    .social-share a {
        display: inline-block;
        background-color: #c3c3c3;
        width: 24px;
        line-height: 24px;
        text-align: center;
    }
    .social-share a,
    .social-share i:before {
        color: #ffffff;
        text-decoration: none;
    }
    .social-share > div {
        display: inline-block;
        background-color: #ff8a00;
        color: #90460b;
        text-shadow: 1px 1px 2px #ffbd6f;
        padding-left: 25px;
        padding-right: 10px;
        margin-right: 20px;
    }
    .social-share > div:after,
    .social-share > div:before {
        position: relative;
        z-index: 1;
        display: inline-block;
        float: left;
        content: '';
        border-color: transparent transparent transparent #ffffff;
        border-style: solid;
        border-width: 14px;
        border-right: none;
        width: 0;
        height: 0;
        vertical-align: middle;
        margin-left: -25px;
    }
    .social-share > div:after {
        float: right;
        border-color: transparent transparent transparent #ff8a00;
        margin-left: 0px;
        margin-right: -24px;
    }


/* Модальное окно */
/*.x0-modal-sm {
    width: 320px;
}
    .x0-modal-med {
        width: 550px;
    }
    .x0-modal-lg {
        width: 960px;
    }
    .x0-modal-bg {
        background: #000;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 900;
        opacity: 0.6;
        filter: alpha(Opacity=60);
        display: none;
    }
    .x0-modal {
        bottom: 0;
        display: none;
        left: 0;
        overflow-x: auto;
        overflow-y: scroll;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 901;
        text-align: center;
        padding: 20px 40px 0 20px;
    }
    .x0-modal-dialog {
        background: #fff;
        display: inline-block;
        text-align: left;
        position: relative;
        margin-bottom: 20px;
        box-shadow: 3px 5px 5px rgba(50, 50, 50, 0.75);
        *display: inline;
        zoom: 1;
        max-width: 960px;
    }
    .x0-modal__header {
        background-color: #F8F6F7;
    }
    .x0-modal__title {
        cursor: move;
        font-size: 14px;
        font-weight: bold;
        line-height: 28px;
        padding: 2px 15px;
        overflow: hidden;
        height: 28px;
        margin-right: 20px;
    }
    .x0-modal__buttons a {

    }
    .x0-modal__close {
        text-decoration: none;
        float: right;
    }
    .x0-modal__close:before {
        color: #b2b2b2;
        font-size: 20px;
        margin-top: 5px;
        margin-right: 5px;
    }
    .x0-modal__body {
        margin: 10px 15px;
    }
    .x0-modal__footer {
        background-color: #f8f6f7;
        border-top: 1px solid #f0f0f0;
        padding: 15px;
    }*/

.x0-date {
    color: #9f9f9f;
}

.x0-date-sm {
    font-size: 12px;
    color: #9f9f9f;
}

/* OAuth авторизация */
.oauth-btn_vk_sel,
.oauth-btn_vk:hover {
    background-color: #5c75ab;
}
.oauth-btn_fb_sel,
.oauth-btn_fb:hover {
    background-color: #3b5998;
}
.oauth-btn_ya_sel,
.oauth-btn_ya:hover {
    background-color: #a61205;
}
.oauth-btn_ok_sel,
.oauth-btn_ok:hover {
    background-color: #fa9418;
}
.oauth-btn_tw_sel,
.oauth-btn_tw:hover {
    background-color: #9adbf4;
}
.oauth-btn_mr_sel,
.oauth-btn_mr:hover {
    background-color: #df9f14;
}
.oauth-iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.x0-modal .oauth-btn:hover i:before {
    color: #ffffff;
}

/* Регистрация */
.registration-form__showpass {
    margin-top: -10px;
    margin-left: 10px;
    color: #848484;
    font-size: 12px;
}
    .registration-form__showpass input[type=checkbox]{
        margin: 3px 0.5ex 3px 0;
    }


/* Это Вы? */
.registration-userexists {
    margin: 2px 2px 6px;
    min-width: 170px;
    max-width: 240px;
}
.registration-userexists__userblock {
    padding: 5px;
    border: 1px dotted;
}
.registration-userexists__userimg {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px;
}
.registration-userexists__username {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}
.registration-userexists__question {
    line-height: 36px;
    margin: 10px 0 0 0;
    text-align: center;
}
.registration-userexists__buttons {
    float: right;
    margin: 10px 0 0 0;
    line-height: 26px;
    text-align: center;
}
    .registration-userexists__buttons .button {
        width: 50px;
        height: 36px;
    }

.auth-activate {
    padding: 0 5px;
}
.auth-activate_caution {
    background: #d51c23;
}
.registration-success, .registration-error, .registration-activation {
    width: 400px;
}

/* Теги а админке */
ul.tagit {
    margin: 0px;
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit;
    margin-right: inherit;
}
    ul.tagit li {
        -moz-border-radius: 5px;
        border-radius: 2px;
        display: block;
        float: left;
        margin: 2px 5px 2px 0;
        position: relative;
    }
    ul.tagit.ui-sortable li.tagit-choice a.ui-icon.ui-icon-grip-dotted-vertical{
        float: left;
        width: 12px;
        margin-left: -5px;
        cursor: move;
    }
    ul.tagit li.tagit-choice {
        background-color: #DEE7F8;
        border: 1px solid #CAD8F3;
        padding: 2px 13px 3px 4px;
    }
    input.tagit-hidden-field {
        display: none;
    }
    ul.tagit li.tagit-choice.selected {
        background-color: #f5b0b0;
        border-color: #f76464;
    }
    ul.tagit li.tagit-choice:hover {
        background-color: #bbcef1;
        border-color: #6d95e0;
    }
    ul.tagit li.tagit-new {
        padding: 2px 4px 3px;
        padding: 2px 4px 1px;
        padding: 2px 4px 1px 0;
    }
    ul.tagit li.tagit-choice input {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    ul.tagit li.tagit-choice .tagit-close {
        color: #777777;
        cursor: pointer;
        font-size: 15px;
        font-weight: bold;
        outline: medium none;
        padding: 2px 0 2px 3px;
        text-decoration: none;
        position: absolute;
        display: block;
        top: 1px;
        right: 2px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    }
    ul.tagit li.tagit-choice .tagit-close .ui-icon {
        display: none;
    }
    ul.tagit li.tagit-choice a.tagit-close:hover {
        color: #535353;
    }
    ul.tagit input[type="text"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: inherit !important;
        outline: none;
    }
    .tagit-hiddenSelect {
        display:none;
    }
    .tagit-autocomplete {
        max-height: 200px;
        overflow-y: auto;
    }
    .tagit-autocomplete .tags__menu-item_inactive a {
        color: gray !important;
    }

.showcase {
    height: 100%;
    box-sizing: border-box;
    padding: 30px 10px 0px;
    text-align: center;
    background: url('../img/mainmenu/bg-pattern.png');
    /*overflow: hidden;*/
}
    .showcase .grid {
        margin-top: 25px;
        visibility: hidden;
    }
    .showcase .grid:first-child {
        margin-top: 0px;
    }

    .showcase__item {
        padding: 0px 10%;
        display: block;
        text-align: center;
        position: relative;
        text-decoration: none;
        color: #336699;
    }
    .showcase__image {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 140px;
        /*line-height: 140px;*/
        cursor: pointer;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #B3CDE2;
        background-color: #ffffff;
        margin-bottom: 5px;

        font-size: 20px;
        line-height: 1em;
    }
    .showcase__image img {
        vertical-align: middle;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 50%;
    }
    .showcase__overlay,
    .showcase__overlay-text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .showcase__overlay {
        background-color: orange;
        opacity: 0;
        border-radius: 50%;
    }
    .showcase__item:hover .showcase__overlay,
    .showcase__item:hover .showcase__overlay-text,
    .showcase__item:hover .showcase__adv,
    .showcase__item:hover .showcase__adv-link {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .showcase__item:hover .showcase__adv-link {
        /*animation: spin 500ms 500ms linear;*/
        opacity: 1;
    }


    .showcase__adv:hover .showcase__adv-link {
        /*-webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);*/
    }
    .showcase__item:hover .showcase__overlay {
        opacity: 0.8;
    }
    .showcase__overlay-text {
        color: white;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        line-height: 1em;
    }
    .showcase__overlay-text > div {
        /*font-weight: bold;*/
        /*font-size: 3.5em;*/
        font-size: 2em;
        line-height: 1em;
        margin-bottom: -0.05em;
    }
    .showcase .showcase__cell {
        min-width: 205px;
        /*max-width: 250px;*/
        min-height: 247px;
        /*max-height: 250px;*/
        margin-bottom: 10px;
    }
    .showcase__adv {
        position: absolute;
        width: 90px;
        height: 90px;
        z-index: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .showcase__adv-link {
        display: block;
        position: absolute;
        width: 90px;
        height: 90px;
        overflow: hidden;
        border-radius: 50%;
        border: 1px solid #d0d0d0;
        background-color: #ffffff;
        z-index: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        top: 0;
        left: 0;
        opacity: 0;
    }
    .showcase__adv_top {
        top: -45px;
        left: 50%;
        margin-left: -45px;
    }
    .showcase__adv_left {
        top: 50%;
        left: -45px;
        margin-top: -45px;
    }
    .showcase__adv_right {
        top: 50%;
        right: -45px;
        margin-top: -45px;
    }
    .showcase__adv_bottom {
        bottom: -45px;
        left: 50%;
        margin-left: -45px;
    }
.slider1 {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


/* блок с серым фоном */
.block_gray {
    background-color: #ECF0F1 !important;
}

.block_cream {
    background-color: #ece4da !important;
}

/* блок с серой пунктирной границей */
.block_bordered-dashed {
    border: 2px dashed #d0d0d0 !important;
}

.block_flat-caption {
    padding: 20px 10px;
}

/* блок с заголовком-полоской */
.block_stripe-caption {
    padding-top: 62px;
    padding-bottom: 20px;
}
.block_stripe-caption-top {
    padding-top: 46px;
    padding-bottom: 20px;
}

.block_stripe-caption_hp {
    padding-left: 10px;
    padding-right: 10px;
}

.block_stripe-caption .button,
.block_stripe-caption-top .button {
    text-transform: lowercase;
}

.block_gradient-yellow {
    background: #eee4d8; /* Old browsers */
}

.block_gradient-yellow_right {
    background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(238,228,216,0.99) 99%, rgba(238,228,216,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(238,228,216,0.99) 99%,rgba(238,228,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(238,228,216,0.99) 99%,rgba(238,228,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#eee4d8',GradientType=1 ); /* IE6-9 */
}

.block_gradient-white_right {
    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=1 );
}

/* блок с уголком вверху справа */
.block_cornered {
    position: relative;
}
    .block_cornered:before,
    .block_cornered:after {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .block_cornered:before {
        background-color: white;
        width: 49px;
        height: 49px;
    }
    .block_cornered:after {
        width: 0px;
        height: 0px;
        border-right: 25px solid transparent;
        border-top: 25px solid transparent;
        border-left: 25px solid #1CBD9E;
        border-bottom: 25px solid #1CBD9E;
    }

.block_plus-button {
    position: relative;
    padding-bottom: 40px;
}


/* Заголовок в виде ленты */
.stripe-caption {
    display: table;
    position: relative;
    color: #FFFFFF;
    padding: 10px 20px;
    margin-left: -10px;
    margin-right: -10px;
    text-transform: uppercase;
    font-family: PT Sans Narrow;
    font-size: 18px;
    z-index: 1;
}
    .stripe-caption a {
        color: #FFFFFF;
        text-decoration: none;
    }

/* заголовок-лента перед целевым блоком */
.stripe-caption_outer {
    margin-bottom: -27px;
    top: 16px;
    padding: 5px 20px;
    min-width: 145px;
}
/* заголовок-лента перед целевым блоком без отступа сверху */
.stripe-caption_outer-top {
    margin-bottom: -27px;
    top: 0px;
    padding: 5px 20px;
    min-width: 145px;
}

.stripe-caption_full,
.stripe-caption_full-alt {
    display: block;
    width: auto;
}
    .stripe-caption:before,
    .stripe-caption:after {
        position: absolute;
        width: 0px;
        height: 0px;
    }
    .stripe-caption:before {
        content: '';
        top: 100%;
        left: 0px;
        border-top: 5px solid black;
        border-bottom: 5px solid transparent;
        border-left: 5px solid transparent;
        border-right: 5px solid black;
    }
    .stripe-caption:after {
        bottom: 100%;
        right: 0px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid black;
        border-left: 5px solid black;
        border-right: 5px solid transparent;
    }
    /* альтернативное расположение правого загиба */
    .stripe-caption_full-alt:after {
        top: 100%;
        right: 0px;
        border-top: 5px solid black;
        border-bottom: 5px solid transparent;
        border-left: 5px solid black;
        border-right: 5px solid transparent;
    }
    .stripe-caption_full:after,
    .stripe-caption_full-alt:after {
        content: ''; /* правый загиб отображаем только для заголовка на полную длину */
    }
    .stripe-caption_forum {
        background-color: #44A0D3;    
        width: 200px;
        margin-bottom: -5px;
    }
    .stripe-caption_forum:before {
        border-top-color: #1C4F6C;
        border-right-color: #1C4F6C;
    }
    .stripe-caption_forum:after {
        top: 0;
        right: -38px;
        border-top: 19px solid #44A0D3;
        border-bottom: 19px solid transparent;
        border-left: 19px solid #44A0D3;
        border-right: 19px solid transparent;
        content: '';
    }

/* - оранжевая - */
.stripe-caption_orange {
    background-color: #a67c52;
}
    .stripe-caption_orange:before {
        border-top-color: #7B2B06;
        border-right-color: #7B2B06;
    }
    .stripe-caption_orange:after {
        border-bottom-color: #7B2B06;
        border-left-color: #7B2B06;
    }
    .stripe-caption_full-alt.stripe-caption_orange:after {
        border-bottom-color: transparent;
        border-top-color: #7B2B06;
        border-left-color: #7B2B06;
    }
/* - оранжевая - */
.stripe-caption_light-orange {
    background-color: #fe8a00;
}
    .stripe-caption_light-orange:before {
        border-top-color: #b84f1f;
        border-right-color: #b84f1f;
    }
    .stripe-caption_light-orange:after {
        border-bottom-color: #b84f1f;
        border-left-color: #b84f1f;
    }
    .stripe-caption_full-alt.stripe-caption_light-orange:after {
        border-bottom-color: transparent;
        border-top-color: #b84f1f;
        border-left-color: #b84f1f;
    }
/* - синяя - */
.stripe-caption_blue {
    background-color: #44A0D3;
}
    .stripe-caption_blue:before {
        border-top-color: #1C4F6C;
        border-right-color: #1C4F6C;
    }
    .stripe-caption_blue:after {
        border-bottom-color: #1C4F6C;
        border-left-color: #1C4F6C;
    }
    .stripe-caption_full-alt.stripe-caption_blue:after {
        border-bottom-color: transparent;
        border-top-color: #1C4F6C;
        border-left-color: #1C4F6C;
    }

/* - серая - */
.stripe-caption_gray {
    background-color: #b3b6c7;
}
    .stripe-caption_gray:before {
        border-top-color: #8e8dac;
        border-right-color: #8e8dac;
    }
    .stripe-caption_gray:after {
        border-bottom-color: #8e8dac;
        border-left-color: #8e8dac;
    }
    .stripe-caption_full-alt.stripe-caption_gray:after {
        border-bottom-color: transparent;
        border-top-color: #8e8dac;
        border-left-color: #8e8dac;
    }

/* тень для ленты */
.stripe-caption-shadow {
    position: absolute;
    height: 3px;
    top: 100%;
    left: 10px;
    right: 3px;
    background: #000000;
    opacity: 0.1;
}
.stripe-caption_full .stripe-caption-shadow,
.stripe-caption_full-alt .stripe-caption-shadow {
    right: 10px;
}

    .stripe-caption h2 {
        font-family: inherit;
        font-size: inherit;
        line-height: normal;
        font-weight: normal;
    }


/* Плоские заголовки */
.flat-caption {
    display: block;
    width: auto;
    position: relative;
    color: #FFFFFF;
    padding: 10px 22px;
    text-transform: uppercase;
    font-family: PT Sans Narrow;
    font-size: 20px;
    z-index: 1;
}
    .flat-caption a {
        color: #FFFFFF;
        text-decoration: none;
    }    
    .flat-caption a * {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .flat-caption:before {
        position: absolute;
        width: 0px;
        height: 0px;
        content: '';
        top: 0;
        left: 0;
        border-top: 6px solid #fff;
        border-left: 6px solid #fff;
        border-bottom: 6px solid transparent;
        border-right: 6px solid transparent;
    }
/* - оранжевая - */
/*.flat-caption_orange {
    background-color: #d3b244;
}
    .flat-caption_orange:before {
        border-bottom-color: #999033;
        border-right-color: #999033;
    }*/
/* - синяя - */
.flat-caption_blue {
    background-color: #44A0D3;
}
    .flat-caption_blue:before {
        border-bottom-color: #336699;
        border-right-color: #336699;
    }
/* - зелёная - */
.flat-caption_green {
    background-color: #1cbd9e;
}
    .flat-caption_green:before {
        border-bottom-color: #16a086;
        border-right-color: #16a086;
    }
/****/

.x0-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
    .x0-list ul {
        padding: 0;
        padding-left: 72px;
    }
    .x0-list ul:before {
        display: block;
        position: absolute;
        content: ' ';
        width: 20px;
        height: 20px;
        background-color: #ebebeb;
        border-radius: 20px;
        margin-left: -43px;
        margin-top: 16px;
    }
    .x0-list__image {
        float: left;
        border-radius: 40px;
        width: 40px;
        height: 40px;
        border: 5px #ebebeb solid;
        overflow: hidden;
    }
    .x0-list__body {
        margin-left: 50px;
    }
    .x0-list__toolbar {
        padding: 7px 0 2px 8px;
        /*border-bottom: 3px #ebebeb solid;*/
    }
    .x0-list__toolbar a {
        text-decoration: none;
    }
    .x0-list__toolbar .icon-user:before {
        color: #848484;
    }
/*    .x0-list__toolbar a:before,
    .x0-list__toolbar i:before {*/
    .x0-list__toolbar a[data-task]:before,
    .x0-list__toolbar i[data-task]:before {
        color: #9f9f9f;
        text-decoration: none !important;
    }
    .x0-list__toolbar .fcvote {
        float:right;
        font-size: 12px;
        color: #9f9f9f;
        line-height: 18px;
    }
    .x0-list__toolbar .fcvote * {
        vertical-align: text-top;
    }
    .x0-list__toolbar .fcvote .icon-plus-squared,
    .x0-list__toolbar .fcvote .icon-plus-squared:before {
        color: #b9e17c;
        margin: 0;
        margin-right: 2px;
        vertical-align: text-top;
    }
    .x0-list__toolbar .fcvote .icon-minus-squared,
    .x0-list__toolbar .fcvote .icon-minus-squared:before {
        color: #f3c4ca;
        margin: 0;
        vertical-align: text-top;
    }
    .x0-list__text {
        margin-left: 8px;
        background-color: #f7f7f7;
    }
    .x0-list__text_best {
        background-color: #f4ecda;
    }
    .x0-list__text_best:before {
	margin: 5px 10px 0 0;
	float: right;
	font-style: italic;
	color: #cab67a;
	content: "лучший комментарий";
    }
    .x0-comments__title {
        padding: 10px 15px 0;
    }
    .x0-comments__good {
        background-color: #c5e39d;
        padding: 10px 15px;
        margin-top: 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #9db77b;
    }
    .x0-comments__good:before {
	float: right;
	font-style: italic;
	color: #9db77b;
	content: "хорошо";
    }
    .x0-comments__bad {
        background-color: #f4c9cf;
        padding: 10px 15px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #d3a6ab;
    }
    .x0-comments__bad:before {
	float: right;
	font-style: italic;
	color: #d3a6ab;
	content: "плохо";
    }
    .x0-comments__body {
        padding: 20px 15px;
    }
    .x0-comments__button {
        display: inline-block;
        position: relative;
        padding: 0 5px;
        top: -8px;
        height: 20px;
        line-height: 20px;
        visibility: hidden;
        margin-right: 2px;
    }
    .x0-comments__button_visible {
        visibility: visible;
    }
    .x0-comments__button .link-dashed {
        font-size: 12px;
        margin-top: 1px;
        vertical-align: text-top;
        color: #ffffff;
    }
    .x0-comments__link {
        background-color: #44a0d3;
    }
    .x0-comments__complain {
        background-color: #898989;
    }
    .x0-comments__official {
	background-color: #1CBD9E;
    }
    .x0-comments__addcomment {
        margin-right: 8px;
        background-color: #ff8a00;
    }
    .x0-comments__addcomment_decorated:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        border-top: 20px solid rgba(212,115,0,0.4);
        border-left: 20px solid transparent;
    }
    .x0-comments__addcomment-decoration {
        position: absolute;
        width: 15px;
        height: 20px;
        background-color: #ff8a00;
        top: -20px;
        right: -15px;
    }
    .x0-comments__addcomment-decoration:before {
        content: '';
        position: absolute;
        top: -20px;
        border-bottom: 20px solid #ff8a00;
        border-left: 15px solid transparent;
    }
    .x0-comments__addcomment-decoration:after {
        content: '';
        position: absolute;
        border-top: 20px solid #ff8a00;
        border-right: 15px solid transparent;
        bottom: -20px;
    }
    /*.x0-comments__loadsiblings {
        position: relative;
        display: block;
        background: #f3f8fc;
        border-bottom: 2px #d0d0d0 solid;
        border-left: 2px #d0d0d0 solid;
        border-right: 2px #d0d0d0 solid;
        width: 200px;
        height: 13px;
        left: 57px;
        top: 100%;
        margin: 0 0 0 -57px;
        text-align: center;
    }

    .x0-comments__loadsiblings a {
        position: relative;
        display: block;
        padding: 2px 10px;
        margin: 0 2px 2px 2px;
        text-decoration: none;
        line-height: 12px;
        top: -5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }*/


.gallery-tape-wrapper .page-caption {
    height: 42px;
    line-height: 42px;
    margin: 0px -20px 14px;
}

.gallery-tape-wrapper .block-title_gradient {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}
.block-title_gradient {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 52%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(52%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 52%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 52%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 52%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 52%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}


.block_side {
    border-top: 0px !important;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.list li {
    overflow: hidden;
}
.list .list__caption {
    font-size: 18px;
    line-height: 18px;
}
    .block_side .list {
        margin-top: -10px;
    }
    .block_side .list li {
        padding: 10px 20px;
        margin: 0px -20px;
    }
    .block_side .list li:hover {
        background-color: #faf6ef;
    }

    .block_side .list .x0-date {
        font-size: 11px;
    }

.list-info-panel {
    text-align: center;
}
    .list-info-panel a {
        display: block;
    }
    .list-info-panel > div {
        border-left: 2px solid #d0d0d0;
    }
    .list-info-panel > div:first-child {
        border-left: none;
    }
    .list-info__views,
    .list-info__comments,
    .list-info__marks {
        display: block;
        float: left;
        padding: 5px 16px;
    }
        .list-info__views i:before,
        .list-info__comments i:before {
            line-height: 14px;
            font-size: 18px;
            height: 16px;
            padding-top: 1px;
        }
        .list-info__views span,
        .list-info__comments span {
            display: block;
        }
        .list-info__views .view__count,
        .list-info__comments .comment__count {
            line-height: 14px;
        }
        .list-info__views .view__count span,
        .list-info__comments .comment__count span {
            margin-left: 0 !important;
        }

    .list-info__marks {
        padding-right: 0px;
    }
        .list-info__marks .mark-simple__avg {
            line-height: 15px;
        }


.block-container .block-container__full-height {
    height: 100%;
    box-sizing: border-box;
}

.var_dump {
    font-size: 12px;
}

/* Plus button */
.plus-button-container {
    position: absolute;
    height: 30px;
    left: 0px;
    bottom: 0;
    right: 0px;
    overflow: hidden;
}
    .block_bordered-dashed .plus-button-container {
        bottom: -2px;
        right: -2px;
    }

.plus-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #d6ddde;
    -webkit-transition: background-color 0.8s ease 0.4s;
    -moz-transition: background-color 0.8s ease 0.4s;
    -o-transition: background-color 0.8s ease 0.4s;
    transition: background-color 0.8s ease 0.4s;
}
    .plus-button-container:hover .plus-button:not(.plus-button-opened) {
        background-color: #44a0d3;
        -webkit-transition: background-color 0.8s;
        -moz-transition: background-color 0.8s;
        -o-transition: background-color 0.8s;
        transition: background-color 0.8s;
    }
.plus-button-shadowed:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0px;
    left: -30px;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #ecf0f1;
    border-right: 15px solid #ecf0f1;
    opacity: 0.5;
    /*-webkit-transition: border-color 0.8s ease 0.4s;
    -moz-transition: border-color 0.8s ease 0.4s;
    -o-transition: border-color 0.8s ease 0.4s;
    transition: border-color 0.8s ease 0.4s;*/
}
/*    .plus-button-container:hover .plus-button-shadowed:not(.plus-button-opened):before {
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: #fff;
        border-right-color: #fff;
        -webkit-transition: border-color 0.8s;
        -moz-transition: border-color 0.8s;
        -o-transition: border-color 0.8s;
        transition: border-color 0.8s;
    }*/
.plus-button-body {
    display: none;
    height: 100%;
}
.plus-button-link {
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
    border-left: 1px dotted white;
}
    .plus-button:not(.plus-button-opened) .plus-button-link:not(:hover) {
        color: #fff;
    }
.plus-button-link:first-child {
    padding-left: 30px;
    border-left: none;
}
    .block_side .plus-button-link:first-child,
    .block_side + .plus-button-container .plus-button-link:first-child {
        padding-left: 20px;
    }
.plus-button-colored {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
    border-right: 15px solid white;
}
/*.plus-button-colored_shadowed:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -15px;
    left: -43px;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #ecf0f1;
    border-right: 15px solid #ecf0f1;
    -webkit-transition: border-color 0.8s ease 0.4s;
    -moz-transition: border-color 0.8s ease 0.4s;
    -o-transition: border-color 0.8s ease 0.4s;
    transition: border-color 0.8s ease 0.4s;
}
    .plus-button-container:hover .plus-button:not(.plus-button-opened) .plus-button-colored_shadowed:before {
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: #44a0d3;
        border-right-color: #44a0d3;
        -webkit-transition: border-color 0.8s;
        -moz-transition: border-color 0.8s;
        -o-transition: border-color 0.8s;
        transition: border-color 0.8s;
    }*/
.plus-button .icon-plus {
    position: absolute;
    width: 10px;
    height: 10px;
    line-height: 10px;
    top: 2px;
    right: 17px;
}
.plus-button .icon-plus:before {
    color: white;
    font-size: 10px;
    line-height: 10px;
    width: 10px;
    height: 10px;
}
    .block_bordered .plus-button-container {
        left: -1px;
        bottom: -1px;
        right: -1px;
    }
.plus-button .icon-rss:before {
    color: #fff;
}

.plus-button-opened {
    width: 100%;
    background-color: #d6ddde;
}
    .plus-button-opened .plus-button-body {
        display: block;
    }
    .plus-button-opened .plus-button-body {
        display: block;
    }


/* Старые диалоговые окна */
div.ui-dialog, div.ui-datepicker {
    padding: 0;
    box-shadow: 3px 5px 5px rgba(50, 50, 50, 0.75);
}
div.ui-widget-content {

}
div.ui-widget-header {
    background: #f8f6f7;
    color: #464646;
/*        background: #464646;
    color: #fff;*/
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #f0f0f0;
}
div.ui-dialog .ui-dialog-titlebar-close span {
  /*  background: none;*/
}
div.ui-dialog .ui-dialog-titlebar-close span {
    background: url('/theme/flat/img/btn__close.png') no-repeat center center;
}
div.ui-dialog .ui-dialog-title {
    margin-top: 0;
}
div.ui-dialog .ui-dialog-titlebar {
    padding: 2px 15px;
}
div.ui-dialog .ui-dialog-titlebar-close, div.ui-dialog .ui-dialog-titlebar-close span {
    height: 36px;
    width: 36px;
}
div.ui-widget-overlay {
    background: #000;
    opacity: 0.4;
}
div.ui-datepicker-calendar a {
    font-size: 18px;
}
.ui-widget-content .ui-tabs-nav a {
    font-size: 12px;
}
/* END Старые диалоговые окна */
.theme-status {
    background-color: #464646;
    padding: 4px 15px 5px 15px;
    border-radius: 12px;
    font-size: 13px;
    color: #FFFFFF;
    display: inline;
}
.theme-status-red {
    background-color: #FF0000;
}

#body-left {
    position: fixed; 
    height: 100%; 
    width: 0;
    cursor:pointer;
}
#body-right {
    position: fixed; 
    right: 0;	
    height: 100%; 
    width: 0;
    cursor:pointer;
}
.x0-layout-footer-mobile {
    float: right;
    margin: 25px 0 0 0;
}
.x0-layout-footer-mobile a {
    color: #ffb700;
}
