@charset "UTF-8";

/* { transition: all .1s; } */

html, body {
/*font: normal 300 15px/22px 'Source Sans Pro', sans-serif; */
font: normal 300 14px/20px 'Roboto Condensed', sans-serif; color: #484848;
margin: 0; /*image-rendering: pixelated; -webkit-text-size-adjust: none;*/ }

/*html { width: 100%;  min-height: 100vh; overflow-x: hidden; }  */

body { background-color: #afafaf; } /* fff */

:root {
  --social-ck-width: 19px;
}

@media only screen
  and (max-device-width: 2048px) 
  and (min-device-height: 1152px)  {

 :root { --social-ck-width: 20px; }
}

::placeholder { color: #8a8a8a; }
/*
@font-face {
 font-family: 'PT Sans Narrow';
 src: local('PT Sans Narrow'), url('../fonts/PTN57F_W.woff') format('woff');
 font-style: normal;
 font-weight: normal !important;
 font-display: block;
}
*/

@font-face{
 font-family: Whitney300;
 font-weight: 300;
 src: url('../fonts/whitney300.woff') format('woff');
 font-display: block;
}

#header > a:first-child { width: 241px; height: 71px; position: absolute; left: 0; top: 0; margin: 0; display: block; }

input[type="text"],
input[type="password"],
textarea { background: #fff; appearance: none; }

a { text-decoration: none; }
a.amess { color: #000; display: inline-block; margin: 0 15px 0 0; text-decoration: underline; }
a:hover.amess { text-decoration: none; } 

#header a { color: #fff; }
#header a:hover { text-shadow: 0px 0px 10px rgb(255 255 255 / 70%); }
#header a.current { color: #fffede; text-shadow: 0px 0px 10px rgb(255 255 255 / 70%), 1px 1px 0px rgb(0 0 0 / 8%); }

.clear { clear: both; }
.none { display: none; }

#wrapper { width: 1014px; margin: 0 auto;  min-height: 100vh; }

/*#70aadc */
#header { width: 100%; height: 71px; background: url(../pic/news-kroleg-logo1.png) 0px 0px no-repeat, linear-gradient(to right, #70aadc 30%, #5895d1 100%); background-size: contain; position: relative; }

#header > ul, 
#header > div { display: inline-block; float: right; }

#header > ul { margin: 26px 146px 0 0px;  }
#header > div { margin: 3px 99px 0 0px; cursor: pointer; color: #fff; }

#header > ul li { display: inline-block; cursor: pointer; color: #fff; font: normal 1.35rem 'PT Sans Narrow'; /*text-transform: uppercase;*/ margin: 0 14px; position: relative; }

#header > ul li ul li:before { content: '|'; color: #85ff77; font-size: 12px; position: absolute; top: 5px; left: -16px; }
#header > ul li ul li:first-child:before { content: ''; }

#header > ul li:hover,
#header > div span:hover { color: #f0e3e3; }

/*#header > ul li.label-search { border: 1px solid #fff; width: 100px; text-align: center; font-size: 0.93rem; padding: 1px 0; border-radius: 1px; } */

#header > ul li.label-search { position: relative; width: 167px; text-align: left; margin: -2px 0 0 -15px; }
#header > ul li.options { display: none; width: 16px; margin: 0 0 0 7px; }
#header > ul li.close { display: none; width: 16px; margin: 0 0 0 8px; }

#header #input-search { width: 178px; transition: all .2s ease; border: none; border-radius: 30px; background: #7fa8d1;
    padding: 5px 0 3px 9px; color: #f5f5f5; box-shadow: inset 1px 1px 1px 0px rgb(0 106 181 / 68%), inset -1px -1px 1px 0px rgb(255 255 255 / 38%); font: normal 10px Tahoma; }
#header #input-search:focus { width: 266px; }
#header #input-search::placeholder { color: #bad1e9; font: normal 10px Tahoma; padding: 0 0 0 15px; background: url(../pic/search.png) 0 -2px no-repeat; display: block; }


li.close,
li.options
/*li.label-search */
 {color: #fff !important; }

li.options { position: absolute; top: 15px; right: 12px; }

#header > div span:nth-child(1) { color: #000; }
#header > div { position: absolute; right: 90px; bottom: 2px; /*width: 533px;*/ font: normal 0.85rem 'PT Sans Narrow' }
#header > div span { font: normal 1.1rem 'PT Sans Narrow'; display: inline; text-transform: none; margin: 0 0 0 8px; }

.content,
.bar,
.top_menu { background: #f4f4f4; margin: 10px 0 0 2px; } /* margin: 9px 0 0 0px; */

.top_menu li { display: inline-block;  cursor: pointer; color: #919191; font: normal 1.2rem 'PT Sans Narrow'; text-align: center;
    padding: 10px 10px; }

#search-result-header.hidden { height: 0; margin-bottom: -22px; }
#search-result-header { color: #9b7baf; font: normal 1.4rem 'PT Sans Narrow'; margin-bottom: -7px; transition: all .2s ease; height: 40px; overflow: hidden; }
#search-result-header span { color: #000; display: inline-block; margin: 0 4px; }
.hl-search { background: #ffe5b3; color: #000; display: inline-block; margin: 0; padding: 0; border-radius: 1px; }

/*.top_menu li { display: inline-block;  cursor: pointer; color: #9e9e9e; font: normal 1.2rem 'PT Sans Narrow'; text-align: center;
    padding: 10px 10px; } */

.top_menu li:first-child { /* margin-left: 37px; */ }

/*.top_menu a { color: #9e9e9e; } */
/*
.top_menu a:hover { color: #333; }
.top_menu li:hover,
*/

.top_menu { height: 42px; position: relative; font: normal 0.9rem/3.1rem 'PT Sans Narrow'; color: #9e9e9e; display: flex; justify-content: center; align-items: center;  }


.content { margin: 17px 0 0 0px; float: right; width: 697px; }
/*.content > div { margin: 18px 22px 6px 22px; } */
.content > div { margin: 18px 22px 9px 22px; }

.content h2 { margin: 18px 0 20px 0;}
.content h2 a { text-decoration: none; color: #265da0; font-weight: 500; font-size: 23px; line-height: 23px; letter-spacing: -1px;}

.story-title { font-size: 20px; margin: 0 0 10px 0; }

.sideLeft { width: 297px; float: left; margin: 9px 0 0 0; }
/*.sideLeft > .bar:first-child { min-height: 341px; } */

.sideLeft input[type="text"],
.sideLeft input[type="password"] { width: 100%; padding: 5px 10px; margin: 0 0 8px 0; border: 1px solid #ccc; border-radius: 2px; font: normal 0.95rem 'Source Sans Pro'; }

.sideLeft > div:first-of-type { margin-top: 1px; }

#site-passw { margin-bottom: 0;}

.bar { margin: 0 0 17px 0; /*min-height: 150px;*/ }
/*.bar > div { float: left; width: 100%; } */

.bar > div:first-child span { font: normal 1.2rem 'PT Sans Narrow';  }
.bar.chat-online { min-height: 84px; }
.bar.chat-online div:last-child {
/*  font: normal 0.85rem 'PT Sans Narrow'; color: #5e5e5e; */
 font: normal 300 12px/11px 'Roboto Condensed', sans-serif; color: #2c2c2c; 
 }
.bar > div > span { display: block; margin: 4px 17px 11px 17px; padding: 0 0 9px 0; }
.bar > span > img,
.bar > span > a > img { width: 100%; border-radius: 1px; /*height: 200px; object-fit: cover; object-position: top;*/ }
/*
.bar:first-child > div:nth-child(2) span,
.bar:first-child > div:nth-child(3) span,
.bar:first-child > div:nth-child(4) span { margin-bottom: 1px; padding-bottom: 0; }
*/


.social-block { width: 184px; height: 46px; }
.social-ck { display: flex; justify-content: center; align-items: center; margin: 0 0 15px 0!important;  }
.social-ck > li { background: url(../pic/pnz-social.png) no-repeat; width: calc(var(--social-ck-width) * 2); height: calc(var(--social-ck-width) * 2); display: inline-block; cursor: pointer; margin: 0 2px !important; background-size: cover; }
.social-ck > li:before {content: none !important; }

.social-ck a { display: block; width: 100%; height: 100%; }

#news-kroleg-sprite { background: url(../pic/news-kroleg-sprite.png) no-repeat; position: absolute; height: 26px; width: 26px; top: 24px; left: 113px; display: block; cursor: pointer;  }


#header > a:hover:first-child ~ a,
.social-ck li:hover {
  animation: animationFramesMenu ease 1s;
  animation-iteration-count: 1;
  -webkit-animation: animationFramesMenu ease 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation: animationFramesMenu ease 1s;
  -moz-animation-iteration-count: 1;
  -o-animation: animationFramesMenu ease 1s;
  -o-animation-iteration-count: 1;
}


@keyframes animationFramesMenu {
  0% { transform: rotate(0deg) scaleX(1) scaleY(1); }
  15% { transform: rotate(-10deg); }
  30% { transform: rotate(6deg); }
  45% { transform: rotate(-6deg); }
  60% { transform: rotate(4deg); }
  75% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg) scaleX(1) scaleY(1); }
}


#login-vk { background-position: 0px 0px; }
#login-go { background-position: calc(var(--social-ck-width) * -2) 0; }
#login-ok { background-position: calc(var(--social-ck-width) * -4) 0; }
#login-fb { background-position: calc(var(--social-ck-width) * -6) 0; }
#login-ya { background-position: calc(var(--social-ck-width) * -8) 0; }
#login-tw { background-position: calc(var(--social-ck-width) * -10) 0; }
#login-ma { background-position: calc(var(--social-ck-width) * -12) 0; }
#login-pt { background-position: calc(var(--social-ck-width) * -14) 0; }


.frameborder { border-radius: 2px; box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px, rgb(0 0 0 / 30%) 0px 18px 36px -18px, rgb(0 0 0 / 50%) 1px 1px 3px -1px; }
.frameborder { /*border: 1px solid #e0e0e0; */ border-radius: 2px; }

/*.top_menu.frameborder { background: none; box-shadow: none; } */

.top_menu.frameborder a {
color: #000000; text-shadow: 0px 1px 1px rgb(255 255 255 / 54%); display: inline-block; cursor: pointer; border-radius: 40px; padding: 0px 5px; }

.top_menu.frameborder li a { color: #262626; }
.top_menu.frameborder li a:hover { color: #2761e5; }

.bar.frameborder { padding: 7px 0 6px 0; }
.frameborder.rek { padding: 0; /*height: 200px;*/ }

li.cont { min-height: inherit !important; }

[contentEditable="true"]:empty:not(:focus):before,
[contentEditable="plaintext-only"]:empty:not(:focus):before { content:attr(data-placeholder); color: #7a7a7a; }

div, p, span, a, blockquote, textarea, input, select { outline: 0; }


/*#f4f4f4*/
.add .frameborder.header,
.add .frameborder.cont { background: #f4f4f4; padding: 10px 10px; margin: 9px 0 17px 0 !important; font: normal 16px 'Source Sans Pro'; font-weight: 300; }


.add .frameborder.cont,
.frameborder.cont div { font-size: 15px; margin-bottom: 0 !important; }

.frameborder.cont  div.audio-wrapper { margin-bottom: 7px !important; display: block; }
.frameborder.cont  div.video-wrapper { margin-bottom: 15px !important; display: block; }

.flex.frameborder.cont.authors div { text-align: center; }

#add-content { min-height: 90px;  }

.add .frameborder.header:focus,
.add .frameborder.cont:focus { border: 1px solid #cfbebe; }

ul.add button,
.button-group button { width: auto; padding: 8px 22px; }

/*ul.add button:hover { background: #448adc; } */
.add .frameborder.header br { display: none !important; }


.flat-button { vertical-align: middle; color: #f7f7f7; display: flex !important; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; font-family: 'Source Sans Pro'; font-weight: 400; border-radius: 2px; width: 100%; transition: all .2s;  display: block;}

/*.flat-button a {width: 100%; text-align: center; color: #f7f7f7; } */

/*     transition: transform 200ms ease-out; */

/*.flat-button:hover { background: #448adc; color: #fff; font-family: 'Source Sans Pro'; } */
.flat-button:active { background: #5680bb !important; }

.bar ul { margin: 5px 17px 0 33px; clear: both; }
.bar ul li { list-style: none; margin: 6px 0; font-size: 0.9rem; line-height: 1.2rem; }

.bar ul li:before { content: '·'; font-size: 6rem; vertical-align: top; line-height: 0.8rem; color: #67bb98; margin: 0 0 0 -20px; }

ul.fields-auth { margin: 0px 17px 0px 17px; }
ul.fields-auth li { text-align: center; }
ul.fields-auth li:before {  content: none; }
ul.fields-auth li.header { text-align: center; }
ul.fields-auth li.bottom-line-red { padding: 4px 0 7px 0; }

ul.fields-auth img { display: block; margin: 1px; }

li.img-secure { border: 1px solid #ccc; border-radius: 2px; margin: 6px 0 13px 0 !important; }
li.img-secure img { display: block; width: 100%; height: 70px; background-color: #fff; }

#field-profile li { text-align: left; margin: 0 0 10px 0; }
#field-profile li.header { text-align: center; cursor: default; }
#field-profile li a { color: #777; font: normal 1.0rem 'PT Sans Narrow'; }
#field-profile li a:hover { color: #000;  }


#users-wrapper li.header,
.add .header,
.bar .header { font-size: 1.2rem; font-weight: 400;  text-transform: uppercase; padding: 7px 0 3px 0; }

.bar .click { color: #265ca2; cursor: pointer; }
.bar .left { text-align: left; font-size: 0.85rem; }

.sideLeft .red,
.sideLeft .gray { color: #ea3a3a; font-size: 1.1rem; font-style: italic; text-transform: lowercase; }

.sideLeft .gray { color: #717171; }
.fixed { position: fixed; top: 0px; }

.bottom-line-red { box-shadow: #cbcbcb /*#d8b5a9*/ -1px 2px 0px -1px; color: #333; }

.tooffer { min-height: 44px; font-size: 1.3rem; border: none;  }
/*.tooffer:hover { color: #ccc; } */

.login-button { font-size: 1.2rem; height: 37px; border: 0; }
.loginvk { height: 40px; }

.content-wrapper { width: 699px; float: right; }
.content-wrapper.user { margin-top: 5px; }

.content-wrapper .content.frameborder:first-of-type { margin-top: 5px; }

.boxshadow { /* box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; */ }


.post-category { margin: 1px 0 0px 0; padding: 0 0 3px 0; font: normal 0.8rem 'PT Sans Narrow'; }
.post-category span { padding: 4px 0;/* display: inline-block; margin: 0 8px; */ font: normal 1.1rem 'PT Sans Narrow';  }
.post-category > span { color: #676767; margin: 0; }

.post-stats { display: inline-flex; align-items: center; margin: 0; padding: 0; list-style: none; height: 40px; width: 100%;}
.post-stats li { /*border: 1px solid red; */ }
.post-stats li span { font-weight: 400; }

.post-stats-author { width: 70%; text-align: right; position: relative; margin: -4px 0 0 0px; }

.post-stats-author a,
.post-stats-author i { font-size: 0.95rem; font-family: inherit; line-height: 27px; text-decoration: none !important; color: #4484d8 !important; }

#comment-wrapper i { font-style: normal; font: normal 1rem/1.7rem 'PT Sans Narrow'; color: #4484d8 !important; }

#comment-wrapper .text i { font: inherit; color: inherit !important; font-style: italic; }

#comment-wrapper i.far,
#comment-wrapper .text i.far { font: normal 12px 'Font Awesome 5 Free'; margin: 1px 5px 0 0; color: #bd826b !important }

.post-stats-author i:first-child { margin: -1px 47px -6px 0; font-style: normal; font: normal 1rem/1.7rem 'PT Sans Narrow'; display: block; }
.post-stats-author a:hover { color: #bb8686 !important; }

.post-stats-author a:first-child,
.post-stats-author span { display: block; height: 15px; margin: 0 47px 6px 0 }

.post-stats-author a:first-child { color: #4484d8; font: normal 1rem/1.7rem 'PT Sans Narrow'; }

.post-stats-author a.avatar,
.post-stats-author i.avatar { display: block; height: 36px; width: 36px; position: absolute; right: 3px; top: 3px; border-radius: 100%; overflow: hidden; }

.comment a.avatar,
.comment i.avatar { margin: 4px 10px 0 0; height: 36px; width: 36px; border-radius: 100%; overflow: hidden; display: inline-block; }

.post-stats-author a.avatar img,
.post-stats-author i.avatar img { /*width: 100%; border-radius: 100%; */ height: 100%; display: block; margin: 0 auto; /*opacity: 0.6; transition: opacity 1s ease-out;*/ }

.post-moder {  white-space: nowrap; }
.post-moder a { display: inline-block; margin: 0 14px 0 0; cursor: pointer; color: #505050; }
.post-moder div { display: inline-block; width: 34px; margin: 1px 0 0 0; }

.post-moder a:hover { color: #bb8686; }

.comment a.avatar img,
.comment i.avatar img { height: 100%; display: block; margin: 0 auto;  overflow: hidden;  }

#comment-edit blockquote a,
.comment .text a { color: #703119; text-decoration: underline; font: inherit !important; }

.comment .text a:hover { text-decoration: none; color: #000; }
.comment .text a:visited { color: #222; }

/*.post-stats-author a.avatar img:hover { opacity: 1; } */

.post-stats-author .post-time { margin-top: -2px; }


/*
.player_video { transition: transform 1000ms ease-out; }
.player_video:hover { transform: scale3d(.99, .99, 1); }
*/

.post-stats-views,
.post-stats-comments { width: 15%; }

.post-stats-comments { /*width: 65%;*/ }

.post-stats li,
.post-stats li a { color: #505050; }


.mobile { display: none !important; }

.post-time { color: #4c4c4c; font-size: 0.75rem; }
/*.post-author { color: #0253b5; } */

.fas,
.far { font-size: 1.3rem; }
/*
.fa-eye,
.fa-comments { padding: 5px 3px 0 0; margin: -2px 0 0 11px; }
*/

.chat-online-count { float: right; color: #7f7f7f; font-size: 1rem !important; margin: 4px 1px 0 0; }

#footer { height: 20px; /*display: none;*/ }

.post-stats.desktop { margin: 1px 0; }
.post-stats.desktop li { margin: 8px 0 0 0; }
.post-stats.desktop .fa-eye,
.post-stats.desktop .fa-comments { padding: 0px 15px 0 0; margin: 0; }
.post-stats-views .post-stats-comments-count { margin: -4px 0 0 12px; }

.post-stats-views:hover .fa-eye,
.post-stats-views:hover .post-stats-view-count,
.post-stats-comments:hover .fa-comments,
.post-stats-comments:hover .post-stats-comments-count { color: #bb8686; }

#currentDateTime i,
.post-time i { font-style: normal; display: inline-block; margin: 0 8px; font-size: .9rem; line-height: 1.7rem; color: #9d9d9d; }

.post-time i { font-size: 0.5rem; line-height: 1.3rem; margin: 0 4px; }

.post-img,
.player_video { display: block; max-width: 100%; margin: 0px auto; outline: none; }
.player_video { height: 393px; } 
.player_video.instagram { height: 707px; }
.player_video.telegram { }
.player_video.tiktok { width: 292px; height: 600px; }
.player_video.facebook { margin: 0; height: 400px; }

.player_audio { height: revert;  width: calc(100% - 44px); margin: 0 0px 0 22px; } 
#add-content .player_audio { height: revert;  width: 100%; margin: 0; } 

.video-wrapper  { position: relative; background: #000; /*width: 100%;*/ margin-top: 10px; }
.video-wrapper.transparent { background: transparent; }

.audio-wrapper { position: relative; background: transparent;  }
.audio-wrapper.transparent { background: transparent; }

.audio-wrapper i.far { right: 0px; top: 0px; }

#comment-wrapper .comment .post-img { max-width: calc(100% - 46px); margin-bottom: 14px; }

.play-button { top: calc(50% - 21px); left: calc(50% - 21px); position: absolute; width: 55px; height: 55px; background: rgba(0, 0, 0, 0.08); border-radius: 55px; cursor: pointer; }
.play-button:after { content: '';  position: absolute; top: 16px; left: 20px; width: 0px; height: 0px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 19px solid rgb(255 255 255 / 80%); border-radius: 3px; }
.video-wrapper .play-button { transition: background .2s ease-in-out; } 
.video-wrapper:hover .play-button { background: rgba(0, 0, 0, 0.35); }
.play-button:active  { top: calc(50% - 20px); }


.audio-wrapper .play-button { transition: background .2s ease-in-out; } 
.audio-wrapper:hover .play-button { background: rgba(0, 0, 0, 0.35); }


#comment-wrapper .video-wrapper { margin-bottom: 10px; }
#comment-wrapper .video-wrapper.max-width { width: calc(100% + 25px); }
#comment-wrapper .video-wrapper .player_video { height: 357px; }
#comment-wrapper .comment .video-wrapper.max-width { width: 100%; margin-left: 0; }


#comment-wrapper .audio-wrapper { margin-bottom: 10px; }
#comment-wrapper .audio-wrapper.max-width { width: calc(100% + 25px); }
#comment-wrapper .audio-wrapper .player_video { height: 357px; }
#comment-wrapper .comment .audio-wrapper.max-width { width: 100%; margin-left: 0; }


.ajax-loader { position: fixed; top: 48%; left: 60%; z-index: 99999; }

.post-text,
.story-title a { word-wrap: break-word; word-break: break-word; /*break-all;*/  }

.post-text img { max-width: 100%; }
.post-text a.url-photo { display: block; }

.post-text p:first-child { /*min-height: 0px; height: 0px;  */}


#posts-wrapper .post-text a { text-decoration: underline; color: #4484d8; }
#posts-wrapper .post-text a:hover { text-decoration: none; color: #bb8686; }

.post-text h5 { display: block; margin: 0 0 6px 0; font-size: 1.15rem; font-weight: 400; }
.poll li input[type="radio"] { margin: 0 10px 0 23px; }
.poll label { cursor: pointer; }


.post-category .tags { font: normal 0.6rem/1.7rem 'PT Sans Narrow'; color: #777; text-transform: lowercase; }
.post-category .tags a { display: inline-block; margin: 0 9px 0 6px; color: #4484d8; font: normal 1rem/1.6rem 'PT Sans Narrow'; }
.post-category .tags a:hover { color: #bb8686; }
.post-category .tags a:first-child { margin-left: 0px; }

a.live {
/* font: normal 0.85rem 'PT Sans Narrow'; color: #5e5e5e; */
 font: normal 300 12px/11px 'Roboto Condensed', sans-serif !important; color: #020202; 
}
a.live:hover { color: #8f5d3a !important; }
a.live:visited { /*color: #8e8d8d; */ color: #5e5e5e; }

#comments-live,
#site-online,
#chat-online { transition: all .5s ease-in-out; overflow-y: clip; }

#comments-live li:before { color: #debba2; }

#site-online a.live { color: #5e5e5e; }
#site-online a:hover.live { color: #5983c1; }


div.post-category.authors { /*margin: 0px 0 0px 0;*/ padding: 0 0 2px 0; }
div.post-category.authors span  { padding-top: 0; }
div.post-category.authors span:nth-child(even) { color: #ad8d8d; }
.post-category.authors .tags span { position: relative; font-size: 1rem; line-height: 1.7rem;  color: #989898; display: inline-block;margin: 0 16px 0 0; }
.post-category.authors .tags .adesc  { display: inline-block; margin: 0 5px 0 0; padding: 0; }
.post-category.authors .tags .adesc:before { content: '|'; font-size: 0.6rem; display: inline-block; top: 1px; left: -9px; position: absolute; }
.post-category.authors .tags span:first-child:before { content: none; }
.post-category.authors .tags a { margin: 1px 17px 0 0px; text-decoration: none !important; }

/*
.content:nth-child(odd) .video-wrapper.max-width,
.content:nth-child(odd) a.url-photo { width: calc(100% + 46px); margin-left: -23px; border-radius: 0; display: inline-block; }
*/

.content .audio-wrapper.max-width,
.content .video-wrapper.max-width,
.content a.url-photo { width: calc(100% + 44px); margin-left: -22px; border-radius: 0; display: inline-block; }
/*.content a.url-photo { width: calc(100% + 46px); margin-left: -23px; border-radius: 0; display: inline-block; } */


.pages-wrapper { float: right; width: 100%;}
#pages { text-align: center; margin: 24px 0 10px 0; color: #C40000; }
#pages a { text-decoration: none; }

#profile-logout span { color: #23b39e; }

button { transition: background-color 200ms ease-out, color 200ms; position: relative; vertical-align: middle; box-sizing: border-box;
    cursor: pointer; border: 0; outline: none; background: #265ca2; }

#add-buttons-wrapper { display: flex; justify-content: center; align-items: center; margin: 13px 0 0 0; }

#add-buttons-wrapper .fas,
#add-buttons-wrapper .far { margin-top: 2px; font-size: 1.2rem; }

#add-buttons-wrapper button { display: inline-block; position: relative; border-radius: 48px; width: 48px; height: 48px; line-height: 0; padding: 0; text-align: center; margin: 4px 8px 15px 8px; }

#add-buttons-wrapper button::before { text-align: center; position: absolute; content: attr(data-name); display: block;
    bottom: -20px; color: #777; text-transform: none; font: normal 0.85rem 'Source Sans Pro'; width: 100%; }

button,
.flat-button { background: #6e9ad7; color: #fff; }
/*#5680bb  */

button:hover,
.flat-button:hover { background: #6aafff; color: #fff; }
/*#6bacf7 */


.inline { display: inline-block !important; margin: 6px 14px 6px 0; }

.tags-sort,
.save-draft,
.reset-draft { color: #656565; }

.save-draft { border-bottom-right-radius: 0; border-top-right-radius: 0; background: #e4e4e4; }

.reset-draft { border-bottom-left-radius: 0; border-top-left-radius: 0; padding: 8px 11px !important; background: #d2d2d2; }
.tags-sort { border-bottom-left-radius: 0; border-top-left-radius: 0; padding: 5px 12px !important; background: #d2d2d2; margin: 0 0 0 0; }

.save-draft:hover { background: #eaeaea; color: #656565; }

.tags-sort:hover,
.reset-draft:hover { background: #dadada; color: #656565; }

.tags-sort:active,
.save-draft:active,
.reset-draft:active { background: #bfbfbf !important; color: #333 !important; }


.reset-draft i { font-size: 1.1rem; }

.flex { display: flex; justify-content: center; align-items: center;  }

.button-group { display: inline-block; position: relative; text-align: center; }
.button-group .save-draft { margin-right: 0; }

.canvas-pic,
.canvas-video { position: relative; margin: 0 -8px 0 -8px; }

.canvas-audio { position: relative; margin: 0 auto; }



.canvas-pic .fa-times-circle,
.canvas-video .fa-times-circle,
.canvas-audio .fa-times-circle,
.canvas-pic .fa-arrow-alt-circle-up,
.canvas-pic .fa-arrow-alt-circle-down,
.canvas-video .fa-arrow-alt-circle-up,
.canvas-video .fa-arrow-alt-circle-down,
.canvas-audio .fa-arrow-alt-circle-up,
.canvas-audio .fa-arrow-alt-circle-down { position: absolute;  top: 11px; right: 8px; cursor: pointer; caret-color: transparent; display: none; color: #ea4040 !important; background: radial-gradient(#ffffffd6 60%, transparent 40%); z-index: 1000; }

.canvas-pic .fa-arrow-alt-circle-up,
.canvas-video .fa-arrow-alt-circle-up { top: 32px !important; }

.canvas-audio .fa-arrow-alt-circle-up { top: 18px !important; }

.canvas-pic .fa-arrow-alt-circle-down,
.canvas-video .fa-arrow-alt-circle-down { top: 53px !important; }

.canvas-audio .fa-arrow-alt-circle-down { top: 36px !important; }

.canvas-video:hover .fa-times-circle,
.canvas-audio:hover .fa-times-circle,
.canvas-pic:hover .fa-times-circle,
.canvas-pic:hover .fa-arrow-alt-circle-up,
.canvas-pic:hover .fa-arrow-alt-circle-down,
.canvas-video:hover .fa-arrow-alt-circle-up,
.canvas-video:hover .fa-arrow-alt-circle-down,
.canvas-audio:hover .fa-arrow-alt-circle-up,
.canvas-audio:hover .fa-arrow-alt-circle-down { display: block; }

.canvas-video:hover .fa-times-circle:hover,
.canvas-audio:hover .fa-times-circle:hover,
.canvas-pic:hover .fa-times-circle:hover,
.canvas-pic .fa-arrow-alt-circle-up:hover,
.canvas-pic .fa-arrow-alt-circle-down:hover,
.canvas-video .fa-arrow-alt-circle-up:hover,
.canvas-video .fa-arrow-alt-circle-down:hover,
.canvas-audio .fa-arrow-alt-circle-up:hover,
.canvas-audio .fa-arrow-alt-circle-down:hover { color: #1245ff !important; }

#comment-wrapper .canvas-video:hover .fa-times-circle:hover,
#comment-wrapper .canvas-audio:hover .fa-times-circle:hover,
#comment-wrapper .canvas-pic:hover .fa-times-circle:hover,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-up:hover,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-down:hover,
#comment-wrapper .canvas-video .fa-arrow-alt-circle-up:hover,
#comment-wrapper .canvas-video .fa-arrow-alt-circle-down:hover,
#comment-wrapper .canvas-audio .fa-arrow-alt-circle-up:hover,
#comment-wrapper .canvas-audio .fa-arrow-alt-circle-down:hover { color: #1245ff !important; }

.canvas-video:hover .fa-times-circle:active,
.canvas-audio:hover .fa-times-circle:active,
.canvas-pic:hover .fa-times-circle:active,
.canvas-pic .fa-arrow-alt-circle-up:active,
.canvas-pic .fa-arrow-alt-circle-down:active,
.canvas-video .fa-arrow-alt-circle-up:active,
.canvas-video .fa-arrow-alt-circle-down:active,
.canvas-audio .fa-arrow-alt-circle-up:active,
.canvas-audio .fa-arrow-alt-circle-down:active { color: #ff0000  !important; }


.content-wrapper canvas { max-width: 100%;  vertical-align: middle; display: block; margin-bottom: 15px; }
.content-wrapper .loading { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; background: rgba(0, 0, 0, .5); border-radius: 2px; }

.absolute { position: absolute !important; }

.canvas-pic .ajax-loader,
.canvas-video .ajax-loader { top: 48%; left: 49%; }

.canvas-video { min-height: 240px; }
.canvas-video canvas { cursor: pointer; }
.canvas-video .fas.fa-play-circle { position: absolute; opacity: 0.6; font-size: 2.0rem; }
.canvas-audio .fas.fa-play-circle { position: absolute; opacity: 0.6; font-size: 2.0rem; }
.content-wrapper p { min-height: 14px; } 
#comment-wrapper p { min-height: inherit; line-height: 18px; }
#comment-edit p { min-height: 14px; }

#sendButton .anon { display: inline-block; margin: 10px 3px 0 8px; }
#sendButton .anon .switch input:checked + .slider:before {  background-color: #7fb1f9; }
#sendButton .for-post-anon { display: inline-block; margin: 8px 0 0 30px; }

#sendButton.cloneSendButton .anon,
#sendButton.cloneSendButton .for-post-anon { margin-top: 12px; }


/*.content-wrapper a { color: #000; display: inline-block;  /*text-decoration: underline;*/ cursor: pointer; } */


.content-wrapper a:hover { /*text-decoration: underline;*/ color: #bb8686; } 

#comment-wrapper a { font: normal 1rem/1rem 'PT Sans Narrow'; }


.post-stats-views a,
.post-stats-comments a { text-decoration: none; }



#editor-toolbar { position: absolute;  }
#editor-toolbar button { display: inline-block; background-color: rgba(0, 0, 0, 0.68); padding: 11px 14px 5px 14px; }


#wrap-for-link.none,
#editor-toolbar button.none,
#editor-toolbar.none { display: none; }

#editor-toolbar button:hover,
#editor-toolbar button.tb-active { background-color: rgba(0, 0, 0, 0.78); }

#editor-toolbar button.tb-active:hover { color: #ffd0d0; }

#editor-toolbar button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#editor-toolbar button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
#editor-toolbar button i { font-size: 0.75rem; }
#editor-toolbar:after { position: absolute; border-width: 4px; top: 30px; border-color: #484848 transparent transparent transparent; content: ''; border-style: solid; margin-left: -3px; }

#wrap-for-link { background-color: rgba(0, 0, 0, 0.68); padding: 4px 4px; border-radius: 2px; }
#wrap-for-link a { display: inline-block; margin: 0 2px; line-height: 27px; width: 23px; height: 23px; font-weight: 400; color: #fff;
    text-align: center;  text-decoration: none; border-radius: 2px;}
#wrap-for-link a:hover { background-color: #333333; }
#wrap-for-link input { width: 119px; }


blockquote { display: block; position: relative; padding: 5px 22px 3px 15px; margin: 5px 0 5px 0; /*color: #000;*/ color: #303030; background-color: rgb(0 0 0 / 3%); border-radius: 2px; border: 1px solid #bbbbbb; overflow: hidden; }
blockquote:after { position: absolute; right: 6px; top: -1px; display: block; content: '\201D' !important; font-size: 2.2rem; font-weight: bold;
    font-family: auto; color: #a8c0d8; text-shadow: 0px 0px 0px rgba(0, 0, 0, .3); }

b,
blockquote b { font-weight: 400; color: #303030; }

blockquote img.max-width { width: calc(100% - 44px);  }


.post-text > blockquote > blockquote,
.text > blockquote > blockquote { max-height: 22px; /*transition: max-height 1s ease-out; */ }

.post-text > blockquote > blockquote.expander,
.text > blockquote > blockquote.expander { max-height: 2000px; /*transition: max-height 1s ease-out;*/ }

/*
.post-text > blockquote,
.text > blockquote { background-color: transparent; border: none; margin: 0; padding: 0 7px 0 7px; }
*/

.post-text > blockquote > b,
.text > blockquote > b { display: block; background: #dfd6d0; padding: 2px 6px; border-radius: 1px; cursor: pointer; }


.post-text > blockquote > b:hover,
.text > blockquote > b:hover {  background: #e5d9d1;  }

.post-text > blockquote:after,
.text > blockquote:after { content: ''; }

.text > blockquote > b + br,
.post-text > blockquote > b + br { display: none; }

.post-text blockquote:after { top: 8px; }

#comment-edit blockquote { margin-left: 0; -webkit-user-modify: read-only; -moz-user-modify: read-only; }

.comments .bottom-line-red { padding: 0px 0 16px 0;  margin: 0 0 18px 0; }
.comments .bottom-line-red a:hover { color: #bb8686; }

.comments .menu a { display: inline-block; margin: 0 21px 0 0; color: #4484d8; font: normal 1rem/1.7rem 'PT Sans Narrow'; }

.comments .answer,
#add-content { min-height: 50px; word-break: break-word; background-color: #fbfbfb; border-radius: 3px; padding: 7px 8px 17px 8px; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .15); margin: 0 0 6px 0; position: relative; }

.comments .answer { max-height: 240px; overflow-y: auto;  }

.comment blockquote:after,
.answer blockquote:after { top: 6px; }
.answer { font-size: .87rem; }

.comment button.quote,
.comment button.replay,
.comment button.edit,
.comment button.delete,
.comment button.expander { cursor: pointer; background: none; display: inline-block; color: #5680bb; margin: -4px 0 0 2px !important; border: none !important; }

.comment button:hover.quote,
.comment button:hover.replay,
.comment button:hover.edit,
.comment button:hover.delete,
.comment button:hover.expander { color: #6bacf7; }

.comment button.replay[data-type="create"]:after { content: 'цитировать'; }
.comment button.replay[data-type="cancel"]:after { content: 'отмена'; }
.comment button.quote[data-type="quote"]:after { content: 'ответить'; }
.comment button.edit[data-type="edit"]:after { content: 'редактировать'; }
.comment button.delete[data-type="delete"]:after { content: 'удалить'; }
.comment button.expander[data-type="expander"]:after { content: 'раскрыть'; }

.comment button.quote[data-type="quote"],
.comment button.delete[data-type="delete"],
.comment button.edit[data-type="edit"],
.comment button.expander[data-type="expander"] { margin-left: -4px !important; }

.comments .fa-ellipsis-h { font-size: 0.85rem; margin: 4px 0 0 0; }
.comments .inline { margin-right: 0; }

.comments .send-comment,
.comments .clear-comment { border-bottom-right-radius: 0; border-top-right-radius: 0; font-size: 0.8rem; display: inline-block !important; width: 106px; }

.comments .send-comment { margin: 0 0 0 10px; }

.comments .button-dot { border-bottom-left-radius: 0; border-top-left-radius: 0; background: #4570ad; padding: 7px 14px; }
.comments .button-dot:hover { background: #649ee2; }

#comment-wrapper .comment { margin: 0 0 11px 0; /*font-size: .87rem;*/ font: normal 300 12px/16px 'Roboto Condensed', sans-serif; color: #2e2e2e; }

#comment-wrapper .canvas-pic i.far { font: normal 1.3rem 'Font Awesome 5 Free' !important; color: #ea4040 !important; margin-top: 2px; }

/*
#comment-wrapper .canvas-pic:hover .fa-times-circle:hover,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-up:hover,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-down:hover { color: #1245ff !important; }

#comment-wrapper .canvas-pic:hover .fa-times-circle:active,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-up:active,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-down:active { color: #ff0000 !important; }

#comment-wrapper .canvas-pic .fa-times-circle,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-up,
#comment-wrapper .canvas-pic .fa-arrow-alt-circle-down { color: #ea4040 !important; }
*/


#comment-wrapper .comment br { font-size: .8rem; }
#comment-wrapper .text { word-break: break-word; margin: -11px 0 0 46px; }
#comment-wrapper .author { font-weight: 400;  color: #4484d8;  margin: 4px 0 0 0; display: inline-block; }
#comment-wrapper a:hover.author { color: #bb8686; }

.content.frameborder br { /*content: '';*/ display: block; margin: 8px 0 0 0; }
.content.frameborder blockquote br { margin: 1px 0 0 0; }
.post-text br { content: ''; }

#comment-wrapper .comment.child_0 { margin: 0 0 7px 0px; }
#comment-wrapper .comment.child_1 { margin: 0 0 7px 43px; }
#comment-wrapper .comment.child_2 { margin: 0 0 7px 86px; }
#comment-wrapper .comment.child_3 { margin: 0 0 7px 129px; }
#comment-wrapper .comment.child_4 { margin: 0 0 7px 172px; }
#comment-wrapper .comment.child_5 { margin: 0 0 7px 215px; }
#comment-wrapper .comment.child_6 { margin: 0 0 7px 258px; }
#comment-wrapper .comment.child_7 { margin: 0 0 7px 301px; }
#comment-wrapper .comment.child_8 { margin: 0 0 7px 344px; }
#comment-wrapper .comment.child_9 { margin: 0 0 7px 387px; }
#comment-wrapper .comment.child_10 { margin: 0 0 7px 430px; }

#comment-wrapper .comment:after { content: ''; border-bottom: 1px solid #b9b9b9; display: block; margin: 3px 0px 10px 38px; }
#comment-wrapper .comment:last-child:after { content: none; }

#comment-wrapper .comment.child_1 .avatar,
#comment-wrapper .comment.child_2 .avatar,
#comment-wrapper .comment.child_3 .avatar,
#comment-wrapper .comment.child_4 .avatar,
#comment-wrapper .comment.child_5 .avatar,
#comment-wrapper .comment.child_6 .avatar,
#comment-wrapper .comment.child_7 .avatar,
#comment-wrapper .comment.child_8 .avatar,
#comment-wrapper .comment.child_9 .avatar,
#comment-wrapper .comment.child_10 .avatar { width: 28px; height: 28px; }

#comment-wrapper .comment.child_0 .text { margin-top: -16px; }

#comment-wrapper .comment.child_1 .text,
#comment-wrapper .comment.child_2 .text,
#comment-wrapper .comment.child_3 .text,
#comment-wrapper .comment.child_4 .text,
#comment-wrapper .comment.child_5 .text,
#comment-wrapper .comment.child_6 .text,
#comment-wrapper .comment.child_7 .text,
#comment-wrapper .comment.child_8 .text,
#comment-wrapper .comment.child_9 .text,
#comment-wrapper .comment.child_10 .text { margin-left: 38px; margin-top: -9px; }

.cloneCedit { margin-left: 35px !important; }

/*.comments .comment { box-shadow: #d8b5a9 0px 2px 0px -1px;  margin: 0 0 17px 0; padding: 0 0 14px 0; } */


.profile { min-height: 435px; }

.popup .uavatar,
.popup-profile .uavatar,
.profile .avatar { position: absolute; left: 25px; top: 25px; display: inline-block; width: 128px; height: 128px; border-radius: 100%; overflow: hidden; }

.popup-profile .uavatar img,
.popup .uavatar img,
.profile .avatar img { /*width: 100%; border-radius: 100%;*/ height: 100%;  vertical-align: middle; display: inline-block; transition: transform 1s ease-out; }

.popup .uavatar:hover img,
.popup-profile .uavatar:hover img,
.profile .avatar:hover img { transform: scale3d(1.1, 1.1, 1); }



.profile .avatar input[type="file"] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; 
    opacity: 0; width: 100%; overflow: hidden; }
.profile .avatar .avatar-upload { transition: opacity 200ms; /*background-color: rgba(0, 0, 0, .5);*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 100%; }
.profile .avatar .fas.fa-camera { top: calc(50% - 9px); left: calc(50% - 9px); position: absolute; color: #fff; }

.profile-user { margin: -2px 0 0 171px; width: 100%; color: #626262; }
.profile-user h1 { font: bold 1.5rem 'PT Sans Narrow'; margin: 0 0 11px 0; }
.user-about { display: flex; align-items: flex-start;  font-size: 1rem; margin: 0 27px 0 0; }
.user-about > div:first-child { min-width: 55px;  margin-top: -14px; }
.user-about > div:last-child { display: flex; width: 100%; }
.user-about textarea { flex: 1; resize: none; border: none; word-break: break-word; background-color: #fbfbfb; font: normal 0.95rem 'Source Sans Pro'; border-radius: 3px; padding: 10px 12px; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .15); width: 100%; }

.user-about .container { height: 80px; margin: 0 19px 0 0; }
.valuebox .container { height: 29px; }

.switch-block,
.user-sex,
.profile-save { display: flex; align-items: flex-start; font-size: 1rem; }

.user-sex > div:first-child,
.profile-save > div:first-child { min-width: 55px;  }

#select-dfcurrent select,
#options-wrapper select,
.user-sex select { background: none; border: none; padding: 5px; width: 113px; border-radius: 2px; font: normal 0.85rem 'Source Sans Pro'; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .15); }

#select-dfcurrent select { width: 66%; }

#options-wrapper select:focus,
.user-about textarea:focus,
.user-sex select:focus { box-shadow: inset 0px 0px 0px 1px rgb(125 72 72 / 50%); }

#comment-wrapper .comment.child_0:after,
#comment-wrapper .comment.child_0 i.idate { margin-left: 46px; color: #a6a6a6 !important; font: normal 12px/13px 'Source Sans Pro' !important; }

#comment-wrapper i.idate { color: #a6a6a6 !important; font: normal 12px/13px 'Source Sans Pro' !important; margin: -3px 0px -2px 38px; display: inline-block; vertical-align: middle; }

.container { position: relative; perspective: 400px; transform-style: preserve-3d; }
.success-animate { position: absolute; transform: rotateX(360deg); transition: transform 2s;}
.transform-none { transform: none; }

.security.top_menu { height: auto;  }
.security { padding: 0px 19px 0px 19px; min-height: 400px; justify-content: left; align-items: start; display: block; }
.settings-security { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; font: normal 0.9rem 'Source Sans Pro'; color: #626262; padding: 21px 0 0 0; }
.settings-security:first-child { margin-top: 10px;  padding: 26px 0 0 0; }

.settings-security { /*box-shadow: #d8b5a9 0px -1px 0px 0px;*/ position: relative; }

.settings-security.active:before,
.settings-security.active:after { display: block; height: 99.6% !important; }

.settings-security:before,
.settings-security:after { height: 100%; width: 20px; position: absolute; top: 0px; /*background: rgb(230 204 181 / 14%);*/ content: ''; cursor: pointer; display: none; /*box-shadow: #d8b5a9 0px -1px 0px 0px, #d8b5a9 0px 1px 0px 0px;*/  }

.settings-security:first-child:before,
.settings-security:first-child:after { height: 99.0%; }

.settings-security:before { left: -19px; }
.settings-security:after { right: -19px; }
/*
.settings-security:hover { background: rgb(230 204 181 / 14%); }
.settings-security.active { background: rgb(230 204 181 / 14%); }
*/
.settings-security:hover:after,
.settings-security:hover:before { display: block; }

.settings-security:nth-child(2) { box-shadow: #d8b5a9 0px -1px 0px 0px, #d8b5a9 0px 1px 0px 0px; }
.settings-security:nth-child(3) { box-shadow: #d8b5a9 0px 1px 0px 0px; }


.row { flex: 1 1 auto; width: 100%; margin-bottom: 10px; display: flex; flex-direction: row; }
.labelbox { flex: 0 0 20%; align-self: center; font: normal 1rem 'PT Sans Narrow';  }
.valuebox { flex: 0 0 45%; }
.buttonbox { flex: 0 0 14%; align-self: center; text-align: center; /*height: 29px;*/ }

.flex.frameborder.cont.authors > div { width: 100%; }

.flex.frameborder.cont.authors > div:first-child input[type="text"] { width: 92.0%; margin-left: -1px; }
.flex.frameborder.cont.authors > div:last-child input[type="text"] { width: 92.3%; margin-left: 2px; }

#add-header,
#users-wrapper input[type="text"],
.flex.frameborder.cont.startdt input[type="text"],
.flex.frameborder.cont.authors input[type="text"],
#options-wrapper input[type="text"],
#useredit-wrapper input[type="text"],
.video-file-add input[type="text"],
.audio-file-add input[type="text"],
#input-tags input[type="text"],
.settings-security input[type="text"],
.settings-security input[type="password"] { width: 100%; border: none; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .15); font: normal 0.9rem 'Source Sans Pro'; padding: 6px 8px; border-radius: 2px; }

#add-header:focus,
#users-wrapper input[type="text"]:focus,
.flex.frameborder.cont.startdt input[type="text"]:focus,
.flex.frameborder.cont.authors input[type="text"]:focus,
#options-wrapper input[type="text"]:focus,
#useredit-wrapper input[type="text"]:focus,
#add-content:focus,
.video-file-add input[type="text"]:focus,
.audio-file-add input[type="text"]:focus,
.settings-security input[type="password"]:focus,
.settings-security input[type="text"]:focus { box-shadow: inset 0px 0px 0px 1px rgb(125 72 72 / 50%); }

.input-focus { box-shadow: inset 0px 0px 0px 1px rgb(255 0 0 / 50%) !important; }

.flex.frameborder.cont.authors input[type="text"] { width: 91.5%; margin: 0 0 3px 0; }
.flex.frameborder.cont.authors input[type="text"]:last-child { margin-bottom: 0; }
.flex.frameborder.cont.startdt input[type="text"] { width: 43%; margin: 0 0 3px 0; color: #797979; }
.flex.frameborder.cont.startdt input[type="text"]:last-child { margin-bottom: 0; }
.flex.frameborder.cont.startdt label { margin: 0 8px 3px 0; }

.settings-security .buttonbox button,
.settings-security .buttonbox { background: none; color: #4484d8; font: normal 1rem 'PT Sans Narrow'; }
.settings-security .buttonbox button:hover,
.settings-security .buttonbox:hover { color: #bb8686; }
.settings-security .flat-button { width: auto; padding: 7px 18px; margin-top: 0; }
.settings-security .none { display: none; }
.settings-security > div:first-child .labelbox,
.settings-security > div:first-child .valuebox,
.settings-security > div:first-child .buttonbox { height: 29px; }
.settings-security > div:nth-child(2) { margin-top: -6px;}
.settings-security > div:first-child { cursor: pointer; }


#input-tags { flex: 1; display: block; justify-content: flex-start; align-items: flex-start; }
#input-tags #input-tag { width: 196px; display: inline-block;  max-width: calc(100% - 20px); box-shadow: none; background: none; padding: 0; font-weight: 400; position: relative; }

#input-tags #input-tag.hide { position: absolute; left: -2000px; }
/*#input-tags #input-tag.default { width: 196px; } */

.tag { display: inline-block; margin-right: 15px; overflow-wrap: break-word; cursor: pointer; }
.tag.active { font-weight: 400; }

/* #popup-tags { max-height: 255px; overflow-y: auto; box-shadow: #00000029 0px 1px 4px 1px; border-radius: 2px; margin: 0px 1px 0 1px; outline: none; } */

#popup-tags { max-height: 255px; overflow-y: auto; border-radius: 2px; margin: 1px 0px 0 0px; outline: none; background: #fff; }


#popup-tags > div { font-size: 13px; font-weight: 300; padding: 5px 25px; display: flex; justify-content: space-between; cursor: pointer; }
#popup-tags > div.active,
#popup-tags > div:hover { background-color: rgb(191 173 170 / 11%);  }

#popup-tags > div > div:first-child { flex: 1;  margin-right: 10px; }
#popup-tags > div > div:first-child > span { background-color: rgb(255 200 0 / 30%);  }

#popup-tags > div > div:last-child {  }

#add-post { margin-bottom: 250px; }

.ytpayer { width: 100%; }

/*
#video-placeholder-youtube { margin: 0; padding: 0; border: 0; width: 640px; height: 360px; max-height: 360px; display: none; }
#id_youtube { width: auto; height: auto; min-width: 400px; min-height: 234px; }
*/


.video-file-add { margin: 12px 0px 0 1px; padding: 14px 13px; box-shadow: none; }
.video-file-add > div:first-child { position: relative; margin: }
.video-file-add > div:first-child i { position: absolute; top: 9px; left: 8px; color: #6fd8c4; }
.video-file-add.frameborder { padding: 14px 0px 14px 0px; }

.video-file-add p { font: normal 0.85rem 'Source Sans Pro'; font-weight: 300; }
.video-file-add .flat-button { margin: 10px 0 0 0; position: relative; display: inline-block !important; width: auto; padding: 7px 20px; }
.video-file-add input[type="file"] { position: absolute;  cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; overflow: hidden; }

.video-file-add input[type="text"] { width: calc(100% - 46px); margin: 0 0 10px 0; padding: 10px 12px 9px 35px; font-weight: 300; }
.yt { width: 100%; }


.audio-file-add { margin: 12px 0px 0 1px; padding: 14px 13px; box-shadow: none; }
.audio-file-add > div:first-child { position: relative; margin: }
.audio-file-add > div:first-child i { position: absolute; top: 9px; left: 8px; color: #6fd8c4; }
.audio-file-add.frameborder { padding: 14px 0px 14px 0px; }

.audio-file-add p { font: normal 0.85rem 'Source Sans Pro'; font-weight: 300; }
.audio-file-add .flat-button { margin: 10px 0 0 0; position: relative; display: inline-block !important; width: auto; padding: 7px 20px; }
.audio-file-add input[type="file"] { position: absolute;  cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; overflow: hidden; }

.audio-file-add input[type="text"] { width: calc(100% - 46px); margin: 0 0 10px 0; padding: 10px 12px 9px 35px; font-weight: 300; }
.yt { width: 100%; }

.popup.user {  width: 320px; height: 209px;  box-shadow: 0px 0px 13px 1px rgb(0 0 0 / 15%); background: #fff; position: absolute; border-radius: 3px; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(0);  transition: all .2s ease-in-out; }

.popup.show { visibility: visible; transform: translateY(-15px); opacity: 1; }

.arrow_box:after,
.arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none;  }
.arrow_box:after { border-top-color: #fff; border-width: 7px; margin-left: -7px; }


.arrow_box_bottom:after,
.arrow_box_bottom:before { top: -16px; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none;  }
.arrow_box_bottom:after { border-bottom-color: #0c192b; border-width: 8px; margin-left: -7px; }


.popup-profile > div:first-child,
.popup > div:first-child { height: 90px; /*background: #e6c4b8;*/ background: url(../pic/binary-code.jpg) no-repeat; background-size: cover; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; }

.popup-profile .uavatar,
.popup .uavatar { width: 90px; height: 90px; border: 3px solid #fff; left: 15px; }


.popup-login { padding: 13px 0 8px 96px; border-bottom: 1px solid #cbcbcb; margin: 0 14px 0 14px; }
.popup-login > div { width: 100%; }
.popup-login > div:first-child { font-size: 1.2rem; font-weight: 400; }
.popup-login > div:last-child { font-size: 0.85rem; font-weight: 300; margin: -2px 0 0px 0; }

.popup-older {  }
.popup-stats { display: flex; justify-content: space-between; font-size: 0.85rem; padding: 11px 14px 0 14px; }
.popup-stats > div { text-align: center; }
.popup-stats > div > div:first-child { font-weight: 400; line-height: 0.9rem; }

.popup-profile { margin: 10px 0 0 0; }
.popup-profile > div:first-child { margin: -1px -1px 0 -1px !important; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.popup-profile.content > div { margin: 9px 19px 0px 19px; }

.popup-profile .popup-stats { padding: 3px 14px 8px 14px; }
.popup-profile .popup-login > div:last-child { margin: 1px 0 0 0; line-height: 1.15rem; color: #1f3f5a; }

#users-wrapper .content { margin-top: 10px; }
#users-wrapper .content ul { margin: 0 19px; }
#users-wrapper .content ul:first-child { margin-top: 10px; }
#users-wrapper .content ul:last-child { margin-bottom: 10px; }

#users-wrapper .content ul li a { color: #4484d8; font: normal 1rem/1.7rem 'PT Sans Narrow'; }
#users-wrapper .content ul li a:hover { color: #bb8686; }

/*#users-wrapper { margin-top: 5px; } */


#field-admin li { text-align: left; margin: 0 0 10px 0; }

#users-wrapper li.header,
#field-profile li.header,
#options-wrapper li.header,
#field-admin li.header { text-align: center; cursor: default; background: #da2626; color: #fff; font-weight: 500; margin: 4px 0px 17px 0px; border-radius: 2px; padding: 4px 0; }

#field-admin li a { color: #777; font: normal 1.0rem 'PT Sans Narrow'; }
#field-admin li a:hover { color: #000;  }



/* --- switch slider ---- */

.switch {  display: inline; width: 33px; height: 16px; position: relative; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; width: 33px; height: 16px; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 8%);  box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 53%) inset; }
.slider:before { position: absolute; content: ''; height: 12px; width: 12px; left: 3px; bottom: 2px; background-color: rgb(0 0 0 / 37%); transition: .1s; }
.switch input:checked + .slider:before { background-color: #e87b7b; transform: translateX(16px); }
.switch input:checked + .slider.blue:before { background-color: #7caaff; }
.switch input:checked + .slider.red:before { background-color: #e87b7b; }

.post-moder .switch input:checked + .slider:before { background-color: #7cb3de; transform: translateX(16px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2); }



/* ------------------------------ */

#useredit-wrapper .profile-user { margin: 134px 0 0 157px; }
#useredit-wrapper .profile { height: auto; }
#useredit-wrapper form > div { margin-bottom: 11px; }

#profile-wrapper .switch-block > div:first-child,
#profile-wrapper .user-sex > div:first-child,
#profile-wrapper .user-about > div:first-child,
#profile-wrapper .profile-save > div:first-child { min-width: 135px;  }

#profile-wrapper .switch-block { line-height: 1.7rem; }
#profile-wrapper .switch-block > div:first-child { margin-top: -3px; }

#useredit-wrapper .user-about > div:first-child,
#useredit-wrapper .user-sex > div:first-child,
#useredit-wrapper .switch-block > div:first-child,
#useredit-wrapper .profile-save > div:first-child { min-width: 155px;  }


#useredit-wrapper .switch-block > div:first-child { margin-top: -2px; }


#useredit-wrapper .user-about > div:first-child { margin-top: -14px; }
#useredit-wrapper .user-sex > div:first-child { margin-top: -7px; }
#useredit-wrapper .user-about.email > div:first-child { margin-top: -7px; }

#useredit-wrapper .user-about { margin-bottom: 5px; }
#useredit-wrapper .user-sex { margin-bottom: 1px; }

#useredit-wrapper .user-about > div:last-child,
#useredit-wrapper .user-sex > div:last-child,
#useredit-wrapper .user-block > div:last-child { display: flex; width: 100%; }

#useredit-wrapper .switch-block { line-height: 1rem; }
#useredit-wrapper .user-about .container { height: 79px; }

#useredit-wrapper .user-about.email .container { height: auto; margin-right: 11px; }

#useredit-wrapper .divider { margin: 0px 23px 12px 0px; line-height: 1.8rem; height: 24px; font-size: 1.0rem; color: #d23636; padding: 14px 0px 5px 0; border-bottom: 1px solid #aaaaaa; }


ul.add p[id^="divider"] { min-height: 5px; }
/*ul.add p[id^="divider"] > br { content: ''; } */


#users-wrapper li a,
#useredit-wrapper li a { color: #9a9a9a; }

#users-wrapper .top_menu.frameborder li,
#useredit-wrapper .top_menu.frameborder li { padding: 10px 6px; }

#users-wrapper .top_menu.frameborder li a,
#useredit-wrapper .top_menu.frameborder li a { color: #262626; }

#users-wrapper .top_menu.frameborder li a:hover,
#useredit-wrapper .top_menu.frameborder li a:hover { color: #2761e5; }


#field-profile li a.active,
#field-admin li a.active,
#users-wrapper li a.active,
#useredit-wrapper li a.active { color: #000; }

#users-wrapper li a:hover,
#useredit-wrapper li a:hover { color: #000; }

.content .user-list {  }

.content .user-list li { border-bottom: 1px solid #c5c5c5; padding: 3px 0 2px 0; position: relative; }
.content .user-list li:after { content: ''; position: absolute; width: 20px; height: 20px; top: 5px; right: 2px; }

.content .user-list li.vk:after,
.content .user-list li.go:after,
.content .user-list li.ok:after,
.content .user-list li.fb:after,
.content .user-list li.ya:after,
.content .user-list li.ma:after,
.content .user-list li.pt:after,
.content .user-list li.tw:after { background: url(../pic/pnz-social.png) no-repeat; background-size: cover; }

.content .user-list li.vk:after { background-position-x: 0px; }
.content .user-list li.go:after { background-position-x: -20px; }
.content .user-list li.ok:after { background-position-x: -40px; }
.content .user-list li.fb:after { background-position-x: -60px; }
.content .user-list li.ya:after { background-position-x: -80px; }
.content .user-list li.tw:after { background-position-x: -100px; }
.content .user-list li.ma:after { background-position-x: -120px; }
.content .user-list li.pt:after { background-position-x: -140px; }
.content .user-list li:last-child { border-bottom: none; }


h1.profile-login a { color: #626262; }
h1.profile-login a:hover { color: #bb8686; }


#options-wrapper input[type="text"] { width: 27%; margin: 0 9px 0 0; }

/*#options-wrapper .tgbots input[type="text"] { width: 32%; } */

#options-wrapper .bot-data span { display: inline-block; margin: 0 8px 0 0px; }
#options-wrapper lh:first-child { margin-top: 9px; }
#options-wrapper .reset-draft { padding: 7px 11px 5px 11px !important; margin: 0 0 0 10px; border-radius: 2px; }

#options-wrapper ul.add { background: #f4f4f4; margin: 18px 0 0 0; padding: 1px 0 1px 0; }

#options-wrapper ul:first-child { margin: 9px 0 0 0; padding: 1px 0 1px 0; }

#users-wrapper ul.search li,
#options-wrapper ul.maintags li,
#options-wrapper ul.ptbots li,
#options-wrapper ul.vkbots li,
#options-wrapper ul.tgbots li { margin: 8px 0; }


#users-wrapper ul.search li.header,
#field-profile li.header,
#options-wrapper ul.maintags li.header,
#options-wrapper ul.ptbots li.header,
#options-wrapper ul.vkbots li.header,
#options-wrapper ul.tgbots li.header { margin: 10px 16px; padding: 2px 0; background: #90d1d4; }

#field-profile li.header { margin: 0 0 7px 0; padding: 4px 0px 3px 0; }

#options-wrapper li span { font: normal 0.95rem 'PT Sans Narrow'; color: #757575; }
#options-wrapper .button-group .save-draft { margin-right: 10px; }

/*#options-wrapper .tgbots .inline { margin: 6px 6px 6px 6px; } */

/*#bot-sendcode-tg { width: 21% !important; } */
#options-wrapper button.none { display: none !important; }

#canvasloader-container-bots-pt { position: absolute; top: inherit; left: inherit; right: 13%; }
#canvasloader-container-bots-vk { position: absolute; top: 4px; left: inherit; right: 13%; }
#canvasloader-container-bots-tg { position: absolute; top: 4px; left: inherit; right: 25%; }
#canvasloader-container-maintags { position: absolute; top: inherit; left: inherit; right: 25%; }
#canvasloader-container-spoiler { position: unset; display: inline-block; margin: 4px 0 -14px 0; }

#canvasloader-container-spoiler.ajax-loader { position: unset; }

.maintags .flex.saves,
.tgbots .flex.saves,
.vkbots .flex.saves,
.ptbots .flex.saves { position: relative; }

#options-wrapper .ptbots input[type="text"] { width: 26.6%;/*19%;*/ margin: 0 8px 0 0; }

#options-wrapper .tgbots input[type="text"] { width: 41.5%; }
#options-wrapper .tgbots input[type="text"]#bot-phone-tg  { width: 24%; margin: 0; }
#save-bots-tg-phone { margin: 5px 0 7px 0; }

#options-wrapper .ptbots .reset-draft,
#options-wrapper .tgbots .reset-draft { margin: 0; }

#options-wrapper .maintags input[type="text"] { width: 79.2%;  }

#posts-wrapper ul:first-child li { position: relative; text-transform: capitalize; }

/*#posts-wrapper ul:first-child li:after {  content: '·'; position: absolute; right: -5px; bottom: -13px; font-size: 3.85rem; } */

#posts-wrapper ul:first-child li:after { content: '|'; position: absolute; right: -1px; bottom: 14px; font-size: .85rem; }

#posts-wrapper ul:first-child li:last-child:after { content: none; }

.maintags .input-tagname { text-transform: capitalize;  }
#posts-wrapper ul:first-child a.active { color: #004eff; text-decoration: underline; }
#posts-wrapper ul:first-child a:hover.active { color: #262626; text-decoration: none; }
/* #bb8686 */

#users-wrapper ul:first-child a.active { color: #004eff; text-decoration: underline; }
#users-wrapper ul:first-child a:hover.active { color: #262626; text-decoration: none; }

#users-wrapper .top_menu.frameborder li a

/*.related-posts { text-align: center; margin: 13px 0 6px 0; } */
.related-posts { text-align: center; margin: 38px 0 21px 0; }

/*.related-posts:after { display: block; width: 100%; height: 1px; background: #e0e0e0; content: ''; margin: -11px 0 0 0; } */

.related-posts:before,
.related-posts:after { display: block; background: #8b8b8b; content: ''; height: 1px;  box-shadow: 1px 1px 0px 0px rgb(255 255 255 / 25%); }

.related-posts:before {  margin: 45px 60% -12px 4px; }
.related-posts:after { margin: -10px 1px 26px 60%; }

/*.related-posts span { display: inline-block; background: #fff; padding: 0px 13px; } */

.related-posts span { background: #787878; padding: 0px 10px 2px 10px; border-radius: 20px; color: #fff; margin: 0 auto; width: 97px; display: block; text-align: center; box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 24%) inset, 1px 1px 1px 0px rgb(255 255 255 / 32%); }

#add-post .anon { width: 43px; margin: 3px 0 0 0; }
#add-post .anon .switch input:checked + .slider:before { background-color: #7fb1f9; }
#add-post label.for-post-anon { cursor: pointer !important; }
#add-post label.for-post-anon:hover { color: #791616; }

#users-wrapper ul.search input { width: 26.7%; margin: 0px 8px 0px 0px; }
#users-wrapper ul.search .user-search { padding: 5px 7px 4px 7px; width: auto; margin-left: 4px; margin: 0; }
#users-wrapper ul.search { background: #f4f4f4; margin: 9px 0 0 2px; padding: 10px 0 10px 0; }

#add-header { width: 100%; background: #fff; }

#add-content.drag > p { border: 1px solid #c5c5c5; margin: 2px 0; }

#add-content.drag > div,
#add-content.drag > div > canvas,
#add-content.drag > div > video { height: 25px !important; min-height: 25px !important; background: none; }

#add-content.drag > div { border: 1px solid #dc0060; margin: 2px 8px 2px 8px; width: calc(100% - 18px) !important; padding: 2px 0; left: 0px; border-radius: 2px; }
#add-content.drag .fa-times-circle { top: 6px; }

.comments-header { font: normal 1.2rem 'PT Sans Narrow'; text-align: center; margin: 11px 0 0 0 !important; color: #353535; }
.comment-editable { background-color: #ddd; padding: 4px 6px; border-radius: 2px; }
.content-editable-no { -webkit-user-modify: read-only; -moz-user-modify: read-only; user-modify: read-only; }

.privacy { margin-top: 9px; }
.privacy h1 { margin: 18px 0; }

#field-auth a.aprivacy { text-align: center; display: block; font: normal 13px Arial; color: #545454; }
#field-auth { margin-bottom: 8px; }

a.nohover,
.avatar.nohover,
.author.nohover { cursor: auto;  }

a:hover.nohover { color: #4484d8 !important; }
a:hover.author.nohover { color: #000 !important; }

.spoiler-label { cursor: pointer; text-decoration: underline; /*color: #bb8686;*/ color: #ad6262; position: relative;
/* font: normal 1rem/1.6rem 'PT Sans Narrow'; */
font: normal 300 12px/18px 'Roboto Condensed', sans-serif;
margin: 2px 0 0 0; display: inline-block; padding: 0 11.5% 0 0; }
.spoiler-label:before { cursor: pointer; text-decoration: underline; content: attr(data-content); position: absolute; background-color: #f4f4f4; width: 100%; white-space: nowrap; }

.spoiler-label:hover:before,
.spoiler-label:hover { text-decoration: none; color: #444; }
.spoiler-label.open { color: #999999; }
.spoiler { display: none; }
.spoiler .spoiler { margin-left: 20px; }


.bar.frameborder.rek {}

.bar.frameborder.rek div,
.bar.frameborder.rek div a,
.bar.frameborder.rek img { transition-property: all; transition-duration: .5s; }

.bar.frameborder.rek img {/* position: absolute;*/ border-radius: 2px; width: 100%; opacity: 0; }
.bar.frameborder.rek img.opacity1 { opacity: 1; }


ul.agallery { display: flex; flex-wrap: wrap; margin: 0 -20px; }
#comment-wrapper ul.agallery { margin: 0 -2px; }
ul.agallery li { height: 150px; flex-grow: 1; margin: 2px; }
/*ul.agallery li:last-child { flex-grow: 10; } */
ul.agallery img { max-height: 100%; min-width: 100.1%; object-fit: cover; margin: 0 !important; padding: 0 !important; }
ul.agallery li a.url-photo { width: auto; margin: 0; border-radius: 0; display: inline; }
ul:first-child.agallery li:after { content: '' !important; }
/*ul.agallery > p { display: none; } */


ul.agallery .audio-wrapper.max-width,
ul.agallery .video-wrapper.max-width { width: calc(100% + -4px); margin: 0 0 8px 2px; }

/*ul.agallery.ui-sortable li:hover { box-shadow: 0px 0px 0px 1px rgba(255, 0, 0, .4);} */

li.ui-state-highlight { border: none; background: #ff3434; width: 2px !important; flex-grow: unset !important; margin: 2px 2px 0px 2px; }
.placeholderElement { border: 1px solid #768ec5; border-radius: 1px; background: #eee; }

#canvasloader-container-search { position: absolute; top: 4px; left: 4px; }


#addSpoiler {}
#addGallery {}


/* -------- code highlight ------- */

code { width: calc(100% - 19px); font: normal 0.88em Courier; color: #b7b7b7; display: inline-block; vertical-align: top; background: #343434 !important; margin: 4px 0px 2px 1px; padding: 8px 9px; border-radius: 2px; }
code br { display: none; }
code .hl-bold { font-weight: bold; color: #72a0e4; }
code .hl-function { color: #a69ae4; }
code .hl-this { color: #70bfcc; }
code .hl-php-var { color: #c379c7; }
.comment .text code a.amess {color: #f99999; }

/* -------- code highlight ------- */

audio::-webkit-media-controls-panel {  background-color: #ddd; }
audio::-webkit-media-controls-enclosure { border-radius: 2px; }
audio::-webkit-media-controls-play-button { border-radius: 25px; transition: all .3s ease; }
audio::-webkit-media-controls-play-button:hover { background-color: rgb(110 154 215 / 40%); }


#select-dfcurrent span { display: inline-block; margin: 0 6px 0 0; }