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

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

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

/* LEFT */
#left ul li a {display: block; width: 100%; margin-bottom: 1px; padding: 0 20px; color: #427f9a; line-height: 40px; background: #161c28; border-top: 1px solid #1a2538;}
#left ul li:hover a {color: #c6edff;}

.top-films, .new-films {height: auto; padding: 10px; background: #161c28; width: 100%; margin-top: 10px; border-top: 1px solid #1a2538;}
.menu-title {text-align: center; margin: 10px 0 15px;}
.top-films li a {display: inline-block; color: #ccc; font-size: 12px; padding: 10px; overflow: hidden; width: 100%; border: 1px dotted #11161f; transition: 0.3s;}
.top-films li:hover a {color: #c6edff; border: 1px dotted #c6edff; transition: 0.3s;}
.top-films li img {float: left; height: 32px; width: 32px; border-radius: 50%; margin-right: 7px;}
.new-films li a {display: inline-block; color: #ccc; font-size: 12px; padding: 10px; overflow: hidden; width: 100%; border: 1px dotted #11161f; transition: 0.3s;}
.new-films li:hover a {color: #c6edff; border: 1px dotted #c6edff; transition: 0.3s;}
.vk_wid {margin-top: 10px;}
 #vk_comments,
 #vk_comments iframe {
 width: 100% !important;
}
 #vk_groups,
 #vk_groups iframe {
 width: 100% !important;
}
/* END LEFT */

/* PAGE INDEX */
.text-main {margin: 10px; padding: 9px; max-width: 100%; background: #161c28; border-top: 1px solid #1a2538; border-bottom: 1px solid #000; font-size: 12px; color: #ccc; text-align: center;}
/*.text-main:first-letter {color: #f09a20;} */
.text-main h1 {font-size: 14px;}
.text-main h2 {font-size: 13px; font-weight: normal;}
.logo h1 {font-size: 14px;}
.warp_post {float: left; width: 20%; height: 250px;}

.post {height: 250px; width: 140px; margin: 0 auto;}
.post img {width: 130px; height: 180px; border: 5px solid #151b26; transition: 0.5s;}
.post:hover img {border: 5px solid #c6edff; transition: 0.5s;}
.post-title {width: 130px; margin: 0 auto; padding: 5px 0; text-align: center; font-size: 14px; display: block;}
.post-title {color: #fff; text-decoration: none; font-size: 13px;}
/* END PAGE INDEX */

/* PAGE POST */
#info {max-width: 100%; margin: 0; padding: 0 10px 10px;}
.post-img img {width: 145px;}
.post-img {float: left; margin: 20px auto 0; width: 145px; height: 145px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; /* Firefox */
-webkit-border-radius: 50%; /* Safari, Chrome */
-khtml-border-radius: 50%; /* KHTML */}
#info h1 {margin: 20px auto 15px; text-align: center; color: #fff; font-size: 14px;}
.rate-year {margin: 0 auto; color: #aaa; text-align: center; font-size: 12px;}
.ico-rate {
 display: inline-block;
 width: 30px;
 height: 12px;
 margin: 0 10px;
 padding-left: 16px;
 background: url(../img/star.png);
 color: #f09a20;
 background-size: 12px 12px;
 background-repeat: no-repeat;
}
.genre {margin: 5px auto; text-align: center; font-size: 12px; color: #aaa;}
.genre-txt {color: #2acae4;}
.btns {margin: 10px auto;}

.btn-dwnl, .btn-see {
 display: inline-block;
 width: 110px;
 margin: 5px 5px;
 padding: 6px 10px;
 border-radius: 3px;
 text-align: center;
 font-size: 14px;
 color: #11161f;
 }
.btn-dwnl {background: #f09a20; border-top: 1px solid #fdb349; border-bottom: 1px solid #ac6807;}
.btn-see {background: #2acae4; border-top: 1px solid #57e2f9; border-bottom: 1px solid #0a7283;}
.btn-over {opacity: 0.4;}
.post-text {font-size: 11px; color: #ccc; line-height: 16px; padding: 15px 10px; text-align: justify;}
.post-text:first-letter {color: #2acae4; font-size: 16px;}
.second-title {text-align: center; margin: 5px auto;}
.second-title strong {font-size: 11px;}

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

.see-block {height: auto; padding-top: 1px; border-bottom: 1px solid #1a2538; background: #161c28;}
.see-grid {width: 2O%; height: 100%; float: left; border-left: 1px solid #1a2538; border-right: 1px solid #111721;}

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

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

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

/* WP-pagenavi */
.pages-nav {margin-bottom: 12px;}
.swchItem {display: inline-block; padding: 5px 7px; margin: 3px; color: #2acae4; background: #161c28; border-radius: 2px; border-top: 1px solid #1a2538; border-bottom: 1px solid #000;}
.swchItemA {margin: 3px 5px;}
/* REG PAGE */
.uf-reg-wrap h2 {font-family: sans-serif; letter-spacing: 1px; color: #fff; font-weight: 100; font-size: 16px;}
.uf-reg-wrap h2:first-letter {color: #2acae4;}
.uf-soc-openselect, .uf-soc-closeselect {font-size: 14px; color: #f09a20;}
.uf-fields-wrap p {font-size: 14px; color: #2acae4;}
#uf-submit {padding: 10px 30px; background: #f09a20; border-radius: 2px; color: #fff; border: 0;}
.uf-text {border: 0; border-radius: 2px; background: #f1f1f1;}
/* END REG PAGE */
.ya-taxi img {width: 100%; max-width: 400px; height: auto;}
/* ADAPTIVE */
@media (max-width: 780px) {
 #content {margin-left: 180px;}
 #left {width: 160px;}
 .warp_post {height: 230px;}
 .post {height: 230px; width: 120px;}
 .post img {width: 120px; height: 166px;}
 .post-title {width: 120px;}
 .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) {
 .warp_post {width: 33.3333333%;}
}

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

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

@media (max-width: 330px) {
 #left li {font-size: 12px;}
 .text-main {margin: 5px; padding: 5px; border: 4px solid #11161f; font-size: 11px;}
 .see-grid {width: 50%;}
 .see-post {width: 90px; height: 178px;}
 .see-post img {width: 90px; height: 130px;}
 .dwnl-post {padding: 15px 5px;}
 .warp_post {width: 50%;}
 .user_photo {margin-right: 10px;}
 .bot {padding: 0 0 0 40px;}
}
@media (max-width: 240px) {
 .logo {font-size: 12px;}
 .search {width: 170px;}
 .warp_post {height: 180px;}
 .post {height: 180px; width: 90px; margin: 0 auto;}
 .post img {width: 90px; height: 125px;}
 .post-title {width: 90px; font-size: 10px; letter-spacing: 0;}
 .top-films {padding: 3px;}
 .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;}
 .post-img {margin: 10px auto 0; width: 115px; height: 115px;}
 .dwnl-post {font-size: 10px;}
 .post-img img {width: 115px;}
 .see-grid {width: 50%;}
 .see-post {width: 55px; height: 138px; margin: 0 auto;}
 .see-post img {width: 55px; height: 80px;}
 .search {width: 110px;}
 .search-ico {right: 8px; top: 7px; width: 20px; height: 10px; margin: 4px 5px; background-size: 10px 10px;}
 .warp_post {width: 50%; height: 150px;}
 .post {height: 150px; width: 70px;}
 .post img {width: 70px; height: 98px;}
 .post-title {width: 70px; font-size: 10px; letter-spacing: 0;}
 .post img {border: 0;}
 .post:hover img {border: 0;}
 .bot {padding: 0 0 0 10px;}
}

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

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

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