@font-face {
    font-family: 'Graphik LCG';
    src: url('../fonts/GraphikLC-Regular-Web.eot');
    src: url('../fonts/GraphikLC-Regular-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/GraphikLC-Regular-Web.woff2') format('woff2'), url('../fonts/GraphikLC-Regular-Web.woff') format('woff'), url('../fonts/GraphikLC-Regular-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Graphik LCG Bold';
    src: url('../fonts/GraphikLC-Bold-Web.eot');
    src: url('../fonts/GraphikLC-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/GraphikLC-Bold-Web.woff2') format('woff2'), url('../fonts/GraphikLC-Bold-Web.woff') format('woff'), url('../fonts/GraphikLC-Bold-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Graphik LCG Italic';
    src: url('../fonts/GraphikLC-RegularItalic-Web.eot');
    src: url('../fonts/GraphikLC-RegularItalic-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/GraphikLC-RegularItalic-Web.woff2') format('woff2'), url('../fonts/GraphikLC-RegularItalic-Web.woff') format('woff'), url('../fonts/GraphikLC-RegularItalic-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}



@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
        url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
        url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
        url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
        url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
        url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
        url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_problack';
    src: url('../fonts/sourcesanspro-black-webfont.eot');
    src: url('../fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-black-webfont.woff') format('woff'),
        url('../fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
        url('../fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
        url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
        url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proextralight';
    src: url('../fonts/sourcesanspro-extralight-webfont.eot');
    src: url('../fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-extralight-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
        url('../fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
        url('../fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    color: #422b2b;
    font: 14px/18px 'source_sans_proregular';
    background: #fff;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

img {
    border-style: none;
}

a {
    color: #000;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
}

a:hover {
    text-decoration: none;
}

* {
    outline: none !important;
}

.strong {
    font-weight: bold;
}

input,
textarea,
select {
    font: 100% arial, sans-serif;
    vertical-align: middle;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

header,
nav,
section,
article,
aside,
footer,
figure,
menu,
dialog {
    display: block;
}

.clear:after {
    display: block;
    clear: both;
    content: '';
}

#wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.visual {
    background-size: cover;
    background-position: top center;
}

.visual img,
.img-holder img {
    vertical-align: top;
    width: 100%;
    height: auto;
}

.container {
    max-width: 1030px;
    margin: 0 auto;
}

#header {
    background: #222222;
    color: #fff;
    border-bottom: 5px solid #bb1414;
}

#header a {
    color: #fff;
}

.header-btn-group {
    width: 174px;
}

#header a.btn {
    width: 174px;
}

#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8;
}

#header.fixed + #main {
    margin-top: 80px;
    position: relative;
    z-index: 2;
}

.btn-donate {
    margin-bottom: 6px;
    margin-top: 4px;
}

.logo {
    margin: 9px 0 11px 0;
    width: 400px;
    height: 53px;
    overflow: hidden;
    display: block;
    background: url(../images/logo.png) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    float: left;
    background-size: contain;
}

.logo a {
    height: 100%;
    display: block;
}

.header-frame {
    padding: 10px 0 11px;
    transition: all 500ms;
}

.head-info {
    margin-left: 430px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: baseline;
    align-items: baseline;
    justify-content: space-between;
}

#nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

#nav a {
    color: #a7a7a7;
    display: block;
    text-align: center;
    padding: 4px 12px 6px;
    text-transform: uppercase;
}

#nav .active a,
#nav a:hover {
    color: #fff;
    background: #bb1414;
}

.btn {
    border: none;
    border-radius: 3px;
    padding: 4px 11px;
    text-transform: uppercase;
    font-family: 'source_sans_probold';
}

.btn-primary {
    background: #bb1414;
    color: #fff;
}

.btn-primary:hover {
    color: #fff;
    background: #bd4444;
}

.btn-info {
    color: white !important;
}

.btn-telegram {
    margin: 26px 0px 10px;
    padding: 15px;
}

.btn-warning {
    background-color: #f27910;
    border-color: #f27910;
}

.btn-xlg {
    padding: 11px;
}

.head-info .search > a {
    font-size: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
}

.head-info .user-tools {
    position: relative;
}

.head-info .user-tools .opener {
    padding: 0 12px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.head-info .user-tools .opener:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    top: 50%;
    right: 0;
    margin-top: -2px;
}

.head-info .user-tools .opener img {
    vertical-align: top;
}

.user-tools i.fa.fa-envelope {
    position: absolute;
    top: -8px;
    left: -8px;
    color: #fff;
    text-shadow: #000 0px 0px 2px;
    font-size: 0.9em;
}

.head-info .link .text {
    display: block;
    font-size: 18px;
    font-family: 'source_sans_prosemibold';
}

.head-info .link .num {
    color: #797979;
    display: block;
    font-size: 13px;
    line-height: 15px;
}

.head-info .link:hover .text {
    text-decoration: underline;
}

#main {
    padding: 20px 0 26px;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.row .row.inner {
    margin-left: -5px;
    margin-right: -5px;
}

.row .row.inner .col-sm-4,
.row .row.inner .col-sm-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.block-item {
    position: relative;
    overflow: hidden;
    margin: 0 0 10px;
}

.label-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px 5px;
    color: #fff;
    z-index: 3;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
}

.label-text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    right: -9999px;
}

.label-text.orange:before,
.label-text.orange {
    background: #f2790f;
}

.label-text.blue:before,
.label-text.blue {
    background: #03658c;
}

.label-text.red:before,
.label-text.red {
    background: #bb1414;
}

.text-red {
    color: #bb1414;
}

.label-text.yellow:before,
.label-text.yellow {
    background: #f2c63c;
}

.label-text.green:before,
.label-text.green {
    background: #038c03;
}

.label-text.dark-blue:before,
.label-text.dark-blue {
    background: #013440;
}




.block-item .title-text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    color: #fff;
    font-family: 'source_sans_prosemibold';
    z-index: 3;
}

.block-item a:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);

}

.block-item a:hover:before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);

}

.block-item a:hover .title-text {
    color: #000;
}

.promo-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 0 20px;
}

.promo-socials {
    width: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
}

.promo-socials li {}

.promo-socials li + li {
    margin-top: 17px;
}

.promo-socials a {
    display: block;
    height: 70px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background: #222222;
    color: #9b9b9b;
}

.promo-socials .fa {
    font-size: 25px;
    margin: auto;
}

.promo-socials a.fb:hover {
    background: #3b5998;
    color: #fff;
}

.promo-socials a.vk:hover {
    background: #54769a;
    color: #fff;
}

.promo-socials a.tw:hover {
    background: #41abe1;
    color: #fff;
}

.promo-socials a.rss:hover {
    background: #ff6600;
    color: #fff;
}

.social-likes {
    margin-top: 20px;
    text-align: center;
}

.fb-like.fb_iframe_widget {
    top: -4px;
    margin-right: 3px;
}

.fb-like>span, .fb-like>span>iframe {
    width: 142px!important;
}

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

.promo-gallery img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.promo-gallery-holder {
    width: 100%;
    -webkit-flex: 1 1 570px;
    -moz-flex: 1 1 570px;
    -ms-flex: 1 1 570px;
    -o-flex: 1 1 570px;
    flex: 1 1 570px;
}

.promo-gallery-holder .bx-controls-direction {
    display: none;
}

.promo-gallery-holder .bx-pager {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 2px -1px 0;
}

.promo-gallery-holder .bx-pager-item {
    -webkit-flex: 1 1 100px;
    -moz-flex: 1 1 100px;
    -ms-flex: 1 1 100px;
    -o-flex: 1 1 100px;
    flex: 1 1 100px;
    margin: 0 1px;
}

.promo-gallery-holder .bx-pager-link {
    height: 10px;
    background: #222222;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

.promo-gallery-holder .bx-pager-link:hover {
    background: #898989;
}

.promo-gallery-holder .bx-pager-link.active {
    background: #bb1414;
}

.promo-gallery .description {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.promo-gallery .title {
    display: inline-block;
    vertical-align: top;
    background: rgba(187, 20, 20, 0.7);
    padding: 6px 8px 6px 8px;
    font-size: 18px;
    line-height: 20px;
    font-family: 'source_sans_prosemibold';
    color: #fff;
}

.promo-gallery .text {
    display: inline-block;
    vertical-align: top;
    background: rgba(0, 0, 0, 0.6);
    padding: 4px 8px 5px 8px;
    color: #fff;
}

.one-category {
    position: relative;
    overflow: hidden;
}

.video-item {
    margin: 0 0 20px;
    position: relative;
}

.video-item .visual {
    position: relative;
}

.video-item .play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background: #bb1414;
    border-radius: 40px;
    margin: -20px 0 0 -20px;
    transition: all 0.2s;
}

.video-item .play:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 12px;
    border-color: transparent transparent transparent #fff;
    margin: -9px 0 0 -4px;
}

.video-item .text {
    padding: 5px 10px 10px 10px;
    background: #f7961c;
    font-size: 11px;
    line-height: 18px;
}

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

.video-item .title {
    font-size: 1.3em;
    margin: 0 0 10px;
    height: 90px;
}

.video-item .time,
.video-item .comments,
.video-item .views {
    color: #fff;
    margin: 0 10px 0 0;
    text-transform: uppercase;
}

.video-item .fa {
    font-size: 15px;
    margin: 0 4px 0 0;
}

.video-item a:hover {
    color: #fff;
}

.video-item a:hover .play {
    background: #000;
}

.video-item a:hover .text {
    background: #bb1414;
}

.video-item a:hover .time,
.video-item a:hover .comments {
    color: #d67272;
}

.side-article {
    margin: 0;
    padding: 20px 0 10px;
    list-style: none;
    position: relative;
}

.side-article:before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    right: 0;
    height: 5px;
    background: #bb1414;
}

.side-article > li {
    margin: 0 0 10px;
}

.side-article > li + li {
    border-top: 1px solid #e8e8e8;
    padding: 7px 0 0;
}

.side-article .visual {
    -webkit-flex: 0 0 90px;
    -moz-flex: 0 0 90px;
    -ms-flex: 0 0 90px;
    -o-flex: 0 0 90px;
    flex: 0 0 90px;
    margin: 0 10px 0 0;
    height: fit-content;
}

.side-article a {
    color: #bb1414;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.side-article a:hover {
    color: #141414;
}

.side-article .date {
    color: #777777;
    margin-right: 0.5rem;
    text-transform: uppercase;
}

.sidearticles-ad {
    position: absolute;
}

.dark-block {
    background: #222;
    color: #fff;
    margin: 0 0 20px;
    padding: 0 0 9px;
    position: relative;
}

.dark-block:before {
    content: '';
    position: absolute;
    bottom: 100%;
    top: -60px;
    left: 0;
    right: 0;
    background: #222;
    z-index: -2;
}

.article-item {
    overflow: hidden;
    position: relative;
    margin: 0 0 24px;
}

.dark-block .article-item a {
    color: #fff;
}

.article-item a:hover {
    color: #bb1414;
}

.article-item .visual {
    margin: 0 0 6px;
}

.article-item .title,
.article-item.small .text {
    /*	text-transform: uppercase;*/
    font-family: 'source_sans_prosemibold';
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 7px;
}

.comment-item .autor-info p {
    /*	text-transform: uppercase;*/
    font-family: 'source_sans_prosemibold';
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 7px;
}

.article-item .text {
    margin: 0 0 9px;
}

.article-item .info {
    color: #777777;
    text-transform: uppercase;
    font-size: 11px;
}

.article-item .fa {
    font-size: 15px;
    margin: 0 4px 0 0;
}

.article-item .info > span {
    margin: 0 16px 0 0;
}

.article-item.small {
    border-top: 1px solid #e8e8e8;
    padding: 9px 0 7px;
    margin: 0;
}

.article-item.small:last-child {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.dark-block .article-item.small {
    border-top: 1px solid #4a4a4a;
}

.dark-block .article-item.small:last-child {
    border-bottom: 1px solid #4a4a4a;
}

.gi3-cat-v .small img {
    width: 90px;
}

.article-item.small a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.article-item.small .visual {
    margin: 0 10px 0 0;
    height: fit-content;
}

/*
.article-item.small .text {
	margin: -4px 0 5px;
    font-size: 1.5em;
    padding-top: 3px;
}
*/
.side-block {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 30px 0 0;

}

.dark-block .side-block {
    border-bottom: 1px solid #e8e8e8;
}

.side-block .side-article {
    padding-bottom: 0;
}

.side-block .side-article:before {
    display: none;
}

.dark-block .side-article a {
    color: #fff;
}

.dark-block .side-article a:hover {
    color: #bb1414;
}

.opinion {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
}

.dark-block .opinion {
    margin-bottom: 0;
}

.opinion .text-block {
    background: #222222;
    padding: 45px 20px 22px;
    margin: 0 0 10px;
    position: relative;
    color: #fff;
    line-height: 19px;
    position: relative;
}

.opinion .text-block:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #222 transparent transparent transparent;
}

.dark-block .opinion .text-block {
    background: #fff;
    color: #222222;
}

.dark-block .opinion .text-block:before {
    border-color: #fff transparent transparent transparent;
}

.autor-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.comments-block .autor-info {
    -ms-align-items: flex-start;
    align-items: flex-start;
    max-height: 70px
}

.autor-info .visual {
    margin: 0 10px;
}

.comments-block .autor-info .visual {
    margin: 0px 10px 12px 0px;
}

.autor-info .name {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 14px;
    margin: 0 0 2px;
}

.autor-info p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 15px;
}

.dark-block .side-article > li + li {
    border-top-color: #4a4a4a;
}

.one-category .article-item {
    overflow: visible;
}

.comments-block {
    background: #f7961c;
    position: relative;
    overflow: hidden;
    padding: 50px 20px;
    margin: 0 0 20px;
}

.comment-item {
    display: block;
    margin: 0 0 30px;
}

.comment-item .text-block {
    background: #222222;
    /*	background: #141414;*/
    color: #fff;
    padding: 16px 20px 20px;
    margin: 0 0 10px;
    position: relative;
}

.comments-block .comment-item .text-block {
    margin-top: 22px;
}

.comments-block .frame {
    margin-top: -6px;
    height: 78px;
    overflow: hidden;
}

.comments-block .comment-title {
    display: block;
    font-weight: 600;
    max-height: 100%;
}

.comment-item.comment-status1 .text-block {
    text-decoration: line-through;
    color: darksalmon;
}

#commentlist .comment-item .text-block {
    background: #f7f7f7;
    color: #222222;
    border: 1px solid #cacaca;
    border-radius: 5px;
}

#commentlist .comment-item .text-block.bg-warning {
    background: #ffedb3;
}

#commentlist .comment-item .text-block.bg-danger {
    background: #f5dcdc;
}

.comment-item .text-block:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #141414 transparent transparent transparent;
}

.comments-block .comment-item .text-block:before {
    top: unset;
    bottom: 100%;
    border-color: transparent #141414 transparent transparent;
    border-width: 20px 20px 0 0;
}

#commentlist .comment-item .text-block:before {
    border-color: #cacaca transparent transparent transparent;
}

.comment-item .text-block a {
    color: #bb1414;
    word-break: break-all;
}

a.comment-item:hover .text-block {
    background: #fff;
    color: #141414;
}

a.comment-item:hover .text-block:before {
    border-color: #fff transparent transparent transparent;
}

.comment-item .autor-info p {
    color: #141414;
    font-size: 1em;
}

.autor-info .name {
    color: #222;
}

.dark-block .autor-info .name,
.comments-block .autor-info .name {
    color: #fff;
}

.comments-block .name {
    display: inline-block;
    margin-right: 10px;
}

#commentform textarea {
    background: rgba(0, 0, 0, 0.05);
    padding: 5px;
}

.side-plugin {
    margin: 0 0 20px;
}

.link-list {
    margin: 0;
    padding: 16px 0 0px;
    list-style: none;
}

.link-list li {
    margin: 0 0 12px;
}

.link-list a {
    color: #bb1414;
}

.link-list a:hover {
    color: #000;
}

#footer {
    /*	background: #1c1c1c;*/
    background: #222222;
    padding: 25px 0;
    color: #999999;
}

.footer-menu {
    margin: 0 0 34px;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.footer-menu a {
    color: #fff;
}

.footer-menu a:hover {
    color: #bb1414;
}

.footer-text {
    font-size: 12px;
    line-height: 15px;
    font-family: 'source_sans_prolight';
}

.footer-text a {
    color: #fff;
    text-decoration: underline;
}

.footer-text a:hover {
    text-decoration: none;
    color: #fff;
}

.promo-socials.side {
    width: auto;
    margin: 0 0 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.promo-socials.side li + li {
    margin: 0;
}

.promo-socials.side a {
    height: 40px;
    width: 60px;
}

.breadcrumbs {
    margin: 0 0 19px;
    padding: 7px 0 0;
    list-style: none;
    font: 30px/34px 'source_sans_prosemibold';
    text-transform: uppercase;
}

.breadcrumbs li {
    display: inline;
}

.breadcrumbs li:after {
    content: '/';
    padding: 0 0px 0 6px;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs li h1 {
    display: inline;
}

.breadcrumbs a {
    color: #bb1414;
}

.breadcrumbs a:hover {
    color: #222;
}

.article-visual {
    margin: 0 0 15px;
}

.story-article .visual {
    width: 336px;
    height: 186px;
}

.article-title {
    text-transform: uppercase;
    margin: 0 0 6px;
    font: 18px/22px 'source_sans_prosemibold';
}

.embed-responsive.embed-responsive-16by9 {
    margin-bottom: 20px;
}

#articletext {
    font-family: 'source_sans_pro', sans-serif;
    font-size: 16px;
    line-height: 1.68425em;
}

#articletext p {
    text-align: justify;
}

.article p {
    margin: 0 0 9px;
}

.article .info {
    text-transform: uppercase;
    color: #777777;
    font-size: 11px;
}

.article .info .fa {
    font-size: 15px;
    margin: 0 4px 0 0;
}

.article .info > span {
    margin: 0 10px 0 0;
    white-space: pre;
}

.article {
    margin: 0 0 24px;
}

.item-list {
    margin: 0 0 10px;
}

.archive-head {
    margin: 0 0 27px;
    text-align: right;
}

.sort {
    color: #777777;
}

.sort a {
    display: inline-block;
    position: relative;
    color: #bb1414;
}

.item-list .article-item {
    margin-bottom: 44px;
}

.pagination {
    font: 18px/20px 'source_sans_prosemibold';
    margin: 0 0 29px;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    width: 100%;
}

.pagination > li {
    display: inline-block;
}

.pagination > li > a,
.pagination > li > span {
    border: none;
    margin-left: 0;
    color: #bb1414;
    padding: 3px 12px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background: #bb1414;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background: #bb1414;
    color: #fff;
}

.widget-block {
    margin: 0 0 20px;
}

/*.page-title {*/
.container h1 {
    font: 30px/34px 'source_sans_prosemibold';
    margin: 8px 0 20px;
    text-transform: uppercase;
}

.article-footer {
    border-bottom: 1px solid #e8e8e8;
    padding: 0 0 17px;
}

.tag-list {
    margin: 0;
    padding: 3px 0 0 0;
    list-style: none;
    float: left;
    font-style: italic;
    font-size: 13px;
}

.tag-list li {
    float: left;
    margin: 0 14px 0 0;
}

.tag-list a {
    color: #bb1414;
}

.share {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

.share li {
    float: left;
    margin: 0 0 0 4px;
}

.article-head {
    font: 24px/29px 'source_sans_prosemibold';
    margin: 10px 0 20px;
}

.article-head h1 {
    font: 24px/29px 'source_sans_prosemibold';
    text-transform: none;
    margin: 0;
    display: inline;
}

.article-head .label {
    font-size: 60%;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0.5em 0.6em 0.5em;
    display: inline-block;
    vertical-align: top;
}

.label {
    border-radius: 0;
}

.label-warning {
    background: #f2790f;
}

.article-info {
    margin: 0 0 14px;
}

.article-info .info {
    float: left;
}

.article-info .source {
    float: right;
}

.source {
    text-transform: uppercase;
    font-size: 11px;
    color: #777;
}

.comments-wrap {
    margin: 0 0 20px;
}

.comments-wrap .head {
    margin: 0 0 20px;
}

.comments-wrap .head h4 {
    float: left;
    margin: 0;
}

.commentsRespondButton {
    float: right;
    margin: -5px 0 0 0;
    padding-left: 17px;
    padding-right: 17px;
}

h4 {
    font: 18px/20px 'source_sans_prosemibold';
    text-transform: uppercase;
    margin: 0 0 14px;
}

h4 span {
    color: #bb1414;
}

.comments-list {
    margin: 0;
    padding: 0 0 16px;
    list-style: none;
}

.comments-list .sublist {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}

.comments-block .comment-item img {
    width: 70px;
    height: 70px;
}

.commentactions,
.pmactions {
    opacity: 0;
}

.comment-item:hover .commentactions,
.comment:hover .pmactions {
    opacity: 1;
}

.commentactions a {
    margin-right: 10px;
}

.autor-info .info {
    text-transform: uppercase;
    font-size: 11px;
}

.autor-info .date {
    color: #777777;
}

.autor-info .info a {
    color: #bb1414;
}

.autor-info .info a:hover {
    text-decoration: underline;
}

.comments-list .comment-item {
    margin-bottom: 20px;
}

.comment-item-1 .text-block {
    background: #f2dede!important;
    text-decoration: line-through;
}

.comment-item-0 .text-block {
    background: #fcf8e3!important;
}

.comment-status {
    display: inline-block!important;
    width: unset;
}

/*modal*/
.modal-dialog {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.modal-open #wrapper {
    filter: blur(9px);
    -webkit-filter: blur(9px);
}

.modal-backdrop {
    background: #000;
}

.modal-backdrop.in {
    opacity: .7;
}

.modal-content {
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 0px 14px 12px rgba(0, 0, 0, 0.17), 0px 20px 40px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 14px 12px rgba(0, 0, 0, 0.17), 0px 20px 40px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 14px 12px rgba(0, 0, 0, 0.17), 0px 20px 40px rgba(0, 0, 0, 0.3);
}

.modal-header .close {
    background-color: #b81414;
    color: #fff;
    width: 26px;
    height: 26px;
    text-align: center;
    position: absolute;
    right: -26px;
    line-height: 26px;
    opacity: 1;
    top: 0;
    margin: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: -1;
}

.modal-header .close:hover {
    background-color: #be6666;
}

.modal-header,
.modal-footer,
.modal-body {
    padding-left: 40px;
    padding-right: 40px;
    border: 0;
    text-align: left;
}

.modal-header {
    padding-top: 40px;
}

.modal-footer {
    padding-bottom: 35px;
}

.modal-body {
    padding-bottom: 8px;
    padding-top: 11px;
}

.modal-title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

#loginModal .avatar {
    margin: 0 auto;
    margin-bottom: 20px;
}

.profile-page .avatar {
    margin-bottom: 20px;
}

.form-control {
    padding: 0;
    border-width: 0 0 1px;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 25px;
    font-size: 16px;
}

.form-control.indent-control {
    padding-right: 25px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #bb1414;
}

.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 10px;
    border: 0;
    background-color: #b9b8b8;
    position: relative;
    text-align: left;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    z-index: 10;
    margin: -1px 10px 0 0;
}

.bootstrap-switch:after {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-color: #bb1414;
    z-index: -1;
}

.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block !important;
    padding: 0;
    width: 14px;
    height: 14px;
    background: none;
    text-indent: -9999px;
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    z-index: 100;
    color: #333333;
    position: relative;
    width: 20px;
    height: 14px;
}

.bootstrap-switch .bootstrap-switch-label:after {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #f1f1f1;
    margin: -11px 0 0 -11px;
    content: '';
    z-index: 10;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
    position: absolute !important;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch-wrap label {
    font-size: 12px;
    font-weight: 300;
    color: #949494;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
}

.switch-wrap label:hover {
    color: #bb1414;
}

.restore-password {
    font-size: 11px;
    font-weight: 300;
    color: #949494;
    margin: 10px 0 0;
}

.form-group {
    position: relative;
    margin: 6px 0 24px;
}

.form-group.margin-bottom0 {
    margin-bottom: 0;
}

.form-group:after {
    clear: both;
    content: '';
    display: block;
}

.ico-control {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 25px;
    width: 25px;
    overflow: hidden;
    line-height: 25px;
    color: #757575;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.active-browsing .opener-browsing .lock,
.opener-browsing .unlock {
    display: none;
}

.active-browsing .opener-browsing .unlock {
    display: inline-block;
}

.network-modal {
    margin: 0 -40px;
    list-style: none;
    padding: 0;
    overflow: hidden;
    background: #222222;
}

.network-modal > li {
    width: 14.285714286%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    float: left;
    cursor: pointer;
}

.network-modal > li > a {
    display: block;
    height: 100%;
    text-decoration: none !important;
    color: #9b9b9b;
    /*	background: #141414;*/
    background: #222222;
    font-size: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.network-modal li a:hover {
    color: #fff;
}

.network-modal .vk:hover {
    background-color: #517397;
}

.network-modal .fb:hover {
    background-color: #3864a3;
}

.network-modal .tw:hover {
    background-color: #00acec;
}

.network-modal .od:hover {
    background-color: #ff6300;
}

.network-modal .ya:hover {
    background-color: #eb4333;
}

.network-modal .go:hover {
    background-color: #4285f4;
}

.network-modal .ma:hover {
    background-color: #168de2;
}

.modal-note {
    color: #8a8a8a;
    font: italic 11px/13px 'PT Serif', serif;
    margin: 33px 0 7px;
}

.opener-registration {
    color: #bb1414;
    font-family: 'source_sans_prosemibold';
    text-transform: uppercase;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    letter-spacing: 0.1em;
}

.opener-registration:hover {
    text-decoration: underline;
}

h5 {
    text-transform: uppercase;
    font-family: 'source_sans_prosemibold';
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 17px;
}

.btn-md {
    padding: 7px 32px;
}

.file-input .kv-caption-icon {
    display: none;
}

.file-input .btn {
    font-size: 14px;
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: none;
    color: #757575;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.file-input .btn:focus,
.file-input .btn:hover,
.file-input .btn {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.file-input.file-input-new .btn:focus,
.file-input.file-input-new .btn:hover,
.file-input.file-input-new .btn {
    background-color: transparent;
}

.file-preview-frame {
    font-weight: normal;
    margin: 8px auto;
    float: none;
}

.file-input .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.file-input .input-group .form-control {
    float: none;
}

.input-group {
    width: 100%;
}

.file-input.file-input-new .input-group .btn-file {
    padding-left: 100%;
    margin-left: -18px;
    width: auto;
}

.file-input.file-input-new .file-caption-name:before {
    content: 'Аватар';
    color: #999;
}

.file-input .file-caption-name:before {
    content: '';
}

.nav-opener {
    display: none;
    float: right;
    margin: 12px 20px;
    font-size: 21px;
    line-height: 30px;
}

.form-group.capcha {
    margin-left: -20px;
    margin-right: -20px;
}

.head-info .search {
    position: relative;
    width: 20px;
}

.head-info .search .drop {
    position: absolute;
    top: -4px;
    left: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.head-info .search.active .drop {
    width: 230px;
}

.head-info .search .input-holder {
    display: block;
    padding: 5px 30px 5px 10px;
    background: #fff;
    height: 28px;
}

.head-info .search .input-holder input {
    float: left;
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    height: 18px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
}

.head-info .search .srch-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    border: none;
    font-size: 20px;
    text-align: center;
    height: 28px;
    background: none;
    color: #333;
}

.article-visual.pull-left {
    margin: 3px 15px 10px 5px;
}

.article-visual.pull-right {
    margin: 3px 5px 10px 15px;
}

.article a {
    color: #bb1414;
}

.article a:hover {
    color: #222;
}

.article .info {
    margin: 0 0 10px;
}


#registerform #g-recaptcha {
    margin-left: 49px;
}


.article input,
.article textarea {
    box-shadow: #eee 0 0 5px inset;
}

.storyitemtitle {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.storyitemtitle a {
    color: #bb1414 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

#articletext img {
    max-width: 100%;
    height: auto;
}

#articletext .bannertable {
    margin: 0 10px;
}

.bannertable img {
    max-width: 100%;
}

/*
#articletext table {
    margin-right: 10px;
    min-width: 250px;
}
*/

.ulogin_info img {
    width: 100%;
}

.ulogin_info p {
    margin: 0;
}

#uLogin2 .ulogin-buttons-container {
    text-align: center !important;
}

#uLogin2 .ulogin-buttons-container div[role="button"] {
    margin-right: 5px !important;
    display: inline-block !important;
    float: none !important;
}

/* AddToAny share buttons */



.a2a_floating_style {
    z-index: 1040 !important;
    background: #222222 !important;
    border-radius: 0 !important;
    padding: 3px 2px !important;
}

.a2a_svg,
.a2a_count {
    border-radius: 0px !important;
}

.a2a_kit .a2a_svg {
    background-size: cover;
}

.a2a_s_a2a {
    -webkit-filter: hue-rotate(170deg);
}

.a2a_menu {
    box-shadow: 0px 14px 12px rgba(0, 0, 0, 0.17), 0px 20px 40px rgba(0, 0, 0, 0.3);
    border-radius: 0px !important;
}

/*************/

.thumbcontainer img {
    max-width: 100%;
    margin-bottom: 10px;
}

.ui-autocomplete {
    box-shadow: #ccc 0 0 10px;
    background: white;
    list-style: none;
    padding:0;
    margin:0;
}

.ui-autocomplete li {
    padding: 5px 7px;
    overflow-x: auto;
    cursor: pointer;
}

.ui-autocomplete li:hover {
    background: aliceblue;
}

/*** ANIMATIONS ***/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

a.adminlink {
    display: block;
    position: fixed;
    width: 20px;
    height: 100px;
    background: #bb1414;
    right: 0px;
    top: 143px;
    border-radius: 10px 0 0 10px;
    z-index: 5;
}

.gtrk:hover {
    cursor: pointer;
    text-decoration: underline;
}

/** jPaginator **/

.paginator_p {
    text-align: center;
    float: left;
    color: white;
    background-color: #B7B7B7;
    cursor: pointer;
    padding: 2px 0 0 0;
}

.paginator_p_bloc {
    position: relative;
    width: 3000px;
}

.paginator_p.over {
    background-color: #8B8B8B;
}

.paginator_p.selected {
    background-color: #CAFF3A;
    color: white;
    background-color: black;
}

.paginator_p_wrap {
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.paginator_slider {
    clear: left;
    height: 4px;
    top: 4px;
    background: white;
    border: solid 1px black;
    position: relative;
}

.paginator_slider .ui-slider-handle {
    width: 8px;
    height: 12px;
    position: absolute;
    top: -4px;
    background-color: black;
}


/**** bootstrap-tokenfield ****/

@-webkit-keyframes 'blink' {
    0% {
        border-color: #ededed;
    }

    100% {
        border-color: #b94a48;
    }
}

@-moz-keyframes 'blink' {
    0% {
        border-color: #ededed;
    }

    100% {
        border-color: #b94a48;
    }
}

@keyframes 'blink' {
    0% {
        border-color: #ededed;
    }

    100% {
        border-color: #b94a48;
    }
}

.tokenfield {
    height: auto;
    min-height: 34px;
    padding-bottom: 0px;
}

.tokenfield.focus {
    border-color: #bb1414;
    outline: 0;
    /*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);*/
    /*  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);*/
}

.tokenfield .token {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: 5px 5px 5px 0;
    height: 22px;
    vertical-align: top;
    cursor: default;
    font-size: small;
}

.tokenfield .token:hover {
    border-color: #b9b9b9;
}

.tokenfield .token.active {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, 0.8);
}

.tokenfield .token.duplicate {
    border-color: #ebccd1;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.tokenfield .token.invalid {
    background: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px dotted #d9534f;
}

.tokenfield .token.invalid.active {
    background: #ededed;
    border: 1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tokenfield .token .token-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px;
    vertical-align: top;
}

.tokenfield .token .close {
    font-family: Arial;
    display: inline-block;
    line-height: 100%;
    font-size: 1.1em;
    line-height: 1.49em;
    margin-left: 5px;
    float: none;
    height: 100%;
    vertical-align: top;
    padding-right: 4px;
}

.tokenfield .token-input {
    background: none;
    width: 60px;
    min-width: 60px;
    border: 0;
    height: 20px;
    padding: 0;
    margin-bottom: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tokenfield .token-input:focus {
    border-color: transparent;
    outline: 0;
    /* IE6-9 */
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tokenfield.disabled {
    cursor: not-allowed;
    background-color: #eeeeee;
}

.tokenfield.disabled .token-input {
    cursor: not-allowed;
}

.tokenfield.disabled .token:hover {
    cursor: not-allowed;
    border-color: #d9d9d9;
}

.tokenfield.disabled .token:hover .close {
    cursor: not-allowed;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.has-warning .tokenfield.focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-error .tokenfield.focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-success .tokenfield.focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.tokenfield.input-sm,
.input-group-sm .tokenfield {
    min-height: 30px;
    padding-bottom: 0px;
}

.input-group-sm .token,
.tokenfield.input-sm .token {
    height: 20px;
    margin-bottom: 4px;
}

.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
    height: 18px;
    margin-bottom: 5px;
}

.tokenfield.input-lg,
.input-group-lg .tokenfield {
    min-height: 45px;
    padding-bottom: 4px;
}

.input-group-lg .token,
.tokenfield.input-lg .token {
    height: 25px;
}

.input-group-lg .token-label,
.tokenfield.input-lg .token-label {
    line-height: 23px;
}

.input-group-lg .token .close,
.tokenfield.input-lg .token .close {
    line-height: 1.3em;
}

.input-group-lg .token-input,
.tokenfield.input-lg .token-input {
    height: 23px;
    line-height: 23px;
    margin-bottom: 6px;
    vertical-align: top;
}

.tokenfield.rtl {
    direction: rtl;
    text-align: right;
}

.tokenfield.rtl .token {
    margin: -1px 0 5px 5px;
}

.tokenfield.rtl .token .token-label {
    padding-left: 0px;
    padding-right: 4px;
}

.twitter-typeahead {
    /*  width: 100%;*/
    position: relative;
    vertical-align: top;
}

.tt-menu {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: #ccc 0 0 6px;
    background: #fff;
}

.tt-suggestion.tt-selectable {
    cursor: pointer;
    margin: 5px 0;
    padding: 1px 15px;
}

.tt-suggestion.tt-selectable:hover {
    background: #bb1414;
    color: #fff;
}

.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
    margin: 0;
    width: 100%;
    vertical-align: middle;
    background-color: #ffffff;
}

.twitter-typeahead .tt-hint {
    color: #999999;
    display: none;
    z-index: 1;
    border: 1px solid transparent;
}

.twitter-typeahead .tt-input {
    color: #555555;
    z-index: 2;
}

.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
}

.twitter-typeahead .input-sm.tt-input,
.twitter-typeahead .hint-sm.tt-hint {
    border-radius: 3px;
}

.twitter-typeahead .input-lg.tt-input,
.twitter-typeahead .hint-lg.tt-hint {
    border-radius: 6px;
}

.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
    border-radius: 4px 0 0 4px !important;
}

.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
    border-radius: 0 4px 4px 0 !important;
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
    border-radius: 3px 0 0 3px !important;
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
    border-radius: 0 3px 3px 0 !important;
}

.input-sm.tt-input,
.hint-sm.tt-hint,
.input-group.input-group-sm .tt-input,
.input-group.input-group-sm .tt-hint {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
    border-radius: 6px 0 0 6px !important;
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
    border-radius: 0 6px 6px 0 !important;
}

.input-lg.tt-input,
.hint-lg.tt-hint,
.input-group.input-group-lg .tt-input,
.input-group.input-group-lg .tt-hint {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}

.text-muted {
    color: #c3c3c3;
}

.customPopup {
    width: 400px;
    box-shadow: #ccc 0 0 5px;
    background: #ffd744;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9999;
    margin: 0;
    color: #000;
    padding: 20px 40px 20px 20px;
}

.customPopup_title {
    font-weight: bold;
    margin-bottom: 10px;
}

.customPopup_text {
    margin-bottom: 10px;
}