@font-face {
    font-family: font_1;
    src: url('../fonts/Proxima.ttf');
}
@font-face {
    font-family: font_2;
    src: url('../fonts/Ubuntu_light.ttf');
}
@font-face {
    font-family: font_3;
    src: url('../fonts/Other.ttf');
}
*{
	font-family: font_1;
}
li {
	list-style-type: square;
}
	
::-webkit-scrollbar-track {
	background: var(--primary)!important;
}
::-webkit-scrollbar-thumb {
	background: var(--primary)!important;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--primary)!important;
}
::selection {
	background: var(--primary)!important;
	color: var(--primary-text)!important;
}
::-webkit-input-placeholder {
    color: var(--card)!important;
}

::placeholder {
  color: var(--card-text)!important;
}

body {
	word-break: break-word;
	font-size: 18px;
	background: var(--background)!important;
	color: var(--card-text)!important;
}
a {
	text-decoration:none;
    color: var(--card-text)!important;
}
a:hover {
	text-decoration:none;
	color: var(--card-text)!important;
}
a:focus, a:hover, a:active, a.active {
    color: var(--card-text)!important;
    text-decoration: none;
}
hr {
    border-bottom: 2px dashed var(--background)!important;
    border-top: 0px;
}
table.table {
    margin-top: 15px;
    margin-bottom: 15px;
}
.table td, .table th {
    border-bottom: 0.05rem solid var(--card)!important;
}

.card {

	background: var(--card)!important;
	color: var(--card-text)!important;
	box-shadow: 0px 0px 0 0 var(--primary);
	border: 0px solid var(--primary);
    border-radius: 0px;

}
.card .card-image:first-child img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	width: 100%;
    object-fit: cover;
    object-position: top center;
	min-height: 150px;
	max-height: 280px;
	border-bottom: 0px solid var(--background) !important;
	background: var(--primary)!important;
	color: var(--primary-text)!important;
	
}
.card.card-primary.card-header {
	border-color: 0px solid var(--primary-darker)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

 
.card.card-primary {
	border-color: 0px solid var(--primary-darker)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
	border:0px solid;
	box-shadow: 0px 0px 0 0 var(--primary-darker);
}

.card.card-primary a{
	border-color: var(--primary)!important;
    color: var(--primary-text)!important;
}
.card.card-primary.card-footer{
	border-color: var(--primary)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.card.card-primary.card-footer a{
	border-color: var(--primary)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
}

.toast-deafult {
	background: var(--primary) !important;
    border: 0px solid var(--primary-darker);
    color: var(--card)!important;
}
.toast {
    border-radius: 0px;
}
.toast a {
    color: var(--card)!important;
	text-decoration: none;
}
a.tag_link {
    display: inline-block;
}
.label.label-primary {
    background: var(--primary)!important;
    color: var(--primary-text)!important;
}
.label.label-secondary {
    background: var(--background)!important;
    color: var(--primary)!important;
}
.label.label-additional {
    background: var(--primary)!important;
    color: var(--primary-text)!important;
}
.label.label-default {
	background: var(--card)!important;
    color: var(--primary)!important;
}
.label.label-default a {
    color: var(--primary)!important;
}
.label.label-rounded {
    border-radius: 0px;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}
.label.label-small-rounded {
    border-radius: 0px;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}
.badge[data-badge]::after {
    margin-left: -5px;
}
span.tagss {
    font-size: 85%;
    margin-bottom: 5px;
    display: inline-block;
}

.lightboxes {
    margin-top: 15px;
}
a.count_comments {
    color: var(--card-text)!important;
}
.link_copyright a{
    color: var(--card-text)!important;
}
.copyright {
    font-size: 80%;
    font-weight: 400;
}

.hljs span {
    font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace!important;
}
code.hljs.xml {
    font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace!important;
}
code.hljs.xml {
    color: var(--card)!important;
}
pre {
    background: var(--primary)!important;
	text-wrap: wrap;
    padding: 5px 15px;
    font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace!important;
    font-size: 85%;
	border-radius: 0px;
}
span.sh-value{
	font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace!important;
}
span.sh-rules{
   color: var(--card)!important;
}
.hljs {
	background: var(--primary)!important;
}
.widget-manager-bar {
    position: fixed;
	top:90%;
    right: 10px;
    z-index: 9999;
	background: var(--card)!important;
	color: var(--primary)!important;
	border: 0px solid var(--primary);
    border-radius: 0px;
    box-shadow: 0px 0px 0 0 var(--primary);
}
.widget-manager-bar a {
	color: var(--primary)!important;
}
.download_link {
    float: right;
    padding: 10px;
}
.download_link a {
    width: 200px;
}
.bg-nav {
    border: 0;
	background: var(--primary)!important;
	color: var(--primary-text)!important;
	box-shadow: 0px 0px 0 0 var(--primary-darker);
}
.bg-nav a{
    color: var(--primary-text)!important;
	font-size: 90%;
}
.container-nav{
	margin-left:auto;
	margin-right:auto;
	padding-left:.4rem;
	padding-right:.4rem;
	width:100%
}
 
.container-nav {
    width: 60%;
}
@media (max-width: 400px) {
.container-nav {
    width: 100%;
}
.download_link {
    float: none!important;
    padding: 5px!important;
    margin-bottom: 10px;
}
.download_link a {
    width: 100%!important;
}
}

#main-content {
    width: 60%;
}


@media (max-width: 767px) {
  /* стили для xs-устройств */
  #main-content {
    width: 100%;
}
.container-nav {
    width: 100%;
}
a.navbar-brand-b {
    font-size: 100%!important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
  /* стили для sm-устройств */
  #main-content {
    width: 100%;
}
.container-nav {
    width: 100%;
}
a.navbar-brand-b {
    font-size: 100%!important;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
  /* стили для md-устройств */
  #main-content {
    width: 80%;
}
.container-nav {
    width: 80%;
}
}
@media (min-width: 1200px) {
  /* стили для lg-устройств */
  #main-content {
    width: 60%;
}
.container-nav {
    width: 60%;
}
}




@media (max-width: 980px) {

td {
    font-size: 80%;
}
}
li.recent-response img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}


.form-input {
	background: var(--background)!important;
    background-image: none;
	border-radius: 0px;
    color: var(--card-text)!important;
	border: 0px solid var(--primary) !important;
}
.editor-toolbar {
    line-height: 30px!important;
}

#logo_icon_min {
    background: var(--primary-darker)!important;
    padding: 6px;
    color: var(--primary-text)!important;
    font-size: 90%;
}

span.counter {
    background: var(--primary-darker) !important;
    color: var(--primary-text)!important;
	padding: 0px 8px 0px 8px;
    font-size: 90%;
    border-radius: 0px;
    float: right;
}
.widget-tag-cloud .size-1 {
    font-size: 100%;
}
.widget-tag-cloud .size-2 {
    font-size: 100%;
}
.widget-tag-cloud .size-3 {
    font-size: 100%;
}
.widget-tag-cloud .size-4 {
    font-size: 100%;
}
.widget-tag-cloud .size-5 {
    font-size: 100%;
}
.widget-tag-cloud .size-6 {
    font-size: 100%;
}
.widget-tag-cloud .size-7 {
    font-size: 100%;
}
ul, ol {
    margin: 0px;
}
.shadow-box {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}
.widget .counter:before {
    content: "\00a0";
}
.widget .counter:after {
    content: "\00a0";
}

span.page-views-counter {
    margin-right: 0.75rem !important;
}

@media screen and (max-width: 764px){
.mobile-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
}
li.recent-response {
    margin-bottom: -15px;
}
.btn {
    border-radius: 0px;
}	

ol.comments-body {
    list-style: none;
}
.comments-header {
    margin-left: 0.75rem !important;
}

img.img-responsive.comment {
    max-width: 250px;
    margin-bottom: 15px;
}
.input_comment .column {
    padding: 0.4rem;
}
span.editor-toolbar.cf {
    margin-bottom: 15px;
}
.math_captha {
    width: 40%;
    display: inline-block;
}
.math_captha_label {
    display: inline-block;
	margin-right: 15px;
}
.password_field button {
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
	appearance: none;
    background: #fff;
    border: var(--primary)!important;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: .8rem;
    height: 1.8rem;
    line-height: 1.2rem;
    outline: none;
    padding: 0.25rem 0.4rem;
    text-align: center;
    text-decoration: none;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.btn.btn-primary {
    border-color: var(--primary)!important;
    background: var(--primary)!important;
    color: var(--primary-text)!important;
}
.btn.btn-primary:hover ,.btn.btn-primary:focus,.btn.btn-primary:active{
    border-color: var(--primary-darker)!important;
    background-color: var(--primary-darker)!important;
    color: var(--primary-text)!important;
}
input.form-input.input-lg.password {
    float: left;
    width: 60%;
}
p.password_field button {
    margin-left: 10px;
    font-size: .9rem;
    height: 39px;
}
p.message.message-error.cl.cf i {
    display: none;
}
/*Logo block in sidebar*/
.logo_big img {
    height: 150px;
    width: 150px;
	border-radius: 0px;
	object-fit: cover;
	margin-top: -75px;
	border: 5px solid var(--background)!important;
}
.logo_big_panel  img{
	height:200px;
}
.logo_content {
    margin-top: -20px;
}
a.navbar-brand {
    font-family: 'font_1';
    font-size: 200%;
	color: var(--card)!important;
}
a.navbar-brand-b {
    font-family: 'font_3';
    font-size: 150%;
	color: var(--primary-text)!important;
}
/*Logo block in sidebar*/
.editor-toolbar-button {

	border-radius: 0px;
    font-size: 80%;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
}
.editor-toolbar-button:focus, .editor-toolbar-button:hover {

    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
}
.editor-area {
	min-height:200px;
	font-family: font_1;
	font-size: 100%;
}
img.emj {
	width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-bottom: -5px;
}

a[data-daynight-moment] {
  text-decoration: none;
  transition: all 200ms;
}
a[data-daynight-moment*="night"]:before {
  font-family: bootstrap-icons !important;
  content: "\F46B";
}

a[data-daynight-moment*="day"]:before {
  font-family: bootstrap-icons !important;
  content: "\F497";
}

 
.svg-responsive {
    display: block;
    height: auto;
    max-width: 100%;
    min-width: 100%;
}

.badge-post {
    font-size: 55%;
    margin-left: 5px;
    margin-top: 5px;
    position: absolute;
}

/*Spoiler css*/

.accordion .accordion-header{
	background: var(--primary-darker)!important;
    border-color: 0px solid var(--primary-darker)!important;
    color: var(--card)!important;
	font-weight: normal!important;
}
.widget-manager-menu a .fa, .accordion-header:before {
    font-style: normal;
    font-weight: normal;
    color: var(--card)!important;
}
.accordion-body
{
	background: var(--background)!important;
    border-color: var(--background)!important;
    color: var(--primary)!important;
}
.accordion input:checked ~ .accordion-body, .accordion[open] .accordion-body {
    max-height: 100%;
}
/*Spoiler css*/


.message {
    padding: 0px;
}



span.item_1_:before {
    font-family: bootstrap-icons !important;
    content: "\f2ea";
	font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
	display: inline-block;
}
span.item_2_:before {
    font-family: bootstrap-icons !important;
    content: "\f4fe";
	font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
	display: inline-block;
}


.card-header.widget-primary {
	border-color: 0px solid var(--primary-darker)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.card-body.widget-primary {
	border-color: var(--primary)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
}
.card-body.widget-primary a{
	border-color: var(--primary)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
}
.card-footer.widget-primary {
	border-color: var(--primary)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.card-footer.widget-primary a{
	border-color: var(--primary)!important;
    background-color: var(--primary)!important;
    color: var(--primary-text)!important;
}

.widget-recent-response .recent-response-name {
    display: inline-block;
    margin-right: 15px;
}

.card-header.widget_block {
    color: var(--primary)!important;
	background: var(--card)!important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
ul.link_footer {
    margin-top: -15px;
}

input#search_block {
    background: var(--background)!important;
	border: 0px solid var(--primary) !important;
}
#search_wrap.input-group.input-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}
.logo_sidebar_ {
    align-content: space-around;
    align-items: center;
    background: var(--primary)!important;
    border-radius: 0px;
    color: var(--primary-text)!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-line-pack: distribute;
    font-size: 1.2rem;
    height: 51px;
    width: 45px;
	margin: auto;
}
.logo_sidebar_  i{

	margin: auto;
	margin-top: 10px;
}
.tile-content {
    background: var(--card)!important;
	color: var(--card-text)!important;
	border-radius: 0px;
}
.tile.tile-centered {
	border-radius: 0px;
	background: var(--primary)!important;
	color: var(--primary-text)!important;
}

/*Pagination*/
.pagination a {
    padding: 2px 5px;
	border-radius: 0px;
	border: 0px solid var(--primary);
    background: var(--card)!important;
    color: var(--card-text)!important;
    box-shadow: 0px 0px 0 0 var(--primary);
}
strong.pagination-step.current {
    margin-right: 5px;
	padding: 2px 5px;
	border-radius: 0px;
	border: 0px solid var(--primary-darker);
    background: var(--primary)!important;
    color: var(--primary-text)!important;
    box-shadow: 0px 0px 0 0 var(--primary-darker);
}
.pagination a {
    margin-right: 5px;
}
span.pagination-first {
    margin-right: 5px;
	padding: 2px 5px;
    background: var(--card)!important;
    color: var(--card-text)!important;
    box-shadow: 0px 0px 0 0 var(--primary);
	border-radius: 0px;
	border: 0px solid var(--primary);
}
span.pagination-last {
	padding: 2px 5px;
	border-radius: 0px;
	border: 0px solid var(--primary);
    background: var(--card)!important;
    color: var(--card-text)!important;
    box-shadow: 0px 0px 0 0 var(--primary);
}
a.pagination-prev {
    display: none;
}
a.pagination-next {
    display: none;
}
a.pagination-last {
    margin-right: 0px!important;
}
span.pagination-next {
    display: none;
}
span.pagination-prev {
    display: none;
}
.pagination {
    display: block;

}
/*Pagination*/

li.comment {
    list-style: none;
}
.vk_link {
    font-size: 90%;
	white-space: nowrap;
}
.dropdown.dropdown-right .menu {
    background: var(--primary-darker) !important;
    color: var(--primary-text)!important;
    box-shadow: none;
    border: 2px solid var(--primary-darker) !important;
	z-index: 1000;
}
ul.menu li::marker {
    color: var(--primary-darker) !important;
}
.menu .menu-item > a:focus, .menu .menu-item > a:hover {
    background: var(--primary-darker)!important;
    color: var(--card)!important;
}


/*Font category icons*/
#category_icons {
	background-color: var(--primary) !important;
    font-size: 160%;
    margin-top: 5px;
    display: inline-block;
    line-height: initial;
    color: var(--card) !important;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon.eot');
  src:  url('../fonts/icomoon/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/icomoon.woff') format('woff'),
    url('../fonts/icomoon/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-111:before {
  content: "\e900";
}
figure.comment-avatar img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
	margin-right:15px;
}
figure.comment-avatar {
    margin-left: 0px;
	margin-top: 0px;
}
header.comment-header {
    margin-top: -20px;
}
span.comment_date {
    margin-top: -10px;
    display: block;
}
.chip {
    background-color: var(--primary) !important;
    font-size: 70%;
    padding: 2px 7px;
    border-radius: 0px;
    margin-top: 5px;
    vertical-align: bottom;
    color: var(--primary-text) !important;
}
.badge.avatar::after {
    position: absolute;
    right: -2px;
    top: 0px;
}

span.name_channel {
    display: block;
    font-size: 90%;
}
.list_channels {

	text-align:center;
}
.list_channels a {
	display:inline-block;

}
.icon_channel {
	border-radius: 0px!important;
    background: var(--primary)!important;
	color: var(--primary-text)!important;
    border: 0px solid var(--primary-darker);
    box-shadow: 0px 0px 0 0 var(--primary-darker);

}
.badge[data-badge]::after, .badge:not([data-badge])::after {
    background:  var(--card) !important;
	box-shadow: 0 0 0 .1rem var(--card) !important;
    border-radius: 0px;
	font-weight: bold;
    color:  var(--primary-darker) !important;
}
/*Font category icons*/


/*Hero block*/
 .cover_header_avatar {
    width: 200px;
	position: relative;
    z-index: 999;
    height: 200px;
    object-fit: cover;
    display: block;
    margin-top: -150px;
    margin-left: 55px;
	border-radius: 0px;
    border: 4px solid var(--primary) !important;
	background: var(--card) !important;
	color: var(--primary)!important;
}
.cover_header_avatar span {
    font-size: 700%;
    margin-left: 33px;
    position: relative;
    line-height: 190px;
    display: block;
    color: var(--primary)!important;
}
.card-image.cover_header {
    height: 160px;
    background: var(--primary) !important;
	color: var(--card) !important;
}
 .cover_info {
    float: right;
    margin-top: -50px;
}
.site_info {
    float: left;
    margin-left: 250px;
    margin-top: -130px;
}
.tile_block {
    float: left;
    margin-right: 15px;
}
.h5.stat_count {
    color: var(--primary)!important;
}
.site_info {
    float: left;
    margin-left: 270px;
    margin-top: -170px;
    color: var(--card) !important;
}
.site_info_description {

    font-size: 130%;
    color: var(--card) !important;
}

.tile_icon {
	display:none;
}
.tile_text {
    font-size: 90%;
}

@media screen and (max-width: 767px){

	.cover_header_avatar img {

    margin-top: -150px;
    margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 50px;

	}
	.site_info {
    float: none!important;
    margin-left: 0px!important;
    text-align: center!important;
    font-size: 90%;
    margin-top: 10px !important;
    margin-bottom: 50px;
    color: var(--primary-darker) !important;
	}
	.site_info_description {

    font-size: 120%;
    color: var(--primary-darker) !important;
	}

	.cover_info {
    float: none;
    margin-top: -40px;
    text-align: center;
    display: flex;
    justify-content: center;
	}
	.tile_block {
    float: left;
    margin-left: 15px;
	}
	.tile_text {
	display:none;
	}
	.tile_icon {
	display:inline-block!important;
	}


}
/*Hero block*/

i#emj_ {
    font-size: 110%;
    vertical-align: middle;
	margin-left: 5px;

}
.truncate_gorizontal {
	display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
}

a.btn.btn-primary.btn-small#editor_emj {
    padding: 0px 5px 0px 5px;
    margin-right: 5px;
    height: 25px;
}
#emoji_list {
	float:right;
}
#editor_emj {
    float: left;
    margin-left: 0px !important;
}
a#editor_emj i {
    background: var(--background) !important;
    color: var(--primary-darker) !important;
    border-radius: 100%;
    padding: 2px 3px 0px;
	cursor:pointer;
}

tr {
    background: var(--primary) !important;
    color: var(--primary-text) !important;
    border-bottom: 3px solid var(--card) !important;
    font-size: 90%;
}

/*Lightbox single files*/
.lightboxes.single_full img {
    width: 100%;
}
.lightboxes.single_rect img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top center;
}

@media screen and (max-width: 767px){
.lightboxes.single_rect img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top center;
}
}
/*Lightbox single files*/

span.commentation {
    text-align: center;
    display: block;
    font-style: italic;
    font-size: 80%;
}