@font-face {
	font-display: swap;
	font-family: 'Bitter';
	src: url('/content/font/bitter/regular/bitter-regular.eot');
	src: url('/content/font/bitter/regular/bitter-regular.eot?#iefix') format('embedded-opentype'),
	url('/content/font/bitter/regular/bitter-regular.woff2') format('woff2'),
	url('/content/font/bitter/regular/bitter-regular.woff') format('woff'),
	url('/content/font/bitter/regular/bitter-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-display: swap;
	font-family: 'Bitter';
	src: url('/content/font/bitter/bold/bitter-bold.eot');
	src: url('/content/font/bitter/bold/bitter-bold.eot?#iefix') format('embedded-opentype'),
	url('/content/font/bitter/bold/bitter-bold.woff2') format('woff2'),
	url('/content/font/bitter/bold/bitter-bold.woff') format('woff'),
	url('/content/font/bitter/bold/bitter-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}*/
* { margin: 0; padding: 0; font-size: 100%; background: transparent; outline: 0; }
body { line-height: 1; }
ol,
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

html { min-width: 100%; height: 100%; width: 100%; }
body { width: 100%; min-width: 100%; min-height: 100%; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; /*background: #f0f0f0;*/ }
#crumbs { margin-bottom: 20px; font-size: 12px; line-height: 1.5;}
#crumbs, #crumbs a {color: #888; text-decoration: none; }
#crumbs a:hover {color: #3b5998;}
#header {margin-bottom: 20px; width: 100%; }
#header .menu-wrap {background: #3b5998; }
#header .logo { display: block; float: left; margin: 12px 10px 12px 0; width: 176px; }
#header .menu { display: flex; align-items: center; }
#header .menu li {padding: 0 10px; }
#header .menu li a { text-decoration: none; padding: 16px 0; display: inline-block; color: #fff; }
#header .menu li a:hover {color:  rgba(255,255,255,0.75)}
#header .addmenu a { text-decoration: none; padding: 12px 0; display: inline-block; color: #fff;}
#header .addmenu a:hover {color: rgba(255,255,255,0.75);}
#header .addmenu a:after {content: ''; display: inline-block; width: 2px; height: 12px; background-color: rgba(255,255,255,0.1); margin: 0 20px;}
#header .addmenu a:last-child:after {content: none;}
#header .addmenu a.active { font-weight: bold; }
#header .addmenu-wrap,
#header li.addm { background: #5271b3; }
#header.addmenu { margin-bottom: 0; }
#header.addmenu .menu-wrap { border-bottom: 0; }
#header .m-menu { display: none; color: #fff; width: 100%; height: 40px; line-height: 36px; box-sizing: border-box; background: #3b5998; cursor: pointer; }
#header .menu-con.active .menu { display: block; }
#header .m-menu i { display: block; height: 2px; background-color: #fff; }
#header .menu-handler { float: right; width: 20px; border-bottom: solid 2px; border-top: solid 2px; margin-top: 11px; padding: 5px 0; cursor: pointer; }
#header .top-right { float: right; margin-top: 12px; }
#header .top-right .col { float: left; }
#header .top-right .col.last { margin-left: 20px; }
#header .top-right .item { margin-bottom: 10px; display: block; }
#header .top-right .elm { margin-right: 6px; }

.clear { clear: both; }
a { color: #045398; }
h1 { font-size: 28px; margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6 { font-family: "Bitter",Arial,serif; font-weight: normal; }
h2 {font-size: 24px; margin: 40px 0 20px; text-align: center; }
.pop-wrap.poems h2 {margin-top: 0}
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.two-cols .l-col { float: left; }
.two-cols .r-col { float: right; }
.l-text { font-size: 13px; line-height: 16px; }
a:hover { text-decoration: none; color: #FF876E;}
ul.dotted li { list-style-type: disc; margin: 0 0 8px 17px; }
img { border: none; }
.s-inp {border: 2px solid #eaeaea; padding: 11px 12px 10px; font-size: 16px; color: #3b3b3b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.filter .s-inp {background-color: #fff;}
select.s-inp { width: 422px; }
.filter .sort select {width: 160px;}
.s-inp:focus { border-color: #419adf; }
.input-wrap .help { margin-top: 10px; padding: 4px; font-size: 13px;}
.input-wrap .help a {text-decoration: none;}
.field { margin-bottom: 10px; }
.form .field.line .field-header { float: left; width: 200px; line-height: 40px; }
textarea { resize: none; }
textarea { padding: 5px; width: 100%; box-sizing: border-box; height: 160px; }
.pop-wrap { background: #FFF; margin: 10px auto; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; padding: 40px; width: 300px; color: #000; }
.pop-wrap.new { padding: 0; }
.pop-wrap.new .pop-header { background: #3b5998; color: #fff; padding: 20px; }
.pop-wrap.new .pop-cont { padding: 20px; }
.mfp-close-btn-in .pop-wrap.new .mfp-close { color: #ccc; }
.pop-wrap .s-inp { box-sizing: border-box; }
.d-table { border: 2px solid #f1f1f1; border-collapse: separate; border-radius: 2px; }
.d-table tr th { border-bottom: 1px solid #f1f1f1; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid #f1f1f1; padding: 10px; text-shadow: 0px 0px 0px rgba(0,0,0,0); font-weight: 100; vertical-align: middle; font-size: 15px; }
.d-table tr td:first-child, .d-table tr th:first-child { border-left: 0; }
.field-bl { font-weight: bold; margin-bottom: 4px; }
.val-errors, .jerrors { padding: 10px 20px; border: solid 1px #d71635; color: #d71635; line-height: 22px; margin-bottom: 30px; }
.val-errors .err-head { font-weight: bold; }
.s-btn { display: inline-block; padding: 8px 16px; border-radius: 4px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; background-color: #f5f5f5;}
.s-btn.blue-bt {text-shadow: none}
.s-btn:hover { text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.s-btn:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); }
.s-btn-green { color: #ffffff; background-color: #3b5998; border: 0}
.s-btn-gray { color: #333333;background-color: #f5f5f5;}
.s-btn-green:hover,
.s-btn-green:active { background-color: #FF876E; color: #fff}
.s-btn-gray:hover,
.s-btn-gray:active { color: #333333; background-color: #e6e6e6; }
.login-need { text-align: center; padding: 26px; }
.login-need .btns { margin-top: 20px; text-align: center; }
.login-need .btns a { margin-right: 10px; }
.d-table tr td { padding: 10px; border-color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #fff; border-left: 1px solid #f1f1f1; background-color: #fff; color: #666; }
.d-table tr:last-child td {border-bottom: 0}
.stext {line-height: 1.5; }
.wh-bl { background: #fff; -webkit-box-shadow: 0px 1px 5px 0px #d9d9d9; -moz-box-shadow: 0px 1px 5px 0px #d9d9d9; box-shadow: 0px 1px 10px 0px #f1f1f1; padding: 24px; line-height: 20px; border-radius: 3px; }
.text { line-height: 22px; }
.wh-bl.std { padding: 0; }
.wh-bl .hdr, .col { padding: 0px; border-bottom: solid 1px #f1f1f1; }
.wh-bl .hdr.mod, .mod .col {padding: 30px;}
.wh-bl.std .hdr h2,
.wh-bl.std h1.hdr,
.wh-bl.std h2.hdr {margin: 0;}
.hdr h1{margin: 16px 0; text-align: center;}
.wh-bl.std.big h1 {margin: 0; padding: 30px;}
.wh-bl.std.big .cnt.np { padding: 0px; }
.upping { margin-top: -20px; }
h2.std { text-align: left; color: #979595; text-transform: uppercase; font-size: 17px; margin-bottom: 12px; }
.top-poems .poem-wrap { float: left; width: 48%; box-sizing: border-box; margin: 0 1%; }
.top-poems { margin: 20px 0; }
.top-poems h2 { margin-bottom: 0; }
.info { color: #999; font-size: 12px; }
h2 + .info { font-size: 14px;  margin: 12px 0 32px; text-align: center; }
.top-poems .poem-author { text-align: center; margin-top: 10px; color: #999; }
.top-poems .poem-author a {font-size: 13px; color: #999; text-decoration: none; }
.top-poems .poem { margin-bottom: 10px; padding: 32px 20px !important; }
.top-poems .poem-text { white-space: pre-wrap; }
.top-poems .poem h3 { font-size: 17px; margin-bottom: 10px;}
.top-poems .poem h3 a {text-decoration: none;}
.hover-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); background: rgba(0,0,0,0.4) url(/content/images/icons/zoom-zoom.png?_=16268804277322) no-repeat center center; -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; cursor: pointer; }
.result-success h2 { color: #3b5998; font-size: 22px; margin-bottom: 18px; }
.result-success { text-align: center; border: dashed 2px #3b5998; padding: 10px; margin-bottom: 20px;}
.result-success .info,
.pop-wrap .info { font-size: 17px; color: #666; line-height: 22px; }
.pop-wrap .info { font-size: 14px; margin-bottom: 20px; }
.zoom-zoom { height: 38px; width: 38px; position: absolute; left: 100px; top: 100px; }
.hover-overlay:hover { opacity: 1; filter: alpha(opacity=1); }
span.req { font-size: 14px; color: #ff876e; margin-left: 4px; transform: translateY(3px); display: inline-block; font-weight: bold;}
.table { display: table; width: 100%; }
.tr { display: table-cell; vertical-align: middle; }
.attemp { background: #FCEDB1; padding: 10px 15px; margin-bottom: 10px; border-radius: 3px; font-size: 14px; line-height: 20px; color: #555; }
.attemp.grey { background: #fff8e1; }
.submenu a { cursor: pointer; background-color: #ffffff; color: #666; display: inline-block; font-size: 15px; line-height: 25px; margin-right: 2px; padding: 4px 16px; text-decoration: none; }
.submenu a:hover { background: #f1f1f1; }
.submenu a.active { background: #ff876e; color: #fff; border-color: #ff876e }
.submenu.simple { border-bottom: solid 1px #f1f1f1; padding: 0 10px; text-align: center; }
.number-page a,
.number-page span { display: inline-block; padding: 4px 10px; text-decoration: none; }
.number-page a:hover { background: #eee; }
.number-page span { background: #3b5998; color: #fff; }
.no-mess { color: #999; padding: 30px; }
.info-text { color: #999; padding: 24px; text-align: center;; }
.screen { max-width: 100%; border: dashed 1px #f1f1f1; border-radius: 4px; }
.orange-bt { padding: 12px 0; display: block; color: #FF876E; cursor: pointer; text-decoration: none; }
.red-bt { padding: 12px 0; display: block; color: #dc4e41; cursor: pointer; text-decoration: none; }
.red-bt:hover { background: #dc4e41; color: #fff; }
.index .orange-bt:hover { background: #FF876E; color: #fff; border-bottom: 1px solid #fff}
.blue-bt { padding: 10px 24px; display: inline-block; color: #fff; background: #3b5998; text-decoration: none; border-radius: 4px; border: none; cursor: pointer}
.blue-bt:hover { background: #5271b3; color: #fff}
.show-more-wrap { text-align: center; padding-bottom: 20px;} /* /a/poems */
.smw {display: block; text-align: center; padding: 24px;}
.loading-over { background: rgba(0, 0, 0, 0.4) url(/content/images/loader_m.gif?_=16268804277322) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bo { font-weight: bold; }
.gadv.istihi1 { border-bottom: solid 1px #f1f1f1; margin-bottom: 20px; padding: 0 12px 20px; }
.gadv.istihi2 { margin: 40px 0 20px; max-width: 600px; }
.elm-coin-s { margin: -2px 5px 0 0; }

@media screen and (max-width: 530px) { 
	.top-poems .poem-wrap { width: 98%; }
	/*.wh-bl.std.big.mod .hdr, .mod .col { padding: 24px; }*/ /*/profile/poems/add*/
}
@media screen and (max-width: 1180px) { 
	.container { width: 96%; padding: 0 2%;}
}
@media screen and (max-width: 1180px) { 
	.pop-wrap.login-need { width: 98%; box-sizing: border-box; }
}
@media screen and (max-width: 420px) { 
	#feedback-form .s-inp { width: 94%; }
@media screen and (max-width: 719px) { 
	/*.wh-bl.std.big h1 {padding: 0px; }*/
	.d-table, .d-table tr {display: flex; flex-direction: column; border: 0}
	.d-table tr.tbl-hdr {display: none}
	.d-table tr {border: 2px solid #f1f1f1; margin-bottom: 10px; padding: 12px}
	.d-table tr:last-child {margin-bottom: 0px;}
	.d-table tr td {border: 0; padding: 2px 0px;}
}

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 36px; height: 36px; line-height: 36px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.socials { margin: 20px 0 32px; text-align: center; }
.poem-wrap { text-align: center; }
.poem-wrap .wh-bl { padding: 30px 50px; }
.poem-wrap .wh-bl.poem-quiz { padding: 0px; box-shadow:none }
.poem-in-wrap { display: inline-block; max-width: 680px; width: 100%;}
.sticky-wrap .poem-in-wrap {float: left}
.sticky-wrap #toc-menu {float: right}
.poem-wrap .poem-text { text-align: left; display: inline-block; }
.poem-wrap .poem-text .ra { display: inline-block; float: right; }
.poem-wrap .poem-text .cen { display: inline-block; width: 100%; text-align: center; }
.poem-wrap .author-link { display: inline-block; margin: 24px 0 0 8px; }
.poem-wrap .author-link:before { content: ""; display: inline-block; vertical-align: middle; margin: -2px 5px 0 2px; width: 6px; height: 6px; border-bottom-width: 2px; border-bottom-style: solid; border-left-width: 2px; border-left-style: solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.one-poem .poem-text { white-space: pre-wrap; }
.one-poem .poem-wrap { padding-bottom: 40px; }
.one-poem .foreword {display: inline-block; white-space: pre-wrap; font-style: italic; margin-bottom: 20px; text-align: left; }
.one-poem .poem-cat { margin: 20px 0; color: #aaa; }
.one-poem .poem-cat a {display: inline-block; background-color: #F7F7F7; padding: 8px 10px; color: #000; text-decoration: none; border-radius: 4px; margin: 2px 4px;}
.one-poem .poem-cat a:hover {background-color: #3b5998; color: #fff;}
.one-poem .poem-year { text-align: right; margin-top: 10px; color: #999; }
.one-poem .inner-wrap { padding: 30px 50px 0; }
.one-poem .poem { padding: 0; position: relative}
.one-poem.custom .likes-added,
.one-poem.custom .add-like { border-top: dashed 1px #f1f1f1; }
.one-poem.clas .print { border-top: dashed 1px #f1f1f1; width: 50%; float: left; box-sizing: border-box; margin-top: 20px; }
.one-poem .poem-author,
.shelf .shelf-author { text-align: left; margin-bottom: 10px; display: inline-block; }
.one-poem .poem-author .photo,
.shelf .shelf-author .photo { float: left; padding: 5px; }
.one-poem .poem-author .author-full-name,
.shelf .shelf-author .author-full-name { line-height: 18px; padding-top: 12px; margin-left: 98px; }
.one-poem .poem-author-wrap { text-align: left; }
.one-poem .stars { width: 150px; margin-top: 12px; display: inline-block; height: 30px; position: relative; }
.one-poem .l-stars { width: 122px; }
.one-poem .stars,
.one-poem .stars .b-stars-pattern,
.one-poem .stars .b-stars-value,
.one-poem .stars .traps { height: 30px; }
.one-poem .l-stars,
.one-poem .l-stars .b-stars-pattern,
.one-poem .l-stars .b-stars-value,
.one-poem .l-stars .traps { height: 24px; }
.one-poem .poem-rating .traps { position: absolute; left: 0; top: 0; }
.one-poem .poem-rating .actions { display: none;}
.one-poem .poem-rating { margin-top: 10px;}
.one-poem .poem-rating .actions .s-btn-green { margin-right: 8px; }
.one-poem .poem-rating .traps span { display: inline-block; width: 30px; height: 31px; cursor: pointer; }
.one-poem .stars .b-stars-pattern { background: url('/content/images/background/rating-stars.png?_=16268804277322'); }
.one-poem .l-stars .b-stars-pattern { background: url('/content/images/background/l-rating-stars.png?_=16268804277322'); }
.one-poem .stars .b-stars-value { background: url('/content/images/background/rating-stars-dark.png?_=16268804277322'); position: absolute; left: 0; top: 0; }
.one-poem .l-stars .b-stars-value { background: url('/content/images/background/l-rating-stars-dark.png?_=16268804277322'); }
.one-poem .rank-card { width: 360px; background: #fff; padding: 0!important; margin: 0 auto; }
.one-poem .rank-card h2,
.one-poem .videos h2,
.one-poem .poem-reviews h2 { padding: 20px; border-bottom: solid 1px #f1f1f1; margin-bottom: 0; color: #000; }
.one-poem .rank-card .part { width: 170px; float: left; height: 160px; }
.one-poem .a-links { display: inline-block; text-align: left; }
.one-poem .rank-card .part.bars { padding: 15px 0; height: 130px; }
.one-poem .rank-card .part .bar-score { height: 26px; }
.one-poem .rank-card .bar-container { line-height: 14px; }
.one-poem .part .bar-label { background: url('/content/images/background/l-rating-stars-dark.png?_=16268804277322') no-repeat; padding-left: 24px; height: 24px; font-size: 12px; color: #999; line-height: 25px; }
.share-word { margin-bottom: 6px; display: inline-block; color: #aaa; }
.one-poem .part .bar-container,
.one-poem .part .bar-value,
.one-poem .part .bar-label,
.one-poem .part .bar { display: inline-block; float: left; }
.one-poem .part .bar-container { height: 20px; width: 120px; position: relative; margin: 3px 0 3px 6px; position: relative; }
.one-poem .part .bar { height: 20px; }
.one-poem .part .bar-value { position: absolute; top: 3px; left: 10px; }
.one-poem .part .val5 .bar { background: #9fc05a; }
.one-poem .part .val4 .bar { background: #add633; }
.one-poem .part .val3 .bar { background: #ffd834; }
.one-poem .part .val2 .bar { background: #ffb234; }
.one-poem .part .val1 .bar { background: #ff8b5a; }
.one-poem .rank-card .part .score { height: 85px; line-height: 85px; font-size: 82px; font-weight: 200; text-align: center; padding-top: 5px; }
.one-poem .poem-rating-card { margin-top: 40px; }
.one-poem .poem-rating-card .people-count { color: #999; margin: 6px 10px; background: url('/content/images/background/man.png?_=16268804277322') no-repeat; padding-left: 20px; text-align: left; }
.one-poem .comments,
.one-poem .poem-reviews { padding: 0; margin: 40px auto 0; }
.one-poem .reviews-content { padding: 20px; }
.one-poem .reviews-inner { margin-bottom: 20px; }
.one-poem .reviews-inner span { font-weight: bold; }
.one-poem .nocomment { text-align: center; color: #999; }
.one-poem .videos { padding: 0; margin: 40px auto 0; max-width: 600px; }
.one-poem .videos .one-video { padding: 10px; }
.one-poem .videos .one-video .video-content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.one-poem .videos .one-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.one-poem .videos .one-video .v-name { margin-top: 10px; }
.ol-num {min-width: 24px; flex-shrink: 0;}
.poems-list.mod {margin-top: -1px}
.poems-list.mod .ol-num {display: none;}
.poems-list.mod .time {margin: 0px 16px 0; padding: 0px 8px; background-color: whitesmoke; display: inline-block; border-radius: 0 0 4px 4px;}
.poems-list.mod .poem {padding: 0px 16px 10px; margin-bottom: -1px}
.poems-list.mod .poem .name {position: relative; padding-left: 24px}
.poems-list.mod .poem .name:before {content: ''; display: block; width: 16px; height: 16px; background-image: url(/content/images/stih.svg); background-size: cover; position: absolute; left: 0; top: 2px; }
.ol-num + .name {flex: 100% 1 1; padding-right: 16px;}
.poems-list .poem .author {display: flex; align-items: center; width: 160px; flex-shrink: 0;}
.poems-list .poem .mets {display: flex; width: 120px; flex-shrink: 0;}
.poems-list .poem .mets .score, .poems-list .poem .mets .comm, .poems-list .poem .mets .views { display: inline-block; margin-right: 15px; }
.poems-list .poem .mets .score > div, .poems-list .poem .mets .comm > div, .poems-list .poem .mets .views > div {text-align: center;}
.poems-list .poem .mets .comm { margin-right: 0; }
.poems-list .poem .name { color: #045398; font-size: 15px; }
.poems-list .poem .author img { border-radius: 50%; float: left; margin-right: 8px; width: 32px; }
.poems-list.online .author img { float: none; margin: 0; }
.poems-list .poem .author .imgw {display: flex; align-items: center; margin-right: 8px;}
.poems-list .poem {display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; box-sizing: border-box; text-decoration: none; color: #999;  width: 100%; border-bottom: 1px solid #f1f1f1}
.poems-list .poem:hover { background: #f7f7f7; border-bottom: 1px solid #e6e6e6}
.poems-bank.custom .pday,
.poems-bank.custom .pmonth { margin-right: 4px; }
.poems-bank.custom .pmonth { width: 100px; }
.poems-bank.custom .pday,
.poems-bank.custom .pyear { width: 70px; }
.poems-bank.custom .sort { margin-right: 0; }
.addreview-wrap { width: 900px !important; }
.addreview-wrap .s-inp { width: 100%; }
.addreview-wrap .review-text { height: 300px; resize: auto; }

.pm-author {display: flex; justify-content: center; align-items: center;text-decoration: none; margin: 12px 24px 24px; font-family: "Bitter",Arial,serif;}
.pm-author img {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;}
.pm-name { font-size: 15px; color: #888;}
.pm-author:hover .pm-name {color: #3b5998}
.edit-btn-absolute {position: absolute; right: 16px; top: 16px; background-color: #FF876E; line-height: 0; padding: 8px; border-radius: 50%;}
.edit-btn-absolute:hover {background-color: #3b5998;}
.edit-btn-absolute svg {fill: #fff}
.toc-menu {display: block; width: 280px;}
.toc-menu ol {background: #f7f7f7; padding: 4px; border-radius: 3px; margin-bottom: 20px;}
.toc-menu ol li a { display: flex; align-items: center;text-align: left; background-color: #fff; padding: 12px; margin-bottom: 4px; text-decoration: none; font-weight: 500;}
.toc-menu ol li a svg {flex-shrink: 0; margin-right: 8px; fill: #045398}
.toc-menu ol li a:hover svg {fill: #FF876E}
.toc-menu ol li:last-child a {margin-bottom: 0}
.tag-list {display: none;}
.tag-list.next-prev {display: flex; justify-content: center;}
.tag-list li {display: inline-block;}
.tag-list li a {display: block; text-decoration: none; padding: 10px 20px; margin: 4px; background-color: #f7f7f7; border-radius: 20px; color: #000}
.tag-list li a:hover {color: #fff; background-color: #3b5998;}
.icon-info {display: flex; align-items: center; color: #999; margin: 0 10px}
.icon-info svg {fill: #999; margin-right: 3px; height: 18px;}

.topAuthorWidget h3 {padding-bottom: 16px}
.topAuthorWidget a {display: flex;}
.topAuthorWidget img {display: block; width: 50px; height: 50px; border-radius: 50%; margin-right: 12px; flex-shrink: 0}
.topAuthorWidget-count {display: block; font-weight: normal; color: #999; font-size: 13px; margin-top: 6px}

.tag-list.next-prev li a {display: flex; align-items: center; line-height: 20px;}
.tag-list.next-prev li:nth-child(1) a {padding-left: 12px}
.tag-list.next-prev li:nth-child(3) a {padding-right: 12px}
.tag-list.next-prev li:nth-child(1) i, .tag-list.next-prev li:nth-child(3) i {display: inline-block; width: 16px; height: 16px; margin: 0 4px; position: relative;}
.tag-list.next-prev li:nth-child(1) i:before {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(45deg); position: absolute; top: 2px; left: 8px;}
.tag-list.next-prev li:nth-child(1) i:after {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(-45deg); position: absolute; top: 6px; left: 8px; }
.tag-list.next-prev li:nth-child(3) i:before {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(-45deg); position: absolute; top: 2px; left: 8px;}
.tag-list.next-prev li:nth-child(3) i:after {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(45deg); position: absolute; top: 6px; left: 8px; }
.tag-list.next-prev li a:hover i:before, .tag-list.next-prev li a:hover i:after {background-color: #fff;}
.tag-list.next-prev li:nth-child(2) span {margin-left: 6px}
.alert-msg {color: #FF876E; }
.poem-rating .alert-msg {margin-top: 16px}

@media screen and (max-width: 1000px) {
	.toc-menu {display:none}
	.sticky-wrap .poem-in-wrap {float: initial;}
	.tag-list {display: block;}

}

@media screen and (max-width: 768px) {
	.poem-in-wrap {max-width: 100%;}
}
@media screen and (max-width: 699px) {
	.poems-list.mod .time {margin: 0 auto; display: block; text-align: center;}
	.poems-list.mod .poem {padding: 10px 16px}
}

@media screen and (max-width: 640px) {
	.tag-list li {display: block;}
	.tag-list li a {padding: 16px}
	.tag-list.next-prev li span {display:none}
	.tag-list.next-prev li a, .tag-list.next-prev li:nth-child(1) a, .tag-list.next-prev li:nth-child(3) a {padding: 16px; line-height: 16px}
	.poem-wrap .wh-bl {padding: 24px;}
}

@media screen and (max-width: 530px) {
	.poems-bank.custom .f-item { width: 100%; }
	.poems-list .poem .author { text-align: center; }
	.poems-list .poem .author img { float: none; }
	.pm-name {text-align: left}
	.pm-author img {width: 36px; height: 36px}
}
@media screen and (max-width: 420px) {
	.poems-list .poem .a-name { display: none; }
	/*	.one-poem .likes-added,
        .one-poem .add-like { width: 100%; border-right: none; }*/
	.one-poem .print { display: none; }
}
@media screen and (max-width: 390px) {
	.one-poem .poem-rating-card .part.bars { display: none; }
	.one-poem .rank-card { width: 170px; }
	.one-poem .inner-wrap { padding: 10px; }
}

/*.one-poem.custom .edit-poem,*/
/*.one-poem.custom .delete-poem { border-top: dashed 1px #f1f1f1; width: 50%; float: left; box-sizing: border-box; }*/
.one-poem.custom .poem-adv-add-inner:after { border: 10px solid transparent; border-color: #ff876e transparent transparent transparent; content: " "; display: block; height: 0px; margin: 0 auto -7px; width: 0; z-index: 2; position: absolute; left: 50%; bottom: -13px; }
.one-poem.custom .poem-adv-add-wrap:hover .poem-adv-add-inner:after { border-color: #4172df transparent transparent transparent; }
.one-poem.custom .poem-adv-add-wrap .title { font-size: 16px; text-transform: uppercase; margin-bottom: 8px; font-weight: bold; }
.one-poem.custom .poem-adv-add-wrap .text { line-height: 18px; font-size: 13px; }
.one-poem.custom .poem-adv-add-wrap {display: block;}
.one-poem.custom .poem-adv-add-wrap .delete { height: 10px; top: 4px; position: absolute; right: 4px; padding: 6px; cursor: pointer; }
.one-poem.custom .poem-adv-add-wrap .delete span { margin-top: -5px; }
.one-poem.custom .poem-adv-add-inner { background: #ff876e; text-align: center; border-radius: 3px 3px 0 0; position: relative; }
.one-poem.custom .poem-adv-add-inner:hover { background: #4172df; }
.one-poem.custom .poem-adv-add-inner a { color: #fff; display: block; padding: 12px 24px; text-decoration: none; }
.one-poem.custom .poem-author-wrap { position: relative; }
.one-poem.custom .edit-poem { border-right: dashed 1px #f1f1f1; }
.one-poem.custom .poem-cat { font-size: 11px; }
/*.one-poem.custom .add-like, 
.one-poem.custom .likes-added { margin-top: 0; }*/
.one-poem .pinfo { display: flex; justify-content: center; padding: 20px 12px 0; border-top: dashed 1px #f1f1f1; color: #999; margin-top: 20px; }
.one-poem .pinfo .views { display: inline-block; }
.one-poem .pinfo .views .elm { margin: -4px 6px 0 0; }
.one-poem .pinfo .date { display: inline-block; margin-right: 20px; }
.one-poem .poem-img  { max-width: 600px; max-height: 400px; width: 100%; display: block; margin: 0 auto 30px; overflow: hidden;}
.one-poem .poem-img img {width: 100%;}

.one-author .author-info {display: flex; margin-bottom: 20px;}
.one-author .author-info .photo { width: 200px; flex-shrink: 0; height: auto; position: relative}
.one-author .author-info .photo .admin-edit{display: block; position: absolute; top: 152px; left: calc(50% - 60px); width: 120px; height: 32px; border-radius: 16px; background-color: #ff876e; color: #fff; text-align: center; line-height: 32px; text-decoration: none;}
.one-author .author-info .photo .admin-edit:hover {background-color: #f76141;}
.one-author.cls .author-info .photo .elm { margin-right: 8px; margin-top: -3px; }
.one-author .author-desc {flex: 100% 1 1; padding: 8px 24px 0;}
.one-author .author-desc p {margin-bottom: 10px;}
.autor-btns {display: block; width: 220px; flex-shrink: 0;}
.author-poems { margin-bottom: 10px; }
.author-poems .best { font-weight: bold; }
.one-author .cats { text-align: right; }
.one-author .author-poems .sort .loader { position: absolute; top: 2px; left: 0; }
.one-author .cats a,
.one-author .cats span { cursor: pointer; background-color: #ffffff; color: #666; display: inline-block; font-size: 13px; height: 25px; line-height: 25px; margin: 0 4px 8px 0; padding: 2px 10px; text-decoration: none; }
.one-author .cats {background-color: #f1f1f1; padding: 16px 16px 8px; display: flex; justify-content: center; flex-wrap: wrap;}
.one-author .cats .active { background: #045398; color: #fff; cursor: default; }
.one-author .cats a:hover { background: #045398; color: #fff; }
.one-author .cats a:hover,
.one-author .cats a.active { border-color: #fff; }
.pcat-desc { margin-bottom: 20px; }
.hdr.sort {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.hdr.sort select {width: 160px;}
.column-wrap {display: flex; justify-content: space-between; padding: 24px; flex-wrap: wrap}
.author-poems .one-column { width: calc(50% - 10px);}
.one-column ol li {padding: 6px 0}
.one-column ol li a {text-decoration: none;}
.authors .author { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 10px; text-align: center; text-decoration: none; }
.authors .author:hover { background: #f1f1f1; }
.details { color: #999; }
.author-photos .socials { text-align: center; }
.author-photos .other-authors-photos { margin-top: 60px; }
.a-photos-list .a-photo { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 10px; text-align: center; position: relative; }
.a-photos-list .a-photo img { max-width: 100%; }
.a-photos-list .a-photo .photo-desc { height: 40px; color: #777; overflow: hidden; }
.a-photos-list .a-photo { text-decoration: none !important; }
.authors .author h3 { white-space: nowrap; overflow: hidden; }
.authors .author img { max-width: 100%; height: auto; }
a.fav-author {display: flex; align-items: center; text-decoration: none; font-size: 16px; line-height: 1.25; color: #000; font-weight: 500; margin-bottom: 20px;}
a.fav-author img {width: 48px; flex-shrink: 0; margin-right: 14px; border-radius: 24px;}
.liked-author .wh-bl.author-poems {margin: 0; box-shadow: none}
.liked-author .column-wrap {padding: 0;}
.liked-author .one-column ol {list-style: none!important; padding: 0;}
.liked-author .one-column ol li {padding: 12px 40px 12px 12px; border: 1px solid #f1f1f1; margin-bottom: 5px; position: relative;}
.liked-author .one-column ol li .del-like {position: absolute; right: 15px; top: 13px;}

.shelf .liked-author { margin-top: 36px; padding-bottom: 30px; border-bottom:2px dashed #f1f1f1 }
.shelf .shelf-author { margin-bottom: 3px; }
.books-list .book { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 10px; text-align: center; }
.books-list .book .name { white-space: nowrap; overflow: hidden; }
.one-author .books-list { margin-top: 50px; }
.one-author .similar-authors { margin-top: 30px; }
.authors-page .column { width: 49%; float: left; }
.authors-page .column:first-child { margin-right: 2%; }
.authors-little .author { padding: 20px; display: flex; align-items: center; text-decoration: none; border-bottom: solid 1px #f1f1f1; box-sizing: border-box;}
.authors-little .author.all {display: block; text-align: center; border-bottom: none; }
.authors-little.new .author { float: left; width: 50%; }
.authors-little.new .author.l { width: 48%; margin-right: 2%; }
.authors-little .author:hover { background: #fff3f1; }
.authors-little .author img { margin-right: 16px; border-radius: 50%; display: block; }
.online .author img { float: none; margin: 0; }
.online .author .imgw { float: left; position: relative; }
.online .author.onl .imgw:after,
.online .poem.onl .imgw:after { content: ''; position: absolute; background-color: #8ac176; border-radius: 50%; bottom: 2%; right: 2%; border: 2px solid #fff; height: 11px; width: 11px; }
.online .poem.onl .imgw:after,
.online .card .author.onl .imgw:after { height: 8px; width: 8px; right: -8%; bottom: 6%; }
.authors-little.online .author .imgw { margin-right: 16px; }
.authors-little .author .name { font-size: 20px; margin-bottom: 4px; }
.authors-little .author .amount { color: #999; }

.author-left {display: flex; flex-shrink: 0;}
.authors-little.mod2 .author {justify-content: space-between; }
.authors-little.mod2 .author .name {font-size: 16px; font-weight: bold;}
.authors-little.mod2 .author .amount {margin-left: 0}
.authors-little.mod2 .author .amount a {white-space: initial;}

#no-comment-anonim {display: none;}
label.comment-anonim-text {display: flex;}
label.comment-anonim-text span {display: inline-block;}
label.comment-anonim-text i {display: block; color: #a7a7a7}
label.comment-anonim-text:before {content: '';display: inline-block; width: 24px; height: 24px; border: 2px solid #f1f1f1; margin-right: 12px; border-radius: 8px; cursor: pointer; flex-shrink: 0}
label.comment-anonim-text:hover:before {border-color: #3b5998;}
#no-comment-anonim:checked ~ label.comment-anonim-text:before {background-image: url(/content/images/check-line.svg); background-size: 24px; background-repeat: no-repeat; background-position: center; border-color: #3b5998;}

ol.author-poem-list {display: flex; flex-wrap: wrap; counter-reset: num;}
ol.author-poem-list li {display: block; width: 50%; flex-shrink: 0; position: relative; padding-left: 40px; box-sizing: border-box}
ol.author-poem-list li:before {content: counter(num) '.'; counter-increment: num; text-align: right; display: block; min-width: 32px; position: absolute; left: 0px; top: 6px;}
ol.author-poem-list li a {display: inline-block; text-decoration: none; padding: 6px 0;}
.adv3{
	width: 100%;display: block;margin: 20px 0;
}

@media screen and (max-width: 780px) { .authors .author { width: 31%; }
	.a-photos-list .a-photo { width: 31%; }
	.books-list .book { width: 31%; }
	.authors-little.mod2 .author {flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
	.authors-little.mod2 .author .amount {margin-top: 8px}
}
@media screen and (max-width: 700px) {
	.authors-page .column { width: 100%; }
	.authors-little.new .author { width: 100% !important; }
	.author-poems .one-column { width: 100%;}
	.authors-little .author {padding: 10px}
	ol.author-poem-list li {width: 100%}
}

@media screen and (max-width: 530px) { .authors .author { width: 48%; }
	.a-photos-list .a-photo { width: 48%; }
	.books-list .book { width: 48%; }
	.one-author .author-info { text-align: center; }
	.one-author .author-info .photo { float: none; margin: 0 auto 16px auto; }
}
@media screen and (max-width: 460px) {
	.one-author .author-info .photo { width: 100%; box-sizing: border-box; }

	.one-author .author-info .photo img { max-width: 100%;
		width: auto; box-sizing: border-box; }
}
@media screen and (max-width: 300px) { .authors .author { width: 98%; }
	.a-photos-list .a-photo { width: 98%; }
	.books-list .book { width: 98%; }
}

.one-author.custom .nopub a { color: #aaa; }
.one-author.custom .author-poems span.mod { font-size: 12px; color: #d75a4a; }
.one-author.custom .author-poems span.draft { font-size: 12px; color: #aaa; }
.one-author.custom .user-likes {display: flex; flex-wrap: wrap;}
.one-author.custom .user-likes .author {display: flex; align-items: center; padding: 10px; width: calc(25% - 6px); border: 2px solid #f1f1f1; box-sizing: border-box; margin: 0 8px 8px 0; overflow: hidden; text-decoration: none;}
.one-author.custom .user-likes .author:nth-child(4n) {margin-right: 0}
.one-author.custom .user-likes img {flex-shrink: 0; margin-right: 10px; border-radius: 50%; } .one-author.custom .user-likes .name {line-height: 1.25;}
.one-author.custom .user-likes .total {display: block; text-align: center; background: #3b5998; color: #fff; border: 0}
.one-author.custom .user-likes .total:hover {background-color: #ff876e;}
.filter {display: flex; justify-content: flex-start; background-color: #f7f7f7; position: relative;}
.show-more-wrap .loader { position: absolute; left: 0; bottom: 0; }
.filter select { width: 80px; padding: 4px; }
.filter .f-item {display: flex; align-items: center; border-right: 2px solid #fff; padding: 20px; min-height: 72px; box-sizing: border-box; }
.filter .f-item.sort {border: none}
.filter .f-name { font-weight: bold; margin: 0 16px 0 0; color: #666; }
.authors-page.custom .sex label { cursor: pointer; }
.authors-page.custom .sex input { margin-right: 4px; }
.authors-page.custom .sex label:not(:last-child) { margin-right: 14px; }
.authors-page.custom .age .delit { margin: 0 6px; }
.authors-page.custom .wh-bl.std.big .cnt { padding-top: 0; }
.one-author.custom .nopoems { color: #999; margin: 10px 0; }
.one-author.custom .author-desc .item span { font-weight: bold; }
.one-author.custom .author-desc span.onl { color: #5bb75b; }
.one-author.custom .hdr { position: relative; }
.one-author.custom .hdr .s-btn-green { position: absolute; right: 10px; top: 16px; }
.one-author.custom .photo .s-btn { display: block; margin-top: 6px; color: #000; }
.one-author.custom .author-stat { margin-bottom: 20px; }
.one-author.custom .author-stat .cnt { display: flex; padding: 24px; justify-content:space-between; align-items: stretch; flex-wrap: wrap }
.one-author.custom .author-stat .item {display: flex; flex-direction: column-reverse; justify-content: flex-end; width: calc(100%/8); text-align: center; color: #777; border-right:2px dotted #eae9e9; box-sizing: border-box; flex-shrink: 0; padding: 0 12px; text-decoration: none;}
.one-author.custom .author-stat .item:last-child {border: 0}
.one-author.custom .author-stat .item .title { font-size: 13px; color: #777; text-decoration: none; }
.one-author.custom .author-stat .item span { display: inline-block; padding: 4px 10px; color: #045398; margin-top: 4px; font-size: 18px; font-weight: bold; }
.one-author.custom .author-stat a.item span { text-decoration: underline;}
.one-author.custom .author-menu { margin-bottom: 20px; }
.one-author.custom .author-menu .cnt { padding: 10px; }
.one-author.custom .author-menu a { display: inline-block; margin-right: 20px; }
.all-wraps{text-align: center; padding: 24px 0 32px;}
.author-scored .number-page,
.author-commented .number-page,
.author-viewed .number-page { padding: 20px; }
.author-viewed .name a { text-decoration: none; }
.author-viewed .author .amount { margin-left: 91px; }
.author-viewed .author .amount a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; max-width: 100%; }
.author-viewed .wh-bl.std.big .cnt.authors-little { padding-bottom: 0; }
.custom-rating .number-page { text-align: center; padding: 20px 0 0; }
.submenu {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 12px}
.submenu a {border-radius: 4px}
.fantom-handler.submenu a {border-radius: 0px}
.submenu.main-sub a.att { background: #FF876E; color: #fff;}
.authors-page.pop .poems { margin: 0 2% 20px 0; width: 58%; float: left; }
.authors-page.pop .poems .all-wrap { text-align: center; margin-top: 20px; }
.authors-page.pop .authors-little { float: left; width: 40%; }
.authors-page.pop .submenu { text-align: center; border-bottom: solid 1px #f1f1f1; }
.authors-page.pop .submenu h3 { font-family: Arial; }
.authors-page.pop .submenu a { width: 33%; margin: 0; box-sizing: border-box; }
.authors-page.pop .submenu a:last-child { width: 34%; }
.authors-list.cards .card, .authors-list.cards .head { padding: 14px 20px; box-sizing: border-box; text-decoration: none; color: #999; display: table; width: 100%; }
.authors-list.cards .card {border-bottom: 1px solid #f1f1f1; padding: 14px 20px 8px;}
.authors-list.cards .card:hover { background: #f7f7f7; }
.authors-list.cards .card img { border-radius: 50%; }
.authors-list.cards .card .imgw { margin-right: 8px; }
.authors-list.cards .num,
.authors-list.cards .author,
.authors-list.cards .rat { display: table-cell; vertical-align: middle; }
.authors-list.cards .num {width: 30px; color: #3b5998; font-weight: bold; padding-right: 12px; box-sizing: border-box}
.authors-list.cards .author { width: calc(80% - 30px); }
.authors-list.cards .rat { width: 20%; text-align: right; color: #3b5998; }
.authors-list.cards .card .rat, .authors-list.cards .num {font-size: 18px;}
.authors-list.cards .head,
.authors-list.cards .head .rat { background: #3b5998; color: #fff; font-weight: bold; }
.fantom.active { display: block; }
.fantom { display: none; }
.one-author .filter .f-item { min-height: auto; }
.one-author .filter .f-item select { width: 200px; }
.one-author .poems-list .poem { padding: 10px; }
.one-author .poems-list .poem.draft { border: dashed 1px; }
.one-author .poems-list .poem .name {display: flex; align-items: center; width: 60%; }
.one-author .poems-list .poem .date,
.one-author .poems-list .poem .genre,
.one-author .poems-list .poem .mets { display: flex; width: 120px; flex-shrink: 0;}
.one-author .poems-list .poem.short .name { width: 40%; }
.one-author .poems-list .poem .name img,
.one-author .poems-list .poem .name .elm {display: block; margin-right: 8px; border-radius: 2px; width: 36px; }
.one-author .poems-list .poem .name .val {margin-left: 0px; } /*/a/ludmila1172#*/
.one-author .poems-list .poem .date { text-align: center; }

.one-author.custom .hdr.u-views { display: flex; justify-content: space-between; align-items: center; border-top: solid 1px #f1f1f1; border-bottom: none;}
.one-author.custom .u-gifts { border-top: solid 1px #f1f1f1; }
.one-author.custom .u-gifts img { max-width: 64px; margin: 0 5px; }
.one-author.custom .u-views .it-wrap {display: flex; align-items: center; flex-wrap: wrap;}
.one-author.custom .u-views .it {display: flex; border-right: 2px solid #f1f1f1;
    padding: 4px 12px;}
.one-author.custom .u-views .total {}
.one-author.custom .u-views .details {}
.one-author.custom .u-views .num {font-weight: bold;}
.one-author.custom .u-views .day { display: inline-block; margin-right: 10px; color: #999;}
.one-author.custom .u-views .bot.details a {display: inline-block; margin-left: 10px; text-decoration: none; }

.one-author.custom .a-acts { margin-top: 10px; text-align: left; }
.one-author.custom .a-acts .elm { margin: -5px 4px 0 0; }
.one-author.custom .gifts-list .one-gift { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; text-align: center; text-decoration: none; position: relative; }
.one-author.custom .gifts-list .one-gift img { max-width: 100%; }
.one-author.custom .gifts-list .one-gift:hover img { opacity: 0.7; }
.one-author.custom .gifts-list .one-gift:hover .price { display: block; }
.one-author.custom .gifts-list .one-gift .price { background: #f1f1f1; padding: 4px 0; border-radius: 3px; position: absolute; display: none; width: 100%; bottom: -14px; font-weight: bold; }
.one-author.custom .pop-wrap.gifts-list,
.one-author.custom .pop-wrap.gift { width: 460px; }
.one-author.custom .pop-wrap.gift { text-align: center; }
.one-author.custom .pop-wrap.gift .price-info,
.one-author.custom .pop-wrap.gift .btns { margin-top: 20px; }
.one-author.custom .pop-wrap.gift .btns { border-top: solid 1px #eee; padding-top: 20px; margin-top: 20px; }
.one-author.custom .pop-wrap.gift .btns a { margin: 0 8px; }
.one-author.custom .pop-wrap.gift .price-info .balance { color: #777; margin-top: 10px; }
@media screen and (max-width: 920px) { 
   .one-author.custom .user-likes .author { width: 24%; }
}
@media screen and (max-width: 768px) {
   .one-author.custom .user-likes .author {width: calc(33% - 6px); margin: 0 9px 9px 0;}
   .one-author.custom .user-likes .author:nth-child(4n) {margin-right: 9px}
   .one-author.custom .user-likes .author:nth-child(3n) {margin-right: 0}
}
@media screen and (max-width: 760px) { 
   .authors-page.pop .poems, .authors-page.pop .authors-little { width: 100%; }
}
@media screen and (max-width: 670px) { 
   .one-author.custom .author-stat .item { width: 33%; }
   .one-author.custom .user-likes .author { width: 32%; }
   .one-author .poems-list .poem .genre { display: none; }
   .one-author .poems-list .poem.short .name,
   .one-author .poems-list .poem .name,
   .one-author .poems-list .poem .date,
   .one-author .poems-list .poem .mets { width: 30%; }
   .one-author.custom .user-likes .author {width: 100%; margin: 0 0 10px 0;}
   .one-author.custom .user-likes .author:nth-child(4n) {margin-right: 0px}
}
@media screen and (max-width: 530px) { 
   .one-author.custom .hdr .s-btn-green { top: 10px; }
   .authors-page.custom .f-item { width: 100%; }
   .f-item select { font-size: 16px; }
   .one-author.custom .f-item { width: 100%; text-align: center; }
   .one-author .poems-list .poem .date { display: none; }
   .one-author .poems-list .poem.short .name,
   .one-author .poems-list .poem .name { width: auto; }
}
@media screen and (max-width: 500px) { 
   .one-author.custom .pop-wrap.gifts-list, .one-author.custom .pop-wrap.gift { width: 96%; }
}
@media screen and (max-width: 460px) { 
   .one-author .poems-list .poem .mets { min-width: 120px; }
   .one-author.custom .gifts-list .one-gift { width: 31%; }
}
@media screen and (max-width: 360px) { 
   .one-author.custom .gifts-list .one-gift { width: 48%; }
}

.comments .nocomment { text-align: center; color: #999; }
.comments h2 {padding: 30px; border-bottom: solid 1px #f1f1f1; margin-bottom: 0; color: #000; }
.comments-list { margin-bottom: 20px; text-align: left; }
.comments-list { line-height: 1.5;}
.comments-list .one-comment { border-bottom: solid 1px #f1f1f1; padding: 20px 0 20px 54px; position: relative; }
.comments-list .one-comment .an {cursor: pointer; }
.comments-list .one-comment .an:hover { color: #ff876e; }
.comments .one-comment .new-comment-form { margin-top: 10px; }
.comments .one-comment .text { white-space: pre-wrap; word-break: break-word; }
.comments .one-comment img {border-radius: 50%; position:absolute; left:0; top: 22px; }
.comments-list .child { margin-left: 40px; }
.comments .one-comment .date, 
.comments-list .one-comment .an { color: #999; font-size: 12px; margin-top: 8px; display: block; }
.comments .comments-content { padding: 20px; }
.comments .btns { margin-top: 10px; text-align: right; }
.comments .btns a { margin: 0 6px; }
.new-comment-form { display: none; }
.new-comment-form textarea { width: 100%; box-sizing: border-box; }
.one-comment-del, .one-comment-del-analysis{ position: absolute; top: -4px; right: 5px; color: red; font-size: 18px; cursor: pointer; display: none; }
.one-comment:hover .one-comment-del, .one-comment:hover .one-comment-del-analysis{ display: block; }
.comments-mod2 .red-bt { padding: 4px 0; margin-top: 10px; }
.autor-comment a {text-decoration: none; font-weight: 500;}

.comments .autor-comment {display: inline-block; position: relative; right: 0px; bottom: 0px; }
.comments .date-comment {display: inline-block; position: relative; left: 0px; top: 0px; color: #999; font-size: 12px; }
.text-comment {margin-top: 4px; }

#sign-in-form .pass-wrap .help { text-align: right; }
#sign-in-form .simple-info { margin: 10px 0; color: #999; text-align: center; }
.ex-photos .item { width: 44%; float: left; margin: 20px 2%; border: dashed 1px #f1f1f1; border-radius: 4px; overflow: hidden; }
.ex-photos img { max-width: 100%; }
.public-authors .profits { padding: 20px; background: #eee; display: inline-block; margin-bottom: 20px; }
.public-authors .profits .title { color: #045398; margin-bottom: 20px; font-size: 20px; text-align: center; }
.public-authors .profits .s-btn { width: 100%; box-sizing: border-box; padding: 8px 0px; margin-top: 10px; }

.reg-wrap {display: block; width: 400px; max-width: 100%; margin: 0 auto; border: 4px solid #f7f7f7; padding: 40px; overflow: hidden;
    box-sizing: border-box;}
.reg-wrap h1 {margin: 0 0 16px}
input[type="text"],
input[type="password"] {display: block; width: 100%; box-sizing: border-box;}
.field-header {color: #6a7488; font-size: 13px; margin-bottom: 8px;}
.input-wrap {display: block; margin-bottom: 14px;}
.reg-wrap button {display: block; width: 100%; padding: 12px 16px; font-size: 16px;}

@media screen and (max-width: 600px) { #sign-in-form .s-inp { width: 100% !important; box-sizing: border-box; }
.ex-photos .item { width: 96%; }
.reg-wrap {padding: 30px;}
}

.author-block.top {background-color: #f7f7f7; margin-bottom: 20px; padding: 24px 0; }
.author-block.top > div {display: flex;}
.author-block.top .banner {border: 2px solid #d6e3ff;}
.author-block.top .banner:hover {border: 2px solid #ffc8bd;}
/*.author-block.top .banner.col { color: #fff; }*/
/*.author-block.top .banner.col .info { color: #ccc; }*/
/*.author-block.top .banner.col1 { background: #3e7e7e; }*/
/*.author-block.top .banner.col2 { background: #247996; }*/
/*.author-block.top .banner.col3 { background: #558650; }*/
/*.author-block.top .banner.col4 { background: #ab7f38; }*/
.author-block.top .page {display: flex; align-items: center; width: 48%; margin-right: 2%; }
.author-block.top .add-me { text-align: center; }
.add-me a { display: inline-block; padding: 4px 10px; background: #ef6c00; color: #fff; }
.banner { display: inline-block; padding: 10px 20px; box-sizing: border-box; text-decoration: none; position: relative; }
.banner.page img {border-radius: 50%; }
.banner.page .name { font-size: 20px; margin-bottom: 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; }
.banner.page .info { color: #999; }
.banner.page .desc { margin: 12px; }
@media screen and (max-width: 700px) { .author-block.top .page { width: 100%; } 
}
.elm {background: url('/content/images/atlas.png?1737796860');display: inline-block;vertical-align: middle;}.elm-logo {background-position: -0px -0px;width: 176px;height: 46px;}.elm-zoom-zoom {background-position: -0px -51px;width: 38px;height: 38px;}.elm-poem-s {background-position: -43px -51px;width: 36px;height: 36px;}.elm-delivery-free {background-position: -84px -51px;width: 25px;height: 25px;}.elm-scrollup {background-position: -114px -51px;width: 30px;height: 17px;}.elm-delivery-point {background-position: -0px -94px;width: 25px;height: 20px;}.elm-photo-blue {background-position: -30px -94px;width: 25px;height: 20px;}.elm-coins {background-position: -60px -94px;width: 23px;height: 20px;}.elm-delivery-post {background-position: -149px -51px;width: 25px;height: 17px;}.elm-h-profile {background-position: -88px -94px;width: 20px;height: 20px;}.elm-coin {background-position: -113px -94px;width: 20px;height: 20px;}.elm-h-notice {background-position: -138px -94px;width: 20px;height: 19px;}.elm-h-likes {background-position: -0px -119px;width: 20px;height: 18px;}.elm-gift {background-position: -0px -142px;width: 18px;height: 20px;}.elm-delivery-curier {background-position: -25px -119px;width: 25px;height: 14px;}.elm-star-blue {background-position: -23px -142px;width: 19px;height: 18px;}.elm-eye-blue {background-position: -55px -119px;width: 24px;height: 14px;}.elm-eye {background-position: -84px -119px;width: 24px;height: 14px;}.elm-subscribe {background-position: -47px -142px;width: 18px;height: 18px;}.elm-comment-blue {background-position: -70px -142px;width: 18px;height: 18px;}.elm-unsubscribe {background-position: -93px -142px;width: 18px;height: 18px;}.elm-h-mess {background-position: -116px -142px;width: 20px;height: 16px;}.elm-coin-s {background-position: -113px -119px;width: 14px;height: 14px;}.elm-del-grey-s {background-position: -163px -94px;width: 10px;height: 10px;}.elm-del-grey-s:hover, :hover > .elm-del-grey-s, .elm-del-grey-s-hover {background-position: -132px -119px;width: 10px;height: 10px;}

.index h1 { text-align: center; }
.index .authors-little { float: left; width: 40%; margin-bottom: 30px; }
.index .authors-little.class { margin-right: 2%; width: 58%; }
.index .authors-little.class .col { float: left; width: 50%; }
.index .slog { line-height: 23px; margin: 32px auto 20px; max-width: 720px }
.index .wh-bl.std.big.authors-little .hdr { padding: 20px; }
.index .authors-little .author .name { font-size: 18px; }
.index .orange-bt { border-bottom: dashed 1px #f1f1f1; height: 20px; text-align: center; padding: 12px 0; }

.adv2{
	display:block;
	justify-content:center;
	align-items:center;
	margin:30px auto;
	max-width: 1000px;
}
@media screen and (max-width: 900px) { .index .authors-little.class .col { float: none; width: 100%; }
.index .authors-little.class,
.index .authors-little { width: 49%; }
}
@media screen and (max-width: 700px) { .index .authors-little.class, .index .authors-little { width: 100%; margin-right: 0; }
}
@media screen and (max-width: 660px) { .index h1, .index .slog { display: none; }
}

/* Others 2021 */
.nbtn {display: flex; align-items: center; text-decoration: none; border: 2px solid #eae9e9; line-height: 1; padding: 8px 12px; margin-bottom: 8px; border-radius: 3px; cursor: pointer;}
.nbtn svg {display: block; flex-shrink: 0; width: 24px; margin-right: 10px; fill: #3b5998}
.nbtn.subs:before {content: ''; display: inline-block; width: 24px; height: 24px; background-image: url('/content/images/bell-off.svg'); background-size: cover; flex-shrink: 0; margin-right: 10px;}
.nbtn.subs:hover:before {background-image: url('/content/images/bell-off2.svg')}
.nbtn.subs.active:before {background-image: url('/content/images/bell-on.svg');}
.nbtn:hover {color: #FF876E; border-color: #FF876E}
.nbtn:hover svg {fill: #FF876E}
.edit-btn {display: inline-block; text-decoration: none; border: 2px solid #f1f1f1; padding: 12px 24px; margin-bottom: 20px; border-radius: 21px; line-height: 1;}
.edit-btn:hover {color: #fff; background-color: #3b5998; border-color: #3b5998}

.alert {display: block; background-color: #ffe7e2;  padding: 20px 24px; border-radius: 4px; margin-bottom: 20px; line-height: 1.5;position: relative;}
.alert.answer-ok {background-color: #4caf50; color: #fff}
.alert-title {font-size: 20px; margin-bottom: 0px; font-family: "Bitter",Arial,serif; }
.alert-subtitle {color: #ff876e;}
.alert-subtitle span {font-weight: bold;}
.admin-block {display: block; margin-bottom: 20px;}
.alert a {
	display: inline-block;
	position: relative;
	right: 0;
	bottom: 0;
}
.alert.answer-ok a{
	color: #ffffff;
}
.alert.answer-ok a:hover{
	color: #ff876e;
}
a.admin-btn {display: block; font-size: 14px; font-family: 'Open Sans', sans-serif; text-decoration: none; text-align: center; background-color: #045398; color: #fff; padding: 10px 20px; border-radius: 4px; }
a.admin-btn:hover {color: #fff; background-color: #ff876e;}

/* Header 2021 */
.header-top {display: flex; justify-content: space-between; align-items: center; height: 72px;}
.header-logo {margin-bottom: 12px;}
.icon-item {display: inline-block; width: 24px; height: 24px; margin-left: 20px; position: relative}
span.icon-count {display: inline-block; padding: 1px 2px 2px; font-weight: 600; color: #fff; font-size: 10px; background-color: #FF876E; border-radius: 4px; position: absolute; top: -6px; left: 2px;}
.icon-item svg {fill: #262C37}
.icon-item:hover svg {fill: #3b5998}
.header-search {display: flex; align-items:center; justify-content: space-between; width: 100%; max-width: 560px; background-color: #F7F7F7; border: 2px solid #F7F7F7; height: 40px; box-sizing: border-box; padding: 0px 12px 0px 0px}
.header-search input[type="text"] {display: block; border: 0; line-height: 36px; height: 100%; width:calc(100% - 48px); box-shadow: none; padding-left: 12px }
.header-search input[type="text"]:focus {background-color: #fff}
.header-search button {border: 0; cursor: pointer} 
.header-search button svg {fill: #b8b7b7;} 
.header-search button:hover svg {fill: #262C37;} 
.m-header {display: flex; align-items: center; justify-content: space-between;}
.m-search, .header-mlogo {display: none;}
.menu-list {display: flex; justify-content: space-between;}
.header-menu-right li:nth-child(1):before {content: ''; display: inline-block; width: 2px; height: 16px; border-radius: 1px; background-color: rgba(255,255,255,0.4); margin-right: 14px; transform: translateY(3px);}


/* Стихи по темам */
.themes-list {display: flex; flex-wrap: wrap;}
.themes-list > a {display: block; width: calc(25% - 12px); margin: 0 16px 16px 0; padding: 24px; text-align: center; box-sizing: border-box; background-color: #fff; box-shadow: 0px 1px 10px 0px #f1f1f1; text-decoration: none;}
.themes-list > a:nth-child(4n) {margin-right: 0px;}
.themes-list > a h3 {margin-top: 12px}

/* Стих */
.poem-btns-wrap {display: flex; justify-content: center; border-top: 2px solid #f7f7f7; margin-top: 16px;}
.poem-btn {display: block; width: 24px; height: 24px; flex-shrink: 0; margin: 20px 12px; cursor: pointer; }
.poem-btn:hover svg {fill: #FF876E}

@media only screen and (max-width: 500px){
	.poem-btn {margin: 20px 5px;}
}

/* Пагинация */
.pagenavigator {display: flex; justify-content: center; padding: 20px 0;}
body .pagenavigator span a, body .pagenavigator span.page-active {display: block; flex-shrink: 0; width: 48px; height: 48px; background-color: #f1f1f1; margin: 6px; padding: 0; text-align: center; line-height: 48px; border-radius: 24px; color: #fff; font-size: 16px; box-sizing: border-box; text-decoration: none;}
body .pagenavigator span a {color: #888}
body .pagenavigator span.page-active, body .pagenavigator span a:hover {border: 2px solid #f1f1f1; background-color: #fff; color: #888; line-height: 44px;}

.container { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 20px; box-sizing: border-box}
#footer {margin-top: 40px; color: #fff; padding-top: 32px; border-top: solid 1px #f1f1f1; }
#footer, #footer .links a { color: #444; }
.footer-wrap {display: flex; justify-content: space-between;}
#footer .links {display: flex; flex-wrap: wrap;}
#footer .links a { text-decoration: none; display: inline-block; margin-right: 13px; }
#footer .links a:hover {color: #FF876E}

.dev {display: block; text-align: center; margin: 0 auto; padding: 32px 0; text-decoration: none; color: gray;}
.dev img {display: block; width: 165px; margin: 0 auto 6px;}
.dev p {font-size: 12px;}
.copyright {display: block; padding-left: 20px; border-left: 2px solid #f1f1f1}

.nopoem,
.addpoem.addpoembtn,
.adminn,
.add-poem-review.abs { position: fixed; bottom: 0; right: 10px; padding: 8px 14px; background: #419adf; color: #fff; border-radius: 5px 5px 0px 0px; cursor: pointer; text-align: center; }
.add-poem-review.abs { line-height: 18px; }
.addpoem.addpoembtn,
.add-poem-review.abs { right: 220px; background: #ef6c00; }
.addpoembtn:hover,
.add-poem-review.abs:hover { background: #ca5f08; }
.nopoem:hover,
.adminn:hover { background: #4172df; }
.nopoem-wrap,
.addpoem-wrap { width: 450px !important; }
.adminn-wrap { width: 560px !important; }
.nopoem-wrap .s-inp,
.addpoem-wrap .s-inp,
.adminn-wrap .s-inp { width: 100%; }
.nopoem-wrap .comment,
.addpoem-wrap .comment,
.adminn-wrap .comment { height: 52px; }
.scrollup { position: fixed; display: none; bottom: 100px; right: 10px; padding: 18px 14px; background: rgba(170, 170, 170, 0.5); border-radius: 5px; cursor: pointer; }

@media screen and (max-width: 1020px) {
	#footer {padding-top: 0}
	#footer .links {flex-direction: column; margin-bottom: 30px}
	#footer .links a {display: block; margin: 0; padding: 16px; border-bottom: 1px solid #f1f1f1; position: relative;}
	/*#footer .links a:after {content: ''; display: block; box-sizing: border-box; width: 12px; height: 12px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent green; position: absolute; right: 12px; top: 12px;}*/
	#footer .links a:after {content: '›'; position: absolute; right: 15px; top: 6px; font-size: 30px; font-weight: 400; }
	.footer-wrap {flex-direction: column;}
	.copyright {border: none; padding: 0; text-align: center;}
	.dev {padding: 24px 0;}
}

@media screen and (max-width: 700px) { 
	.adminn-wrap { width: 96% !important; box-sizing: border-box; }
	#header .m-menu { display: block; width: auto;}
	#header .menu-con { background: #eee; width: 100%; padding: 0; background: #3b5998; }
	#header .menu li {border-top: 1px solid #6c85b9; text-align: center; }
	#header .menu li a { width: 100%; display: block; }
	#header .menu li:hover { background: #999; }
	#header .menu { display: none; }
}
@media screen and (max-width: 600px) {
	.nopoem-wrap, .addpoem-wrap { width: 96% !important; box-sizing: border-box; }
	.scrollup { bottom: 50px; }
	#footer .counts { display: none; }
}
@media screen and (max-width: 500px) { 
	#header.log { text-align: center; }
	#header.log .logo { float: none; background-color: gray; margin: 12px auto; }
	#header.log .top-right { display: inline-block; float: none; }
}

@media screen and (max-width: 959px) {
	.header-search {max-width: 360px}
	.filter .f-item {display: block}
	.filter .f-name {margin: 0 0 10px 0}
	.poems-list .poem .author {width: 124px}
	.poems-list .poem .mets {width: 100px}
	.one-author .author-info {flex-wrap: wrap}
	.one-author .author-desc {flex: auto; padding: 8px 0 0 24px; width: calc(100% - 200px); box-sizing: border-box; }
	.one-author.custom .author-stat .item { width: 25%; margin-bottom: 12px}
	.one-author.custom .author-stat .item:nth-child(4n) {border: 0}
	/* Стихи по темам */
	.themes-list > a, .themes-list > a:nth-child(4n) {width: calc(33.3% - 12px); margin-right: 18px;}
	.themes-list > a:nth-child(3n) {margin-right: 0px;}
}
@media screen and (max-width: 768px) {
	.filter {flex-direction: column;}
	.filter .f-item {border-right: 0!important; border-bottom: 2px solid #fff; padding: 12px 16px;}
}

@media screen and (max-width: 700px) {
	h1 {text-align: center; line-height: 1.25}
	.container {max-width: calc(100% - 32px); padding: 0;}
	.socials {text-align: center}
	.index .wh-bl.std.big.authors-little .hdr {padding: 20px; text-align: center; }
	.hdr h1 {text-align: center; line-height: 1.25; margin: 0}
	#crumbs {text-align: center}
	.submenu a { border: 2px solid #eaeaea; margin: 2px; border-radius: 4px; padding: 2px 10px; font-size: 14px;}
	.fantom-handler.submenu a {border: 0}
	.submenu.main-sub a.att {border-color: #FF876E}

	/* Шапка */
	.header-logo {display: none;}
	.m-header {height: 48px}
	.m-search, .header-mlogo {display: initial;}
	#header {display: flex; flex-direction: column;}
	#header > .container { max-width: 100%; width: 100%; padding: 0; box-shadow: 0 3px 10px rgba(81,96,126,.1);}
	#header .menu-wrap {order: 1}
	#header .addmenu-wrap {order: 2; margin: 0;}
	#header .header-top {order: 3; flex-direction: column; height: auto;}
	.header-search {display: none; margin: 10px 0}
	.header-search.active {display: flex;}
	.icon-wrap {margin: 10px 0}
	.menu-list {flex-direction: column}
	.icon-item {margin: 0 10px}
	.header-menu-right li:nth-child(1):before {display: none}
	
	/* Пагинация */
	body .pagenavigator span a, body .pagenavigator span.page-active {width: 28px; margin: 3px; font-size: 14px; }

	/* Стихи по темам */
	.themes-list > a, .themes-list > a:nth-child(3n), .themes-list > a:nth-child(4n) {width: 100%; margin: 0 0 8px 0; position: relative}
	a.themes-list-item {display: flex; align-items: center;  padding: 12px;}
	a.themes-list-item h3 {margin: 0; font-size: 16px}
	a.themes-list-item img {width: 56px; margin: 0 12px 0 0;}
	.themes-list > a:after {content: '›'; position: absolute; right: 23px; top: 23px; font-size: 30px;}

	/* Страница автора */
	.autor-btns {width: 100%;}
	.one-author .author-desc {padding: 0; text-align: left; margin-bottom: 12px;}
	.one-author .author-info .photo .admin-edit {top: auto; bottom: 24px;}
	.one-author .author-info .photo {margin-bottom: 12px; }
	.one-author.custom .author-stat .item {width: 50%;border-right: 2px dotted #eae9e9;}
	.one-author.custom .author-stat .item:nth-child(2n) {border: 0}
	.one-author.custom .hdr.u-views {flex-direction: column}
	.one-author.custom .u-views .details {width: 100%; border: 2px solid #f7f7f7; text-align: center; line-height: 40px; border-radius: 4px; text-transform: uppercase; margin-top: 12px;}
	.one-author.custom .u-views .it-wrap {justify-content: space-between; margin-top: 12px;}
	.one-author.custom .u-views .it {flex-direction: column; width: calc(33% - 3px); border: 2px solid #f1f1f1; box-sizing: border-box;}
	.one-author .poems-list .poem .name .val {padding: 0; margin: 0}
	.one-author .poems-list .poem {position: relative; padding: 16px 60px 16px 16px}
	.one-author .poems-list .poem .name img {position: absolute; right: 16px; top: 16px; margin-right: 0;}
	
	/* Современники */
	.author-block.top {padding: 18px 0}
	.author-block.top > div {flex-direction: column}
	.author-block.top .banner {margin: 0 0 12px;}
	.author-block.top .banner:last-child {margin: 0;}
	.poems-list .poem {flex-wrap: wrap; padding: 16px;}
	.poems-list .poem .ol-num {font-size: 16px; margin-bottom: 10px}
	.poems-list .poem .name {flex: calc(100% - 24px); padding: 0; font-size: 16px; margin-bottom: 10px; font-weight: 600}
	.poems-list .poem .author {width: 32px}
	.poems-list .poem .mets {width: 100px}
	.poems-list .poem .mets .score, .poems-list .poem .mets .comm, .poems-list .poem .mets .views {display: flex; align-items: center;}
	.poems-list .poem .mets .score span.elm, .poems-list .poem .mets .comm span.elm, .poems-list .poem .mets .views span.elm {margin-right: 4px}
	.poems-list .poem .mets {width: calc(100% - 36px);}
	.poems-list .poem .mets .elm-eye-blue,
	.poems-list .poem .mets .elm-star-blue,
	.poems-list .poem .mets .elm-comment-blue {width: 16px; height: 16px}

	/* Разное */
	.hdr.sort {justify-content: center}
	.hdr.sort select {margin-top: 12px}
	.column-wrap {padding: 16px;}
	.author-poems .one-column { width: 100%;}
	.edit-btn {margin: -8px auto 20px; display: block; width: 100px;}
	.one-author.custom .author-stat .item { width: 33%; float: left; text-align: center; }
}

@media screen and (max-width: 460px) {
	.one-author.custom .author-stat .item { width: 50%; }
}


/* The two author cards arrive via AJAX. Reserve their existing row height. */
.author-block.top { box-sizing: border-box; min-height: 120px; }
@media screen and (max-width: 700px) {
    .author-block.top { min-height: 232px; }
}