@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);

.loader {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(45deg, transparent, transparent 40%, #e5f403);
    animation: animate 2s linear infinite;
}

@keyframes animate {
    0% {
        transform: rotate(0deg);
        filter: hue-rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

.loader:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: #000;
    border-radius: 50%;
    z-index: 1000;
}

.loader:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(45deg, transparent, transparent 40%, #e5f403);
    border-radius: 50%;
    z-index: 1000;
    z-index: 1;
    filter: blur(30px);
}

@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap');

::-webkit-input-placeholder {
	color:#6e6763;
}

::-moz-placeholder   {
	color:#6e6763;
}

:-moz-placeholder  {
	color:#6e6763;
}

:-ms-input-placeholder {
	color:#6e6763;
}

input, button, textarea {
	background:0;
	border:0;
	outline:0;
	box-sizing:border-box;
	font-family:'Play', sans-serif;
	font-size:14px;
	resize:none;
	color:#fff;
}

* {
	padding:0;
	margin:0;
	outline:0;
}

html, body {
	background-color:#0b0916;
	font-family:'Play', sans-serif;
	font-size:14px;
	color:#fff;
}

a {
	color:#fff;
	text-decoration:none;
}

ul, li {
	display:block;
	padding:0;
	margin:0;
	list-style:none;
}

em {
	font-style:normal;
}

b {
	font-weight:bold;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

.hidden {
	overflow:hidden;
}

.clear {
	clear:both;
}

.ell {
	white-space:nowrap;
	text-overflow:ellipsis;
}

.cslink {
    margin-bottom: 15px;
    position: relative;
    z-index: 10;
}

.select-none {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

a, button[type="submit"], input[type="submit"] {
	transition:all 0.5s ease;
}

#.wrapper {
#	#min-width:1260px;
#	background:url(/style/img/1.jpg) no-repeat center 0, url(/style/img/20.jpg) no-repeat center bottom;
#}

.full {
	width:1200px;
	margin:0 auto;
	position:relative;
}

.panel {
	height: 80px;
	background:#171720;
	margin-bottom: 364px;
	border-bottom: 2px solid #ea4f20;
}

.panel .full {
	height: 80px;
	display:flex;
	align-items:center;
}

.sborki {
	height: 230px;
	/* background:#16151c; */
	border-radius:25px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.container {
	padding-top: 10px;
	padding-bottom:80px;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	display:flex;
}

.cont-l {
	width:247px;
}

.cont-r {
	width:864px;
	margin-left:auto;
	background:#16151b;
	border-radius:25px;
	border:1px solid #343433;
	box-sizing:border-box;
	padding: 30px 45px;
}

.podval {
	height: 350px;
	display:flex;
}

.podval-title {
	font-size:20px;
	font-weight:bold;
	margin-bottom: 20px;
}

.podval-cl.cl-1 {
	width:380px;
}

.podval-cl.cl-2 {
	margin:0 auto;
	width:310px;
}

.podval-cl.cl-3 {
	margin-left:auto;
	width:245px;
}

.footer {
	height:111px;
	background:#0b0916;
}

.footer .full {
	height:111px;
	display:flex;
	align-items:center;
}

.ftext {
	color:#bebebe;
	font-size:12px;
}

.ftext a {
	color:#ea4f20;
}

.fcopy:hover {
	transform:translate3d(10px, 0, 0);
}

.fcopy {
	display:inline-block;
	margin-left:auto;
	background:url(/style/img/copy.png) no-repeat 0 0;
	width:122px;
	height:31px;
}

.logo
{
    
    width: 500px;
    height: 50px;
    margin-center: 10px;
    background-size: auto 40px;
    background-image: url(../logotype.png);
    background-repeat: no-repeat;
}

.nav {
	margin-left:auto;
	display:flex;
}

.nav li {
	margin:0 0 0 40px;
}

.nav a {
	text-transform:uppercase;
}

.nav a:hover {
	color:#ff1e00;
}

.nav a span {
	background:url(/style/img/ico-1.png) no-repeat right center;
	padding-right:14px;
}

.sborki-i:after {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	content:'';
	z-index:1;
	box-shadow:inset 0px -70px 30px -30px #16151c;
	border-radius:25px;
}

.sborki-i:hover span {
	color:#ff1e00;
}

.sborki-i {
	width: 215px;
	height:198px;
	border:1px solid #1e1d27;
	border-radius:25px;
	position:relative;
	display:block;
	margin: 0 10px;
}

.sborki-i img {
	width: 215px;
	height:198px;
	border-radius:25px;
}

.sborki-i span {
	position:absolute;
	bottom:25px;
	left:0;
	right:0;
	z-index:2;
	overflow:hidden;
	text-align:center;
	box-sizing:border-box;
	font-weight:bold;
	padding:0 15px;
	transition:0.5s;
}

.block:last-child {
	margin-bottom:0;
}

.block {
	margin-bottom: 25px;
}

.block-title {
	font-size:14px;
	/* font-weight:bold; */
	text-transform:uppercase;
	background-image: url(/style/img/cs-bld.png);
	background-position: 0px 10%;
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #24222e;
	color: #ea4f20;
}

.block-text {
	color:#8a869f;
	font-size:12px;
	padding-top:3px;
	padding-bottom:25px;
}

.block ul li {
	border-bottom: 1px dotted #24222e;
	margin-bottom:11px;
	height:30px;
}

.block ul li a:hover {
	color:#ff1e00;
	padding-left:50px;
}

.block ul li a {
	height:24px;
	line-height: 20px;
	position:relative;
	padding-left:40px;
	display:block;
}

.block ul li a img {
	width: 24px;
	height: 24px;
	position:absolute;
	border-radius: 30px;
	border: 2px solid #343433;
	top: -4px;
	left:0;
}

.cont-title {
	font-size:24px;
	font-weight:bold;
	padding-bottom:20px;
}

.cont-h2 {
    font-size: 18px;
    padding: 0;
    margin-top: 10px;
}

.first {
    margin-top: 30px;
}

.cont-images-cs img {
	width: 100%;
	height: auto;
	border: 1px solid #343433;
	border-radius: 20px;
}

.cont-images-cs {
	margin-bottom:20px;
	text-align: center;
}

.cont-images img {
	width: 80%;
	height: auto;
}

.cont-images {
	margin-bottom:20px;
	text-align: center;
}

.list li {
	padding-bottom: 15px;
}

.list li:last-child {
	padding-bottom:0;
}

.list li p:nth-child(1) {
	color:#ea4f20;
	font-size:14px;
	padding-bottom: 10px;
}

.list li p:nth-child(2) {
	color:#bebebe;
	font-size:12px;
	text-align: justify;
}

.system-info {
	color:#bebebe;
	font-size:12px;
}

.system-info.one {
	padding-bottom: 35px;
}

.new-publ li:last-child {
	margin-bottom:0;
}

.new-publ li {
	height:64px;
	position:relative;
	padding-left:82px;
	margin-bottom:16px;
}

.new-publ p.ell {
	display:block;
	overflow:hidden;
}

.new-publ p {
	font-size:12px;
	color:#bebebe;
}

.new-publ p a {
	color:#ea4f20;
}

.new-publ img {
	width:64px;
	height:64px;
	position:absolute;
	top:0;
	left:0;
	border: 1px solid #343433;
	border-radius: 10px;
}

.new-publ-name {
	color:#ea4f20 !important;
	font-size:14px;
	line-height:22px;
	padding-bottom:10px;
}

.down {
	background:#211f2a;
	position:relative;
	margin:0 -45px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	padding:0 10px;
}

.down a,
.viewn-link {
	display:block;
	width:235px;
	height:70px;
	box-sizing:border-box;
	padding-left:25px;
	margin:12px -15px;
	transform:scale(0.8);
	position:relative;
}

.down a p:nth-child(1),
.viewn-link p:nth-child(1) {
	font-size: 20px;
	font-weight:bold;
	color:#2d2d2d;
	padding-top: 13px;
	transition:0.5s;
	text-transform:uppercase;
}

.viewn-link p:nth-child(1) {
	font-size:16px;
	padding-top:19px;
}

.viewn-link {
	padding-left:16px;
	margin:0 auto;
	margin-top:10px;
	position:relative;
	z-index:5;
}

.down a p:nth-child(2),
.viewn-link p:nth-child(2) {
	font-size: 18px;
	color:#7a7a7a;
}

.down .d1,
.viewn-link.d1 {
	background:url(/style/img/d1.png) no-repeat 0 0;
}

.down .d2,
.viewn-link.d2 {
	background:url(/style/img/d2.png) no-repeat 0 0;
}

.down .d3,
.viewn-link.d3 {
	background:url(/style/img/d3.png) no-repeat 0 0;
}

.down .d4,
.viewn-link.d4 {
	background:url(/style/img/d4.png) no-repeat 0 0;
}


.down .d1:hover p:nth-child(1),
.viewn-link.d1:hover p:nth-child(1) {
	color:#96cd01;
}

.down .d2:hover p:nth-child(1),
.viewn-link.d2:hover p:nth-child(1) {
	color:#e4a601;
}

.down .d3:hover p:nth-child(1),
.viewn-link.d3:hover p:nth-child(1) {
	color:#60b9ff;
}

.down .d4:hover p:nth-child(1),
.viewn-link.d4:hover p:nth-child(1) {
	color:#ea4f20;
}

.ob-cs:after {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:4px;
	background:#ea4f20;
	content:'';
	border-radius:3px;
}

.ob-cs {
	font-size:14px;
	color:#ccc;
	margin:20px 0;
	padding:10px 0;
	padding-left:24px;
	position:relative;
	text-align: justify;
}

.all-materials {
    padding-bottom: 20px;
    font-size: 12px;
    border-bottom: 2px solid #ea4f20;
    margin-bottom: 20px;
}

.cs-screen, .xfieldimagegallery {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	padding:10px 0;
}

.cs-screen img {
	display:block;
	width:330px;
	height:248px;
	margin:10px;
}

.xfieldimagegallery li {
	display:block;
	width: 230px;
	height: 180px;
	margin:10px;
}

.xfieldimagegallery li img {
	width: 230px;
	height: 180px;
	border: 1px solid #343433;
	border-radius: 20px;
}

.ob-cs-title {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding-bottom:12px;
}

.ob-cs ul {
	/* display:flex; */
	flex-wrap:wrap;
}

.ob-cs ul li {
	/* width:50%; */
	margin:3px 0;
	/* display:flex; */
	margin-bottom: 10px;
	margin-left: 15px;
}

.ob-cs-title-ul li:before, .ob-cs ul li:before {
	content:'';
	width:6px;
	height:6px;
	background:#ea4f20;
	border-radius:50%;
	display: inline-block;
	margin:auto 0;
	margin-right:8px;
}

.ob-cs-text {
	font-size:14px;
	color:#ccc;
	padding: 5px 0 10px 0;
	line-height: 18px;
	text-align: justify;
}

.viewn-loop, #dle-content {
	display:flex;
	flex-wrap:wrap;
	padding-top: 10px;
	position:relative;
	/* margin-bottom: 20px; */
}

#dle-content {
	padding-top:0;
	margin-bottom:0;
}

.viewn:nth-child(1), .viewn:nth-child(4), .viewn:nth-child(7), .viewn:nth-child(10) {
    margin-right: auto;
}

.viewn:nth-child(3), .viewn:nth-child(6), .viewn:nth-child(9), .viewn:nth-child(12) {
	margin-left:auto;
}

.viewn:after, .cs-roulette li:after, #my_popup:after {
	border-top:2px solid #ea4f20;
	position:absolute;
	top:-2px;
	bottom:0;
	left:-1px;
	right:-1px;
	content:'';
	border-radius:20px;
}

.viewn {
	width: 248px;
	height:328px;
	border-radius:20px;
	border:1px solid #343433;
	position:relative;
	padding:20px;
	box-sizing:border-box;
	margin-bottom: 20px;
	background: #16151c;
}

.csheight {
    height: auto;
}

.viewn-name {
	height:45px;
	line-height:44px;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
	padding:0 10px;
	border-radius:20px;
	background:#343433;
	color:#ccc;
	margin-bottom:23px;
}

.viewn-images img {
	width:100%;
	height: 134px;
}

.viewn-images-cs img {
	width:100%;
	height: 114px;
}

.paginator {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin:0 -2.5px;
	z-index:10;
	padding-top:10px;
}

.paginator a, .paginator span {
	width:35px;
	height:35px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	border-radius:5px;
	margin:2.5px;
	display:block;
}

.paginator a:hover {
	background:#aeb0b0;
}

.paginator a {
	background:#d3d5d5;
	color:#343433;
}

.paginator span {
	background:#ea4f20;
	color:#fff;
}

.speedbar {
	font-size:11px;
	color:#726f86;
	position:relative;
	top:-14px;
	margin-bottom:7px;
}

.speedbar a {
	color:#726f86;
}

.speedbar span {
	color:#fff;
}

.viewn-rand {
	height:auto;
	/* margin-bottom:35px; */
}

.viewn-rand .viewn-name {
	background:0;
	color:#fff;
	display:inline-block;
	line-height:normal;
	margin-bottom:15px;
	height:auto;
	position:relative;
	z-index:10;
}

.viewn-images a, .viewn-images-cs a {
	width: 100%;
	height: 134px;
	display:block;
	position:relative;
	z-index:10;
}

.rating, .unit-rating { width: 115px; height: 23px;}
	.rating { font-size: 11px; }
	.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
		background-image: url(/style/img/rat.png);
		-webkit-background-size: 23px auto; background-size:  23px auto;
	}
	.unit-rating {
		list-style: none;
		margin: 0; padding: 0;
		position: relative;
		background-position: 0 -46px;
	}
	.unit-rating li {
		text-indent: -90000px;
		padding: 0; margin: 0;
		float: left;
		line-height:normal !important;
	}
	.unit-rating li a {
		display: block;
		width: 23px; height: 23px;
		text-decoration: none;
		border: 0 none !important;
		text-indent: -9000px;
		z-index: 17;
		position: absolute;
		padding: 0;
		transition:none !important;
	}
	.unit-rating li a:hover {
		background-position: 0 -23px;
		z-index: 2;
		left: 0;
	}
	.unit-rating a.r1-unit { left: 0; }
	.unit-rating a.r1-unit:hover { width: 23px; }
	.unit-rating a.r2-unit { left: 23px; }
	.unit-rating a.r2-unit:hover { width: 46px; }
	.unit-rating a.r3-unit { left: 46px; }
	.unit-rating a.r3-unit:hover { width: 69px; }
	.unit-rating a.r4-unit { left: 69px; }
	.unit-rating a.r4-unit:hover { width: 92px; }
	.unit-rating a.r5-unit { left: 92px; }
	.unit-rating a.r5-unit:hover { width: 115px; }
	.unit-rating li.current-rating {
		background-position: 0 0;
		position: absolute;
		height: 23px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
		padding: 0px;
	}
	
	.ui-dialog {
	background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0,0,0, 0.80);
	color:#000;
}

.ui-dialog textarea {
	border:1px solid #ccc;
	padding:10px;
}

.ui-dialog-buttonset button {
	background:#ea4f20;
	height:30px;
	padding:0 15px;
	border-radius:10px;
	cursor:pointer;
	margin-right:10px;
	color:#fff;
}

.ui-dialog-titlebar-close {
	float:right;
}

.ui-dialog-titlebar-close:after {
	content:'X';
	color:#000;
}

.ui-dialog-titlebar-close span {
	display:none;
}

.ui-dialog-titlebar {
	padding-bottom:20px;
}

.comments-loop {
	padding:60px 0 0 0;
}

.comment {
	position:relative;
	margin-bottom:50px;
}

.comm_ {
	padding:30px;
	padding-top:40px;
	padding-bottom:20px;
	border:1px solid #343433;
	border-radius:30px;
	margin-left:127px;
	position:relative;
}

.comm__text {
	font-size:12px;
	color:#ccc;
}

.comm__panel {
	height:38px;
	line-height:38px;
	background:#343433;
	position:absolute;
	top:-18px;
	left:-24px;
	padding:0 27px;
	border-radius:30px;
	font-size:16px;
	color:#ccc;
	display:flex;
}

.comm__panel .right {
	font-size:12px;
	float:none;
}

.comm__panel .left {
	padding:0 50px 0 0;
	float:none;
}

.comm__panel .left a {
	color:#ccc;
}

.comm__link {
	padding-top:15px;
}

.comm__link a {
	color:#dc4b20;
	font-size:12px;
	margin-right:50px;
}

.comm__link a:hover {
	color:#ea4f20;
}

.comm__ava {
	position:absolute;
	top:-22px;
	left:0;
	width:70px;
	height:70px;
	line-height:66px;
	text-align:center;
	border-radius:50%;
	border:1px solid #343433;
}

.comm__ava img {
	vertical-align:middle;
	width:44px;
	height:44px;
	border-radius:50%;
}

.comm__rat {
	position:absolute;
	top:15px;
	right:20px;
	z-index:55;
}

.comm__rat .plus {
	color:green;
	font-size:18px;
}

.comm__rat .minus {
	color:red;
	font-size:18px;
}

.comm__rat .ignore-select {
	margin:0 3px;
}

.addcomment-wrap {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:8px;
}

.addcomment-pole {
	display:flex;
}

.addcomment-pole #dle-captcha img {
	height:47px;
	border-radius:30px;
}

.addcomment {
	border:1px solid #343433;
	padding:30px 20px;
	border-radius:30px;
}

.addcomment input {
	height:47px;
	background:0;
	border-radius:30px;
	padding:0 20px;
	border:1px solid #343433;
}

.addcomment textarea {
	background:0;
	border-radius:30px;
	padding:20px;
	width:100%;
	border:1px solid #343433;
	height:130px;
}

.addcomment .bb-editor {
	width:100%;
}

.mass_comments_action, .comments_subscribe {
	display:none !important;
}

.com-title {
	font-size:16px;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.comm-btn {
	text-align:right;
	padding-top:25px;
}

.comm-btn button:hover {
	background:#83b009;
}

.comm-btn button {
	width:240px;
	height:62px;
	background:#96cd01;
	border-radius:5px;
	cursor:pointer;
	border-bottom:2px solid #779119;
}

.comm-btn button p:nth-child(1) {
	font-size:14px;
	font-weight:bold;
}

.comm-btn button p:nth-child(2) {
	font-size:12px;
	color:#5e8101;
	padding-top:3px;
}

.cont-list-cs {
    display: flex;
    padding: 0 0 15px 0;
}

.cont-list {
	display:flex;
	padding: 10px;
	border-radius: 20px;
	background: #343433;
}

.cont-list .rat, .cont-list-cs .rat {
	margin-left:auto;
}

.cont-list .soc, .cont-list-cs .soc {
	display:flex;
	align-items:center;
	font-size:12px;
}