*,body
{
	padding:0;
	margin:0
}

a,body
{
	color:#ccc
}

a,a:focus,a:hover
{
	text-decoration:none
}

.btns-log,.f-rate,.nowrap,.th-rate
{
	white-space:nowrap
}

*
{
	background:0 0;
	outline:0;
	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
}

.ft-menu a,.h-menu a span,textarea
{
	vertical-align:top
}

article,aside,figure,figure img,footer,header,hgroup,main,nav,section
{
	display:block
}

body
{
	font:13px 'Open Sans',Arial,Helvetica,sans-serif;
	line-height:normal;
	background-color:#222;
	height:100%;
	width:100%;
	font-weight:400
}

img
{
	max-width:100%;
	image-rendering:crisp-edges;
	image-rendering:-moz-crisp-edges;
	image-rendering:-webkit-optimize-contrast
}

.clr
{
	clear:both
}

.clearfix:after
{
	content:"";
	display:table;
	clear:both
}

a:focus,a:hover
{
	color:#d20068
}

.btns-log a:hover,.ft-menu a:hover,.full-text a,.show-login:hover,.site-desc a,.sorter a:hover
{
	text-decoration:underline
}

h1,h2,h3,h4,h5
{
	font-weight:400;
	font-size:18px
}

.sub-title h1
{
	margin-bottom:15px;
	font-size:24px;
	font-weight:700
}

.top100
{
	margin-left:-5px;
	margin-right:-5px
}

.line
{
	width:100%;
	height:10px
}

@keyframes loaderImg {
	0%{
		top: 32px;
		left: 32px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0;
		left: 0;
		width: 64px;
		height: 64px;
		opacity: 0;
	}
} 
.loaderImg{
	position: relative;
	width: 64px;
	height: 64px;
    margin: 0 auto;

}
.loaderImg div {
	position: absolute;
	border: 4px solid #dd17b2;
	border-radius: 50%;
	animation: loaderImg 1s ease-out infinite;
}

.loaderImg div:nth-child(2){
animation-delay: -0.5s;
}
.link a{
    text-decoration: underline;
    color: #C71585;
}
#btn
{
	background-color:green;
	border-radius:5px;
	padding:1px;
	font-weight:500;
	text-decoration-line:underline
}

.button,.meta-fav a,.pagi-load a,.qq-upload-button,.up-second li a,.usp-btn a,.usp-edit a,button:not(.color-btn):not([class*=fr]),html input[type=button],input[type=reset],input[type=submit]
{
	padding:0 20px;
	display:inline-block;
	height:40px;
	line-height:40px;
	border-radius:20px;
	cursor:pointer;
	text-align:center;
	background-color:#d20068;
	color:#fff;
	background:-webkit-linear-gradient(to right,#d20068,#642B73);
	background:linear-gradient(to right,#d20068,#642B73)
}

button::-moz-focus-inner,input::-moz-focus-inner
{
	border:0;
	padding:0
}

button[disabled],input[disabled]
{
	cursor:default
}

button:active,html input[type=button]:active,input[type=reset]:active,input[type=submit]:active
{
	box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1)
}

.ui-button,input.bbcodes,input[type=button].bbcodes,input[type=submit].bbcodes
{
	font-size:12px!important;
	height:30px!important;
	line-height:30px!important;
	padding:0 10px;
	border-radius:3px
}

input[type=text],input[type=password]
{
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	padding:0 15px;
	color:#fff;
	background-color:#222;
	border-radius:0;
	-webkit-appearance:none;
	box-shadow:0 0 0 1px #111,inset 1px 1px 3px 0 rgba(0,0,0,.8)
}

select,textarea
{
	border:1px solid #111;
	background-color:#222;
	color:#FFF
}

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
}

textarea
{
	display:block;
	width:100%;
	padding:10px;
	border-radius:0;
	overflow:auto;
	resize:vertical;
	box-shadow:0 0 0 1px #111,inset 1px 1px 3px 0 rgba(0,0,0,.1)
}

.nowrap,.th-title,.wrap
{
	overflow:hidden
}

.img-box,.img-resp-h,.img-resp-v,.img-wide
{
	overflow:hidden;
	position:relative;
	background-color:#000
}

.img-resp-h
{
	padding-top:55%
}

.img-resp-v
{
	padding-top:130%
}

.img-box img,.img-resp-h img,.img-resp-v img
{
	width:100%;
	min-height:100%;
	display:block
}

.img-resp-h img,.img-resp-v img
{
	position:absolute;
	left:0;
	top:0
}

.center,.footer,.h-one
{
	position:relative
}

.img-wide img
{
	width:100%;
	display:block
}

.img-square img
{
	width:150%;
	max-width:150%;
	margin-left:-25%
}

.nowrap
{
	text-overflow:ellipsis
}

.h-menu a,button
{
	transition:all .3s
}

.button,.th-img img
{
	transition:color .3s,background-color .3s,opacity .3s
}

.ps-link
{
	cursor:pointer
}

.icon-l .fa
{
	margin-right:10px
}

.icon-r .fa
{
	margin-left:10px
}

.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-center
{
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}

.fx-between
{
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}

.fx-stretch
{
	-ms-flex-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch
}

.fx-top
{
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start
}

.fx-middle
{
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}

.fx-bottom
{
	-ms-flex-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}

.fx-col
{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column
}

.logo,.logo img
{
	display:block
}

.fx-wrap
{
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}

.pages
{
	background-color:#333;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.4);
	padding:20px
}

.btn-dl,.btn-scr,.btns-log,.button,.comms-title,.f-fav,.footer,.full-in h1,.h-menu,.rels-t,.side-bt,.site-desc h1,.site-desc h2,.site-desc h3,.th-title
{
	font-size:14px;
	font-weight:300
}

.wrap
{
	min-width:320px
}

.center
{
	max-width:1500px;
	margin:0 auto;
	z-index:20
}

.h-one,.h-two
{
	padding:0 2010px;
	margin:0 -2000px
}

.h-one
{
	background-color:#d20068;
	height:60px;
	background:-webkit-linear-gradient(to right,#d20068 0,#d20068 30%,#642B73 70%,#642B73 100%);
	background:linear-gradient(to right,#d20068 0,#d20068 30%,#642B73 70%,#642B73 100%)
}

.footer,.h-two,.side
{
	background-color:#333
}

.h-two
{
	height:50px;
	box-shadow:0 20px 20px -20px rgba(0,0,0,.9)
}

.cols
{
	margin:20px 0;
	padding:0 10px
}

.side
{
	width:240px
}

.main
{
	width:calc(100% - 240px);
	width:-webkit-calc(100% - 240px);
	padding-right:20px;
	min-height:600px
}

.footer
{
	padding:20px 2010px;
	margin:0 -2000px;
	color:#fff;
	text-align:center;
	box-shadow:0 -20px 20px -20px rgba(0,0,0,.9)
}

.logo
{
	float:left;
	width:240px;
	height:60px;
	margin-right:20px
}

.search-box
{
	width:400px;
	position:absolute;
	left:50%;
	top:0;
	margin:10px 0 0 -200px
}

.search-field
{
	width:100%;
	position:relative
}

.search-field input,.search-field input:focus
{
	width:100%;
	padding:0 50px 0 10px;
	background-color:rgba(0,0,0,.4);
	color:#fff;
	height:40px;
	line-height:40px;
	box-shadow:none;
	border-radius:4px
}

.search-box button
{
	position:absolute;
	right:0;
	top:0;
	padding:0!important;
	width:40px;
	height:40px!important;
	line-height:40px!important;
	font-size:18px;
	background:0 0!important;
	color:#fff!important
}

.btns-log a,.show-login
{
	display:inline-block;
	padding:0 20px
}

.btns-log
{
	height:40px;
	line-height:40px;
	float:right;
	margin-top:10px
}

.h-menu,.h-menu li,.sorter,.sorter:before,.thumb
{
	float:left
}

.btns-log a
{
	color:#fff
}

.show-login
{
	background-color:#d20068;
	color:#fff;
	cursor:pointer;
	border-radius:20px
}

.h-menu a
{
	display:block;
	line-height:30px;
	padding:0 10px;
	background-color:#222;
	margin:10px 10px 0 0;
	border-radius:15px
}

.h-menu a span
{
	background-color:#2c8f00;
	color:#fff;
	display:inline-block;
	height:20px;
	line-height:20px;
	padding:0 5px;
	margin:5px 0 0 10px;
	border-radius:10px
}

.sorter
{
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin-top:10px;
	padding:0 10px;
	line-height:30px;
	background-color:#222;
	border-radius:15px;
	margin-right:10px
}

.sorter form,.th-in
{
	background-color:#333
}

.sorter:before
{
	content:attr(data-label);
	padding:0 10px 0 0
}

.sorter form
{
	display:none;
	padding:10px;
	line-height:26px;
	box-shadow:0 0 15px 0 rgba(0,0,0,.8);
	position:absolute;
	right:0;
	top:100%;
	width:160px;
	z-index:999
}

.sort li.asc a:after,.sort li.desc a:after
{
	content:"\f063";
	font-family:FontAwesome;
	display:inline-block;
	margin-left:10px
}

.sort li.desc a:after
{
	content:"\f062"
}

.site-desc
{
	line-height:18px;
	text-align:justify;
	margin-bottom:20px
}

.site-desc h1,.site-desc h2,.site-desc h3
{
	font-size:24px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #d20068;
	color:#FFF
}

.site-desc p+p
{
	margin-top:5px
}

.site-desc a
{
	color:#d20068
}

.floats
{
	margin:0 -5px
}

.thumb
{
	width:25%;
	padding:0 5px 10px
}

.th-in
{
	position:relative;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.4)
}

.th-img
{
	display:block
}

.th-rate,.th-time
{
	display:inline-block;
	padding:5px 10px;
	position:absolute;
	z-index:20;
	font-size:13px;
	border-radius:14px;
	color:#fff
}

.th-img:hover img
{
	opacity:.8
}

.th-rate
{
	background-color:rgba(44,143,0,.8);
	left:10px;
	bottom:10px
}

.th-time
{
	background-color:rgba(0,0,0,.5);
	right:10px;
	top:10px
}

.side-box,.th-text
{
	padding:10px
}

.th-title
{
	display:block;
	font-size:15px;
	font-weight:300;
	line-height:22px;
	height:44px
}

.ac-title,.comm-author
{
	font-weight:700
}

.th-in:hover
{
	background-color:#d20068
}

.th-in:hover .th-title
{
	color:#fff
}

.side-bt
{
	font-size:18px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #666;
	color:#FFF
}

.side-nav
{
	background-color:#333;
	color:#FFF
}

.side-nav .side-bt
{
	border-bottom:0;
	margin:-10px -10px 10px;
	padding:10px;
	background-color:#d20068;
	color:#fff;
	background:-webkit-linear-gradient(to right,#d20068,#642B73);
	background:linear-gradient(to right,#d20068,#642B73)
}

.side-nav a
{
	border-bottom:1px solid #111;
	box-shadow:0 1px #555;
	display:block;
	padding:10px 50px 10px 0;
	color:#ccc;
	font-size:14px
}

.counter,.ft-menu a,.full-tags a,.pagi-nav,.pagi-nav>span
{
	display:inline-block
}

.side-nav li:last-child a
{
	border-bottom:0;
	box-shadow:none
}

.side-nav a:hover
{
	color:#d20068
}

.side-nav li
{
	position:relative
}

.side-nav li span
{
	position:absolute;
	right:10px;
	top:10px;
	opacity:.6
}

.ft-copyr
{
	margin-bottom:10px;
	font-size:16px
}

.ft-menu a
{
	color:#ccc;
	padding:1px 10px
}

.ft-menu a+a
{
	border-left:1px solid #666
}

.ft-menu a:hover
{
	color:#FFF
}

.counter
{
	height:31px;
	background-color:#111;
	position:absolute;
	right:0;
	bottom:20px;
	margin-right:2010px
}

.bottom-nav
{
	line-height:36px;
	text-align:left;
	padding:20px 5px 0
}

.f-rate,.f-screens,.navigation,.rate-minus,.rate-plus,.warning
{
	text-align:center
}

.pagi-nav
{
	max-width:100%
}

.pnext a,.pnext>span,.pprev a,.pprev>span
{
	width:36px;
	text-align:center
}

.navigation a,.navigation span,.pnext a,.pnext>span,.pprev a,.pprev>span
{
	display:inline-block;
	padding:0 5px;
	min-width:36px;
	background-color:#333;
	margin:5px 5px 0 0;
	border-radius:0;
	border:0 solid #ddd;
	box-shadow:0 3px 5px 0 rgba(0,1,1,0);
	font-size:18px
}

.full-in h1,.full-meta
{
	padding:10px
}

.navigation span,.pagi-nav a:hover
{
	background-color:#d20068;
	color:#fff
}

.navigation span.nav_ext
{
	background-color:#333;
	color:#ccc
}

.pagi-nav a:hover
{
	background-color:#d20068;
	color:#fff
}

.dle-comments-navigation .pagi-nav
{
	margin-bottom:0
}

.warning
{
	font-size:20px;
	margin-bottom:5px
}

.full-in
{
	background-color:#333;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.4);
	margin-bottom:20px
}

.player-box
{
	background-color:#000
}

.player-box .video-box
{
	max-width:100%;
	margin:0 auto
}

.full-in h1
{
	font-size:24px;
	background-color:#282828;
	color:#FFF
}

.full h1 a
{
	color:#d20068;
	margin-left:10px
}

.btn-dl ul,.btn-dl ul li a
{
	color:#fff
}

.full-tags
{
	margin-bottom:0;
	line-height:30px;
	padding:0 10px
}

.full-tags a
{
	padding:0 10px;
	background-color:#222;
	margin:0 0 10px 5px
}

.f-desc,.f-screens
{
	background-color:#282828
}

.btn-dl,.btn-scr,.f-fav,.f-time,.f-views
{
	float:left;
	margin:0 0 0 20px;
	cursor:pointer;
	line-height:40px;
	position:relative
}

.f-time,.f-views
{
	float:right
}

.f-desc
{
	padding:10px;
	margin:0 10px 10px
}

.f-screens
{
	padding:10px 5px 0;
	border:1px solid #111;
	margin-bottom:10px;
	display:none
}

.f-rate,.rate-bar
{
	border-radius:4px;
	overflow:hidden
}

.f-screens a,.f-screens>img
{
	display:inline-block;
	vertical-align:top;
	margin:0 5px 10px;
	max-width:250px;
	max-height:150px;
	overflow:hidden
}

.f-screens a img
{
	display:block
}

.btn-dl ul,.f-screens br
{
	display:none
}

.btn-dl ul
{
	position:absolute;
	left:0;
	top:100%;
	z-index:100;
	background-color:rgba(0,0,0,.8);
	width:200px;
	padding:5px 0
}

.btn-dl ul li
{
	padding:5px 10px;
	line-height:normal;
	text-transform:none
}

.btn-dl li:hover
{
	background-color:#000
}

.f-rate
{
	float:left;
	background-color:#222;
	box-shadow:0 0 0 1px #111;
	width:246px
}

.rate-counts,.rate-minus,.rate-plus
{
	display:inline-block;
	vertical-align:middle
}

.rate-data
{
	display:none
}

.rate-counts
{
	width:160px;
	padding:3px 10px 0;
	height:40px
}

.rate-minus,.rate-plus
{
	cursor:pointer;
	width:40px;
	height:40px;
	font-size:24px;
	background:linear-gradient(to bottom,#333 0,#222 100%);
	line-height:40px
}

.rate-plus
{
	color:#1e9b05;
	border-right:1px solid #111
}

.rate-minus
{
	color:#d00707;
	border-left:1px solid #111
}

.rate-minus:hover,.rate-plus:hover
{
	background:linear-gradient(to top,#444 0,#222 100%)
}

.rate-bar
{
	width:100%;
	min-height:6px;
	height:6px;
	position:relative;
	background-color:#ef4559
}

.rate-fill
{
	width:50%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#7bbc00;
	transition:width 1s linear
}

.rate-perc
{
	margin-right:5px;
	font-size:18px;
	color:#7bbc00
}

.rels-t
{
	margin-bottom:10px;
	font-size:24px;
	color:#FFF
}

.full .thumb
{
	padding:10px 5px 0
}

.video-box embed,.video-box frame,.video-box iframe,.video-box object,.video-box video
{
	max-width:100%!important;
	display:block;
	width:100%;
	height:480px
}

.mejs-container
{
	max-width:100%!important
}

.full-text
{
	font-size:14px;
	line-height:20px;
	color:#ccc
}

.full-taglist a,.full-text a
{
	color:#d20068
}

.full-text img:not(.emoji)
{
	max-width:100%;
	margin:10px 0
}

.full-text>.highslide img[style*=left],.full-text>img[style*=left]
{
	margin:0 10px 10px 0
}

.full-text>.highslide img[style*=right],.full-text>img[style*=right]
{
	margin:0 0 10px 10px
}

.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 ol,.full-text ul
{
	margin:0
}

.full-text ul li
{
	list-style:disc;
	margin-left:40px
}

.full-text ol li
{
	list-style:decimal;
	margin-left:40px
}

.full-taglist
{
	margin-top:20px
}

.full-taglist span:not(.fa):not(:last-child):after
{
	content:",";
	display:inline
}

.full-comms
{
	padding:10px;
	background-color:#282828
}

.comms-title
{
	line-height:40px
}

.comms-title>span
{
	font-size:16px
}

.add-comm-form
{
	position:relative;
	margin:20px 0;
	display:none
}

.ac-soc a,.ac-soc:before
{
	display:inline-block;
	vertical-align:top
}

.ac-soc
{
	position:absolute;
	right:0;
	top:-8px
}

.ac-soc:before
{
	content:attr(data-label);
	line-height:30px;
	margin-right:5px
}

.ac-soc a
{
	margin:0 0 0 3px
}

.ac-inputs,.ac-textarea,.ac-title
{
	margin-bottom:15px
}

.ac-soc img
{
	display:block;
	width:30px
}

.ac-av
{
	width:40px;
	height:40px;
	border-radius:0;
	float:left;
	margin-right:10px;
	background:url(../dleimages/noavatar.png) no-repeat #fff;
	background-size:contain
}

.ac-title
{
	text-transform:uppercase
}

.ac-inputs input
{
	width:49%
}

.ac-textarea textarea
{
	height:85px
}

.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
}

.mass_comments_action
{
	text-align:right;
	padding:5px 15px;
	background-color:#222;
	margin:20px 0 0
}

#gotop,.lb-soc
{
	text-align:center
}

.comm,.login-box
{
	background-color:#333
}

.last-comm-link
{
	font-size:16px;
	margin-bottom:10px
}

.last-comm-link a
{
	text-decoration:underline
}

.comm
{
	padding:10px 10px 10px 60px;
	margin-top:10px
}

.comm-av
{
	width:40px;
	height:40px;
	float:left;
	margin-left:-50px
}

.comm-meta
{
	margin-bottom:8px
}

.comm-meta span+span
{
	margin-left:10px;
	opacity:.8
}

.comm-text
{
	font:14px/18px Arial,Helvetica,sans-serif
}

.login-box
{
	padding:20px;
	display:none
}

.lb-menu a,.lb-user
{
	background-color:#282828
}

.lb-user
{
	margin:-20px -20px 20px;
	padding:20px;
	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
}

.lb-menu a:hover,.lb-menu a:hover .fa
{
	background-color:#d20068;
	color:#fff
}

.lb-menu a .fa
{
	color:#d20068
}

.lb-check,.login-box button,.login-box input[type=text],.login-box input[type=password]
{
	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 #111;
	content:"";
	background-color:#222;
	display:inline-block
}

.lb-check input:checked+label:before
{
	background-color:#e5050b
}

.lb-soc
{
	margin:20px -20px -20px;
	padding:20px;
	background-color:#282828
}

.lb-soc a
{
	display:inline-block;
	margin:10px 3px 0;
	vertical-align:top
}

.lb-soc img
{
	display:block;
	width:30px
}

#gotop,.btn-menu
{
	display:none
}

#gotop
{
	position:fixed;
	width:40px;
	height:40px;
	line-height:36px;
	right:10px;
	bottom:10px;
	cursor:pointer;
	font-size:20px;
	z-index:9998;
	opacity:.7;
	background-color:#000;
	color:#FFF;
	border-radius:0
}

.close-overlay,.side-panel
{
	height:100%;
	position:fixed;
	top:0
}

.side-panel
{
	width:260px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#444;
	padding:0 10px;
	z-index:888;
	left:-260px;
	transition:left .4s;
	-webkit-transition:left .4s
}

.side-panel.active
{
	left:0
}

.close-overlay
{
	width:100%;
	background-color:rgba(0,0,0,.8);
	left:0;
	z-index:887;
	display:none
}

.side-panel a
{
	display:block;
	padding:10px 50px 10px 0;
	font-size:14px;
	color:#FFF;
	border-bottom:1px solid #111
}

.side-panel li
{
	position:relative;
	color:#FFF
}

.side-panel li span
{
	position:absolute;
	right:10px;
	top:10px;
	opacity:.8
}


/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}

.comments-image-gallery li img{
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
  border: 1px solid #dbdada;
  margin: 0 0 .7rem 0;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul {
  padding-left: 20px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.mce-toc ul ul {
  padding-left: 20px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mce-toc li {
  list-style-type: none;
}

.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}
.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}
.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}


@media screen and (max-width:1220px) {
	.center
	{
		max-width:1000px
	}

	.thumb
	{
		width:33.33%
	}

	.search-box
	{
		position:static;
		float:left;
		margin-left:0
	}

	.btn-dl,.btn-scr,.f-fav,.f-time,.f-views
	{
		margin:0 0 0 10px
	}
}



@media screen and (max-width:950px) {
	.center
	{
		max-width:768px
	}

	.search-box
	{
		width:250px
	}

	.btns-log a,.h-menu,.side
	{
		display:none
	}

	.sorter
	{
		float:right;
		margin-right:0
	}

	.main
	{
		width:100%;
		padding-right:0
	}

	.counter
	{
		position:static;
		margin:10px 0 0
	}

	.btn-menu
	{
		background-color:#d20068;
		color:#fff;
		cursor:pointer;
		display:block;
		float:left;
		width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:18px
	}
}

@media screen and (max-width:760px) {
	.ac-protect,.search-box
	{
		margin-top:0
	}

	.site-desc h1,.site-desc h2,.site-desc h3,.sub-title h1
	{
		font-size:18px
	}

	.center
	{
		max-width:640px
	}

	.thumb
	{
		width:50%
	}

	.h-one
	{
		height:100px;
		position:relative
	}

	.search-box
	{
		width:auto;
		float:none;
		position:absolute;
		top:60px;
		left:2010px;
		right:2010px
	}

	.search-field input,.search-field input:focus
	{
		height:30px;
		line-height:30px
	}

	.search-box button
	{
		width:30px;
		height:30px!important;
		line-height:30px!important
	}

	.comments-tree-list .comments-tree-list
	{
		padding-left:0!important
	}

	.comments-tree-list .comments-tree-list:before,.mass_comments_action
	{
		display:none
	}

	.sub-title h1
	{
		line-height:24px
	}
}

@media screen and (max-width:590px) {
	.full-meta,.upop-left
	{
		text-align:center
	}

	.center
	{
		max-width:480px
	}

	.full-in h1,.rels-t
	{
		font-size:18px
	}

	.f-rate
	{
		float:none;
		margin:0 auto 10px
	}

	.btn-dl,.btn-scr,.f-fav,.f-time,.f-views
	{
		float:none;
		margin:0 5px;
		line-height:20px;
		display:inline-block;
		vertical-align:top
	}

	.video-box embed,.video-box frame,.video-box iframe,.video-box object,.video-box video
	{
		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
	}

	.ui-dialog-buttonset button
	{
		display:block;
		margin:0 0 5px;
		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) {
	.center2
	{
		max-width:320px
	}

	.show-login
	{
		padding:0 5px;
		font-size:12px;
		max-width:60px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis
	}

	.logo
	{
		width:240px;
		overflow:hidden;
		margin:0
	}

	.thumb
	{
		width:100%
	}

	.site-desc
	{
		display:none
	}

	.add-comm-btn
	{
		padding:0 10px
	}

	.comms-title2
	{
		text-align:center;
		display:block!important
	}

	.video-box embed,.video-box frame,.video-box iframe,.video-box object,.video-box video
	{
		height:250px
	}
}