body { color: #fff; background: #1a0c12; font-family: sans-serif; padding: 0; margin: 0; font-weight: 100; letter-spacing: 1px; }
* { /* Safari */ -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
h1 { font-weight: 100; }
ul { padding: 0; margin: 0; }
li { list-style: none; }
a { text-decoration: none; }
#head { width: 100%; position: relative; height: 50px; }
#footer { font-size: 11px; border-top: 1px solid #2b1420; margin-top: 20px; background: #170d10; padding: 7px; min-height: 40px; color: #ccc; }
.rmn-usLi { float: right; zoom: 0.7; }
#page { max-width: 920px; margin: 0 auto; }
#warp-content { width: 100%; border-top: 1px solid #000; border-radius: 5px; float: left; padding-bottom: 20px; background: #170d10; }
#content { height: auto; margin-left: 230px; }
#content::after { content: ""; display: table; clear: both; }
#left { margin-left: -100%; overflow: hidden; padding: 10px; width: 220px; float: left; }

/* HEAD */
.rmn-search { float: right; line-height: 30px; font-size: 12px; color: #000; top: 15px; transition: 0.3s; position: absolute; height: 30px; width: 210px; right: 7px; }

.rmn-inptn { padding-left: 10px; background-color: inherit; height: 30px; color: #000; width: 210px; border: 0; }textarea, input{ outline:none; }
.btn { width: 30px; cursor: pointer; background-size: 30px 28px; z-index: 110; position: absolute; right: 5px; background: url(../img/search-go.png); height: 28px; background-repeat: no-repeat; border: 0; top: 10; }
.rmn-search-ico { height: 30px; z-index: 999; margin: 4px 10px; position: absolute; right: 8px; cursor: pointer; width: 35px; float: right; background-size: 20px 20px; background-position: center; transition: 0.5s; background: url(../img/ico_search.png); background-repeat: no-repeat; top: 7px; }
.logo { font-size: 14px; padding-left: 10px; line-height: 50px; transition: 0.5s; color: #d4a24c; float: left; height: 50px; }
.logo:first-letter { color: #c9636b; }
.logo a { padding: 12px 25px; }
 a:link { color: #d4a24c; }
 a:visited { color: #d4a24c; }
 a:hover { color: #f5e4d7; }
/* END HEAD */

/* LEFT */
#left ul li a { background: #241019; padding: 0 20px; line-height: 40px; display: block; margin-bottom: 1px; border-top: 1px solid #2b1420; width: 100%; color: #427f9a; }
#left ul li:hover a { color: #f5e4d7; }.rmn-new-films, .rmn-top-films{ margin-top: 10px; height: auto; width: 100%; background: #241019; border-top: 1px solid #2b1420; padding: 10px; }
.rmn-menu-title { margin: 10px 0 15px; text-align: center; }
.rmn-top-films li a { border: 1px dotted #1a0c12; display: inline-block; padding: 10px; overflow: hidden; color: #ccc; width: 100%; font-size: 12px; transition: 0.3s; }
.rmn-top-films li:hover a { border: 1px dotted #f5e4d7; color: #f5e4d7; transition: 0.3s; }
.rmn-top-films li img { float: left; border-radius: 50%; width: 32px; margin-right: 7px; height: 32px; }
.rmn-new-films li a { width: 100%; display: inline-block; overflow: hidden; border: 1px dotted #1a0c12; font-size: 12px; color: #ccc; transition: 0.3s; padding: 10px; }
.rmn-new-films li:hover a { border: 1px dotted #f5e4d7; color: #f5e4d7; transition: 0.3s; }
.rmn-vk_wid { margin-top: 10px; }#vk_comments, #vk_comments iframe{ width: 100% !important; }#vk_groups iframe, #vk_groups{ width: 100% !important; }
/* END LEFT */

/* PAGE INDEX */
.rmn-text-main { border-top: 1px solid #2b1420; text-align: center; margin: 10px; color: #ccc; max-width: 100%; background: #241019; border-bottom: 1px solid #000; padding: 9px; font-size: 12px; }
/*.rmn-text-main:first-letter { color: #c9636b; } */
.rmn-text-main h1 { font-size: 14px; }
.rmn-text-main h2 { font-weight: normal; font-size: 13px; }
.logo h1 { font-size: 14px; }
.rmn-warp_post { height: 266px; float: left; width: 25%; }

.rmn-post { margin: 0 auto; height: 266px; width: 140px; text-align: center; }
.rmn-post img { height: 180px; transition: 0.5s; width: 130px; border: 5px solid #221118; }
.rmn-post:hover img { transition: 0.5s; border: 5px solid #f5e4d7; }
.rmn-post-title { padding: 5px 0; text-align: center; width: 100%; margin: 0; display: block; font-size: 14px; }
.rmn-post-title { font-size: 13px; color: #fff; text-decoration: none; }
.rmn-post-author { display: block; text-align: center; font-size: 11px; color: #d4a24c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 2px; }
/* END PAGE INDEX */

/* PAGE POST */
#info { margin: 0; max-width: 100%; padding: 0 10px 10px; }
.rmn-book-head { display: flex; gap: 24px; align-items: flex-start; margin: 24px 0 18px; }
.rmn-book-cover { flex: 0 0 auto; width: 170px; }
.rmn-book-cover img { width: 170px; height: 252px; object-fit: cover; border-radius: 6px; box-shadow: 0 10px 26px rgba(0,0,0,0.45); display: block; background: var(--bg-2, #3a1c2b); }
.rmn-book-meta { flex: 1 1 auto; min-width: 0; padding-top: 4px; }
#info h1 { color: #f5e4d7; margin: 0 0 14px; text-align: left; font-size: 28px; font-weight: 700; line-height: 1.25; }
.rmn-rate-year { text-align: center; margin: 0 auto; font-size: 12px; color: #aaa; }
.rmn-ico-rate { width: 30px; display: inline-block; background-size: 12px 12px; background-repeat: no-repeat; color: #c9636b; height: 12px; margin: 0 10px; background: url(../img/star.png); padding-left: 16px; }
.rmn-genre { font-size: 14px; color: #c9a892; margin: 7px 0; text-align: left; }
.rmn-genre-txt { color: #d4a24c; font-weight: 600; }
.rmn-genre a { color: #e8b98a; text-decoration: none; }
.rmn-genre a:hover { color: #d4a24c; text-decoration: underline; }
@media (max-width: 520px) {
  .rmn-book-head { flex-direction: column; align-items: center; text-align: center; }
  .rmn-book-meta { text-align: center; }
  #info h1, .rmn-genre { text-align: center; }
}
.rmn-btns { margin: 10px auto; }.rmn-btn-dwnl, .rmn-btn-see{ font-size: 14px; color: #1a0c12; text-align: center; padding: 6px 10px; width: 110px; margin: 5px 5px; display: inline-block; border-radius: 3px; }
.rmn-btn-dwnl { border-bottom: 1px solid #ac6807; border-top: 1px solid #fdb349; background: #c9636b; }
.rmn-btn-see { border-bottom: 1px solid #0a7283; border-top: 1px solid #57e2f9; background: #d4a24c; }
.rmn-btn-over { opacity: 0.4; }
.rmn-post-text { text-align: justify; padding: 15px 10px; color: #ccc; font-size: 11px; line-height: 16px; }
.rmn-post-text:first-letter { font-size: 16px; color: #d4a24c; }
.rmn-second-title { margin: 5px auto; text-align: center; }
.rmn-second-title strong { font-size: 11px; }

.rmn-qw { position: relative; margin-top: 20px; padding-bottom: 56.25%; overflow:hidden; height: 0; }.rmn-qw img, .rmn-qw iframe, .rmn-qw object, .rmn-qw embed, .rmn-qw video{ top: 0; height: 100%; width: 100%; left: 0; position: absolute; }
 video { background: #000; }
.rmn-third-title { margin: 0 auto; border-left: 1px solid #2b1420; color: #ccc; text-transform: uppercase; text-align: center; font-size: 11px; border-right: 1px solid #190d11; padding: 20px 0; }
.rmn-fourth-title { text-align: center; margin: 0 auto; padding: 20px 0; text-transform: uppercase; color: #ccc; font-size: 11px; }.rmn-fourth-title:first-letter, .rmn-third-title:first-letter{ color: #d4a24c; font-size: 16px; }

.rmn-see-block { border-bottom: 1px solid #2b1420; height: auto; padding-top: 1px; background: #241019; }
.rmn-see-grid { border-right: 1px solid #190d11; border-left: 1px solid #2b1420; float: left; width: 25%; height: 100%; }

.rmn-see-post { margin: 0 auto; height: 178px; width: 90px; }
.rmn-see-title { padding: 5px 0; color: #c9636b; text-align: center; font-size: 11px; width: 100%; display: inline-block; overflow: hidden; }
.rmn-see-post img { height: 130px; width: 90px; border-radius: 2px; }

.rmn-dwnl-post { padding: 15px; color: #ccc; font-size: 11px; }
.rmn-dwnl-name { float: left; width: 70%; }
.rmn-dwnl-txt { padding: 0 4px; border-radius: 2px; background: #2b1420; float: right; color: #b5793c; }
/* END PAGE POST */

/* COMMENT FORM*/
 .rmn-uForm { margin: 30px 0 10px!important; }
 .rmn-view_comm {max-width: 100%; padding: 3% 3% 0 3%; background-color: #241019; border: 2px solid #2b1420; margin: 20px auto; border-box; -webkit-box-sizing: border-box; /* Safari */ -moz-box-sizing: border-box;}
 .rmn-user_photo { float: left; height: 30px; margin-right: 20px; }
 .rmn-user_photo img { border-radius: 3px; }
 .rmn-user_block { width: 100%; }
 .rmn-view_comm_n { color: #b5793c; font-size: 16px; height: 25px; }
 .rmn-view_comm_m { font-size: 11px; margin-bottom: 20px; color: #ссс; }
 .rmn-bot { line-height: 25px; padding: 0 0 0 50px; font-size: 10px; height: 25px; border-top: 1px solid #2b1420; color: #c9636b; }
 .rmn-commReg { margin-top: 10px; }
 .rmn-commReg a { color: #000000; }
 .rmn-commReg a:link { text-decoration: underline; }
 .rmn-commReg a:hover { text-decoration: none; }
 .rmn-com-order-block { display: none; }
/* END COMMENT FORM */

/* WP-pagenavi */
.rmn-pages-nav { margin-bottom: 12px; clear: both; display: block; width: 100%; text-align: center; }
.rmn-swchItem { padding: 5px 7px; border-top: 1px solid #2b1420; border-radius: 2px; background: #241019; margin: 3px; display: inline-block; color: #d4a24c; border-bottom: 1px solid #000; }
.rmn-swchItemA { margin: 3px 5px; }
/* REG PAGE */
.rmn-uf-reg-wrap h2 { letter-spacing: 1px; font-weight: 100; font-size: 16px; font-family: sans-serif; color: #fff; }
.rmn-uf-reg-wrap h2:first-letter { color: #d4a24c; }.rmn-uf-soc-openselect, .rmn-uf-soc-closeselect{ color: #c9636b; font-size: 14px; }
.rmn-uf-fields-wrap p { font-size: 14px; color: #d4a24c; }
#uf-submit { border: 0; padding: 10px 30px; color: #fff; border-radius: 2px; background: #c9636b; }
.rmn-uf-text { border: 0; background: #f1f1f1; border-radius: 2px; }
/* END REG PAGE */
.rmn-ya-taxi img { max-width: 400px; height: auto; width: 100%; }
/* ADAPTIVE */
@media (max-width: 780px) {
 #content {margin-left: 180px;}
 #left {width: 160px;}
 .rmn-warp_post {height: 246px;}
 .rmn-post {height: 246px; width: 120px;}
 .rmn-post img {width: 120px; height: 166px;}
 .rmn-post-title {font-size: 12px;}
}

@media (max-width: 680px) {
 #content {margin-left: 0;}
 #left {width: 100%; float: none; margin-left: 0;}
}

@media (max-width: 560px) {
 .rmn-warp_post {width: 33.3333333%;}
}

@media (max-width: 520px) {
 .rmn-post-img {float: none;}
 .rmn-post-text {border-top: 1px solid #2b1420;}
 .rmn-post img {border: 2px solid #221118;}
 .rmn-post:hover img {border: 2px solid #33b5e5;}
 .rmn-warp_post {height: 226px;}
 .rmn-post {height: 226px; width: 110px;}
 .rmn-post img {width: 110px; height: 152px;}
 .rmn-post-title {font-size: 11px;}
}

@media (max-width: 400px) {
 .logo a {padding: 12px 5px;}
 .rmn-see-post {width: 75px; height: 168px;}
 .rmn-see-post img {width: 75px; height: 108px;}
 .rmn-uauth-small-links {margin: 0 0 10px 10px!important;}
}

@media (max-width: 330px) {
 #left li {font-size: 12px;}
 .rmn-text-main {margin: 5px; padding: 5px; border: 4px solid #1a0c12; font-size: 11px;}
 .rmn-see-grid {width: 50%;}
 .rmn-see-post {width: 90px; height: 178px;}
 .rmn-see-post img {width: 90px; height: 130px;}
 .rmn-dwnl-post {padding: 15px 5px;}
 .rmn-warp_post {width: 50%;}
 .rmn-user_photo {margin-right: 10px;}
 .rmn-bot {padding: 0 0 0 40px;}
}
@media (max-width: 240px) {
 .logo {font-size: 12px;}
 .rmn-search {width: 170px;}
 .rmn-warp_post {height: 196px;}
 .rmn-post {height: 196px; width: 90px; margin: 0 auto;}
 .rmn-post img {width: 90px; height: 125px;}
 .rmn-post-title {font-size: 10px; letter-spacing: 0;}
 .rmn-top-films {padding: 3px;}
 .rmn-top-films li {line-height: normal; letter-spacing: 0px; height: auto; overflow: hidden;}
}

@media (max-width: 180px) {
 #head {height: 30px;}
 .logo {font-size: 10px; letter-spacing: 0; padding-left: 5px; height: 30px; line-height: 30px;}
 .rmn-post-img {margin: 10px auto 0; width: 115px; height: 115px;}
 .rmn-dwnl-post {font-size: 10px;}
 .rmn-post-img img {width: 115px;}
 .rmn-see-grid {width: 50%;}
 .rmn-see-post {width: 55px; height: 138px; margin: 0 auto;}
 .rmn-see-post img {width: 55px; height: 80px;}
 .rmn-search {width: 110px;}
 .rmn-search-ico {right: 8px; top: 7px; width: 20px; height: 10px; margin: 4px 5px; background-size: 10px 10px;}
 .rmn-warp_post {width: 50%; height: 166px;}
 .rmn-post {height: 166px; width: 70px;}
 .rmn-post img {width: 70px; height: 98px;}
 .rmn-post-title {font-size: 10px; letter-spacing: 0;}
 .rmn-post img {border: 0;}
 .rmn-post:hover img {border: 0;}
 .rmn-bot {padding: 0 0 0 10px;}
}

@media (max-width: 140px) {
 #left li a {padding: 0 5px;}
 .rmn-warp_post {width: 100%; height: 186px;}
 .rmn-post {height: 186px; width: 88px;}
 .rmn-post img {width: 88px; height: 122px;}
 .rmn-post-title {font-size: 10px; letter-spacing: 0;}
 #left {padding: 0;}
 .rmn-bot {padding: 0 0 0 5px;}
}

/* ADD PAGE */
.rmn-manTable { color: #ccc; font-size: 12px; font-weight: 100; }
.rmn-manHr { border: 1px dotted #1f2b44; }.u-comboeditcell, #suggEdit, .rmn-manFllLink, .rmn-manFlaName, .rmn-manFlVers, .rmn-manFllSize, .rmn-manFlTitle, .rmn-manFldLink{ height: 30px; padding-left: 10px; background: #3a1c2b; color: #ccc; border: 1px solid #263b65; }
.rmn-manFllSize { background: #c9636b; border: 1px solid #000; color: #070a38; }
.rmn-manFl { background: #f1f1f1; }
.rmn-codeButtons { border: 0; height: 30px; background: #3a1c2b; color: #ccc; }
.u-combolist {font-size: 12px;!important;}
.u-combolist div { height: 25px!important; }
.u-comboeditcell { vertical-align: middle!important; }

/* NO SELECT */
.rmn-noselect { -ms-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
/* END SELECT */
.rmn-feedback a { margin-left: 10px; text-decoration: underline; }
.rmn-uc { min-height: 90px; }
.rmn-uci { margin-bottom: 10px; margin-right: 10px; }
.rmn-txt-log { color: #d4a24c; margin: 3px 0 10px; font-size: 11px; text-align: center; }
.rmn-btn-dwnl2 { width: 110px; border-bottom: 1px solid #41a237; border-top: 1px solid #7ded71; margin: 5px 5px; text-align: center; border-radius: 3px; padding: 6px 10px; color: #1a0c12; font-size: 14px; background: #42e531; display: inline-block; }