/* Author: eXLine (exline.website) */
@charset "utf-8";

.pText img {max-width: 100%;}
.pdDownload {cursor:pointer !important;}

/* VARIABLE */
:root {
	--default: #42AAF3;
	--blue: #42AAF3;
	--black: #5B687B;
	--bg: #F2F6F9;
	--red: #E9545A;
	--silver: #A6A9B0;
	--border: #E8F0F7;
	--white: #fff;
	--smart: #fff;
	--green: #38D57A;
	--shell: #D3DDE7;
}

/* CUSTOMIZE DARK VERSION */
#darkmode {
	--black: #cecece;
	--bg: #1e1e1e;
	--silver: #535353;
	--border: #323232;
	--white: #171717;
	--shell: #1d1d1d;
	--smart: #F2F6F9;
}

/* TOGGLE DARK BUTTON */
.toggleDark {
	cursor: pointer;
	font-size: 1.1rem;
	color: var(--smart);
}

	.toggleDark i {
		margin-top: -4px;
		display: inline-block;
	    overflow: hidden;
	}

/* SPEEDBAR FIX */
#dle-speedbar li {display:inline-block;}
#dle-speedbar li.speedbar_sep {padding: 0 2px;}

/* RESET */
	* {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
	}

	body {
		width: 100%;
		min-width: 350px;
		line-height: 1;
		font-size: .9rem;
		color: var(--black);
		background: var(--bg);
		width: 100%;
		font-weight: 400;
		position: relative;
		display: block;
		left: 0;
	}

	body, input, textarea, button { font-family: "Exo 2", "Helvetica", "Arial", sans-serif; }
	html, body { height: 100%; }
	ul li, ol li, menu li, nav ul { list-style: none; }
	table {border-collapse: collapse; border-spacing: 0; }
	button { cursor: pointer; background: transparent; border-radius: 0; text-shadow: none; }
	i, em { font-style: italic; }
	b, strong { font-weight: 700;}

	a, .speedbar a:hover, .ftSocial li a:hover,
	.sCat a:hover, .btnTop:hover, .icsItem .dLink a:hover { 
		color: var(--default); 
		text-decoration: none; 
		cursor: pointer; 
	}
		a:hover, .cLike a:hover,
		.cEdit a:hover, .cRemove a:hover { 
			color: var(--red);
			text-decoration: none; 
		}

/* PLACEHOLDER */
	::-webkit-input-placeholder {color:var(--silver);}
	::-moz-placeholder          {color:var(--silver);}
	:-moz-placeholder           {color:var(--silver);}
	:-ms-input-placeholder      {color:var(--silver);}

	.hSearch input::-webkit-input-placeholder {color:var(--smart) !important;}
	.hSearch input::-moz-placeholder          {color:var(--smart) !important;}
	.hSearch input::placeholder {color:var(--smart) !important;}

/* SCROLLBAR */
	::-webkit-scrollbar {width:5px;height:5px;} 
	::-webkit-scrollbar-track-piece {background-color:var(--bg);border-radius:3px;} 
	::-webkit-scrollbar-thumb:vertical {height:5px;background-color:var(--silver);border-radius:3px;} 
	::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:var(--silver);border-radius:3px;}

/* DEFAULT */

	/* FLOAT */
	.left {float: left;}
	.right {float: right;}
	.center {text-align: center;}

	/* DISPLAY */
	.inline {display: inline-block;position: relative;}
	.block {display: block;position: relative;}

	/* OVERFLOW */
	.hidden {overflow: hidden !important;}
	.visible {overflow: visible !important;}

	/* BORDER RADIUS */
	.br2 {border-radius: 2px !important;}
	.br3 {border-radius: 3px !important;}
	.br5 {border-radius: 5px !important;}
	.br10 {border-radius: 10px !important;}
	.br20 {border-radius: 20px !important;}
	.br100 {border-radius: 100px !important;}
	.br100p {border-radius: 100% !important;}

	/* COL's */
	.w100 {width: 100% !important;}
	.w50 {width: 50% !important;}
	.w33 {width: 33.33% !important;}
	.w25 {width: 25% !important;}
	.w20 {width: 20% !important;}

	/* MARGIN */
	.margin{ margin: 30px !important; }
	.mgTop {margin-top: 30px !important;}
	.mgBottom {margin-bottom: 30px !important;}
	.mgLeft {margin-left: 30px !important;}
	.mgRight {margin-right: 30px !important;}

	/* PADDING */
	.padding {padding: 30px;}
	.pTop { padding-top: 30px !important; }
	.pBottom { padding-bottom: 30px !important; }
	.pLeft { padding-left: 30px !important; }
	.pRight { padding-right: 30px !important; }

	/* WRAPPER */
	.wrapper {
		padding: 0 20px;
		max-width: 1240px;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
		.wPD {padding: 0 30px;}
		.wMG {margin: 0 30px;}
		.primary {padding-top: 20px;}

	/* SHELL */
	.shell {
		background: var(--white);
		border-radius: 3px;
		margin-top: 30px;
	}
	.shellEcx {margin-top:0;}

	/* ARROW */
	.arrow, .pRelated:before, .cRating:before {
		background: var(--white);
		position: absolute;
		z-index: 2;
		width: 20px;
		height: 20px;
		transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
	}

	/* CLEAR */
	.clear, .clear:after {clear: both;}
	.clear:before, .clear:after {
		content: "";
		display: table;
	}

/* INPUT & TEXT & FORM (+block) */

 	/* FORM BLOCK */
	.formBlock {
		margin-bottom: 20px;
		color: var(--silver);
		font-size: .85rem;
	}

		.formBlock label {
			color: var(--silver);
			font-size: .85rem;
			padding-bottom: 10px;
			display: block;
			overflow: hidden;
		}

		.xfieldsnote {
			padding: 10px 0 20px;
		}

	/* TEXTAREA */
	textarea {
		color: var(--black);
		border: 1px solid var(--border);
		background: var(--white);
		height: 120px;
		width: 100%;
		padding: 15px;
		line-height: 1.4;
		display: block;
		overflow: auto;
		font-size: .84rem;
		border-radius: 3px;
		cursor: text;
	}

		textarea:focus, input:focus {
			color: var(--black);
			border-color: var(--default);
		}

	/* INPUT & SELECT */
	input,
	select[name="recip"] {
		color: var(--black);
		border: 1px solid var(--border);
		background: var(--white);
		overflow: hidden;
		height: 42px;
		line-height: 42px;
		display: block;
		width: 100%;
		font-size: .8rem;
		padding: 0 15px;
		border-radius: 3px;
	}
	
		input[type="checkbox"] {
			width: 14px !important;
			height: 14px !important;
			line-height: 14px !important;
			display: inline-block !important;
			vertical-align: middle !important;
		}

/* BUTTON's (BTN) */

	/* DEFAULT */
	.btn {
		background: var(--default);
		color: var(--smart);
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		font-weight: 500;
		font-size: .85rem;
		text-align: center;
		width: auto;
		overflow: hidden;
		cursor: pointer;
		text-transform: uppercase;
		border-radius: 2px;
		position: relative;
		z-index: 1;
	}

		.btn:after {
			cursor: pointer;
			content: '';
			position: absolute;
			border-radius: 2px;
			display: block;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,.1);
			opacity: 0;
			z-index: 2;
		}
		.btn > * {
			cursor: pointer;
			z-index: 3;
			position: relative;
		}
		.btn > *:hover {
			color: var(--smart);
		}
		.btn:hover:after {opacity: 1;}
		.btn:hover {color: var(--smart);}

		.btn.green {
			background: var(--green);
		}


/* ANIMATE EFFECT'S */

	/* DEFAULT 2s */
	a,img,input,textarea,button, .cAvatar a:after, .sbMenu ul li a, 
	.phRating, .phRating i, .cRating, .cRating:before, .cRating i, 
	.phRating span, .phAddFav, .phDelFav, .pdDownload:after, .prItem:after, 
	.poComplaint, .comment .cAbuse, .btn, .btn:after, .toggleDark, .comment .cAnswer  {
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
	}

	/* 3s */
	.sHeader a:hover:after {
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	/* OFF */
	.highslide-image,
	.ui-widget-overlay	{
		-webkit-transition: all ease 0s;
		-moz-transition: all ease 0s;
		-ms-transition: all ease 0s;
		-o-transition: all ease 0s;
		transition: all ease 0s;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
	}

/* HOVER EFFECTS */

	/* BLACK COVER BACKGROUND */
	.prItem:after, .cAvatar a:after {
		border-radius: 3px;
		display: block;
		overflow: hidden;
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.2);
	}

	/* BLACK BOTTOM SHADOW BLOCK */
	/*
	.prItem:before, .sHeader a:before {
		z-index: 3;
		content: '';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    display: block;
	    height: 80px;
	    line-height: 80px;
	    overflow: hidden;
	    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
	    background: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
	    background: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
	    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
	}
	*/

	.sHeader a:after {
		position: absolute;
		background: rgba(0, 0, 0, .25);
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		left: 0; top: 0;
		z-index: 4;
		opacity: 0;

	}

	/* SCALE */
	.iPhoto:hover img,
	.srItem a:hover .sriPhoto {
		transform: scale(1.03);
		-o-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
	}

	/* DISABLE BACKGROUND */
	.prItem:after,
	.cAvatar a:after {
		background: transparent;
	}

	/* ENABLE BACKGROUND */
	.prItem:hover:after,
	.cAvatar a:hover:after {
		background: rgba(0,0,0,.3);
	}

/* DROPDOWN MENU */
	.dropMenu,
	#dropmenudiv {
		color: var(--black);
		font-size: .8rem;
		transition: transform .2s;
		z-index: 76;
		padding: 5px 0;
		font-weight: 400;
		background: var(--white);
		-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
	    -moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
	    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
	}

		.dropMenu {
			position: absolute;
			transform: scale(0);
			top: 45px;
		}
		.dropMenu.active {transform: scale(1);}
		.dropMenu.psRight {right: 0;}
		.dropMenu.psLeft {left: 0;}

		/* ARROW */
		.dropMenu .arrow {
			background: var(--white);
			width: 12px;
			height: 12px;
			top: -4px;
		}
		.dropMenu.psRight .arrow {right: 12px;}
		.dropMenu.psLeft .arrow {left: 12px;}

		/* MENU ITEM */
		.dropMenu li {
			display: block !important;
			width: 100% !important;
			overflow: hidden !important;
			z-index: 3 !important;
			position: relative !important;
			padding: 0 !important;
			margin: 0 !important;
		}
		.dropMenu li:first-child {margin-top: 0;}
		.dropMenu li:last-child {margin-bottom: 0;}

			/* LINK */
			.dropMenu a,
			#dropmenudiv a {
				height: 40px !important;
				line-height: 40px !important;
				padding: 0 20px !important;
				margin: 0 !important;
				display: block !important;
				width: 100% !important;
				text-overflow: ellipsis !important;
			    white-space: nowrap !important;
				color: var(--black) !important;
				overflow: hidden !important;
				font-weight: 400 !important;
				text-align: left !important;
			}

			/* ICONS */
			.dropMenu i,
			.dropMenu svg {
				height: inherit;
				line-height: inherit;
				padding-right: 10px;
				vertical-align: middle;
				margin-top: -2px;
				max-width: 27px;
			}
			
			/* LINE */
			.dropMenu li.dmLine {
				background: var(--border);
				height: 1px;
				min-height: 0;
				margin: 3px 0;
				padding: 0;
			}

	/* HOVER */
	.dropMenu li.dmLine:hover {background: var(--border);}
	.dropMenu li:hover, #dropmenudiv a:hover {background: var(--border);}

	/* STYLES */

		/* DROPMENUDIV */
		#dropmenudiv {
			font-size: .8rem;
			width: auto !important;
			margin-top: 40px;
			opacity: 1 !important;
		}
	
		/* USER */
		.dmUser {top: 64px;}
		.dropMenu.dmUser .arrow {
			right: 34px;
			top: -3px;
		}

/* LAYOUT */
	.sidebar,
	.container {
		position: relative;
		z-index: 3;
		padding-top: 64px;
		height: auto;
		/* min-height: 100vh; */
	}
	.container, .headerRight, .new_container {width: calc(100% - 240px);}
	.sidebar, .headerLeft, .new_aside {width: 240px;}
	.catalog {margin: -10px;}
	.sidebar {z-index: 5;}
	.new_container {padding-right: 20px;}

/* HEADER */
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: var(--default);
		height: 64px;
		line-height: 64px;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
		z-index: 9;
	}

		/* BUTTON's */
		.hBtn {
			font-size: 1.2rem;
			color: var(--smart);
			margin: 0;
			margin-right: 20px;
			cursor: pointer;
			z-index: 15;
			position: relative;
		}
			.hBtn:hover {
				color: var(--smart);
				text-shadow: 0 0 5px rgba(255,255,255,.8);
			}

			/* STYLE's: hdAdd, hdSearch, hdMenuToggle */
			.hSidebarToggle {display: none;}

		/* LOGO */
		.hLogo {margin-top: -3px;}

			.hLogo img {
				width: 38px;
				height: 38px;
				line-height: 0;
				vertical-align: middle;
			}

			.hLogo span {
				font-size: 1.6rem;
				padding-left: 5px;
				color: var(--smart);
				text-transform: uppercase;
				font-weight: 500;
				vertical-align: middle;
			}

		/* SEARCH */
		.hSearch {
			width: 280px;
			height: 36px;
			line-height: 36px;
		}

			.hSearch form,
			.hSearch .hsInput {
				height: inherit;
				line-height: inherit;
				width: inherit;
				z-index: 2;
			}

			/* INPUT */
			.hSearch .hsInput {
				border-radius: 0;
				color: var(--smart);
				background: transparent;
				width: 100%;
				border: 0;
				font-weight: 400;
				padding-left: 36px;
				font-size: .85rem;
				border: 1px solid rgba(255,255,255,.2);
			}
			.hSearch .hsInput:hover, .hSearch .hsInput:focus {border-color: rgba(255,255,255,.4);}

			/* BUTTON */
			.hSearch .hsBtn {
				font-size: .9rem;
				z-index: 3;
				position: absolute;
				left: 0;
				top: 0;
				width: 36px;
				line-height: 34px;
				height: 36px;
				color: var(--smart);
				text-align: center;
				vertical-align: middle;
			}
			.hSearch .hsBtn i {font-size: .8rem;}

		/* USER PROFILE */
		.hUser {
			margin-left: 20px;
			margin-top: -4px;
		}

			/* LOGIN */
			.hLogin {
				vertical-align: middle;
				color: var(--smart);
				font-size: .95rem;
			}

				.hLogin i {
					font-size: .8rem;
					opacity: .5;
					padding-left: 6px;
				}
				.hLogin span {margin-right: 10px;}

				.hLogin:hover {
					color: var(--smart);
					text-shadow: 0 0 5px rgba(255,255,255,.5);
				}

			/* PHOTO */
			.hPhoto {
				border: 2px solid rgba(255,255,255,.2);
				line-height: 0;
				width: 40px;
				height: 40px;
				vertical-align: middle;
			}

/* SEDEBAR MENU */
	.sbMenu,
	.sbMenu ul,
	.sbMenu ul li,
	.sbMenu ul li a {
		display: block;
		position: relative;
	}
	.sbMenu {margin-right: 20px;}
	.sbMenu ul ul {display: none;}
	.sbMenu > ul > li.active > ul { display: block;}

		.sbMenu > ul > li > a,
		.sbMenu ul ul li a {
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
    		white-space: nowrap;
			margin: 5px 0;
			height: 40px;
			line-height: 40px;
			font-size: .9rem;
			cursor: pointer;
			z-index: 2;
			color: var(--silver);
			-webkit-transition: color .2s ease;
			-o-transition: color .2s ease;
			transition: color .2s ease;
			font-weight: 400;
			padding-left: 0px;
			position: relative;
		}
		.sbMenu > ul > li > a:first-of-type {margin-top: 0;}

		.sbMenu ul > li > a > i {
			vertical-align: middle;
			height: inherit;
			line-height: inherit;
			display: inline-block;
			overflow: hidden;
			text-align: center;
			width: 40px;
			background: transparent;
			border-radius: 3px;
			margin-right: 10px;
			font-size: 1rem;
			margin-top: -4px;
		}
		.sbMenu ul > li > a > span {display: inline-block;}

		.sbMenu ul > li.subMenu.open > a,
		.sbMenu ul > li > a:hover,
		.sbMenu ul > li.active > a ,
		.sbMenu ul > li > a.active {
			background: var(--border);
			border-radius: 3px;
			color: var(--black); 
			font-weight: 500;
		}

		.sbMenu ul > li.subMenu.open > a i,
		.sbMenu ul > li.active > a i,
		.sbMenu ul > li > a.active i,
		.sbMenu ul > li > a:hover i {
			background: var(--default);
			color: var(--smart);
		}
		.sbMenu ul > li.subMenu > ul {padding: 5px 0;}

		.sbMenu ul ul li a {
			border-left: 2px solid var(--border);
			color: var(--silver);
			font-size: .8rem;
			margin-left: 19px;
			padding-left: 15px;
			cursor: pointer;
			z-index: 2;
			text-decoration: none;
			-webkit-transition: color .2s ease;
			-o-transition: color .2s ease;
			transition: color .2s ease;
			height: 30px;
			line-height: 30px;
		}
		.sbMenu ul ul ul li a {padding-left: 32px;}
		.sbMenu ul ul li i {display: none !important;}

		.sbMenu ul ul li a.active,
		.sbMenu ul ul li a:hover.active,
		.sbMenu ul ul li a:hover   {
			font-weight: 400 !important;
			border-radius: 0;
			background: transparent;
			border-color: var(--default) !important;
			color: var(--black); 
		}

		.sbMenu ul ul li.active a,
		.sbMenu ul ul li.active a:hover {
			font-weight: 500 !important;
		}

/* POST */
	.post {
		border: 1px solid var(--border);
		background: var(--white);
	}

	/* HEADER */
		.pHeader {
			padding: 20px 20px 10px; 
			height: auto;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		}

			/* LEFT & RIGHT BLOCK */
			.phLeftBlock {width: 60px;}
			.phRightBlock {width: calc( 100% - 60px);}
			.phLeftBlock, .phRightBlock {height: 100%;}

				/* TITLE */
				.phTitle,
				.phTitle h1 {
					font-size: 2rem;
					font-weight: 300;
					line-height: 38px;
				}

				.phTitle h1 {
					color: var(--black);
					padding-left: 5px;
					width: calc( 100% - 30px);
				}

				/* FAVORITES */
				.phAddFav, .phDelFav {
					width: 30px;
					color: var(--silver);
				    font-size: 1.5rem;
				    vertical-align: middle;
				    cursor: pointer;
				}
				.phAddFav:hover, .phDelFav:hover {color: var(--red);}

				/* RATING */
				.phRating {
					width: auto;
					padding: 9px;
					background: var(--border);
					text-align: center;
				}

					.phRating i {
						display: block;
						color: var(--silver);
						opacity: .5;
						padding-bottom: 4px;
					}

					.phRating span {
						display: block;
						color: var(--silver);
						font-weight: 500;
					}

					.phRating:hover i, .phRating:hover span {
						opacity: 1;
						color: var(--smart);
					}
					.phRating:hover {background: var(--green);}

		/* PICTURE */
		.pPicture {
			text-align: center;
		}

			.pPicture a {line-height: 0;
			    overflow: hidden;
			    display: block;
			}

			.pPicture img {
				width: auto;
				height: auto;
				display: inline-block;
				max-width: 100%;
				text-align: center;
				line-height: 0;
			}

		/* TEXT */
		.pText {
			padding: 10px 20px;
			font-size: .9rem;
			line-height: 23px;
			text-align: justify;
		}

		/* INFO */
		.pInfo {
			padding: 20px;
			margin: 10px 20px;
			border: 1px solid var(--border);
		}

			/* AUTHOR */
			.piAuthor {}

				/* AVATAR */
				.piAvatar,
				.piAvatar a {
					height: 52px;
					width: 52px;
					line-height: 0;
				}

				.piAvatar img {
					height: inherit;
					width: inherit;
				}

				/* NAME */
				.piName {
					padding-left: 20px;
					padding-top: 3px;
				}

				.piName b {
					display: block;
					font-weight: 500;
					font-size: 1.5rem;
				}

				.piName span {
					padding-top: 5px;
					display: block;
					color: var(--silver);
				}

			/* STATS */
			.piStats {}

				.piStats li {
					padding-top: 5px;
					text-transform: uppercase;
					font-weight: 500;
					color: var(--silver);
					font-size: .8rem;
					padding-left: 20px;
					text-align: center;
				}

				.piStats > li > span:first-of-type {
					color: var(--black);
					font-size: 1.4rem;
					padding-top: 8px;
					font-weight: 300;
					display: block;
				}

		/* OPTIONS */
		.pOptions {
			padding: 10px 20px 20px;
			border-bottom: 1px solid var(--border);
		}

			/* COMPLAINT */
			.poComplaint:hover {
				border-color: var(--red);
				color: var(--red);
			}
			.poComplaint:hover:after {opacity: 0;}

			/* SHARE */
			.poShare {
				padding-top: 5px;
				vertical-align: middle;
			}

		/* DOWNLOAD BLOCK */
		.pDownload {
			margin: 0 auto;
			text-align: center;
			padding: 10px 0 15px;
		}

			.pDownload > div {
				vertical-align: middle;
				color: var(--black);
				height: 38px;
				line-height: 38px;
				position: relative;
				text-transform: uppercase;
			 	font-weight: 500;
			 	border: 1px solid var(--border);
			 	font-size: .85rem;
			}

			/* SIZE */
			.pdSize {
				padding-left: 20px;
				padding-right: 25px;
				margin-right: -10px;
				border-radius: 3px 0px 0px 3px;
			}

				.pdSize i {
					display: none;
					color: var(--silver);
					padding-right: 5px;
				}

			/* DOWNLOAD BUTTON */
			.pdDownload {
				vertical-align: middle !important;
				font-size: .9rem !important;
				padding: 0;
				background: var(--default);
				color: var(--smart) !important;
				height: 84px !important;
				width: 84px !important;
				line-height: 84px !important;
				text-transform: uppercase;
				z-index: 3;
				border: 0 !important;
			}

				.pdDownload a {
					color: var(--smart);
					z-index: 3;
					position: relative;
				}

				.pdDownload:after {
					background: rgba(0,0,0,.1);
					display: block;
					overflow: hidden;
					width: 100%;
					height: 100%;
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2;
					opacity: 0;
				}
				.pdDownload:hover:after {opacity: 1;}

			/* HOW TO INSTALL BUTTON */
			.pdHowTo {
				margin-left: -10px;
				border-radius: 0 3px 3px 0;
			}

				.pdHowTo a {
					padding-right: 20px;
					padding-left: 25px;
					display: block;
					color: var(--black);
				}

				.pdHowTo a:hover {
					background: var(--green);
					color: var(--smart);
				}

/* SUB TITLE */
	.pSubTitle {
		font-size: 1rem;
		padding: 20px;
		font-weight: 500;
		text-transform: uppercase;
		color: var(--default); 
	}
		.pstNOPD {
			padding-top: 0 !important;
		}

/* RELATED NEWS */
	.pRelated {
		position: relative;
		color: var(--smart);
		background: var(--border);
		padding: 20px 0;
	}

		.pRelated:before {
			content: '';
			top: -3px;
			left: 30px;
			background: var(--border);
		}

		/* RELATED ITEM's */
		.prItem {
			position: relative;
			z-index: 3;
			width: 160px !important;
			height: 160px;
			margin-left: 20px;
		}

			.prItem img {
				width: inherit;
				height: inherit;
				justify-content: space-between;
			    align-items: center;
			    object-fit: cover;
			    height: inherit;
			    width: inherit;
				line-height: 0;
				display: flex;
			}

			.prItem span {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
			    white-space: nowrap;
				z-index: 5;
				position: absolute;
				display: block;
				bottom: 3px;
				left: 0;
				color: var(--smart);
				height: 30px;
				line-height: 30px;
				padding: 0 10px;
			}

/* SPEEDBAR */
	.speedbar {
		font-size: .8rem;
		color: var(--silver);
	}
	.speedbar a {color: var(--silver);}

/* COMMENT's */
	.comment {
		border-bottom: 1px solid var(--border);
		padding: 20px;
	}
	.comment:hover .cAbuse, .comment:hover .cAnswer {opacity: .8;}

		/* LEFT BLOCK */
		.cLeftBlock {width: 52px;}

			/* AVATAR */
			.cAvatar,
			.cAvatar a {
				display: block;
				position: relative;
				width: inherit;
				height: 52px;
				line-height: 0;
			}
				.cAvatar img {
					width: inherit;
					height: inherit;
				}

			/* RATING */
			.cRating {
				z-index: 2;
				margin-top: 10px;
				padding: 0;
				height: 24px;
				line-height: 24px;
				background: var(--border);
				text-align: center;
				font-size: .8rem;
				color: var(--silver);
			}

				.cRating:before {
					content: '';
					z-index: 1;
					width: 6px;
					height: 6px;
					background: var(--border);
					left: 50%;
					margin-left: -3px;
					top: -3px;
				}

				.cRating i {
					z-index: 2;
					position: relative;
					color: var(--silver);
					font-size: .85rem;
					padding-right: 5px;
				}

				.cRating span {
					z-index: 2;
					position: relative;
				}

				.cRating:hover,
				.cRating:hover:before,
				.cRating:hover i {
					background: var(--green);
					color: var(--smart);
				}

		/* RIGHT BLOCK */
		.cRightBlock {
			width: calc(100% - 52px);
			padding-left: 20px;
		}

			/* HEADER */
			.cHead {}

				/* BOX */
				.cName {
					font-weight: 600;
					font-size: .95rem;
					text-transform: uppercase;
					line-height: 20px;
					color: var(--default); 
				}

				.cDate {
					padding-left: 10px;
					font-size: .75rem;
					color: var(--silver);
					line-height: 20px;
				}

			/* TEXT */
			.cText {
				padding: 10px 0;
				text-align: justify;
				line-height: 20px;
				font-size: .9rem;
			}

		/* FOOTER */
		.cFooter {font-size: .75rem;}

			/* REPLY */
			.cReply {color: var(--silver);}

			/* ABUSE */
			.cAbuse {
				margin-left: 10px;
				color: var(--red);
				opacity: 0;
			}

			.cAbuse:hover {
				color: var(--red);
				opacity: 1 !important;
			}

			/* ACCEPTED */
			.cAnswer {
				color:  var(--green);
				margin-left: 10px;
				opacity: 0;
			}
			.cAnswer:hover {
				color:  var(--green);
				opacity: 1 !important;
			}

		/* TREE */
		#dle-comments-list {width:100%;overflow:hidden;}
		#dle-comments-list .comments-tree-list,#blind-animation .comments-tree-list {list-style:none;padding:0;margin:0;position:relative;}
		#dle-comments-list > .comments-tree-list > li > .comments-tree-list {padding-left:60px;}

		.comments-tree-list > li > ol > li .iComment {padding:15px 20px 15px 0;border-top:1px dashed var(--border);}
		.comments-tree-list > li > ol > li .icLeft {width:38px;}
		.comments-tree-list > li > ol > li .icAvatar, .comments-tree-list > li > ol > li .icAvatar img {width:38px;height:38px;}
		.comments-tree-list > li > ol > li .icRating {font-size:.74rem;margin-top:10px;padding:0 1px;height:24px;line-height:24px;}
		.comments-tree-list > li > ol > li .icRating i {font-size:.74rem;padding-right:2px;}
		.comments-tree-list > li > ol > li .icLeft .iArrow {bottom:16px;}
		.comments-tree-list > li > ol > li .icRight {width:calc(100% - 38px);padding-left:20px;}
		.comments-tree-list > li > ol > li .icLogin {font-size:.8rem;}
		.comments-tree-list > li > ol > li .icText {font-size:.8rem;padding:5px 0;}

		/* NOT FOUND */
		.iCommentsNotFound {border-top:1px solid var(--border);padding:30px 20px;color:var(--silver);text-align:justify;line-height:21px;font-size:.9rem;}

/* ADD COMMENTS */
	.addcomments {padding: 20px;}

/* QUOTE */
	.quoteBlock {
		margin: 0 20px 0;
		padding: 22px 20px 45px;
		background: var(--bg);
		font-size: .9rem;
		line-height: 21px;
		text-align: justify;
		position: relative;
	}

		.quoteBlock:before, 
		.quoteBlock:after {
			opacity: .5;
			position: absolute;
			z-index: 1;
			font-family: "Font Awesome 5 Free"; 
			font-weight: 700; 
			color: var(--silver);
			font-size: 1.2rem;
		}

		.quoteBlock:before {
			left: 20px;
			top: 20px;
			content: "\f10d";
		}

		.quoteBlock:after {
			right: 20px;
			bottom: 20px;
			content: "\f10e";
		}

		.quoteBlock p {
			display: block;
			text-indent: 28px;
			position: relative;
			z-index: 2;
		}

/* SHORT */
	.short {padding: 10px;}

		/* HEADER */
		.sHeader {
			border: 1px solid var(--border);
		}

			.sHeader,
			.sHeader > a {
				text-align: center;
				overflow: hidden;
				display: block;
				width: 100%;
				height: 140px;
				position: relative;
			}

			/* PHOTO */
			.sPhoto {
				height: auto;
				min-height: 140px;
				width: auto;
				max-width: 100%;
				text-align: center;
				line-height: 0;
				position: relative;
				z-index: 1;
				margin: 0 auto;
				justify-content: space-between;
			    align-items: center;
			    object-fit: cover;
			    height: inherit;
			    width: inherit;
			    line-height: 0;
			    display: flex;
			}

			/* TITLE */
			.sTitle {
				opacity: 0;
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
			    white-space: nowrap;
				z-index: 5;
				position: absolute;
				display: block;
				bottom: 3px;
				left: 0;
				color: var(--smart);
				height: 40px;
				line-height: 40px;
				padding: 0 20px;
				font-weight: 500;
				font-size: .95rem;
			}

		/* FOOTER */
		.sFooter {
			border: 1px solid var(--border);
			border-top: 0;
		}

			/* STATS */
			.sStats {
				background: var(--bg);
				height: 36px;
				line-height: 36px;
				padding: 0 10px;
				border-top: 1px solid var(--border);
			}

				.sStats li {
					width: 33.33%;
					border-left: 1px solid var(--border);
					text-align: center;
					font-size: .8rem;
					color: var(--silver);
				}
				.sStats li:first-of-type {border: 0;}
				.sStats li span {font-weight: 500;}

				.sStats li i {
					padding-right: 10px;
					color: var(--silver);
				}

			/* CATEGORY */
			.sCat {
				padding: 12px 15px;
				font-size: .8rem;
				text-overflow: ellipsis;
			    white-space: nowrap;
			    overflow: hidden;
			    background: var(--white);
			}
			.sCat i,.sCat a {color: var(--silver);}
			.sCat i {padding-right: 5px;}

			/* TEXT */
			.sText {
				background: var(--white);
				padding: 15px 20px;
				line-height: 20px;
				text-align: justify;
				font-size: .8rem;
				min-height: 70px;
			}

/* DESCRIPTION */
	.description {margin-bottom: 20px;}

		/* TITLE */
		.dTitle {
			font-weight: 300;
			font-size: 1.6rem;
			position: relative;
		}

		/* TEXT */
		.dText {
			padding: 15px 0 5px;
			font-size: .8rem;
		    line-height: 22px;
			text-align: justify;
			position: relative;

		}

		/* SHOW & HIDE */
			.dtShowHide {
				margin-top: 5px;
				text-align: center;
				position: relative;
				z-index: 5;
			}

			.dtShowHide:before {
				position: absolute;
				height: 2px;
				background: var(--border);
				display: block;
				width: 100%;
				content: '';
				top: 0;
				left: 0;
				margin-top: 20px;
			}

				.dtShowHide a {
					font-size: 1rem;
					height: 42px;
					width: 42px;
					line-height: 42px;
					position: relative;
					z-index: 2;
					border-radius: 100%;
					display: inline-block;
					background: var(--border);
					font-weight: 500;
					color: var(--black);
					-webkit-transition: all 0.2s ease-out;
					-moz-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
					-o-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out;
				}

				.dtShowHide a:hover {
					color: var(--smart);
					background: var(--default);
				}

/* SHOW MORE */
	.showMore, .lastNews {margin: 10px;}

		/* BUTTON */
		.smBtn, .lnBtn {
			font-size: .9rem;
			background: var(--white);
			text-align: center;
			height: 44px;
			line-height: 44px;
			color: var(--black);
			border: 1px solid var(--border);
		}

		.smBtn:hover,
		.lnBtn:hover {
			color: var(--smart);
			background: var(--default);
		}

/* FAST KEYS */
	.fastKeys {margin: 10px;}

		/* BOX */
		.fkBox {columns: 4;}

			.fkBox li {
				text-overflow: ellipsis;
   				white-space: nowrap;
   				overflow: hidden;
				display: block;
				height: 26px;
				line-height: 26px;
			}

/* FOOTER */
	.footer {
		margin: 20px 0 10px;
		height: 30px;
		line-height: 30px;
		font-size: .8rem;
		color: var(--silver);
	}

		/* LEFT BLOCK */
		.ftLeftBlock {
			padding-top: 2px;
			vertical-align: middle;
		}

			/* COUNTERS */
			.ftLeftBlock img {
				width: 14px;
				height: 14px;
			}

			/* SOCIAL LINK */
			.ftSocial {padding-left: 5px;}

			.ftSocial li {
				width: 24px;
				text-align: center;
			}
			.ftSocial li a {color: var(--silver);}

		/* RIGHT BLOCK */
		.ftRightBlock {
			vertical-align: middle;
		}

/* SUB TITLE */
	.subTitle {
		padding: 20px 10px 10px;
		font-size: 1.6rem;
		font-weight: 300;
	}
	.subTitle.modify {padding-top: 0;}

/* USER PROFILE */
	.userProfile {
		margin-bottom: 20px;
		border: 1px solid var(--border);
		background: var(--white);
		padding: 20px;
	}

		/* LEFT BLOCK */
		.upLeftBlock {width: 140px;}

			/* PHOTO */
			.upPhoto {
				width: 140px;
				height: 140px;
			}

		/* RIGHT BLOCK */
		.upRightBlock {
			width: calc( 100% - 140px);
			padding-left: 20px;
		}

			/* PERSONAL */
			.upPersonal {border-right: 1px solid var(--border);}
			.upPersonal .line {margin-left: 20px;}

				.upLogin {font-size: 1.6rem;}
				.upFullName {
					color: var(--silver);
					padding: 10px 0;
				}

				.upLand {
					color: var(--default); 
					padding: 10px 0 20px;
				}

			/* INFO */
			.upInfo {padding-left: 20px;}
			.upInfo .online {color: var(--green);}

				.upInfo li {
					height: 30px;
					line-height: 30px;
				}

				.upInfo li b {
					width: 160px;
					display: inline-block;
				}

/* ONLY PAGE */
	.onlyPage {
		background: var(--white);
		border: 1px solid var(--border);
		padding: 20px;
	}

		/* TITLE */
		.opTitle {
			font-weight: 300;
		    font-size: 1.6rem;
		    position: relative;
		    padding-bottom: 20px;
		}

/* MASS ACTION */
	.mass_comments_action, #settings {display:none;}

/* TOP BUTTON */
	.btnTop {
		z-index: 5;
		cursor: pointer;
		display: none;
		overflow: hidden;
		position: fixed;
		right: 20px;
		bottom: 20px;
		font-size: 2.2rem;
		color: var(--silver);
		opacity: .6;
	}
	.btnTop:hover {opacity:1;}

/* RESIZE VIDEO (DLE MEDIA) */
	.dleMedia {
	    position: relative;
	    width: 100%;
	    height: 0;
	    padding-bottom: 56.25%;
	}
		.dleMedia iframe {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}

/* SEARCH BOX FIX */
	.searchPage {
		width: calc( 100% - 20px);
		margin: 10px;
	}

		.searchPageBox {
			line-height: 1 !important;
		}

			.searchPageBox input[name="story"] {
				width: 100% !important;
				margin-bottom: 20px;
			}
			
			.searchPageBox br {
				display: none !important;
				height: 0 !important;
				width: 0 !important;
				line-height: 0 !important;
				margin: 0 !important;
				padding: 0 !important;
			} 

			#searchtable {
				position: relative;
				display: block;
				width: 100%;
			}

/* WWYSIGN */
	.fr-box {z-index: 50 !important;}
	.gray-theme.fr-toolbar,
	.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper {
		background: var(--white) !important;
		box-shadow: none !important;
		border: 1px solid var(--border) !important;
	}
	.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper {
		border-top: none !important;
	}

/**
 * ICON SETS
 */
	.iIconSet {text-align:center;margin:15px -5px;}

		/* ITEM's */
		.icsItem {width:25%;}
		.icsItem .box {border:1px solid var(--border);padding:5px;margin:5px;line-height:0;}
		.icsItem img {width:auto;max-width:100%;padding-bottom:28px;}
		.icsItem .dLink {font-size:.8rem;font-weight:500;border-top:1px solid var(--border);background:var(--border);position:absolute;bottom:0;left:0;height:28px;line-height:28px;width:100%;}
		.icsItem .dLink a {color:var(--black);width:auto;padding:0 5px;}

.wzADS {
	padding: 0 20px;
	display: block;
	clear: both;
	text-align: center;
}

/**
 * PROFILE AUTH FORM
 */
#profile-auth {display:none;}
.iProfileAuth {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

	/* SOCIAL BLOCK */
	.ipaSocialBlock {border-top:1px solid var(--border);background:var(--bg);margin:20px -20px -20px -20px;padding:20px;text-align:center;width:calc(100% + 40px);}
	.ipaSocialBlock a, .iSocialLoginAside a {text-align:center;margin-top:10px;font-size:.8rem;height:36px;line-height:34px;padding:0 10px;width:49%;border-radius:2px;background:transparent;border:1px solid var(--border);color:var(--silver);}
	.ipaSocialBlock a i, .iSocialLoginAside a i {padding-right:10px;}
	.ipaSocialBlock a.isaVK,.islaVK {color:#45668e;}
	.ipaSocialBlock a.isaVK:hover,.islaVK:hover {border-color:#45668e;background:#45668e;color:var(--smart);}
	.ipaSocialBlock a.isaFB,.islaFB {color:#3b5998;}
	.ipaSocialBlock a.isaFB:hover,.islaFB:hover {background:#3b5998;border-color:#3b5998;color:var(--smart);}
	.ipaSocialBlock a.islaYA,.islaYA {color:#FF0000;}
	.ipaSocialBlock a.islaYA:hover,.islaYA:hover {background:#FF0000;border-color:#FF0000;color:var(--smart);}
	.ipaSocialBlock a.islaOK,.islaOK {color:#EE8208;}
	.ipaSocialBlock a.islaOK:hover,.islaOK:hover {background:#EE8208;border-color:#EE8208;color:var(--smart);}

	/* PASSWORD */
	.ipaPassBlock label {}
	.ipaPassBlock label span {float:left;display:inline-block;}
	.ipaPassBlock label a {float:right;display:inline-block;}

	/* BUTTON's */
	.ipaBtnBlock {text-align:center;margin-top:20px;}

	/* REG LINK */
	.ipaRegLink {text-align:center;margin-top:20px;font-size:.8rem;}
	.ipaRegLink a {font-weight:600;}

.sidebarADS {
	padding: 10px 20px 0 0;
}
.exline {margin-left: 5px}

/* TABS */
	.multitab-section {
		display: inline-block;
		width: 100%;
		border-radius: 3px;
		overflow: hidden;
	}

		/* TABS BUTTONS */
		.multitab-tabs {
			background: var(--border);
			text-align: center;
			overflow: hidden;
			height: 42px;
			line-height: 42px;
		}

			.multitab-tabs li {
				height: inherit;
				line-height: inherit;
			}

			.multitab-tabs li a {
				padding: 0 15px;
				display: block;
				overflow: hidden;
				color: var(--black);
			}

				.multitab-tabs li a:hover {
					background: rgba(68, 170, 255,.2);
				}

				/* ACTIVE TABS */
				.multitab-tabs li a.multitab-current {
					background: var(--default);
   					color: var(--smart);
				}

/* WINVER */
.winver {margin-bottom: 10px;}
.winver > a {
	margin: 5px;
}

/* FRAMEWORK */
.btn.w100 {padding: 0;}

/* NEW --- ASIDE */
.aside, .aside_bg {margin-bottom: 20px;}
.aside_bg {
	border-radius: 3px;
	border: 1px solid var(--border);
	background: var(--white);
}

	/* TITLE */
	.aside_title {
		font-size: .95rem;
		text-transform: uppercase;
		padding-bottom: 20px;
	}

		/* ICON */
		.aside_title i {
			color: var(--default);
			padding-right: 10px;
		}

	/* PADDING */
	.aside_pd {padding: 15px;}

	/* AUTHOR */
		/* PHOTO */
		.saPhoto a {display: block;}
		.saPhoto, .saPhoto a {
			position: relative;
			width: 40px;
			height: 40px;
		}

			.saPhoto img {
				width: inherit;
				height: inherit;
				line-height: 0;
			}

		/* BOX */
		.saBox {
			width: calc( 100% - 40px);
			padding-left: 10px;
		}

			.saName, .saDate {
				text-overflow: ellipsis;
			    white-space: nowrap;
			    height: 20px;
			    line-height: 20px;
			    display: block;
			}

			/* USER NAME */
			.saName {
				font-weight: 600;
				font-size: .9rem;
			}

			/* DATE */
			.saDate {
				font-weight: 400;
				font-size: .7rem;
				color: var(--silver);
			}

		/* STATISTICS */
		.saStats {
			background: var(--bg);
			width: auto;
			margin: 0 auto 20px;
		}

			.saStats li {
				padding: 10px;
				text-align: center;
				border-right: 1px solid var(--border);
			}
			.saStats li:last-of-type {border: 0;}

				.saStats li b,
				.saStats li span {
					display: block;
				}

				.saStats li b {
					color: var(--black);
					font-size: .9rem;
					font-weight: 600;
				}

				.saStats li span {
					padding-top: 5px;
					color: var(--silver);
					font-size: .65rem;
				}

	/* SHARE */
	.ya-share2 {
		text-align: center;
		margin-bottom: 20px;
	}
	.sShare {

	}

		/* BLOCK */
		.sShareBlock {
			padding-bottom: 20px;
		}

		/* LABEL */
		.sShareLabel {
			font-size: .8rem;
			padding-bottom: 5px;
		}

			/* ICON */
			.sShareLabel i {
				vertical-align: middle;
				padding-right: 3px;
			}

	/* RELATED */
	.sRelated .short {padding: 0;}

.newTabBlock {
	padding: 10px 20px;
}

/* FORUM STYLE */
.forum__short, .forum__full {
	display: block;
	border-radius: 2px !important;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid var(--border);
	background:  var(--white);
	padding: 20px;
	overflow:  hidden;
}

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

.forum__col, .forum__box {
	display:  inline-block;
	float: left;
}

.forum__avatar, .forum__avatar a, .forum__avatar img {
	display: block;
	overflow: hidden;
}

.forum__avatar, .forum__avatar a, .forum__avatar img, .forum__col {
	width: 52px;
}

.forum__avatar a, .forum__avatar img {
	height: 52px;
	border-radius: 100px;
	line-height: 0;
}

.forum__box {
	width: calc( 100% - 52px );
	padding-left: 20px;
}

.forum__title {
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 21px;
}

.forum__title, .forum__title a {
	color: var(--black);
}

.forum__title a:hover {
	color: var(--default);
}

.forum__data {
	display: block;
	padding-top: 10px;
	width: 100%;
	overflow: hidden;
	font-size: .8rem;
}

.forum__data li {
	display: inline-block;
	float: left;
	margin-right: 10px;
	color: var(--silver);
}

.forum__data li i {

}

.forum__data li span {
	font-weight: 500;
	padding-left:  5px;
}


.forum__full .forum__data {
	padding-top: 12px;
}

.forum__text {
	padding-top: 20px;
	width: 100%;
	display: block;
	overflow: hidden;
	line-height: 20px;
    text-align: justify;
    font-size: .9rem;
}

.forum__fulltitle {margin-top: -2.px;}
.forum__fulltitle, .forum__fulltitle a, .forum__fulltitle h1 {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 25px;
}

.forum__comments {
	display: block;
	overflow:  hidden;
}

.forum__comments__exists {
	border-top: 1px solid var(--border);
}

.forum__comments .comment {padding: 20px 0 !important;}
.forum__comments .addcomments {padding: 0 !important;}
.forum__comments.forum__comments__exists .addcomments {padding: 20px 0 0 0 !important;}
.forum__comments .addcomments .formBlock:last-of-type {margin-bottom: 0 !important;}

.forum__answer {
	border: 1px solid var(--green);
	margin-top: 20px;
	border-radius: 2px;
}

.forum__accepted {
	left: 50%;
    content: 'Решение';
    background: var(--green);
    color: var(--smart);
    top: 0;
    width: 90px;
    margin-left: -45px;
    font-weight: bold;
    font-size: .7rem;
    position: absolute;
    height: 18px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0 0 2px 2px;
}

.forum__header {
	display: flex;
    align-items: center;
}

.forum__header .btn {
	margin-left: 15px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    margin-left: auto;
}

/* ADAPTIVE */

	/* 1120px */
		@media only screen and (max-width: 1120px) {


			/* MENU TOGGLE */
				.hSidebarToggle {display: inline-block;}

			/* BODY COVER */
				.bodyCover:after {
					background: rgba(0,0,0,.5);
					position: fixed;
					top: 0;
					bottom: 0;
					width: 100%;
					height: 100%;
					display: block;
					z-index: 10;
					content: '';
				}

			/* MENU */
				.sidebar {
					background: var(--white);
					width: 270px;
					height: 100%;
					display: block;
					position: fixed;
					left: -270px;
					top: 0px;
					margin: 0;
					padding: 0;
					z-index: 15;
					overflow-x: hidden;
					overflow-y: auto !important;
					padding: 20px 0 0 20px;
					border-right: 1px solid var(--border);
				}
				.sidebar.visible {left: 0px;}

				.sidebar, body, 
				body.bodyCover .wrapper.primary,
				body.bodyCover .container,
				body.bodyCover .header {
					-webkit-transition: left .3s ease;
					-moz-transition: left .3s ease;
					-ms-transition: left .3s ease;
					-o-transition: left .3s ease;
					transition: left .3s ease;
				}
				body.bodyCover .container, body.bodyCover .header {left: 270px;}
				body.bodyCover .hSearch { position: relative !important; }

			  	.container {width: 100%;}

		}

	/* 980px */
		@media only screen and (max-width: 980px) {

			.fkBox {columns: 3;}

			.upLeftBlock,
			.upRightBlock,
			.upPersonal,
			.upInfo {
				border: 0;
				padding: 0;
				clear: both;
				width: 100% !important;
				text-align: center;
				float: none !important;
				display: block !important;
				margin: 0 auto;
			}
			.upPersonal, .upInfo {padding-top: 20px;}
			.upPersonal .btn {float: none;}
			.upInfo li {text-align: left;}
			.upInfo li b, .upInfo li span { width: 50%; }
			.upInfo li b {
				text-align: right;
				padding-right: 10px;
			}

		}

	/* 860px */
		@media only screen and (max-width: 860px) {

			.w33 {width: 50% !important;}
			.fkBox {columns: 2;}

			.hSearch {width: 240px;}
			.headerLeft {width: 90px;}
			.headerRight {width: calc( 100% - 90px);}
			.hBtn {margin-right: 15px;}
			.hLogin span, .hLogo span {display: none;}

			/* .hSearch {
				position: fixed;
				top: 0;
				left: 50%;
				margin-left: -120px;
			} */

			.piAuthor, .piStats {
				clear: both;
				display: block !important;
				float: none !important;
				width: 100% !important;
				text-align: center;
			}

			.piStats li {
				padding: 20px 10px 0 10px !important;
			}
			.piName {vertical-align: top;}
			.piStats li, .piAvatar, .piName {float: none;}

			/* NEW */
			.new_container, .new_aside {
				float: none !important;
				display: block !important;
				padding: 0 !important;
				width: 100% !important;
			}

		}

	/* 600px */
		@media only screen and (max-width: 600px) {

			.w33,
			.poShare,
			.poComplaint {
				width: 100% !important;
				float: none !important;
				display: block !important;
			}

			.poShare {
				text-align: center;
				padding-bottom: 20px;
			}

			.hSearch {
				width: 200px;
				margin-left: -100px;
			}

			.hBtn { 
				float: left; 
			}

			.btnTop {opacity: 0;}

		}

	/* 500px */
		@media only screen and (max-width: 500px) {

			.fkBox {columns: 1;}

			.hSearch {
				width: 140px;
				margin-left: -70px;
			}

			.pdSize i {display: inline-block;}
			.pdSize span, .pdHowTo span {display: none;}
			.pdHowTo a:before {content: 'Установка';}

		}

	/* 440px */
		@media only screen and (max-width: 440px) {

			.upPersonal .btn {
				width: 100% !important;
				margin: 0;
				display: block !important;
			}

			.upPersonal .btn:last-of-type {
				margin-top: 20px !important;
			}

			/* DOWNLOAD BUTTON */
			.pDownload > div {
				font-size: .8rem;
				height: 34px;
				line-height: 34px;
			}
			.pdSize {
				padding-left: 10px;
				padding-right: 15px;
			}
			.pdDownload {
				font-size: .85rem !important;
				height: 80px !important;
				width: 80px !important;
				line-height: 80px !important;
			}

				.pdHowTo a {
					padding-right: 10px;
					padding-left: 15px;
				}

		}





/* --- UPDATE 2025 --- */
.fiveBody {
	--fiveSearch: 36px;
	--fiveSocial: 36px;
	--fiveShorty: 180px;
	--fiveShortyStats: 36px;
	--fiveOuterRadius: 16px;
	--fiveInterRadius: 8px;
	--fiveShowall: 44px;
	--fiveArrow: 36px;
	--fiveDownload: 80px;
	--fiveUserPhoto: 48px;
}
.fiveHeaderRight {
	display: grid;
	grid-template-columns: max-content auto max-content;
	justify-items: center;
	align-items: center;
}
.fiveHeaderSearch {
	width: 72%;
	height: var(--fiveSearch);
}
.fiveHeaderSearch form {
	width: 100%;
	display: flex;
}
.fiveHeaderSearch .hsInput {
	background: #fff;
	border-radius: var(--fiveInterRadius);
	border: 0;
	outline: 0;
	height: var(--fiveSearch);
	line-height: var(--fiveSearch);
	color: #444;
}
.fiveHeaderSearch .hsBtn {
	color: var(--default);
	height: inherit;
	width: var(--fiveSearch);
}
.fiveHeaderSearch .hsBtn i {
	font-size: 1rem;
}
.fiveHeaderLogin {
	margin-left: auto;
}
.fiveSocial {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.fiveSocial a,
.fiveSocial a:hover {
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.fiveSocial a,
.fiveSocial a svg {
	width: var(--fiveSocial);
	height: var(--fiveSocial);
}
.fiveSocial a:hover {
	opacity: .8;
}
.fiveShort {
	padding: 6px;
}
.fiveShortyHeader {
	--interGap: 10px;
	border-radius: var(--fiveOuterRadius);
	overflow: hidden;
	position: relative;
}
.fiveShortyHeader,
.fiveShortyHeader > a,
.fiveShortyHeader img {
	height: var(--fiveShorty);
}
.fiveShortyHeader a:after {
	display: none !important;
}
.fiveShortyCat,
.fiveShortyTitle {
	position: absolute;
	background: rgba(0,0,0,.6);
	backdrop-filter: blur(4px);
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: 0s;
}
.fiveShortyCat {
	width: calc( 100% - ( var(--interGap) * 2 ) );
	left: var(--interGap);
	bottom: var(--interGap);
	border-radius: var(--fiveInterRadius);
	padding: 10px 0;
}
.fiveShortyTitle {
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	border-radius: var(--fiveOuterRadius) var(--fiveOuterRadius) 0 0;
}
.fiveShort:hover .fiveShortyCat,
.fiveShort:hover .fiveShortyTitle {
	visibility: visible;
	opacity: 1;
}
.fiveShortyFooter {
}
.fiveShortyStats {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr 1fr;
	height: var(--fiveShortyStats);
}
.fiveShortyStats li {
	display: inline-flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}
.fiveShortyStats li i {
	padding-right: 5px;
}
.fiveShortyStats li,
.fiveShortyStats li a,
.fiveShortyStats li i,
.fiveShortyStats li span {
	color: var(--silver);
}
.fiveShowAll,
.fiveHowInstall {
	width: 100%;
	border-radius: var(--fiveInterRadius);
	color: #fff;
	background: var(--default);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	height: var(--fiveShowall);
	text-transform: none;
}
.fiveTitle {
	display: flex;
	align-items: center;
	padding: 20px 10px 10px;
	gap: 20px;
}
.fiveTitle .subTitle {
	padding: 0;
}
.fiveArrows {
	display: inline-flex;
	gap: 2px;
}
.fiveArrows button {
	background: var(--default);
	color: #fff;
	width: calc(var(--fiveArrow) * 1.4);
	height: var(--fiveArrow);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	outline: 0;
	border: 0;

}
.fiveArrows button:hover {
	opacity: .8;
}
.fiveArrows svg {
	width: 28px;
	height: 28px;
}
.asideNoty {
	padding: 10px;
}
.fileFullBox {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 0 20px 15px;
}
.fiveHowInstall {
	background: var(--green);
	width: 100%;
}
.fiveHowInstall span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.fiveDownload {
	display: inline-flex;
	align-items: center;
	justify-content: space-around;
	background: var(--border);
	border-radius: var(--fiveOuterRadius);
	padding: 15px;
	gap: 10px;
}
.fiveDownload li {
	display: inline-flex;
	flex-direction: column;
	text-align: center;
	gap: 8px;
	font-size: .9rem;
}
.fiveDownloadButton {
	flex-shrink: 0;
}
.fiveDownloadButton > * {
	border-radius: 100px;
	background: var(--default);
	color: #fff;
	text-transform: uppercase;
	display: inline-flex;
	justify-content: center;
    align-items: center;
	cursor: pointer;
	width: var(--fiveDownload);
	height: var(--fiveDownload);
	padding: 0;
}
.fiveDownloadButton > *:hover {
	font-weight: bold;
}
.fiveDownloadValue {
	text-transform: uppercase;
	font-weight: bold;
}
.fiveAuthorBox {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.fiveAuthorHead,
.fiveAuthorHead a {
	display: flex;
	align-items: center;
	gap: 10px;
}
.fiveAuthorHead img {
	width: var(--fiveUserPhoto);
	height: var(--fiveUserPhoto);
}
.fiveAuthorHead span {
	font-weight: bold;
	font-size: 1rem;
}
.fiveAuthorData {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.fiveAuthorData li {
	display: flex;
	align-items: center;
	font-size: .8rem;
}
.fiveAuthorKey {
	font-weight: bold;
}
.fiveAuthorValue {
	margin-left: auto;
	text-align: right;
}
@media only screen and (max-width: 860px) {
	.fiveHeaderSearch {
		width: 90%;
	}
}
@media only screen and (min-width: 600px) {
	.fiveSocialSearch {display: none !important;}
}
@media only screen and (max-width: 600px) {
	.fiveHowInstall span span {display: none;}
	.fiveDownload li:not(.fiveDownloadPrimary) {display: none;}
	.fiveHeaderSearch {display: none;}
	.fiveHeaderRight {
		grid-template-columns: auto max-content;
	}
	.headerLeft {width: 70px;}
	.fiveHeaderLogin {min-width: 70px;}
	.headerRight {width: calc( 100% - 70px);}
}