:root{
--tpl-light-gray-back: #141414;
--tpl-light-gray-content: #222;
--tpl-light-white-font: #fff;
--tpl-blue: #0a84ff;
--border-color: #323336;
--shadow: 0 0 0 0.5px #363738;
--input-back: #333;
--input-border: rgba(255, 255, 255, 0.16);
--style-color: #000;




--tpl-light-font-color: #d1d1d2;
--tpl-light-font-color-a: #777;
--tpl-light-font-color-a-hover: #777;
--tpl-light-font10: 10px 'Arial';
--tpl-light-font11: 11px 'Arial';
--tpl-light-font12: 12px 'Arial';
--tpl-light-font13: 13px 'Arial';
--tpl-light-font14: 14px 'Arial';
--tpl-light-font15: 15px 'Arial';
--tpl-light-font16: 16px 'Arial';
--tpl-light-font17: 17px 'Arial';
--tpl-light-font18: 18px 'Arial';
--tpl-light-font27: 27px 'Arial';
--tpl-light-blur20: saturate(180%) blur(20px);
--tpl-light-hsla07: hsla(0,0%,100%,.5);
--tpl-light-border1: 1px solid #efefef;
--tpl-light-1rem: 1rem;
}





.h-container {width:1150px;margin:0px auto;font: 14px Arial;line-height: 22px;} 

@media (max-width: 768px) {footer {margin: 0px 2.5% 0px 2.5%; border-radius: 24px;margin-bottom:20px; } }
@media (min-width: 768px) {footer { margin: 0px 1.8% 0px 1.8%; border-radius: 24px;margin-bottom:20px; } }
@media (min-width: 992px) {footer {margin: 0px;border-radius: 0px;margin-bottom:0px; } }
@media (min-width: 1200px) {footer { margin: 0px;border-radius: 0px;margin-bottom:0px; } }

footer {display: inline-block;text-align:justify;
 min-width: -webkit-fill-available; background: var(--tpl-light-gray-content);color:var(--tpl-light-white-font); position: relative;} 
footer a {color:var(--tpl-light-white-font);text-decoration:none} 
footer a:hover {color:var(--tpl-light-white-font);} 

.hf-bottom {padding:20px;} 
@media only screen and (max-width: 1180px) { 
.h-container {width:100%;padding:0px 20px;display: contents;} 
} 
@media only screen and (max-width: 960px) { 
.h-footer-tab, .h-footer-1, .h-footer-2 {display:block;width:auto} 
.h-footer-2 {margin-top:30px} 
}








.menu-wrapper {
 max-width: 100%;
 padding: 0 25px;
 margin: 20px auto;
 position: relative;
 overflow: hidden;
}
.menu-wrapper .menu-item {
 height: 100%;
 overflow: auto;
 white-space: nowrap;
}
.menu-wrapper .menu-item a {
 display: inline-block;
 border-radius: 15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 -o-border-radius: 15px;
 padding: 10px 22px;
 color: var(--tpl-light-white-font);
 height: 100%;
background: var(--tpl-light-gray-content);
font-size:15px;
font-weight:bold;
margin: 0 6px;
}
.menu-wrapper .menu-item a:hover {
 text-decoration: none;
}

.menu-wrapper .menu-item::-webkit-scrollbar {
 display: none;
}
.menu-wrapper .pointer {
 height: 40px;
 width: 30px;
 line-height: 38px;
 text-align: center;
 position: absolute;
 top: 0;
}
.menu-wrapper .pointer i {
 color: #333;
 cursor: pointer;
}
.menu-wrapper .left-pointer {
 left: 0;
}
.menu-wrapper .right-pointer {
 right: 0;
}
.menu-wrapper .dis i {
 color: #ccc;
}
a.active{
 color: red;
}










/* Nav Styles */

.poick_os_top input {background: rgba(255, 255, 255, 0.1); color: #fff;}

header{
 background: var(--tpl-light-gray-content);

 border-bottom: 1px solid rgba(0,16,36,.12);
 text-align: center;
 position: fixed;
 width:100%;
 z-index:999; 
 height: 65px;
 top: 0; 
 -webkit-user-select: none; /* Chrome all / Safari all */
 -moz-user-select: none; /* Firefox all */
 -ms-user-select: none; /* IE 10+ */
 user-select: none; /* Likely future */ 
}


.logo, .logo a, .logo a:hover {
 color: var(--tpl-light-white-font);margin-block: revert;
}


nav{
 position:absolute;
 text-align: left;
 top: 100%;
 left: 0; 
 width:100%;
 background: var(--tpl-light-gray-content);
 transform: scale(1,0);
 transform-origin: top;
 transition: transform 400ms ease-in-out;
}

nav ul{
 margin:0;
 padding:0;
 list-style:none;
}

nav li{
 margin:2em;
}

nav a {
 color: var(--tpl-light-white-font);
 text-decoration: none;
 font-size: 1.2rem;
 font-weight:bold;
 opacity: 0;
 transition: opacity 150ms ease-in-out;
 &:hover{
 color: #0a84ff;
 }
}

.nav-toggle{
 display:none;
}

.nav-toggle-label{
 position:absolute;
 left:0;
 top: 0;
 margin-left: 1em;
 height: 100%;
 //border: 1px solid red;
 display: flex;
 align-items: center;
 &:hover{
 cursor:pointer;
 }
}

.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after{
 display: block;
 background: var(--tpl-light-white-font); 
 width: 1.85em;
 height: 2px;
 border-radius: 2px;
 position:relative; 
}
.nav-toggle-label span::before,
.nav-toggle-label span::after{
 content:"";
 position: absolute;
 
}

.nav-toggle-label span::before{
 bottom: 7px;
}

.nav-toggle-label span::after{
 top: 7px;
}

.nav-toggle:checked ~ nav {
 transform: scale(1,1);
}

.nav-toggle:checked ~ nav a {
 opacity: 1;
 transition: opacity 250ms ease-in-out 250ms;
}




 


@media screen and (min-width:800px){ 




.nav-toggle-label{
 display:none;
 }
 header{
 display: grid;
 grid-template-columns: 1fr auto minmax(800px,7fr) 1fr;
 }
 .logo{
 grid-column: 2 / span 1;
margin-block: revert;
 }
 nav{
 all: unset;
 grid-column: 3 / 4;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 }
 nav ul {
 display: flex;
 }
 nav li {
 margin-left: 3em;
 }
 nav a{
 opacity: 1;
 position: relative;
 }
 
 nav a::before{
 content:"";
 display: block; 
 height: 5px;
 background: rgba(50,180,230,.5);
 position: absolute;
 top: -.7em;
 left: 0;
 right: 0;
 transform: scale(0,1);
 //transform-origin: left;
 transition: transform 250ms ease-in-out;
 }
 

}


















/* Vid materiala */ 
#stell { 
 position: relative; 
 margin: 0px 1.5% 20px 1.5%; 
 float: left; 
} 


@media (max-width: 768px) {#stell { width: 97%; } }
@media (min-width: 768px) {#stell { width: 47%; } }
@media (min-width: 992px) {#stell { width: 30.3%; } }
@media (min-width: 1200px) {#stell { width: 30.3%; } }




.app-card {
 max-width: 100%;
 border-radius: 24px;
 background: var(--tpl-light-gray-content);

 display: block;
 margin: 5px auto 14px auto;
 padding-bottom: 6px;
 -webkit-transform: scale(0.97);
 -ms-transform: scale(0.97);
 transform: scale(0.97);
}







#stell img.app-card-header {
 width: 100%;
 object-fit: cover;
 margin:0px 0px 0 0px;
 height: 170px;
 border-radius: 24px 24px 0rem 0rem;
}



#stell h2 {
 font: var(--tpl-light-font18);
 font-weight: bold;
 color: var(--tpl-light-white-font);
 margin: 14px 18px 0px 18px;
}

#stell p {
 font: var(--tpl-light-font15);
 font-weight: 400;
 color: var(--tpl-light-white-font);
 line-height: 28px;
 margin: 8px 18px;
}

#stell .download {
 width: calc(100% - 16px);
 margin: 0 auto 14px auto;
 text-align: center;

}

.svg-icon {
 width: 18px;
 height: 18px;
 pointer-events: none;
 margin-bottom: -4px }
/* Vid materiala */ 





 .wwe {background:rgba(255, 255, 255, 0.4);margin:2px 5px;text-align:left;padding:17px 10px 14px 10px;cursor:default;font: var(--tpl-light-font14);color:#333;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px;}
 .wwe a {color:#333;font-weight:bold;}
 .wwe:hover {background:rgba(0, 0, 0, 0.04);border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px;}


.infsz_img {margin: -6px 10px auto 0px;width: 40px; height: 40px; -webkit-border-radius: 8px; -moz-border-radius: 12px; border-radius: 12px;} 








.xw-mc ::-webkit-scrollbar
{
width: 8px;
height: 8px;
}
.xw-mc ::-webkit-scrollbar-track-piece
{
display:none;
}
.xw-mc ::-webkit-scrollbar-thumb:vertical
{
height: 5px;
background-color: rgba(0, 0, 0, 0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.xw-mc ::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: rgba(0, 0, 0, 0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.x-sh, .xw-bl {display:none !important;}
#_uwndWnd1, #_uwndWnd2, #_uwndWnd3, #_uwndWnd4, #_uwndWnd5, #_uwndWnd6, #_uwndWnd7, #_uwndWnd8, #_uwndWnd9, #_uwndWnd10, #_uwndWnd11, .xw-shadow .xw-plain .x-unselectable .xw-resize .xw-active {border-radius:20px;}
.xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;border-radius:20px;}
.xw-mc {color:#000; font-weight: normal; float: none; margin: 0; padding: 12px 12px !important; background: rgba(255, 255, 255, 0.65) !important;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); border: 0px solid #fff !important;border-radius:20px;}
.xw-hdr-text {display: none !important;}
.xw-hdr img {display:none;}
.xw-tl, .xw-tr, .xw-tc, .xw-hdr, .xw-sps .xw-draggable {height: 0 !important;background: none !important;padding: 0 !important;}
.xw-tc {overflow: visible !important;}
.xt-close {position: absolute !important;right: -18px;top: -18px;margin: 0 !important;z-index: 10014 !important;width: 36px !important;height: 36px !important; background: url(http://uway.ucoz.com/materials/1/1/ajax.png) no-repeat !important;}
.xw-body {border: 0 !important;padding: .6em !important;}
.xt-maxi {display:none;}
.xt-mini {display:none;}
.xt-rest {display:none;}





.myBtnLeftA, .myBtnRightA {display:none} 
.myBtnLeft, .myBtnRight {display:none} 
.myBtnCont {padding:0px !important} 
.myBtnCenter {background-position: 2000px 2000px !important;} 
.myBtnCenter a {padding:4px 10px;color:#fff !important;background:rgba(39, 174, 96,1.0); border: 0px solid #2980b9; -webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;} 
.myBtnContA {padding:0px !important} 
.myBtnCenterA {background-position: 2000px 2000px !important;} 
.myBtnCenterA a {padding:4px 10px;color:rgba(39, 174, 96,1.0) !important;background:#fff !important;border: 0px solid #2980b9; -webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;}


#body{} 
::-webkit-scrollbar { width: 4px; height: 4px;display:none;} 
 ::-webkit-scrollbar-track-piece { width: 4px;background-color: transparent; -webkit-border-radius: 2px;display:none;} 
 ::-webkit-scrollbar-thumb:vertical { height: 4px; background-color: #777; -webkit-border-radius: 2px;display:none; } 
 ::-webkit-scrollbar-thumb:vertical:hover { height: 4px; background-color: #F16268; -webkit-border-radius: 2px;display:none; } 
 ::-webkit-scrollbar-thumb:horizontal { width: 4px; background-color: #777; -webkit-border-radius: 2px; display:none;}
 ::-webkit-scrollbar-thumb:horizontal:hover { width: 4px; background-color: #F16268; -webkit-border-radius: 2px; display:none;}
 


input[type=file]{
padding:10px;
background:#f5f5f5;border-radius: var(--tpl-light-1rem); -moz-border-radius: var(--tpl-light-1rem); -webkit-border-radius: var(--tpl-light-1rem); -o-border-radius: var(--tpl-light-1rem);}

form#addEntForm [name=file] {color: #373737!important;}

form#addEntForm article[id*=iCode].added {background: rgba(255, 255, 255, 0.06)!important;border-radius: var(--tpl-light-1rem); -moz-border-radius: var(--tpl-light-1rem); -webkit-border-radius: var(--tpl-light-1rem); -o-border-radius: var(--tpl-light-1rem);}

#ldF18, input[type=reset], input[type=submit], input[type=button] {background: #0a84ff;text-decoration: none;color: #fff;border: 0px solid #51aded;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;padding: 10px 35px;display: inline-block;margin:10px 2px;font-weight: bold!important;
 font: var(--tpl-light-font15);transition: background-color 0.3s, box-shadow 0.3s;}

 

#ldF18:hover, input[type=reset]:hover, input[type=submit]:hover, input[type=button]:hover {
 background-color: #007aff;
 box-shadow: 0 0 20px #0a84ff; /* Glow effect */
}





input[type=text], input[type=password] {
 padding: 10px;
 border: 1px solid var(--input-border);
 border-radius: 8px;
 background: var(--input-back);
 color: var(--tpl-light-white-font);
 margin:5px; 
 font-size: 16px;
 transition: border-color 0.4s, box-shadow 0.4s;
}

textarea:focus, input[type=text]:focus, input[type=password]:focus {
 border-color: #0a84ff;
 box-shadow: 0 0 8px #0a84ff;
 outline: none;
}






input.codeButtons {padding-left: 14px!important;}

select {background: #f5f5f5; border: 0px solid #d7d7d7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; height: 38px; padding: 0 20px; color: #373737;}







textarea {background: var(--input-back); border: 1px solid var(--input-border); border-radius: var(--tpl-light-1rem); -moz-border-radius: var(--tpl-light-1rem); -webkit-border-radius: var(--tpl-light-1rem); -o-border-radius: var(--tpl-light-1rem); padding: 10px 15px; color: #fff;font: var(--tpl-light-font16); overflow: auto;margin:6px 0;transition: border-color 0.4s, box-shadow 0.4s;}







hr {background: #E2E2E2; border: 0 none; height: 1px; color: transparent;}


h5 a {background: #fff;text-decoration: none;border: 0px solid #efefef;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;padding: 5px 8px;display: inline-block;margin-right:3px;}



h5 {font: var(--tpl-light-font14); 
color: #777;margin: 0px 20px 0px 18px!important;font-weight: 500;line-height: 1.3em;font-style: italic;}

h7 {font: 22px "Arial"; 


color: #23282B;


-webkit-background-clip: text; 
 background-clip: text;
 animation: gradientAnimation 10s linear infinite;
 background-image: linear-gradient(to right, #fc4a1a, #f7b733,#fc4a1a);



 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;




margin: 10px 20px;font-weight: 800;line-height: 1.3em;}




h9 {font: var(--tpl-light-font27); display: block;
color: var(--tpl-light-white-font);margin: 10px 10px;font-weight: 900;line-height: 1.4em;}

h8 {

font-family: -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Helvetica, roboto, arial;
display: block;
font-size: 2.0em;
color: var(--tpl-light-white-font);
margin: 10px 10px;
font-weight: 800;
line-height: 1.4em;}



@keyframes gradientAnimation {
 0% {
 background-position: 0 1500px;
 }
 100% {
 background-position: 1500px 0;
 }
}






.jspContainer{overflow:hidden;position:relative} 
.jspPane{position:absolute} 
.jspVerticalBar{position:absolute;top:0;right:0;width:4px;margin-bottom:5px;height:100%;background:transparent} 
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:transparent} 
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0} 
.jspCap{display:none} 
.jspHorizontalBar .jspCap{float:left} 
.jspTrack{background:transparent;position:relative} 
.jspDrag{background:rgba(0,0,0,.4);position:relative;top:0;left:0;cursor:pointer} 
.jspDrag{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.jspDrag:hover{background:rgba(0,0,0,.6)} 
.jspDrag:active{background:rgba(0,0,0,.8)} 
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%} 
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer} 
.jspArrow.jspDisabled{cursor:default;background:#80808d} 
.jspVerticalBar .jspArrow{height:16px} 
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%} 
.jspVerticalBar .jspArrow:focus{outline:none} 
.jspCorner{background:#eeeef4;float:left;height:100%}

/* Вид Code */ 
.bbCodeName {display:none} 
.bbCodeBlock {margin: 0;padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:15px !important;background: #FFF url('/code/code.gif') !important;border: 1px solid #B5C1E8 !important;word-break: break-all;-webkit-border-radius: var(--tpl-light-1rem);-moz-border-radius: var(--tpl-light-1rem);border-radius: var(--tpl-light-1rem);color:#121212;} 
.codeMessage {width:100%;padding:0;border: 0 !important; overflow:hidden}

/*Подсветка синтаксиса*/
.cssContainer {color: #FF00FF;}
.cssTag {color: #990099;}
.cssTag span {color: #006600 !important;}
.jsTag, .jsTag .blueColSimp {color: #990000 !important;}
.doct, .doct span {color: #009999 !important;}
.regExp, .regExp span {color: #006600 !important;}
.greenCol {color: #006600 !important;}
.blueCol {color: #0047BD !important;}
.dblueCol {color: #001199 !important;}
.blueColSimp {color: #0047BD;}
.pinkCol {color: #FF00FF !important;}
.redCol {color: #FF0000 !important;}
.lettuceCol {color: #009999 !important;}
.lettuceColSimp {color: #009999;}
.purpleCol {color: #990099 !important;}
.purpleColSimp {color: #990099;}
.orangeCol {color: #FF9900 !important;}
.invComm, .invComm span, .invComm .blueColSimp {color: #0047BD !important;}
.brackets {color: #0047BD !important;}
.commCol, .commCol span, .commCol.invComm, .commCol.blueColSimp {color: #999999 !important;}


#scroll_top {
 display: none;
 position: fixed;
 bottom: 55px;
 right: 30px;
 z-index: 1000;
 width: 32px;
 height: 32px;
 background: url(/icon_top.png) 50% 50% no-repeat;
 border-radius: 50%;
 opacity: 0.5;
}
#scroll_top:hover {
 opacity: 0.5;
}






#uidLogButton {display: none;} 
#baseLogForm {display: block!important;} 
#uidLogButtonAjx {display: none;} 
#baseLogFormAjx {display: block!important;}



::-webkit-input-placeholder {color:#828384;}
::-moz-placeholder {color:#828384;}/* Firefox 19+ */
:-moz-placeholder {color:#828384;}/* Firefox 18- */
:-ms-input-placeholder {color:#828384;}







#padd {padding-top:60px;}




/* Short */


.content {background: transparent; width:100%; max-width: 1113px; margin: 25px auto 0; overflow:hidden;}




@media (max-width: 768px) {.rightbar {margin: 0px 2.5% 0px 2.5%; } }
@media (min-width: 768px) {.rightbar { margin: 0px 1.8% 0px 1.8%; } }
@media (min-width: 992px) {.rightbar {margin: 0px; } }
@media (min-width: 1200px) {.rightbar { margin: 0px; } }




.rightbar {border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; -o-border-radius: 24px;background: var(--tpl-light-gray-content); margin-bottom: 25px;padding: 0px 9px 15px 9px; overflow: hidden;}

.rightbar .entry .message {font: var(--tpl-light-font17);line-height:28px;color:var(--tpl-light-white-font);padding: 0px;font-weight:normal;}


@media screen and (min-width:800px){ 

.rightbar .entry .message {padding: 15px;}}





.rightbar .navigation {border-bottom: 0px solid #eee; line-height: 38px; padding: 0 6px; overflow: hidden;}

.rightbar .short {border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; -o-border-radius: 18px;background: rgba(255, 255, 255, 1);border: 0px solid #e2e2e2; padding: 10px 11px 10px 0; overflow: hidden;margin-top:10px;margin-bottom:17px;box-shadow: 0px 0px 16px rgba(0,0,0,0.12);}

.rightbar .short .poster {background: #fff; border: 0px solid #eee; border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px; -o-border-radius: 6px; margin-left: 10px; float: left; position: relative;}

.rightbar .short .poster .category {width: 30px; height: 41px; position: absolute; top: -3px; right: 14px;}
.rightbar .short .poster .category.avt {background: url('/images/category-avt.png') no-repeat;}
.rightbar .short .poster .category.news {background: url('/images/category-news.png') no-repeat;}
.rightbar .short .poster img {width: 262px; height: 141px; float: left;border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; -o-border-radius: 5px;}

.rightbar .short .information {margin-left: 293px;}

.rightbar .short .information .title {overflow: hidden;}
.rightbar .short .information .title a {display: block; margin-bottom: 6px; font: var(--tpl-light-font15);text-decoration:none;float: left;font-weight: bold;color: rgba(38, 67, 72, 0.8);}
.rightbar .short .information .title span {display: block; font: var(--tpl-light-font10); color: #ccc; text-transform: none; float: right;}

.rightbar .short .information .message {height: 105px; font: var(--tpl-light-font13);line-height:18px;color:#777; }

.rightbar .short .information .details {font: var(--tpl-light-font11); overflow: hidden;background-color: rgba(0, 0, 0, .09);padding: 10px;margin: -25px -11px 0 -9px;border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -o-border-radius: 6px 0 0 6px;}
.rightbar .short .information .details div {width: 130px; padding-left: 22px; float: left;}
.rightbar .short .information .details .comments {background: url('/images/comments-icon.png') no-repeat left;}
.rightbar .short .information .details .reads {background: url('/images/reads-icon.png') no-repeat left;}
.rightbar .short .information .details .geo {background: url('/images/geo.png') no-repeat left;opacity:0.8;}


.rightbar .entry .title {border-bottom: 1px solid #eee; padding: 0 6px; overflow: hidden;}
.rightbar .entry .title .name {margin:10px;line-height: 25px; font: var(--tpl-light-font15); float: left;font-weight:bold;color: #777;}
.rightbar .entry .title .date {line-height: 18px; margin-top: 7px; text-align: right; font: var(--tpl-light-font10); color: #b1b1b1; float: right;}


.rightbar .comments .top {border-bottom: 0px solid #eee; line-height: 38px;margin: 18px 5px 18px 0;}

.rightbar .comments .short {border-bottom: 1px solid #eee; padding: 10px 6px; overflow: hidden;}

.rightbar .comments .short .left {text-align: center;}

.rightbar .comments .short .left .avatar {background: #fff; border: 1px solid #2980b9; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; padding: 2px; overflow: hidden;margin-top:-5px;}
.rightbar .comments .short .left .avatar img {width: 50px; height: 50px; float: left;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;}

.rightbar .comments .short .left a {font: var(--tpl-light-font10);}

.rightbar .comments .short .information {margin-left: 75px;}

.rightbar .comments .short .information .date {margin-bottom: 7px; font: var(--tpl-light-font10); color: #b1b1b1;}

.rightbar .comments .short .information .message {height: auto;}

.rightbar .comments .form {padding: 25px 6px; overflow: hidden;}

.rightbar .comments .form textarea.textarea {width:100%; height:100px; float: left;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s; transition-duration: 0.4s; background: var(--input-back); border: 1px solid var(--input-border); border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; -o-border-radius: 14px; padding: 8px 15px; color: #fff;font: var(--tpl-light-font16); overflow: auto;margin:6px 0;resize: none;margin-top:9px;}

.rightbar .comments .form textarea.textarea:focus, .rightbar .comments .form textarea.textarea:active {border-color: #0a84ff;
 box-shadow: 0 0 8px #0a84ff;
 outline: none;-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s; transition-duration: 0.7s; }





.transition-opacity {transition: 0.2s linear opacity; -webkit-transition: 0.2s linear opacity; -moz-transition: 0.2s linear opacity; -o-transition: 0.2s linear opacity;}

#photo img {-webkit-border-radius: var(--tpl-light-1rem);-moz-border-radius: var(--tpl-light-1rem);border-radius: var(--tpl-light-1rem);}
#photo {opacity:0.8;transition: 0.2s linear opacity; -webkit-transition: 0.2s linear opacity; -moz-transition: 0.2s linear opacity; -o-transition: 0.2s linear opacity;}
#photo:hover {opacity:1;}

.photoaddss {background: rgba(0, 0, 0, 0.00);padding: 14px 0px 2px 25px;font: var(--tpl-light-font13);font-weight:bold;color: var(--tpl-light-white-font);overflow: hidden;white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: block;cursor:default;border-bottom: 0px solid rgba(0, 0, 0, 0.03);text-align:left;margin-left: -9px;}
.photo_all {background: #f1f1f1;padding: 3px 11px;font: var(--tpl-light-font13);color: #313131;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;float:right;margin: -3px 15px 1px 0px;}


.left {float: left!important;}
.right {float: right!important;}
.overflow {overflow: hidden!important;}
.clear {clear: both!important;}





.comment_inner{background: transparent; width:100%; overflow: hidden; min-height:50px;padding: 0px;} 
.comment_inner2{background: var(--input-back);margin: 12px 0px 0px 0px; padding: 15px;border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px;} 
.comment_avatar{float: left; width: 50px; margin-right: 8px;} 
.comment_avatar img{width: 50px; height: 50px; margin: 3px 10px 0 0;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} 
.comment_body{padding:0px; margin-left: 50px;} 
.comment_title{color:var(--tpl-light-white-font);padding: 0px 10px 0px 10px; font: var(--tpl-light-font16);}
.comment_moder{float:right;} 
.comment_moder a{text-decoration:none; color: #fff;} 
.cm_edit {height: 15px;width: 15px;display: inline-block;background-repeat: no-repeat;background-position: 0 1px;background-image: url(/social-comments/edit.png);opacity:0.2;} 
.cm_delete {height: 15px;width: 15px;display: inline-block;background-repeat: no-repeat;background-position: -20px 0px;background-image: url(/social-comments/edit.png); color:#fff;opacity:0.2;} 
.cm_edit:hover,.cm_delete:hover { opacity:0.8;} 
.comment_date{color: #a9a9a9; font: var(--tpl-light-font11);} 
.comment_message{padding: 8px;color:var(--tpl-light-white-font); font: var(--tpl-light-font15);} 
.comment_addition{padding: 0px 10px; font: var(--tpl-light-font11);text-align: right;} 



.comment_like a{background: rgba(255, 45, 85, 0.8);font: var(--tpl-light-font12);color: #fff;padding: 2px 10px;border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -o-border-radius: 11px;} 
.comment_like a:hover{background: rgba(255, 45, 85, 0.9);}



.comment_answer a{background: rgba(0, 0, 0, 0.2);font: var(--tpl-light-font12);color: #fff;padding: 2px 10px;border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -o-border-radius: 11px;margin-left:8px;} 
.comment_answer a:hover{background: rgba(0, 0, 0, 0.3);}

 
.comment_username{color: #aaa; padding-left:10px;font: var(--tpl-light-font15);} 
.comment_username a{color: #aaa; text-decoration:none;} 
.comment_username a:hover{color: #999;} 


/* Иконка автор материала */ 
.wAvtor {background:rgba(76, 217, 100, 0.8); -webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px; padding: 2px 10px; color:#fff; font: var(--tpl-light-font12); vertical-align:middle; display:none;margin-top:-2px;}
/* /Иконка автор материала */ 









.add-btn{
 background: rgba(255, 255, 255, 0.7);
 border-radius: 18px;
 width: 40px;
 margin-top: -4px;
 border: none;
 padding: 3px 3px;
 color: #000;
}




.gColor1 {background:rgba(52, 152, 219, 1.0)}
.gColor2 {background:rgba(142, 68, 173, 1.0)}
.gColor3 {background:rgba(46, 204, 113,1.0)}
.gColor4 {background:rgba(242, 38, 19, 1.0)}
.gColor5 {background:rgba(243, 156, 18, 1.0)}
.gColor251 {background:rgba(39, 174, 96, 1.0)}
.gColor255 {background:rgba(44, 62, 80, 1.0)}
.groupicon {font: var(--tpl-light-font12);text-align:center;color:#FFF;padding:5px 8px;-webkit-border-radius: 19px;-moz-border-radius: 19px;border-radius: 19px;width:140px;}
.avow {width:120px;height:120px;overflow:hidden;margin-bottom:10px;margin-top:10px;background:transparent;-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);}
.avow img {width:120px;min-height:120px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;}



.h_mark { margin-bottom: 10px; margin-top:10px;border-left:3px solid #3297db;color:#8b9093;padding-left:20px;}

.bbQuoteName {font-size: 11px !important;line-height: 16px;padding-left: 13px !important;}
.quoteMessage {height:100%;margin: 0 0 5px 0;padding: 5px 10px 5px 10px;color: #444;font-style: italic;border: none !important;border-left: 3px solid rgb(140, 146, 148) !important;font-size: 14px;line-height: 18px;}





.grid {
 display: grid;
 grid-template-columns: repeat(27, 1fr);
 grid-gap: 0.6rem;
}
.grid .cell {
 position: relative;
 width: 30px;
 height: 30px;
 border-radius: 3rem;
 overflow: hidden;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 
}
.grid .cell .text {
 font-size: 24px;
 position: relative;
 z-index: 1;
}
.grid .cell .blur {
 font-size: 38px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 filter: blur(10px) opacity(0.5);
}


































/* General Styles */
body {
 background: var(--tpl-light-gray-back);
}



html, body {
 font: var(--tpl-light-font13);
 color: var(--tpl-light-font-color);
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0 none;
 outline: 0;
 vertical-align: baseline;
}



ol, ul {
 list-style: none;
}



:focus {
 outline: 0;
}



table {
 border-collapse: collapse;
 border-spacing: 0;
}



a {
 text-decoration: none;
 color: var(--tpl-light-font-color-a);
}



a:hover {
 color: var(--tpl-light-font-color-a-hover);
}



td, input, select, textarea {
 margin: 0;
 vertical-align: baseline;
 font: var(--tpl-light-font15);
}



button {
 vertical-align: baseline;
 font: var(--tpl-light-font15);}
/* /General Styles */





*,
*::before,
*::after {
 box-sizing: border-box;
}








/* Контейнер главной страницы */
.main{
 max-width: 1200px;
 margin: 0 auto;
}
/* /Контейнер главной страницы */




/* Pageselector*/
.pages_2 {
 background: var(--tpl-light-white-font);
 display: inline;
 height:50px;
 -webkit-border-radius: var(--tpl-light-1rem);
 -moz-border-radius: var(--tpl-light-1rem);
 border-radius: var(--tpl-light-1rem);
 padding:15px;
}



.pagesBlockuz1 {
 margin-left:0px;
 margin-right:0px;
}



.swchItemA {
 font: var(--tpl-light-font14);
 color:var(--tpl-light-gray-content);
 font-weight:bold;
 text-desotation:none;
 border-bottom:3px solid color:var(--tpl-light-gray-content);
 padding:3px;
 background:none;
 margin:5px;
}



.swchItem, .swchItemDots {
 font: var(--tpl-light-font14);
 color:var(--tpl-light-gray-content);
 text-desotation:none;
 padding:0;
 background:none;
 margin:5px;
}



.swchItem:hover {
 color:var(--tpl-light-gray-content);
 text-desotation:none;
 padding:0;
 background:none;
 margin:5px;
}
/* /Pageselector*/