* { box-sizing: border-box; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

body, select, input, textarea, button {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	/*
   font-family: Inter,sans-serif;
*/
	font-size: 16px;
	
	color: #f1f1f1;
	outline: none;
}

body { padding: 10px; background: #2b2b2b; font-variant: no-common-ligatures; display: flex; flex-direction: column; }

a { outline: none; color: #f1f1f1; text-decoration: none; transition: color .3s;}
a:hover {color: #37b6e5; }

/* H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 0;
	letter-spacing: -0.01em;
	line-height: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

h1, .h1 { font-size: 28px; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 26px; }

.block {padding: 0 10px; }
.block h3, .block h2, .block h1 {font-size: 26px; margin: 10px 0;}

.ctitle { align-items: center; color: #e5e5e5; display: flex; padding: 10px 0 30px 10px; }
.ctitle:after { background-color: #363636; content: ""; flex: 1; height: 1px;  margin-left: 15px; }

@media screen and (max-width: 600px) {
.ctitle {font-size: 20px;}
.block h3, .block h2, .block h1 {font-size: 20px;}
h1, .h1 { font-size: 22px; }
h2, .h2 { font-size: 20px; }
}


.green {color: #70bb39;}

.clr { clear: both }

.magpad {margin: 0 auto; max-width: 1000px;}


/* Header/Blog Title */
.header { }


/* menu */

.nav { position: relative;  margin: 16px 0 16px 0; border-bottom: 1px solid #363636;}
.nav ul { margin: 0; padding: 0; }

.nav li { margin: 0 5px 10px 0; padding: 0; list-style: none; display: inline-block; border-bottom: 1px solid transparent;}

.nav a { padding: 3px 10px 10px 10px; color: #d2d2d2; line-height: 100%; font-size: 20px; }
.nav a:hover { color: #37b6e5;  border-bottom: 1px solid #37b6e5;}

.nav a.active {border-bottom: 1px solid #37b6e5;}
.nav a.logo {padding: 3px 0 10px 0;}

.nav .current { background: #999; color: #fff; border-radius: 5px; display: none;}

.menu {position: absolute; right: 0; top: 0px; }
/*
.menu a:hover, .menu a { border-bottom: none; padding: 0;}
*/
.nav .menu a { color: #d2d2d2;  padding: 8px 8px; border: 1px solid #292929; background: #363636; border-radius: 5px 5px 0 0; font-size: 20px; border-bottom: 1px solid #37b6e5;}
.nav .menu a:hover { color: #37b6e5;}

.fa {display: inline-block;
	width: 20px;
	height: 20px;
	color: #d2d2d2;
	fill: #d2d2d2;
	vertical-align: middle;}

.fa:hover { fill: #37b6e5;}

.nav .logomobi {display: none;}

@media screen and (max-width: 600px) {
.nav { position: relative;  min-height: 40px; margin: 0 0 16px 0; border-bottom: none; height: 100%} 
	
.nav ul { padding: 8px 8px; position: absolute; top: 0; left: 0; border: 1px solid #292929; background: #363636; border-radius: 5px; }
.nav li {  display: none; margin: 0;  }
.nav a:hover {border-bottom: none;}
	
.nav .current { display: block; font-size: 20px; background: none; color: #d2d2d2;}
.nav .current:hover { color: #37b6e5; }
.nav a.logo {display: none;}
	
	
.nav a { display: block; padding: 10px; text-align: left; font-size: 16px;}
.nav ul:hover li { display: block;  margin: 0 0 5px;}

.menu {position: absolute; right: 0; top: 0;  }
.nav .menu a {border-radius: 5px;border-bottom: none; float: left; margin-left: 8px;}

	
.nav .logomobi {position: absolute; display: block; left: 50%; margin-left: -120px; padding: 5px 0 0 0; font-size: 30px; text-transform: uppercase;}
	
}
@media screen and (max-width: 280px) {
	.nav .logomobi {display: none}
	
}



/* levo - pravo */
.leftcolumn { float: left; width: 70%; }
.rightcolumn { float: left; width: 30%; padding-left: 20px; }

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


/* novosti */

.x2 {margin: 0 -10px; }

.korot {max-width: 50%; float: left; padding: 0 10px; margin-bottom: 20px; }
.korot h2 {overflow: hidden; height: 60px;}

.kimg { width: 100%; overflow: hidden; }

.kimg img { width: 100%; max-height: 220px; border: 1px solid #292929; border-radius: 6px;}

.kcat a { padding: 6px 10px; margin-top: 10px; color: #d2d2d2; display: inline-block; border: 1px solid #292929; background-color: #363636; border-radius: 6px;}
.kcat a:hover {border: 1px solid #37b6e5; color: #37b6e5;}

.article h2 {margin-top: 10px;}

@media screen and (max-width: 600px) {
.korot {max-width: 100%;}
.article h2{ font-size: 20px;}
.kcat a {font-size: 14px;}
.korot h2 {overflow: visible; height: auto;}
	
}


/* polnaya */

.poln {width: 100%; padding: 0 10px; }

.pinf .fa-bookmark-o, .poln .fa-bookmark { font-size: 20px; color: gold;  }
.pinf .fa-pencil-square-o { font-size: 20px; color:#37b6e5;  }

.poln .image {display: block; width: 100%; height: auto; border-radius: 6px; }

.poln h1 { margin: 10px 0;}


/* text-news */
.text .quote p { padding: 0; margin: 0;}


.text p {  margin: 10px 0; font-size: 19px; line-height: 26px; }


.text a {background-color: #363636; padding: 1px 5px; color: #37b6e5; border: 1px solid #292929; border-radius: 5px; }

.text li { color: #d2d2d2; margin: 0 0 16px 16px; font-size: 19px;}
.text li:before { color: #37b6e5; content: "#"; padding-right: 10px; }
.text li a, .text ol li a {font-size: 19px; color: #37b6e5;}

.text ol{ counter-reset: myCounter; }
.text ol li{ list-style: none; }
.text ol li:before { counter-increment: myCounter; content:counter(myCounter); color: #d2d2d2;  background-color: #363636; border: 1px solid #292929; display: inline-block; text-align: center; margin: 5px 10px 5px -8px; line-height: 25px; width: 25px; height: 25px; padding: 0; border-radius: 50%; font-size: 15px; }

.text ol a.highslide, .text li a.highslide { border: none; background: none; margin-left: -18px; margin-top: 20px; display: block;}
.text div a { border: none; background: none; display: block;}

.text img {border-radius: 6px;}

.text em, cite, i { font-style: italic;}
.text strong, b { font-weight: bold;}

/* comment */
.comment { margin-bottom: 5%; margin-left: 10px; padding: 0 10px 20px 0; border-bottom: 1px solid #363636;}


.ava {width: 70px; float: left;}
.ava img {width: 62px; height: 62px; border-radius: 50%; opacity: 0.7;}
.ava img:hover {opacity: 1;}

.comava {margin-bottom: 8px; }
.comava a { color: #37b6e5; }

.comm { width: 100%;}

.comm .fa-toggle-on, .retings .fa-thumbs-o-up {color: #70bb39;}
.comm .fa-toggle-off, .retings .fa-thumbs-o-down {color: red;}

.comm .comcon {margin-bottom: 10px;}

.comm .uprava {text-align: center; padding-top: 20px;  }
.comm .uprava a { color: #4A4A4A; margin-right: 10px;}
.comm .uprava a:hover {color: #37b6e5;}

.comava .retings { float: right;}

/* nastroika-com */
.mass_comments_action {display: none;}
#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 0 0 5%;  }

/* bloki */
.blrek { background-color: #363636; padding: 16px; border-radius: 5px; border: 1px solid #292929;}

.blline { height: 1px; width: 100%; margin: 5% auto; background-color: #292929; }

/****/
.blsrek {display: flex; margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px solid #292929;}
.blsrek:last-of-type { border-bottom: none; margin-bottom: 0;}

.bltitle { font-weight: normal; font-size: 15px; color: antiquewhite; flex: 1; padding-right: 3%; margin: 0; }

.blimage {width: 62px; height: 62px; overflow: hidden;}
.blimage img {margin: 0; opacity: 0.7; object-fit: cover; object-position: center; width: 100%; height: 100%; border-radius: 50%;}
.blimage img:hover {opacity: 1;}


/* Footer */
.footer {float: left; margin-top: 20px; }

.footer .magpad {border-top: 1px solid #363636; padding: 20px 10px 0 10px;}



.footer ul.fmenu {float: left; margin-right: 30px;}

.footer .fmenu li {list-style: disc; color: #37b6e5; margin: 0 18px 20px 16px;}

.footer .fmenu li a {font-size: 18px; color: #d2d2d2;}
.footer .fmenu li a:hover { color: #37b6e5;}

.boot { border-top: 1px solid #363636; color: #d2d2d2; display: block; margin: 0 -10px; padding: 10px 10px;  }
.boot a {color: #d2d2d2; float: right;}


@media screen and (max-width: 800px) {
    .leftcolumn, .rightcolumn { width: 100%; padding: 0;}
	.block { margin-bottom: 16px;}
	
	.korot {width: 100%;}
	
}

@media screen and (max-width: 300px) {
	
		.c-captcha img { border-radius: 10px; margin-bottom: 10px;}
    }