/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 15px 'PT Sans', sans-serif; line-height: normal; padding: 0; margin: 0;        
color: #000; background: #fff; min-height: 100%; width: 100%; font-weight: 400;}
a {color: #000; text-decoration: none;}
a:hover, a:focus {color: #4caf50; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 700; font-size: 18px;}

@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('PT Sans'), url('../fonts/PTS55F.woff') format('woff');
}

@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('PT Sans Bold'), url('../fonts/PTS75F.woff') format('woff');
}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 14px; font-family: 'PT Sans' !important;}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
display: inline-block; text-align: center; padding: 0 30px; height: 40px; line-height: 40px; 
border-radius: 20px; cursor: pointer;  
color: #fff; background-color: #4caf50; font-size: 15px; font-weight: 700;}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, 
input[type="submit"]:hover, .meta-fav a:hover 
{background-color: #54cf59; color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0);}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px;
background-color: #fff; color: #000;  border-radius: 4px; 
box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 1px 3px rgba(0,0,0,0.3); border: 0;}
input[type="text"]:focus, input[type="password"]:focus {}
input::-webkit-input-placeholder {color: #222; opacity: 0.5;}
input::-moz-placeholder {color: #222; opacity: 0.5;}
input:-moz-placeholder {color: #222; opacity: 0.5;}
input:-ms-input-placeholder {color: #222; opacity: 0.5;} 
input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height: 40px; border: 1px solid #e3e3e3; background-color: #fff; color: #000;}
textarea {display: block; width: 100%; padding: 15px; overflow: auto; vertical-align: top; resize: vertical;
background-color: #fff; color: #000; border: 0px solid #e3e3e3; border-radius: 4px; box-shadow: none; 
box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 1px 3px rgba(0,0,0,0.3);}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit 
{overflow: hidden; position: relative; background-color: #222;}
.img-resp {padding-top: 57%;}
.img-resp-vert {padding-top: 140%;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}

b, strong, h1, h2, h3, h4, h5, .fw700 {font-weight: 700;}
.icon-left .fa {margin-right: 10px;}
.icon-right .fa {margin-left: 10px;}
.hidden {display: none;}
.th-mask {transition: color .2s, background-color .2s, opacity .2s;}
#dofullsearch {display: none;}
.mtitle {margin-bottom: 30px; font-size: 24px; font-weight: 700;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative;}
.wrap-center {max-width:1060px; margin:0 auto; position:relative; z-index:20; 
width: calc(100% - 30px);}
.header {background: #f6f6f6 url(../images/bg.png); 
	box-shadow: inset 0 -30px 30px -30px rgba(0,0,0,0.1); position: relative;}
.header:before {height: 40px; position: absolute; left: 0; top: 0; width: 100%; 
	content: ''; background-color: #fff;}
.hline-one {height: 40px;}
.hline-two {padding: 15px 0;}
.cols {margin-top: 30px; margin-bottom: 30px;}
.side {width: 320px; margin-left: 60px;}
.main {min-height: 80vh;}
.footer {background-color: #484848;}
.footer-in { color: #fff; padding: 15px 0 15px 210px; min-height: 31px; 
background: #484848 url(../images/flogo.png) 0 center no-repeat;}

.rkl-box {overflow: hidden; text-align: center;}
.sect .rkl-box {margin-bottom: 15px;}

#gotop {position:fixed; width:50px; height:50px; line-height:46px; right:10px; bottom:10px; 
	cursor:pointer; font-size:20px; z-index:9998; display:none; 
	opacity:1; background-color:#fff; color:#222; 
border-radius:50%; text-align:center; box-shadow: 0 1px 4px rgba(0,0,0,0.2);}


/* HEADER
----------------------------------------------- */
.logo {display:block; width:240px; height:70px;}
.logo-desc {padding-left:30px; border-left:1px solid #ccc; margin-left: 30px; 
	font-size: 14px; color:#939393; 
height:50px; line-height:20px; padding-top:5px;}
.add-box {text-align: center;}
.add-btn {height: 46px; line-height: 46px; padding: 0 30px; border-radius: 23px; text-align: center; 
background-color: #4caf50; color: #fff !important; font-weight: 700; font-size: 18px; display: block;}
.add-desc {font-size: 14px; color:#939393; margin-top: 10px;}
.add-title {font-size: 18px; font-weight: 700; margin-bottom: 10px;}

.hmenu li {display: inline-block; margin-right: 15px;}
.login-btns {font-weight: 400; font-size: 0;}
.show-login, .login-btns a {display:inline-block; vertical-align:middle; cursor:pointer; font-size: 15px;}
.login-btns a {padding-right: 15px; margin-right: 15px; border-right: 1px solid #ccc;}
.show-login:hover, .login-btns a:hover, .hmenu a:hover {text-decoration: underline; color: #000;}
.login-btns .fa {color: #4caf50; margin-right: 10px;}

.search-wrap {margin: 0 30px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; border-radius:20px; padding:0 60px 0 15px; 
	background-color:#fff; box-shadow:0 0 0 2px #ffc100;}
.search-box button {position:absolute; right:5px; top:0px; z-index:10; width:40px; padding:0 !important; 
background-color:transparent !important; color:#333 !important; font-size: 16px !important}


/* LOGIN
----------------------------------------------- */
.login-box {background-color:#FFF; padding:20px; display:none;}
.lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f6f6f6;  
display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;}
.lb-name div {font-size:18px;}
.lb-name a {margin-top:10px;}
.lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f6f6f6;}
.lb-menu a:hover, .lb-menu a:hover .fa {background-color:#4caf50; color:#fff;}
.lb-menu a .fa {color:#4caf50;}
.login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 
{display:block; margin-bottom:20px; width:100%;}
.lb-check input {display:none;}
.lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.lb-check input:checked + label:before {background-color:#e5050b;}
.lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f6f6f6; text-align:center;}
.lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}
.lb-soc img {display:block; width:30px;}
.lb-lnk {font-size: 12px;}


/* SECTION
----------------------------------------------- */
.sect + .sect {margin-top: 30px;}
.sect-header {margin-bottom: 30px;}
.sect-title {font-size: 24px; font-weight: 700;}
.sect-items {margin: 0 -7px;}
.grid-select {line-height:40px; height: 40px; margin-left: 15px; 
background-color:#fff; box-shadow:inset 0 0 0 1px #e3e3e3;}
.grid-select div {height:40px; width:40px; text-align:center; float:left; font-size:16px; cursor:pointer;}
.grid-select div:hover, .grid-select div.current {background-color: #4caf50;color: #fff;}

.speedbar {color: #888; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3;}
.catmenu {font-size: 0; margin-bottom: 15px;}
.catmenu li {display: inline-block; margin: 0 10px 10px 0;}
.catmenu a {display: block; height: 30px; line-height: 30px; font-size: 15px;
	border-radius: 15px; background-color: #f6f6f6; padding: 0 15px; color: #fff; background-color: #4caf50;}
.catmenu a:hover, .catmenu a.is-active {color: #fff; background-color: #ffc100;}
.sorter {background: #f7f7f7; border-radius: 5px; padding: 7px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.15); margin-bottom: 30px;}



/* THUMB
----------------------------------------------- */
.thumb {width:25%; float:left; padding:0 7px; position:relative; text-align: center;}
.th-in {display: block;}
.th-img {border: 5px solid #fff; box-shadow: 0 0 0 1px #d5e0e7;}
.th-desc {height:103px; padding-top:10px; line-height:18px;}
.th-title {max-height:90px; overflow:hidden; font-size: 15px; color: #000;}
.th-mask {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; padding:10px; 
background-color:rgba(0,0,0,0.5); opacity:0; z-index:5;}
.with-mask:hover .th-mask {opacity:1;}
.th-in .th-img:hover {box-shadow: 0 0 0 1px #ffc100;}
.th-mask .fa {width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px; 
padding-left:5px; font-size:50px; color: #fff;}
.th-meta {display: inline-block; position: absolute; padding: 5px 10px; font-size: 12px;}
.th-year {right: 0; bottom: 0; color: #fff; background-color: #7f8c8d;}
.th-in:hover .th-title {color: #4caf50;}

.grid-list .thumb {width: 100%; text-align: left;}
.grid-list .th-img {display: none;}
.grid-list .th-desc {height: auto; padding: 0; 
display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.grid-list .th-title {max-height: none; padding-right: 10px;}
.grid-list .th-in {padding: 10px 15px;}
.grid-list .thumb:nth-child(2n) .th-in {background-color: #f6f6f6;}
.grid-list .th-desc:after {content: attr(data-year); display: inline-block; vertical-align: middle; 
padding: 0 10px; background-color: #4caf50; color: #fff; font-size: 12px; height: 26px; line-height: 26px;}
.grid-list .th-title {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}
.grid-list .bottom-nav {padding-top: 30px;}


/* SIDE
----------------------------------------------- */
.side-box {text-align: center;}
.side-nav {border: 1px solid #e3e3e3; margin-bottom: 15px; padding: 15px;}
.side-box > a {text-decoration: underline; color: #4caf50;}
.side-box > a:hover {text-decoration: none; color: #4caf50;}
.side-nav-title {font-size: 18px; font-weight: 700; border-bottom: 1px solid #e3e3e3; 
margin-bottom: 10px; padding-bottom: 15px;}
.side-nav-title .fa, .sect-title .fa {color: #4caf50; margin-right: 10px;}
.side-nav-cont {padding: 15px 0; margin: 0 -5px;}
.side-nav-list {text-align: left;}
.to-center {text-align: center;}

.side-nav-subtitle {font-weight: 700; margin-bottom: 15px;}
ul + .side-nav-subtitle {margin-top: 15px;}
.side-nav-list > li {margin-bottom: 5px;}
.side-nav-list > li > a {display: inline-block; height: 24px; line-height: 24px; padding: 0 5px; 
	color: #5c5c5c; white-space: nowrap; max-width: 100%;}
.side-nav-list > li > a:hover {background-color: #ffc100; color: #fff;}
.col-4 > li {width: 24%;}
.col-3 > li {width: 32%;}
.col-2 > li {width: 49%;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height:1.7; background-color: #f6f6f6; padding: 30px 0; color: #5c5c5c;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; font-weight: 700; margin: 0 0 15px 0; color: #000;}
.site-desc a {text-decoration: underline;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.pagi-load {text-align:center; padding-bottom: 15px;}
.pagi-load > span {display:none;}
.pagi-load > a {display: inline-block;}
.pagi-load a .fa {margin-right: 15px;}
.bottom-nav {line-height:36px; text-align:center; margin-bottom: 30px;}
.pagi-nav {max-width:100%; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:36px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 5px; 
min-width:36px; background-color:#fff; margin:0 5px; border-radius:18px; margin-top: 10px; 
box-shadow:inset 0 0 0 1px #e3e3e3;}
.navigation span, .pagi-nav a:hover {background-color:#4caf50; color:#fff;}
.navigation span.nav_ext {background-color:#fff; color: #ccc;}
.pagi-nav a:hover {background-color:#4caf50; color:#fff;}
.dle-comments-navigation .pagi-nav {margin-bottom:0;}


/* FULL
----------------------------------------------- */
.fheader {margin-bottom: 30px;}
.full  h1 {font-size: 24px; font-weight: 700; color: #282828;}
.full h1 a {margin-left: 10px; font-size: 14px;}
.fcompl {height: 30px; line-height: 30px; border-radius: 15px; padding: 0 10px; 
box-shadow: 0 0 0 1px #4caf50; margin-left: 15px;}
.full {position: relative;}
.ffav-wr	{position: absolute; left: -110px; top: 0; width: 90px; height: 100%;}
.ffav {position: static; position: static; position: sticky; left: 0; top: 30px; width: 90px; 
box-shadow: 0 0 0 2px #ffc100; text-align: center; padding: 10px 0; font-size: 13px;}
.ffav .fa {display: block; color: #ffc100; margin-bottom: 5px; font-size: 24px;}
.ffav a {display: block;}
.ftable {margin-bottom: 30px;}
.ftable td:nth-child(1) {font-weight: 700;}

.fcols {margin-bottom: 30px;}
.fposter {border: 5px solid #fff; box-shadow: 0 0 0 1px #d5e0e7; height: 250px; margin-left: 30px;}

.fdesc {margin-bottom: 30px;}
.finfo {margin-right: 3px; width: 50%;}
.finfo li {position: relative; padding: 6px 10px 6px 150px;}
.finfo li:nth-child(2n+1) {background-color: #f6f6f6;}
.finfo li > span:first-child {position: absolute; left: 10px; top: 6px; opacity: 0.7;}
.finfo a {color: #5687bf; text-decoration: underline;}

.fmain {margin-bottom: 30px; border: 1px solid #4caf50;}
.fmain-header {padding: 15px;}
.mshare-title {display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: 700;}
.mshare-btns {display: inline-block; vertical-align: middle;}
.mrating {margin-left: -3px;}
.dl-item {padding: 7px 15px;}
.dl-item:nth-child(2n) {background-color: #f6f6f6;}
.dl-btn {display: block; margin-right: 15px; position: relative; overflow: hidden;
height: 34px; line-height: 34px; border-radius: 17px; padding: 0 70px 0 15px;}
.dl-size {width: 60px; height: 34px; background-color: rgba(0,0,0,0.1); font-size: 12px; 
position: absolute; right: 0; top: 0; padding: 3px 10px; line-height: 14px; font-weight: 400;}
.dl-view {display: inline-block; vertical-align: middle; 
padding: 0 10px; background-color: #4caf50; color: #fff; height: 26px; line-height: 26px;}
.dl-view:hover {background-color: #54cf59; color: #fff;}
.gdisk a {    cursor: pointer;
    color: #fff;
    background-color: #4caf50;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
    height: 34px;
    line-height: 34px;
    border-radius: 10px;
    padding: 0 15px 0 15px;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; max-width:100% !important; height:370px; display:block; margin:0 auto;}
.mejs-container {max-width:100% !important;}
.full-text {line-height:1.7;}
.full-text img:not(.emoji) {max-width:100%; margin:10px auto;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#33b6de;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:10px 0;}
.full-text > ul li {list-style:disc; margin-left:40px; position:relative;}
.full-text > ol li {list-style:decimal; margin-left:40px;}

.full-text table {width:100%; text-align:left; border:1px solid #e3e3e3;}
.full-text table tr td {padding:15px 10px; border:1px solid #e3e3e3;}
.full-text table tr:nth-child(2n+1) {background-color:#f6f6f6;} 
.full-text22 table tr:nth-child(1) {background-color:#598597 !important; color:#FFF; font-size:14px !important;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:0 0 20px 0; line-height:20px;}
.polltitle {display:block; padding:10px 15px; margin:0 -15px 15px -15px; font-size:18px; line-height:normal; 
color:#FFF; font-weight:700;}
.full-taglist a {color:#598597;}
.full-taglist {margin-bottom:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}




/* COMMENTS
----------------------------------------------- */
.full-comms {}
.comms-title {line-height:40px;}
.add-comm-form {position:relative; padding: 15px; background-color: #f6f6f6; display: none;}
.ac-soc {position:absolute; right:30px; top:17px;}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}
.ac-soc img {display:block; width:30px; height: 30px; border-radius: 15px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}
.comments_subscribe input {margin-right: 10px;}

.ac-av {width:40px; height:40px; border-radius:50%; float:left; margin-right:10px;
background:#fff url(../dleimages/noavatar.png) no-repeat; background-size:contain;}
.ac-title {font-weight:700; margin-bottom:15px; text-transform:uppercase;}
.ac-inputs input {width:49%;}
.ac-textarea textarea {height:85px;}
.ac-submit {}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {}

.mass_comments_action {text-align:right; padding:5px 15px; 
	background-color:#f6f6f6; margin:20px 0 0 0; display: none;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#4caf50;}
.full-comms {}
#dle-comments-list {margin-top: 15px;}

.comm-item {padding-left:60px; margin-bottom:15px;}
.comm-left {width:40px; height:40px; margin-left:-60px; float:left; border-radius:50%;}
.comm-right {width:100%; float:right; position:relative; padding: 10px; background-color: #f6f6f6;}
.comm-right:after {right: 100%; top:10px; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; border-color: rgba(255, 255, 255, 0); border-right-color: #f6f6f6; border-width: 10px;}

.comm-one {padding:0 10px 5px 0; position:relative; font-size:13px; color: #939393;}
.comm-one > span:nth-child(3) {float:right; margin-right:0;}
.comm-one > span {float:left; margin-right:20px;}
.comm-author {font-weight:700; color: #4caf50;}
.comm-author a {color: #4caf50;}
.rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px;}
.rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px;
color:#6cc43c; margin:0 5px 0 0; vertical-align:top}
.rate3-comm a:last-child {color:#f1656f; margin:0 0 0 5px;}
.rate3-comm a:hover {opacity:0.5;}
.rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;}
.rate3-comm > span > span.ratingtypeplus {color: #06b601;}
.rate3-comm > span > span.ratingplus {color: #95c613;}
.rate3-comm > span > span.ratingminus {color: #ff0e0e;}
.comm-two {}
.signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; 
border-top:1px dashed #000;}
.comm-three {margin-top:10px; font-size:13px; text-align:right;}
.comm-three li {display:inline-block; margin-left:10px; line-height: 20px;}
.comm-three a {display: inline-block; vertical-align: middle; color: #939393; 
	border: 1px solid transparent; line-height: 18px; height: 20px;}
.comm-three li:first-child {margin-left:0px; float:left;}
.comm-three li:first-child + li {float:left;}
.comm-three li:first-child a {border: 1px solid #e3e3e3; padding: 0 5px; border-radius: 3px; text-decoration: none;}
.comm-three a:hover {color: #000; text-decoration: underline;}




/* ADAPTIVE
----------------------------------------------- */
.btn-menu, .btn-filt {display:none;}
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff;
padding:10px; z-index:888; position:fixed; left:-320px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 888;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
background-color: #e84e36; color: #fff; transition:top .4s; -webkit-transition:top .4s;}
.btn-close.active {top:0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}

.side-panel .side-nav {padding: 0; border: 0;}
.side-panel a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.side-panel .side-nav-cont {margin: 0;}
.side-panel .side-box > a {margin-bottom: 30px;}



@media screen and (max-width: 1220px) {
.wrap {overflow: hidden;}
.wrap-center {max-width:1000px;}
#gotop {display: none !important;}
.side {margin-left: 30px;}
.logo-desc {display: none;}
.footer-in {background-image: none; padding: 15px 0;}

.ffav-wr {position: static; width: auto; height: auto; margin-bottom: 15px;}
.ffav {width: auto; padding: 5px 10px;}
.ffav .fa {display: inline-block; margin-right: 10px;}
.ffav br {display: none;}
}

@media screen and (max-width: 950px) {
.wrap-center {max-width:768px;}
.hmenu, .side {display: none;}
.cols {display: block;} 
.btn-menu {display: block; height: 40px; line-height: 40px;  text-align: center; padding: 0 15px;
background-color: #4caf50; color: #fff; font-size: 18px; cursor: pointer;}
}

@media screen and (max-width: 760px) {
.wrap-center {max-width:640px;}
.hline-two {display: block;}
.search-wrap {width: 100%; margin: 15px 0;}
.logo {margin: 0 auto;}
.thumb {width: 33.33%;}
.footer-in {display: block; text-align: center;}
.ft-copyr {margin-bottom: 15px;}
.login-btns a {display: none;}

.comm-three22 li:not(:first-child) {display:none;}
.dcont button {font-size:12px; padding:0 15px !important;}
.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.wrap-center {max-width:480px;}
.fheader, .fcols {display: block;}
.fcompl {display: none;}
.fcols .rkl-box, .finfo {margin: 0 auto 15px auto; width: 100%;}
.fposter {margin: 0 auto;}
.full h1 {font-size: 18px;}
.fmain-header {display: block; text-align: center;}
.mshare {margin-top: 10px;}
.mshare-title {display: block; margin-bottom: 10px;}
.dl-item {padding: 5px;}
.dl-btn {margin: 0; padding-right: 60px; font-size: 14px;}
.dl-quantity {display: none;}
.dl-btn .fa {display: none;}
.dl-size {width: 50px; font-size: 12px;}
.dl-view {font-size: 14px; padding: 0 5px;}

.comm-one {overflow: hidden; height: 20px; line-height: 20px; margin-bottom: 5px;}
.comm-three {height: 22px; overflow: hidden;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.wrap-center {max-width:320px;}
.pnext, .pprev {display: none !important;}
.thumb {width: 50%;}
.sect-title {font-size: 18px;}
.logo {height: 50px; overflow: hidden;}
.logo img {margin-top: -10px;}

.full-comms .sect-title {display: none;}
.add-comm-btn {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}

/*Телеграм*/
  .telegram-channel {
                }

.telegram-channel a {
display: block;
border: 1px solid #e3e3e3;
padding: 15px;
clear: both;
}

.telegram-channel .left {
float: left;
                }

.telegram-channel .right {
padding-left: 79px;
text-align: center;
                }

 .telegram-channel .right .title {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
font-weight: 700;
margin: 0;
                }

 .telegram-channel .right .title span {
display: block;
font-size: 13px;
color: #5c5c5c;
                }

.telegram-channel .right .link {
display: block;
font-size: 13px;
color: #5c5c5c;
text-decoration: underline;
                }

                .full-text ol li:before {
    content: counter(li);
    counter-increment: li;
    font-size: 11px;
    position: absolute;
    top: 0px;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #4caf50;
    font-weight: bold;
    border-radius: 50%;
}

.full-text {
    font: 14px Arial, Helvetica, sans-serif;
    line-height: 24px;
    margin-bottom: 20px;
}

.full-text ol li {
    position: relative;
    margin: 0 0 5px 0;
    padding-left: 30px;
    min-height: 20px;
}

.full-text ol {
    counter-reset: li;
    padding: 0;
    list-style: none;
    margin-left: 25px;
}  
  
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {
    margin: 15px 0;
}
.side-nav-list > li.active > a {background-color: #ffc100;color: #fff;}
.side-nav-list > li > a { overflow: hidden; text-overflow: ellipsis; }
.link-to-ru {
 float: left;
 }
 .link-to-ua {
 float: right;
 } 
.link-to-ru img, .link-to-ua img {
    border: 1px solid #ccc;
}