/* SET BASE ----------------------------------------------- */ * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} ol, ul {list-style:none;} blockquote, q {quotes:none;} table {border-collapse:collapse;border-spacing:0;} input, select {vertical-align:middle;} article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;} body { font: 14px/20px Roboto, Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0; color: #2a2a2a; background-color:#e5e6e8; height:100%; width:100%; font-weight:400;} img {max-width:100%;} .clr {clear: both;} .clearfix:after {content: ""; display: table; clear: both;} a {color: #2a2a2a; text-decoration: none;} a:hover, a:focus {color:#f0542e; text-decoration: none;} h1, h2, h3, h4, h5 {font-weight:400; font-size:18px;} .form-wrap {margin:0; background-color:#fff;} .sub-title h1 {margin-bottom:15px; font-size:24px;} .pm-page, .search-page, .static-page, .tags-page {} .ui-dialog { background-color: #fff; overflow: hidden; padding: 0; position: absolute; width: 300px; box-shadow: 3px 3px 10px 0 rgba(0,0,0, 0.2); border-radius: 6px; z-index: 9999 !important; } .ui-dialog button.ui-button {float: right;} .ui-dialog button.ui-button span.ui-icon-closethick {display: none;} /*--- SET ---*/ .button, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], input[type="reset"], input[type="submit"] { padding:0 20px; color:#fff; display:inline-block; background-color:#292c33; font-weight:700; text-transform:uppercase; height:38px; line-height:38px; border-radius:4px; cursor:pointer;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} button[disabled], input[disabled] {cursor:default;} .button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-color:#7e8594; color:#fff;} button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);} input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button {font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;} input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px; color:#000000; background-color:#f2f2f2; border-radius:3px; -webkit-appearance: none; box-shadow:none !important;} input[type="text"]:focus {box-shadow:none !important;} input:focus::-webkit-input-placeholder {color: transparent} input:focus::-moz-placeholder {color: transparent} input:focus:-moz-placeholder {color: transparent} input:focus:-ms-input-placeholder {color: transparent} select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;} textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#FFF; border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); overflow:auto; vertical-align:top; resize:vertical;} .img-box {overflow:hidden; position:relative; background-color:#CCC;} .img-box img {width:100%; min-height:100%;} .nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} button, .carou-item, .lcomm img {transition: all .3s;} a, .movie-img img, .carou-title {transition: color .3s, background-color .3s, opacity .3s;} .flex-row {display:flex; flex-flow:row wrap; justify-content:space-between;} .flex-col {display:flex; flex-direction:column; justify-content:center;} .icon-left span.fa {margin-right:10px;} .icon-right span.fa {margin-left:10px;} .pseudo-link {cursor:pointer;} .title {font-size:24px; font-weight:700; text-transform:uppercase; margin-bottom:20px;} .subtitle {font-size:16px; font-weight:700; text-transform:uppercase; margin-bottom:20px;} /* BASIC GRID ----------------------------------------------- */ .wrap {height:auto; width:100%; min-width:320px; position:relative;} .center {width:100%; min-width:320px; max-width:1264px; margin:0 auto; position:relative;} .head-wr, .foot-wr {background-color:#292c33; position:relative;} .head-wr:before {content:""; background-color:#7e8594; height:60px; width:100%; position:absolute; left:0; bottom:0;} .head-one {height:60px; color:#ccc; padding:0 10px 0 260px;} .head-two {height:60px; position:relative; padding:0 10px;} .carou-wr {padding:20px 0; margin-bottom:40px; background: radial-gradient(ellipse at center, #f7884b 0%,#f0542e 100%);background: #f26739 url("../images/favorites-bg.png"); background-size: cover;} .cols-r {padding:0 280px 20px 20px; background-color:#FFF; margin-bottom:40px;} .cols-r:before {content:""; width:280px; height:100%; position:absolute; right:0; top:0; background-color:#f4f6fa; border-left:1px solid #e3e3e3;} .cols-r .sidebar {float:right; width:280px; margin-right:-280px; padding:0; position:relative; z-index:100;} .cols-r .content {float:left; width:100%; min-height:600px; padding:20px 20px 0 0;} .foot {padding:20px 10px;} /* HEADER, MENU ----------------------------------------------- */ .logotype {height:60px; width:230px; display:block; position:absolute; left:0; top:0; background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;} .head-menu {float:left;} .head-menu li {float:left;} .head-menu a {display:block; padding:0 20px; line-height:60px; color:#ccc; font-weight:700; font-size:16px;} .head-one ul a:hover {box-shadow:inset 0 -5px #f0542e; color:#fff;} .action-btns {float:right; line-height:60px;} .log-btn, .search-btn {display:inline-block; margin-left:20px; cursor:pointer;} .log-btn .fa {width:40px; height:40px; text-align:center; line-height:40px !important; border-radius:50%; font-size:18px; box-shadow:inset 0 0 0 2px #ccc;} .search-btn .fa {font-size:18px;} .log-btn:hover, .search-btn:hover, .head-wr .active {color:#FFF;} /* SEARCH ----------------------------------------------- */ .search-wrap {width:100%; position:absolute; left:0; top:60px; z-index:8888; padding:10px 0; height:60px; display:none; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); background-color:#7e8594;} .search-box {width:100%; position:relative; max-width:800px; margin:0 auto;} .search-box input, .search-box input:focus {width:100%; height:40px; line-height:40px; padding:0 60px 0 10px; border-radius:3px; background-color:#fff; color:#5c5c5c; border:0; box-shadow:inset 0 0 0 1px #e3e3e3;} .search-box button {position:absolute; right:5px; top:5px; border-radius:3px; padding:0 15px; height:30px; line-height:30px;} /* MAIN MENU ----------------------------------------------- */ .main-menu {position:relative;} .main-menu > li {display:inline-block; float:left;} .main-menu > li > a {display:block; line-height:60px; padding:0 20px; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase;} .main-menu > li > a:hover, .menuactive > a {color:#fff; box-shadow:inset 0 5px #f0542e;} .main-menu > li > a .fa {font-size:18px;} .hidden-menu {background-color:#fff; padding:20px 10px; text-align:left; box-shadow:0 20px 20px 0 rgba(0,0,0,0.4); top:100%; left:0; right:0; position: absolute; z-index: 9999; display:none;} .hidden-menu li {display:inline-block; float:left; width:20%;} .hidden-menu li a {color:#000; display:block; padding:0 10px; line-height:30px; font-size:14px;} .hidden-menu li a:hover {background-color:#f6f7f8; color:#000;} .menuactive > a, li.menuactive > a:hover {color:#000 !important; background-color:#FFF;} .alpha-sort {padding:20px 18px 15px 18px; left:0; right:0;} .alpha-sort a {display:inline-block; margin:0 0 5px 0; width:30px; height:30px; line-height:28px; text-align:center; border:1px solid #e3e3e3; border-radius:3px; color:#5c5c5c;} .alpha-sort a:hover {background-color:#f6f7f8; color:#000; border:1px solid #e3e3e3;} li.sort-li {float:right;} .sort-li .fa {margin-right:0;} /* CAROUSEL SLIDER ----------------------------------------------- */ .carou {overflow:hidden; height:270px; padding:20px;} .carou-item {display:block; height:210px; max-width:165px; margin:0 5px;} .carou-item:hover {box-shadow:0 0 0 10px #fff;} .carou-title {position:absolute; left:0; right:0; bottom:0; padding:10px; background-color:rgba(0,0,0,0.3); color:#FFF; font-weight:700;} .carou-item {margin:0 5px 40px 5px; float:left; width:164px;} .carou .owl-item .carou-item {margin:0; float:none; width:auto;} .carou .owl-item {padding:10px;} /* HEADER OF SHORTS ----------------------------------------------- */ .section-title {line-height:40px; margin-bottom:20px;} .section-title .title {float:left; margin-bottom:0;} .section {padding:20px; background-color:#FFF;} .grid-select {display:inline-block; float:left; margin-right:10px;} .grid-select > div {height:40px; width:40px; text-align:center; float:left; margin-right:10px; font-size:24px; cursor:pointer;} .grid-select > div:hover, .grid-select > div.current {color:#fff; background-color:#7e8594;} .sorter {display:inline-block; float:right; position:relative; padding:0 20px; line-height:40px; box-shadow:inset 0 0 0 3px #d2d5da;} .sorter:before {content:attr(data-label); float:left; padding:0 10px 0 0; cursor:pointer;} .sorter > .fa {font-size:10px;} .sorter form {display:none; background-color:#fff; padding:10px 15px; line-height:24px; box-shadow:0 0 15px 0 rgba(0,0,0,0.2); border-radius:4px; position:absolute; right:0; top:100%; width:170px; z-index:999;} .sorter a:hover {text-decoration:underline;} .sorter a {color:#2a2a2a; display:block; margin-bottom:10px;} .sort li.asc a:after, .sort li.desc a:after {content:"\f063"; font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; display: inline-block; margin-left:10px;} .sort li.desc a:after {content:"\f062"} .speedbar {font-size:12px; color:#8f95a3; margin-bottom:20px;} .speedbar a {color:#f0542e;} /* SHORT STORY ----------------------------------------------- */ .movie-item { margin-bottom:20px;} .movie-cols {padding-left:220px;} .movie-img {width:220px; margin-left:-220px; float:left; height:300px;} .movie-img:hover img {opacity:0.7;} .movie-text {float:right; width:100%; padding-left:20px; max-height:335px; overflow:hidden;} .movie-title {padding:0 140px 20px 0; position:relative;} .movie-title a, .movie-title h1 {font-size:20px; font-weight:700; display:block; margin-bottom:7px;} .movie-original {font-weight:400; color:#8f95a3;} .movie-meta {display:inline-block; position:absolute; right:0; top:0;} .meta-date {background-color:#d2d5da; color:#fff; padding:5px 10px;} .meta-qual {border:3px solid #d2d5da; padding:5px 10px; margin-bottom:10px; text-transform:uppercase; font-size: 16px; color: #8f95a3; text-align:center;} .poster-label {display:inline-block; font-weight: 700; padding: 3px 5px; position:absolute; left:0; top:20px; background-color:#75c71b; color:#FFF;} .movie-lines {margin-bottom:10px; border-bottom:1px dashed #e3e3e3;} .movie-lines li {padding:0 0 10px 130px;} .movie-lines li:after {content: ""; display: table; clear: both;} .ml-label {margin-left:-130px; max-width:110px; float:left; display:inline-block; color:#8f95a3;} .ml-desc {width:100%; float:right; font-weight:700} .movie-lines a {color:#f0542e;} .movie-desc {} .movie-bottom {height:40px; line-height:40px; position:relative;} .movie-bottom > div {height:100%; font-size:18px;} .mb-online {background-color:#f0542e; color:#fff; width:220px; float:left; text-align:center;} .mb-meta {float:left; margin-left:20px;} .movie-tools {float:right;} .movie-tools > span {margin-left:10px;} .mb-meta, .mb-meta a, .movie-tools a {color:#8f95a3;} .mb-meta a:hover, .movie-tools a:hover {color:#f0542e;} .grid-thumb {margin:0 -10px;} .grid-thumb .movie-item { width:23%; margin:0 1% 40px 1%; float:left; position:relative; padding-bottom:60px;} .grid-thumb .movie-cols { padding-left:0;} .grid-thumb .movie-img { width:100%; height:335px; float:none; margin-left:0;} .grid-thumb .movie-text { float:none; padding-left:0; position:absolute; left:0; bottom:0;} .grid-thumb .movie-title {padding:0; text-align:center;} .grid-thumb .movie-title a, .grid-thumb .movie-original {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .grid-thumb .movie-lines, .grid-thumb .movie-bottom, .grid-thumb .movie-desc, .grid-thumb .movie-meta {display:none;} /* SIDEBAR AND CAROUSEL BOTTOM ----------------------------------------------- */ .sidebox {padding:20px;} .sidebox-t {text-align:center;} .more-link {display:block; color:#f0542e; text-align:center; margin-top:20px;} .more-link span {border-bottom:1px dotted #f0542e;} .carouside {max-height:500px; overflow:hidden;} .carouside-item {display:block;} .carouside-img {height:300px; margin-bottom:20px;} .carouside-title {text-align:center;} .carouside-title p {font-weight:700; font-size:16px;} .carouside-title span {color:#8f95a3; margin-top:10px; display:inline-block;} .carouside .owl-item {padding:0 10px;} .caroubottom .carouside-item {width:225px; float:left; margin:0 10px;} .caroubottom .owl-item .carouside-item {width:100%; float:none; margin:0;} .caroubottom .owl-item {padding:0 10px;} .topsbox {padding:20px 0;} .tops {padding-top:310px; counter-reset:li; list-style:none;} .tops li {position:relative; padding:7px 30px 7px 50px; min-height:50px;} .tops li:before {content:counter(li); counter-increment:li; font-size:18px; color:#8f95a3; font-weight:700; position:absolute; top:50%; left:20px; margin-top:-10px; width:30px; height:20px; line-height:20px; text-align:left;} .top-item .carouside-title {text-align:left;} .top-item .carouside-title span {margin-top:3px;} .top-item {display:block;} .top-img {width:240px; height:300px; position:absolute; left:50%; top:-310px; margin-left:-120px;} .tops li:hover {background-color:#FFF; box-shadow:inset 3px 0 #75c71b;} .lcomms {background-color:#FFF; border-left:3px solid #75c71b;} .lcomm {display:block; position:relative; margin-bottom:10px; min-height:40px; padding:0 0 0 50px;} .lc-body {background-color:#f6f6f6; padding:10px; border:1px solid #f0f0f0;} .lc-text {color:#888; margin-bottom:5px;} .lc-author {font-weight:500;} .lcomm img {display:block; width:40px; height:40px; border-radius:50%; position:absolute; left:0; top:0;} .lcomm:nth-child(2n) {padding:0 50px 0 0;} .lcomm:nth-child(2n) img {left:auto; right:0;} .lcomm:hover img {transform:scale(0.8,0.8);} .skoro-item {position:relative; margin-bottom:20px; padding-left:80px; min-height:90px;} .skoro-img {width:70px; height:90px; position:absolute; left:0; top:0;} .skoro-text {color:#8f95a3; font-size:12px;} .skoro-text a {display:block; font-weight:700; margin-bottom:7px; font-size:14px;} .skoro-text a:hover {text-decoration:underline;} .skoro-img:hover {opacity:0.7;} /* FOOTER ----------------------------------------------- */ .foot-menu {padding-right:120px;padding-top: 15px;} .foot-menu li {display:inline-block; margin:0 20px 20px 0;} .foot-menu a {display:block; color:#fff;} .foot-text, .foot-text a {color:#ccc;} .foot-text a, .foot a:hover {text-decoration:underline;} .count {display:inline-block; width:88px; height:31px; background-color:#444; position:absolute; right:10px; top:20px;} /* FULL STORY ----------------------------------------------- */ .slice {overflow:hidden; position:relative; transition:height .2s;} .slice-masked {margin-bottom:0 !important;} .slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none; background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);} .slice-btn {margin:0 0 20px 0; font-size:12px; font-weight:700;} .slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#f0542e;} .scrolla {cursor:pointer; line-height:40px; float:none; margin-bottom:20px;} .movie-full .movie-text {max-height:none; overflow:auto;} .movie-full .movie-img {height:auto;} .movie-full .movie-img:hover img {opacity:1;} .movie-full .movie-desc {margin-top:10px;} .movie-poster {position:relative;} .movie-poster img {display:block; width:100%;} .movie-full .mb-meta {margin: 0 20px 0 0;} .screens-t {font-size:16px; margin-bottom:20px; font-weight:700;} .screens-c {margin:0 0 20px 0;} .screens-c br {display:none;} .screens-c .owl-item a, .screens-c .owl-item img {display:block; width:220px;} .rates {background-color:#f4f4f6; border-radius:4px; padding:10px; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .rates > div {display:inline-block; vertical-align:middle;} .db-rates > div {display:inline-block; margin-right:10px; line-height:40px; font-size:16px; padding:0 10px;} .db-rates > div:before {content:attr(data-label); display:inline-block; margin-right:10px;} .r-kp {background-color:#f60; color:#fff} .r-imdb {background-color:#fc0; color:#000000;} .rate3 {height:40px;} .rate3 span[id*="vote-num"], .rate3 span[id*="ratig-layer"] {display:none;} .ps, .ms {cursor:pointer; padding:0 10px; line-height:40px; display:inline-block; vertical-align:top; color:#69a935; text-align:center;} .ms {color:#E70C2F;} .rate3 span.fa {font-size:24px; margin-right:10px; vertical-align:middle;} .ps:hover {color:#FFF; background-color:#028c19;} .ms:hover {background-color:#c1050a; color:#fff;} .rrange {width:220px; color:#8f95a3; font-weight:700;} .rbar {height:10px; overflow:hidden; position:relative; background-color:#E70C2F; margin-top:5px; border-radius:4px;} .rfill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#69a935; transition:width 1s linear;} .rrange span {margin-left:10px; font-size:20px; color:#69a935;} .tabs-box {margin-top:20px; position:relative;} .tabs-sel {margin-bottom:20px;} .tabs-sel span, .mov-compl a {display:inline-block; cursor:pointer; background-color:#7e8594; color:#FFF; text-transform:uppercase; padding:8px 12px; border-radius:4px; margin-right:10px;} .tabs-sel span.current, .mov-compl a:hover {font-weight:700; background-color:#292c33;} .tabs-b {background-color:#000;} .js .tabs-b {display:none;} .js .tabs-b.visible {display:block;} .mov-compl {position:absolute; right:-5px; top:0;} .rels {margin:0 -10px;} .rel-t {font-size:20px; font-weight:700; margin:20px 0; padding-left:10px;} .rel-c .owl-item .carou-item {margin:0; float:none; width:auto;} .rel-c .carou-item:hover .carou-title {background-color:#f0542e;} /* FULL STORY STATIC ----------------------------------------------- */ .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100%; max-width:100% !important; height:400px;} .mejs-container {max-width:100% !important;} .full-text {font:14px/22px Arial, sans-serif; margin-bottom:20px;} .full-text img:not(.emoji) {max-width:100%; border:5px solid #e3e3e3;} .full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;} .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;} .full-text a {text-decoration:underline; color:#06c;} .full-text a:hover {text-decoration:none;} .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:20px 0; font-size:18px;} .full-text p {margin-bottom:15px;} .full-text ul, .full-text ol {margin:0;} .full-text ul li {list-style:disc; margin-left:40px;} .full-text ol li {list-style:decimal; margin-left:40px;} .full-text table {width:100%; text-align:left;} .full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; } .full-text table tr:nth-child(2n+1) {background-color:#f6f6f6;} .full-text table img {display:block; margin:0; border:0; max-width:350px} .attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;} .attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; display:inline-block; padding:0 15px; background:#0297dc;} .attach-info {float:right;} .attach i {margin-right:5px;} .dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px; background-color:#FFF;} .polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;} .full-taglist {margin:20px 0; font-size:12px;} .full-taglist-t { margin-bottom:5px; font-weight:700;} .full-taglist a {margin:0 0 3px 0; color:#06c} .full-taglist span {margin-right:5px;} /* COMMENTS ----------------------------------------------- */ .full-comms {margin:0 -20px; padding:20px; border-top:1px solid #e3e3e3; box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.2);} .comms-head {margin-bottom:20px;} .comms-title {font-size:20px; font-weight:700; float:left; line-height:38px;} .comms-title sup {color:#f0542e;} .add-commbtn {float:right;} .comms-head + form #add-comm-form {display:none; margin:20px 0;} .add-comm-form {margin:0 0 20px 0; background-color:#f4f6fa; padding:20px; position:relative; border:1px solid #e3e3e3;} .ac-av {width:80px; height:80px; border-radius:50%; position:absolute; top:20px; left:30px; background:#CCC url(../dleimages/noavatar.png) no-repeat; background-size:contain;} .ac-title {font-weight:700; margin-bottom:10px; font-size:16px;} .ac-inputs input {width:49%; float:left;} .ac-inputs input:last-child {float:right;} .ac-inputs, .ac-textarea {margin-bottom:15px;} .ac-textarea textarea {height:85px;} .ac-submit {position:absolute; top:120px; left:0; width:140px; text-align:center;} .sec-answer + .sec-label {margin-top:10px;} .add-com-but + form #addcform {display:none; margin:20px 0;} .ac-protect {margin-top:-10px;} .ac-protect .label {font-size:12px;} .ac-protect .sep-input {padding:10px 10px 10px 160px;} .add-comm-form .login-social {position:absolute; right:17px; top:10px;} .ac-inputs input, .ac-protect input {background-color:#fff;} .mass_comments_action {text-align:right; padding:5px 15px; background-color:#f0f0f0; margin:20px 0;} .last-comm-link {font-size:16px; margin-bottom:10px;} .last-comm-link a {text-decoration:underline; color:#06c;} .comments-items {margin:20px 0;} .comm-item {margin-bottom:20px; padding-left:90px; position:relative; min-height:80px;} .comm-one {position:relative; height:40px;} .comm-one > div {height:100%; float:left; margin-right:20px; line-height:20px;} .comm-item:before {content:""; width:8px; height:8px; position:absolute; left:-2px; top:70px; background-color:#ccc; border-radius:50%;} .status-online:before {background-color:#3C0;} .comm-av {width:80px; border-radius:50%; height:80px; position:absolute; left:0; top:0;} .comm-author, .comm-author a {color:#444; text-transform:uppercase; font-weight:700;} .comm-author a:hover {text-decoration:underline;} .comm-date, .comm-num {font-size:12px; color:#888;} .comm-one > div.comm-ratebox {float:right; margin-right:0;} .comm-two {background-color:#f4f6fa; padding:10px; border:1px solid #e3e3e3; margin:10px 0;} .signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;} .comm-three ul {text-align:right; text-transform:uppercase;} .comm-three ul li {margin-left:5px; display:inline-block;} .comm-three li:first-child, .comm-three li.comm-q {float:left; margin-left:0; margin-right:10px;} .comm-three ul li a {font-size:10px; color:#292929;} .comm-three ul li span.fa {margin-right:10px; color:#888;} .comm-three a:hover {text-decoration:underline;} .comments-tree-list .comments-tree-list {} .comm-rate {background-color:#f5f5f5; background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%); border-radius:4px; overflow:hidden; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); height:24px; line-height:24px; position:relative; padding:0 30px; text-align:center;} .comm-rate a {display:block; color:#fff; background-color:#7db625; width:24px; height:24px; position:absolute; top:0; left:0px; line-height:24px; font-size:12px;} .comm-rate a:nth-child(2) {background-color:#cd3560; left:auto; right:0;} .comm-rate a:hover {opacity:0.7;} .comm-rate > span > span.ratingzero {color: #444444;} .comm-rate > span > span.ratingtypeplus {color: #06b601;} .comm-rate > span > span.ratingplus {color: #95c613;} .comm-rate > span > span.ratingminus {color: #ff0e0e;} /* LOGIN ----------------------------------------------- */ .login-box {padding:20px; background-color:#fff; display:none;} .login-input {margin-bottom:20px;} .login-button button {display:block; text-align:center; width:100%;} .login-button button:hover {} .login-checkbox {font-size:12px; margin:10px 0; color:#888;} .login-checkbox input {display:none;} .login-checkbox input + label:before {width:10px; height:10px; margin-right:5px; cursor:pointer; position:relative; top:2px; border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;} .login-checkbox input:checked + label:before { background-color:#c9282d;} .login-links {text-align:center; line-height:30px;} .login-links a {float:left; text-decoration:underline;} .login-links a:last-child {float:right;} .login-links a:hover {text-decoration:none;} .login-social {text-align:center;} .login-social:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:10px;} .login-social a {display:inline-block; margin:0 3px 10px 3px;} .login-social img {display:block; width:30px;} .login-social a:hover img {transform:scale(1.1);} .login-avatar {text-align:center;} .avatar-box {display:inline-block; width:80px; height:80px; border-radius:0; overflow:hidden;} .avatar-box img {width:100%; min-height:100%;} .avatar-box + a {display:block; margin-top:5px; text-decoration:underline;} .login-menu {margin-top:20px;} .login-menu a {display:block; height:30px; padding:0 20px; line-height:30px; background-color:#f6f6f6; margin-bottom:5px; border-radius:3px;} .login-menu a:hover {color:#fff; background-color:#f0542e;} /* GO TOP BUTTON */ #gotop{position:fixed;width:40px;height:40px;right:10px;bottom:10px;cursor:pointer;z-index:9998;display:none; opacity:0.8; background-color:#000; color:#fff; font-size:18px; text-align:center; line-height:40px; border-radius:4px;} /* SLIDER ----------------------------------------------- */ /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} /* display none until init */ .owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width:100%;} .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-theme .owl-controls{position:absolute; left:0; bottom:0; right:0; z-index:999; height:10px; text-align:center;} /* Styling Next and Prev buttons */ .carou .owl-theme .owl-controls .owl-buttons div{display: inline-block; zoom: 1; opacity: 1; width:40px; height:40px; position:absolute; bottom:95px !important; line-height:40px; color:#fff; font-size:30px;} .carou .owl-prev {left:-30px;} .carou .owl-next {right:-30px;} .carouside .owl-theme .owl-controls .owl-buttons div{display: inline-block; zoom: 1; opacity: 1; width:20px; height:20px; position:absolute; bottom:215px !important; line-height:20px; color:#000; font-size:30px;} .carouside .owl-prev {left:-15px;} .carouside .owl-next {right:-15px;} .caroubottom .owl-theme .owl-controls{top:0; bottom:auto;} .caroubottom .owl-theme .owl-controls .owl-buttons div{display: inline-block; zoom: 1; opacity: 1; width:30px; height:30px; position:absolute; top:-50px !important; line-height:30px; background-color:#f0f0f0; color:#8f95a3; font-size:14px; border-radius:4px;} .caroubottom .owl-prev {right:40px;} .caroubottom .owl-next {right:0px;} .rel-c .owl-controls{top:4px !important; right:10px;} .slide .owl-theme .owl-controls{top:0; bottom:auto;} .slide .owl-theme .owl-controls .owl-buttons div{display: inline-block; zoom: 1; opacity: 1; position:absolute; top:200px !important; color:#fff; font-size:40px;} .slide .owl-prev {left:40px;} .slide .owl-next {right:40px;} /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .carou .owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1; text-decoration: none; color:#000;} .carouside .owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1; text-decoration: none; color:#f0542e;} .caroubottom .owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1; text-decoration: none; color:#fff; background-color:#f0542e;} .slide .owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1; text-decoration: none; color:#f0542e;} /* Styling Pagination*/ .owl-theme .owl-pagination {text-align:center; position:relative; display:inline-block; bottom:-15px;} .owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1;} .owl-theme .owl-controls .owl-page span{display: block; width: 10px; height: 10px; margin: 3px 5px; border-radius: 5px; background-color: #8f95a3;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#f0542e;} /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #FFF; padding: 2px 10px; border-radius: 30px;} /* preloading images */ .owl-item.loading{min-height: 140px; background: url(../images/loader.gif) no-repeat center center;} /* ADAPTIVE ----------------------------------------------- */ .show-menu {display:none;} @media screen and (max-width: 1220px) { .center {max-width:1000px;} .head-menu, .main-menu {display:none;} .head-two {height:0;} .show-menu {display:block; width:60px; height:60px; text-align:center; line-height:60px; font-size:24px; float:left; cursor:pointer; color:#FFF;} .log-btn, .search-btn {color:#FFF;} .main-menu {position:absolute; text-align:left; top:0; left:0; background-color:#7e8594; width:100%; padding:10px 0; z-index:9999;} .main-menu > li {display:block; float:none; position:relative;} .main-menu > li > a {padding:0 20px; line-height:30px; box-shadow:none !important;} .hidden-menu {padding:10px 0; right:0;} .hidden-menu li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .alpha-sort {padding:10px 6px 5px 8px; left:0; right:0;} .alpha-sort a {margin:0 2px 5px 2px;} .cols-r {padding:0; margin-bottom:0;} .cols-r:before {display:none} .cols-r .sidebar {float:none; width:100%; margin-right:0; padding:0; background-color:#f4f6fa; border-top:1px solid #e3e3e3;} .cols-r .content {float:none; padding:20px 10px;} .filter-box {display:none;} .carouside .sidebox-c {width:240px; margin:0 auto;} .sidebox {width:50%; float:left; padding:10px 10px;} .carou-wr, .filter-wrap {margin-bottom:0 !important;} .search-wrap {padding:10px;} .full-comms {margin:0 -10px; padding:20px 10px;} } @media screen and (max-width: 950px) { .center {max-width:768px;} .grid-thumb .movie-item {width:31.33%; margin:0 1% 20px 1%;} .pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto;} .rate3 {width:100%; margin-top:10px; text-align:center;} } @media screen and (max-width: 760px) { .center {max-width:640px;} .head-one {padding:0 10px 0 140px;} .logotype {height:60px; width:140px;} .hidden-menu li {width:50%;} .sorter {display:none;} .title {font-size:16px;} .grid-select {margin-right:0;} .movie-item:not(.movie-full) .movie-desc {display:none;} .count {position:static; margin-top:20px;} .foot-menu {padding-right:0;} .movie-title a, .movie-title h1 {font-size:16px;} .grid-thumb .movie-img {height:260px;} .rates {display:block; text-align:center; padding-bottom:0;} .rates > div {margin:0 0 10px 0;} .tabs-sel {white-space:nowrap; overflow-y:hidden; overflow-x:auto;} .mov-compl {display:none;} .add-comm-form {padding:20px 10px; overflow:hidden;} .ac-av {display:none;} .ac-submit {position:static; width:100%;} .ac-submit button {width:100%;} .comments-tree-list .comments-tree-list {padding-left:0 !important;} .mass_comments_action {display:none;} .sub-title h1 {font-size:18px; line-height:24px;} } @media screen and (max-width: 590px) { .center22 {max-width:480px;} .movie-cols {padding-left:0;} .movie-img {margin:0 auto 20px auto; float:none;} .movie-item:not(.movie-full) .mb-online {display:none;} .movie-text {float:none; padding-left:0; max-height:none;} .carou {height:190px; padding:0 20px;} .carou-item {height:170px;} .carou .owl-theme .owl-controls .owl-buttons div{bottom:75px !important;} .sidebox {width:100%; float:none; padding:20px 10px;} .section {padding:20px 10px;} .grid-thumb .movie-item {width:31.33%; margin:0 1% 20px 1%; padding-bottom:40px;} .grid-thumb .movie-img {height:200px;} .movie-full .movie-img {margin:0 auto 30px auto;} .comm-item {margin-bottom:10px; padding-left:50px; min-height:50px;} .comm-item:before {left:-2px; top:40px;} .comm-av {width:40px; height:40px;} .comm-one > div {margin-right:10px;} .comm-three ul li {display:none;} .comm-three li.comm-q {display:inline-block;} .comm-one > div:nth-child(1) {max-width:140px; overflow:hidden;} .comm-one > div:nth-child(2) {display:none;} .add-comm-form .login-social {position:static; text-align:left;} .ac-inputs input {width:100%; float:none !important; margin-top:10px;} .ac-protect {width:100%; float:none; margin:-10px 0 0 0;} .ac-submit button {float:none; display:block; text-align:center; width:100%;} .ui-dialog {width:100% !important;} .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;} .upop-left {margin-bottom:10px; text-align:center;} .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;} #dofullsearch, #searchsuggestions span.seperator {display:none !important;} .attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;} .attach-info {float:none;} } @media screen and (max-width: 470px) { .center22 {max-width:320px;} .log-btn span:not(.fa) {display:none;} .log-btn.icon-left .fa {margin-right:0;} .section.caroubottom .owl-item {padding:0 40px;} .grid-thumb .movie-item {width:48%; margin:0 1% 20px 1%; padding-bottom:40px;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;} .comms-head {text-align:center;} .comms-title {float:none;} .add-commbtn {float:none;} .login-social:before {display:block; line-height:30px; margin-right:0;} } #uber-vk-write {background:#101010;margin:auto;width: 900px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #676767;position:relative;font-size:12px;} #uber-vk-player {background:#000000;margin:0px auto;width:100%;height: 390px;clear:both;} #uber-vk-season {margin:0px auto;padding:0px;width: 820px;height:46px;list-style:none;overflow:hidden;white-space:nowrap;position:relative;} #uber-vk-serial {margin:0px auto;padding:0px;width: 820px;height:46px;list-style:none;overflow:hidden;white-space:nowrap;position:relative;} #uber-vk-season li, #uber-vk-serial li {list-style:none;float:left;height:30px;padding-top:4px;cursor:pointer;position:absolute;} #uber-vk-season li span, #uber-vk-serial li span { background:#505050; display:inline-block; text-align:center; width: auto; line-height:22px; margin:4px 2px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; color:#FFF; border:1px solid #676767; padding: 5px 20px 4px;} #uber-vk-season li span:hover, #uber-vk-serial li span:hover { background:#4091b8; } #uber-vk-write .active { background: url(/templates/world/images/kino-play.png) 1px 5px no-repeat #1b6e8b; } #uber-vk-write .prev { background: url("../images/prev.png") 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; right: 35px; top: 8px; } #uber-vk-write .prev { background: url(../images/prev3.png) 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; left:5px; top:8px; } #uber-vk-write .next { background: url(../images/next2.png) 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; right:5px; top:8px; } #uber-vk-write .prev1 { background: url(../images/prev3.png) 0 0; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; left:5px; bottom:8px; } #uber-vk-write .next1 { background: url(../images/next2.png) 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; right:5px; bottom:8px; } #uber-vk-season li span { width:110px; } #slides2 li .date_treler { position: absolute; width: 182px; display: block; bottom: 0px; left: 0; background: #000; padding: 5px; text-align: center; z-index: 1001; background: #ededed; overflow: hidden; } .anonce { background: no-repeat 23px 9px; padding: 37px 0 18px 22px; } .anonce1 { width: 175px; height: 243px; } .anonce1 span { background: ; color: #FFF; text-transform:uppercase; font-style: italic; width: 161px; height: 27px; display: block; overflow: hidden; text-align: center; margin-top: -27px; padding: 0 7px 0 7px; position: relative; z-index: 900; line-height: 26px; } .anonce1 a { text-decoration: none; } .inner img { opacity: 0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80, enabled=1); width: 118px; min-height: 171px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .inner img:hover { opacity: 0.99; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99, enabled=1); } .slides2_wrap { padding: 34px 0 0px 16px; width: 192px; } #slides2 { overflow: hidden; height: 110px; } #slides2 li { list-style: none; width: 192px; height: 150px; display: block; overflow: hidden; margin-left: 0px; } #slides2 li img { float: left; width: 220px; min-height: 100px; } .slides2_wrap .prev { position: absolute; left: 5px; top: 69px; outline: 0; background: url(../images/arr.png) no-repeat; width: 37px; height: 37px; } .slides2_wrap .prev:hover { background-position: 0 -37px; } .slides2_wrap .next { position: absolute; right: -28px; top: 69px; outline: 0; background: url(../images/arr.png) no-repeat right 0; width: 37px; height: 37px; } .slides2_wrap .next:hover { background-position: right -37px; } /* ----////// ?????? ???????????? /////------- */ #banners a img { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); } #banners a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } .b-post-origtitle { color: #999; line-height: 30px; } .full img {border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; } /* ========================================================================== ?????? Easy Like by ???????? */ /* ========================================================================== */ .easylike_count { display: inline-block; color: #e74c3c; cursor: pointer; font: normal 16px/16px Arial, Tahome, sans-serif; background: #2c3e50 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABaElEQVR42qXUS0uUUQDH4XGcoiYpDBoogqg2AVWUm65QRAgVELRr08qIoAgICpRaRgS1lCAKShjcCd4QHXHjFxDxBqooIKgiOIqKKj4HGBiGGdR5f/AcOJs/Z3UqZp/eje3RRTJUUc8vShZnrz6Q5RONXIsymOIlX/jNMPejDNYzRQuhJaooWYJSXeENz9ghdIpsOS9M0kQr7YQqOcvMQV9YSZpqXpHrKkmWuUB+82SLDR7nD3d4wAK5agj1UNgWP/iYG7zJPd6xwm3GyO8vvRTrOmk6w+BDuhmhkZ+sUdg2ExRrihVOh8EXdPKEcrtFNRXxcKGLKPXzna9h8ByTRG2OQwlHklWiVMM36uKORU4SpUE2mQ2DI1ym3I7SQILxMNjFY8rtLQ28ZiyspvlMM5OMkmGa/dRHqINY7seu4xFnOE+Kf2RYZp38jpDiBs8ZoDZ/sLBa3nOJExzjMKENVpljiDb+s0VsF/laUSDICzycAAAAAElFTkSuQmCC') no-repeat 8px 50%; padding: 6px 10px 6px 40px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } .easylike_count:hover { color: #fff; background: rgba(44, 62, 80, .7) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABZElEQVR42qXTP29NcRzH8W9vS9wSUknvwCDUYFCCRGqwEDoYwFSjXCSGMhnQB8ATsDN0kcYgMfUBsIELibQMbVJF0n8h5V6vX3JvcodzWu55J68zfvPJyTmlRqMR6xhgmnmuEWtJj/U84DVV6hwscrDCChcI3nKDyFOKtbvDNE9I/WALufWQ1yDXOUedVD+L5JY3vZeXTBBN3SxznsiRubCbcfq4SqsD9LLAHtr7ymLWwq08Zp5Bok2VvFa5R3Slh4Y4zihLnOVjxvJdZHWIcU6HgyepU+M2ZeI/lfjOSHqHl3jGGTrtGH10RXPZKFHQfT6Xmu9liqLNsSEa0gmigCP84XJa+I3tFOkNq8ymg+/ZT6eVuUsPn9LcMV4QHbpFqtr6sPe6/I4JpvjAJF/4l47ynJ3MtP6UK5xiB7up8JBJFvhJe5uocJiLvGIYCx3MaJib7GMbm9lI6hfLzFHjKY/4TfwFLOFzQdqSgkUAAAAASUVORK5CYII=') no-repeat 8px 50%; } /*v 1.2*/ .easylike_load { width:19px; } .easylike_circles { background-color: #2C3E50; float: left; height: 4px; margin: 6px 2px 6px 0; width: 4px; -webkit-animation-name: easylikeBounce; -webkit-animation-duration: 0.8999999999999999s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -o-animation-name: easylikeBounce; -o-animation-duration: 0.8999999999999999s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; animation-name: easylikeBounce; animation-duration: 0.8999999999999999s; animation-iteration-count: infinite; animation-direction: linear; -webkit-border-radius: 3px; border-radius: 3px; } .easylike_circles.ec1 { -webkit-animation-delay: 0.18s; -o-animation-delay: 0.18s; animation-delay: 0.18s; } .easylike_circles.ec2 { -webkit-animation-delay: 0.42000000000000004s; -o-animation-delay: 0.42000000000000004s; animation-delay: 0.42000000000000004s; } .easylike_circles.ec3 { -webkit-animation-delay: 0.5399999999999999s; -o-animation-delay: 0.5399999999999999s; animation-delay: 0.5399999999999999s; } @-webkit-keyframes easylikeBounce{0%{} 50%{background-color:#e74d3c} 100%{}} @-o-keyframes easylikeBounce{0%{} 50%{background-color:#e74d3c} 100%{}} @keyframes easylikeBounce{0%{} 50%{background-color:#e74d3c} 100%{}} /* ??????? ? ???? */ .film-lines { width: 238px; } .film-line { padding: 12px 23px 12px 69px; height: 48px; width: 146px; display: block; border-top: 1px solid #dadada; position: relative; color: inherit; text-decoration: none !important; } .film-line:hover { background: #f6f6f6; box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1); } #film-scroll a.film-line:first-child { border-top-width: 0; } a.film-line * { cursor: pointer; } .fl-poster { float: left; width: 32px; overflow: hidden; height: 48px; margin-left: -46px; } .fl-poster img { max-height: 48px; vertical-align: middle; } .fl-text { float: right; width: 100%; display: table; height: 48px; } .fl-text-in { display: table-cell; vertical-align: middle; } .fl-text-in > b { display: block; line-height: 1.4em; max-height: 2.8em; overflow: hidden; font-weight: normal; } .fl-text-in > span { display: inline-block; font-size: 11px; color: #999; max-width: 146px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .format-2D { display: none; } .format-3D { position: absolute; right: 0; top: 12px; background: #ff8421; width: 16px; height: 16px; line-height: 16px; font-size: 8px; text-align: center; border-radius: 3px 0 0 3px; color: #fff; } .film-lines { border: 1px solid #dadada; border-width: 0 0 1px 0; } #film-scroll { width: 264px; max-height: 290px; } /* JSP Scrolling */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 6px; width: 20px; height: 100%; visibility: hidden; opacity: 0; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -o-transition: .5s all ease; } .jspVerticalBar * { margin: 0; padding: 0; } .jspContainer:hover .jspVerticalBar { visibility: visible; opacity: 1; } .jspCap { display: none; } .jspTrack { position: relative; } .jspDrag {position: relative; top: 0; left: 0; cursor: pointer; } .jspVerticalBar { width: 13px; } .jspTrack { background: #ccc; border-radius: 2px; width: 3px; margin: 0 auto; } .jspDrag { width: 15px; height: 15px; background: #ff8421; border-radius: 8px; margin: 0 0 0 -6px; } /* Super Awesome Buttons with CSS3 and RGBA Source: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */ .awesome, .awesome:visited { background: #222 url(alert-overlay.png) repeat-x !important; display: inline-block !important; padding: 5px 10px 6px !important; color: #fff !important; text-decoration: none !important; font-weight: bold !important; line-height: 1 !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important; border-bottom: 1px solid rgba(0,0,0,0.25) !important; position: relative !important; cursor: pointer !important; } .awesome:hover { background-color: #111 !important;} .awesome:active { top: 1px !important; } .small.awesome, .small.awesome:visited { font-size: 11px !important;} .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px !important;} .large.awesome, .large.awesome:visited { font-size: 14px !important; padding: 8px 14px 9px !important;} .green.awesome, .green.awesome:visited { background-color: #91bd09 !important;} .green.awesome:hover { background-color: #749a02 !important;} .blue.awesome, .blue.awesome:visited { background-color: #2daebf !important;} .blue.awesome:hover { background-color: #007d9a !important;} .red.awesome, .red.awesome:visited { background-color: #e33100 !important;} .red.awesome:hover { background-color: #872300 !important;} .magenta.awesome, .magenta.awesome:visited { background-color: #a9014b !important;} .magenta.awesome:hover { background-color: #630030 !important;} .orange.awesome, .orange.awesome:visited { background-color: #ff5c00 !important;} .orange.awesome:hover { background-color: #d45500 !important;} .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515 !important;} .yellow.awesome:hover .addcomment {margin-top: 5px; margin-left:10px;} .h3 {background: url("../images/addcom.png") 0px 0px no-repeat transparent;height: 30px;padding: 0px 0px 0px 35px;font-size: 20px;} /*** AddComments ***/ .AddCommentsError{ margin: 0 0 18px 0; padding: 6px 10px 7px 10px; border: 1px dotted #FDB67D; background: #FFF9F2; line-height: 18px; font-size: 13px; color: #555; text-shadow: 1px 0 0 white; } .AddComments{ margin: 0 0 8px 0; } .AddComments textarea{ resize: none; height: 80px; width: 598px; padding: 8px 24px 8px 24px; border: 2px solid #93C0E3; font-size: 12px; } .AddCommentsBlock{ display:block; } .AddCommentsNameEmailTitle{ float:left; font-weight:bold; width:106px; } .AddCommentsBlock .btn{ float:right; } .boxslider { position: relative } .age {background: no-repeat; display: block; height: 46px; position: absolute; top: 495px; left: 415px; width: 46px;} .Like {background: no-repeat; display: block; height: 46px; position: absolute; top: 879px; left: 600px; width: 46px;} .video { background: url(../images/trailer.jpg) left top repeat-y; } .video-top { background: url(../images/trailer-top.jpg) left top no-repeat; } .video-bottom { background: url(../images/trailer-bottom.jpg) left bottom no-repeat; min-height: 300px; padding: 20px 0 135px 0; position: relative; } .video-title { font-size: 10px; font-weight: bold; color: #959595; position: absolute; bottom: 110px; left: 25px; } .video-title strong { color: #4fadc5; text-transform: uppercase; } .relatebg { padding: 19px; height: 1%; border: 1px solid #dadada; background: #fff url(../images/relatebg.png) } .tellfriends{padding-bottom:15px;} .tellfriends table{width:100%;} .tellfriends .social td.bascell{padding-left:7px;width:25%;text-align:right;white-space:nowrap;} .edge-left { float: left; width: 2; height: 2; border-width: 10px; border-style: solid; border-color: rgb(138, 33, 46) rgb(138, 33, 46) rgb(138, 33, 46) rgba(255, 255, 255, 0); position: relative;} .lenta { float: right; position: absolute; right: -65px; top: -205px; z-index: 555;} .cont { background: rgb(138, 33, 46); float: left; color: #fff; padding-top: 1px; height: 19px; padding-right: 7px; font-size: 13px; } .lenta2 { float: right; position: absolute; right: 12px; top: 196px; z-index: 2;} .edge-left3 { float: left; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: #492557 #492557 #492557 rgba(79, 24, 100, 0); position: relative;} .cont3 { background: #492557; float: left; color: #fff; padding-top: 1px; height: 16px; padding-right: 7px; } .badge { display: inline-block; background: #37b01f; color: #fff; padding: 0 7px; -webkit-border-radius: 4px; border-radius: 4px; } .top-btl { padding: 13px 25px; background: #000 url("../images/blik.png") no-repeat 600px 0; background-color: rgba(0,0,0,0.9); font-size: 2em; font-family: 'OpenSansCondensedBold', Tahoma, sans-serif; letter-spacing: -0.04em; text-transform: uppercase; } .top-btl p { margin: 0; } .top-btl:after { content: ""; display: block; clear: both; } .top-btl-l { float: left; } .top-btl-r { float: right; width: 240px; } .top-btl2 { padding: 13px 0 13px 25px; position: relative; width: 240px; margin-bottom: 25px; display: block; background-color: #212121; font-size: 2em; font-family: 'OpenSansCondensedBold', Tahoma, sans-serif; letter-spacing: -0.04em; text-transform: uppercase; } .top-btl2:after { content: ""; position: absolute; left: 0; bottom: -12px; border: solid transparent; border-top-color: #212121; border-width: 12px 12px 0 0; } .addcomment {margin-top: 5px; margin-left:10px;} .h3 {background: url("../images/addcom.png") 0px 0px no-repeat transparent;height: 30px;padding: 0px 0px 0px 35px;font-size: 20px;} .full4 {background:url(../images/full4.gif) repeat-x bottom;padding:0 0 11px 3px;margin-bottom:13px;color:#737373;} .flleft {float:left;} /*gf-anywhere*/ .gf-anywhere { background:#4597BD; padding:10px 20px 10px; text-align:center; color:#ffdf7; border-bottom:1px solid #07598C;} .bxslider1 {width:140px;} .gf-right .bx-wrapper .bx-controls-direction a {top:40% !important;} .gf-right .bx-wrapper .bx-prev {left: -35px; } .gf-right .bx-wrapper .bx-next {left: 143px;} .short-anywhere {position:relative;} .short-anywhere a {display:block; padding:5px; height:251px;} .short-anywhere img {border: 3px solid #B3E2FF; width:124px; height:180px;} .short-anywhere span { display:block; color:#B3E2FF; width:114px; height:49px; overflow:hidden; padding:0 5px; text-transform:uppercase; margin:10px 0 0 0;} .short-anywhere a:hover span {color:#fff;} .short-anywhere a:hover img {opacity:0.8} /*general blocks*/ .gf-wrapper { margin:0 auto; text-align:left; width:990px; position:relative; background:#252525; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.8), 0 0 100px rgba(255,255,255,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8), 0 0 200px rgba(255,255,255,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.8), 0 0 100px rgba(255,255,255,0.3);} #gf-topbar { height:44px; border-bottom:1px solid #111; border-top:1px solid #2E3133; background:#222; background-image: linear-gradient(#151515, #2c2c2c); background-image: -moz-linear-gradient(#151515, #2c2c2c); background-image: -o-linear-gradient(#151515, #2c2c2c); background-image: -webkit-linear-gradient(#151515, #2c2c2c); background-image: -ms-linear-gradient(#151515, #2c2c2c);} #gf-logobar { height:140px; border-top:1px solid #4d4d4d; border-bottom:5px solid #07598C; background:#333; overflow:hidden; background-image: linear-gradient(#3e3e3e, #151515); background-image: -moz-linear-gradient(#3e3e3e, #151515); background-image: -o-linear-gradient(#3e3e3e, #151515); background-image: -webkit-linear-gradient(#3e3e3e, #151515); background-image: -ms-linear-gradient(#3e3e3e, #151515);} #gf-menubar { height:50px; position:relative; border-top:1px solid #fff; background:#dedede;} #gf-marquee { height:30px; padding:10px 20px; border-bottom:1px solid #111; border-top:2px solid #111; background:#222; position:relative; background-image: linear-gradient(#2a2a2a, #454545); background-image: -moz-linear-gradient(#2a2a2a, #454545); background-image: -o-linear-gradient(#2a2a2a, #454545); background-image: -webkit-linear-gradient(#2a2a2a, #454545); background-image: -ms-linear-gradient(#2a2a2a, #454545);} .gf-whitebar {margin:10px 0 0 0; background:#f4f4f4; overflow:hidden;} .gf-contentbar { margin:10px 0 0 0; overflow:hidden; background:#fefefe; border-top:5px solid #07598C; border-bottom:5px solid #07598C;} #gf-bottom { padding:20px 0; margin:10px 0 0 0; color:#888; overflow:hidden; background:#333; border-top:1px solid #1b1b1b; border-bottom:1px solid #1b1b1b} .gf-left {float:left; width:700px; padding:20px;} .gf-right { float:right; width:248px; border-left:1px solid #d8d8d8; background:#eee; padding-bottom: 20000px; margin-bottom: -20000px; overflow:hidden;} .gf-color {background:#07598C;} .social { background-color: #F7F7F9; display: block; height: 25px; margin: 10px 0px 30px; padding: 2px; } .social p {margin-bottom: 10px; color:#F25100;font-weight: 700;} .social .mymir {float:left; margin-right: 30px;} .social .vk {float:left;margin-right: 30px;} .social .twitter {float:left;margin-right: 0px;} .social .google {float:left;} .full img {border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; } .socbox { float:left; width:300px; height:70px; display:block; margin:0 0 10px 0; } .socbox li { float:left; padding:0 8px 0 0; } div.edit-user { position:absolute; right:0; background:url(../images/a-ico-edit.png) no-repeat left center; padding:0 0 0 25px;} .full img {border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; } .complaint-right a { color: #ffffff; font-size: 14px; font-family: pfdm; background: #0065AA; width: 109px; height: 23px; text-align: center; line-height: 25px; text-decoration: none; display: block; border-radius: 66px; } .complaint-right p { text-align: center; color: #616161; font-size: 13px; font-family: pfdr; margin-top: 10px; } .top_news li {padding:5px 0; border-bottom:1px dashed #ccc;} .top_news li img {float:left; width:60px; height:60px; padding:0 15px 5px 0;} .kino-min{position:absolute;left:900px;top:90px}.kino-min a{display:inline-block;opacity:.95}.kino-min a:hover{opacity:1}.kino-min_vkontakte{background:url("../images/we-vk.png") 0 0 no-repeat;height:23px;width:111px} .quotes { background: url("http://minizal.net/images/quotes.png") repeat; border: 2px solid #dee6f0; -webkit-border-radius: 12px; border-radius: 12px; padding: 15px; margin: 20px 20px 0; } .quotes .size-h3 { color: #607896; font-weight: 900; } /*** End Searchresult ***/ /*** Top100 ***/ .top100Title{ margin:0 0 10px 0; } .teble100{ background:rgba(255,255,255,0.5); float:left; margin:0 5px 5px 0; width:490px; } .nomer100{ background: rgba(0, 201, 255, 0.7); font-weight:bold; text-align:center; width:108px; } .chislo100{ background: rgba(8, 188, 248, 0.2); font-weight:bold; padding:0 0 0 10px; width:372px; } .poster100{ padding:5px; } .poster100 img{ background:#fff; -moz-box-shadow:0 0 5px #000; -ms-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; padding:3px; height:127px; width:93px; } .title100l{ background:rgba(255,255,255,0.5); -moz-box-shadow:0px 8px 10px -8px rgba(0,0,0,0.8); -ms-box-shadow:0px 8px 10px -8px rgba(0,0,0,0.8); -webkit-box-shadow:0px 8px 10px -8px rgba(0,0,0,0.8); box-shadow:0px 8px 10px -8px rgba(0,0,0,0.8); font-size:14px; font-weight:bold; margin:5px 5px 5px 1px; overflow:hidden; padding:2px 2px 2px 4px; height:20px; } .title100i{ border-bottom:1px dotted #9B9B9B; line-height:15px; margin:0 5px; padding:0 0 0 50px; } .title100iname{ float:left; font-weight:bold; margin:0 0 0 -50px; width:50px; } /*** End Top100 ***/ /*** ProfilePopup ***/ .ProfilePopupForm{ padding:5px; } .ProfilePopupAvatar{ background:#fff; -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -ms-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px rgba(0,0,0,0.5); float:left; padding:5px; width:110px; } .ProfilePopupAvatar img{ width:110px; } .ProfilePopupInfo{ float:right; font-size:12px; padding:0 0 0 110px; width:194px; } .ProfilePopupInfoBr{ border-bottom:1px dotted #9B9B9B; } .ProfilePopupSpan{ font-size:11px; } .ProfilePopupInfoName{ float:left; margin:0 0 0 -110px; font-weight:bold; width:110px; } /*** End ProfilePopup ***/ /*** Stats ***/ .StatsContent{ background:rgba(255,255,255,0.5); font-weight:bold; padding:10px; margin:10px 0 0 0; text-shadow:0 1px 0 #fff; } .StatsRazdel{ background:rgba(250,250,150,0.2); -moz-box-shadow:0px 8px 10px -8px rgba(0,0,0,0.5); -ms-box-shadow:0px 8px 10px -8px rgba(0,0,0,0.5); -webkit-box-shadow:0px 8px 10px -8px rgba(0,0,0,0.5); box-shadow:0px 8px 10px -8px rgba(0,0,0,0.5); font-size: 16px; padding:3px 8px; } .StatsContentPi{ background:rgba(200,200,200,0.2); } .StatsContentPunct{ border-bottom:1px dotted; padding:3px 0 3px 0; } .StatsContentTitlePunct{ float:left; padding:0 5px; width:180px; } .StatsUsersTopTitle{ margin:10px 0 5px 0; } .u_table{ background:rgba(255,255,255,0.5); font-weight:bold; width:990px; } .u_table td{ padding:5px } .u_table_user_photo img{ -moz-box-shadow:0 0 5px rgba(0,0,0,1); -ms-box-shadow:0 0 5px rgba(0,0,0,1); -webkit-box-shadow:0 0 5px rgba(0,0,0,1); box-shadow:0 0 5px rgba(0,0,0,1); background:#fff; margin:5px; padding:5px; width:100px; } .SpritAllPM{ background-position:-187px -69px; height:22px; width:32px; } .SpritAllPM:hover{ background-position:-220px -69px; height:22px; width:32px; } /*** End Stats ***/ /*** StopForm ***/ .StopForm{ display:block; margin:20px auto 0; padding:0 0 10px 0; width:990px; } .StopFormTitle{ font-size:24px; text-align:center; } /*** End StopForm ***/ /*** ?????? ????? ***/ .upTop { display:none; width:100px; height:100%; position:fixed; left:0px; top:0px; z-index:100; } .upTopButton { background:#777777 url(../images/goup.png) no-repeat; width:27px; height:27px; position:fixed; top:10px; left:10px; cursor:pointer; } .upTopZone { display:none; background:url(../images/upbg.png) repeat; width:100px; height:100%; cursor:pointer; } .upTopZone p { background:#777777; font-size:12px; width:63px; height:27px; margin:0; position:fixed; top:10px; left:37px; color:#fff; font-family:"tahoma", "verdana", "arial"; line-height:25px; text-align:center; text-shadow:1px 1px 1px #000000; } @media screen and (max-width:1024px) { .upTopZone { display:none !important; } } .blue .upTopButton, .blue .upTopZone p { background-color:#3fa3e1; } .green .upTopButton, .green .upTopZone p { background-color:#60bf3a; } .red .upTopButton, .red .upTopZone p { background-color:#ca2929; } .orange .upTopButton, .orange .upTopZone p { background-color:#ef990b; } .purple .upTopButton, .purple .upTopZone p { background-color:#b053a0; } .grey .upTopButton, .grey .upTopZone p { background-color:#777777; } /*** ?????? ????? ***/ .kp { color: #F25100; vertical-align: middle; font-size: 12px; font-family: tahoma; font-weight: bold; } .imdb { color:black; font-size: 12px; vertical-align: middle; padding-left: 15px; font-family: tahoma; font-weight: bold; } .rating23 {color: #3a95b5; font-size: 12px; font-family: tahoma; padding-left: 5px;font-weight:bold;padding-right:5px;} blockquote { color: #333; margin: 5px 0 5px 10px; padding: 0 0 0 10px; border-left: 4px solid #267ABF; font-style: italic; } blockquote blockquote { margin: 5px 0 5px 10px; padding: 0 0 0 10px; border-left: 4px solid #CC3300; } #perde { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.8; filter: alpha(opacity=80); z-index: 100; } .ac-kapa { position: relative; background-color: tomato; z-index: 101; padding:10px; color:white; text-align:center; text-decoration:none; } .video { position: relative; z-index: 101; display:block; } .OnliPlayerB {background-color: rgb(213, 12, 12); -moz-box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.4); border: 2px solid rgb(222, 222, 222); margin: 3px; padding: 3px; padding-bottom:10px; text-align:center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} /*---?�?�?????? ???????---*/ .xfvalue_poster img {margin: 0px 15px 5px 0px; box-shadow: 0px 1px 10px -2px #6D6D6D; border-radius: 22px;} .xfvalue_pictures img {margin: 5px; box-shadow: 0px 1px 7px #C5C5C5; border-radius: 7px;} .Kino-Min a{display:inline-block;opacity:.95} .Kino-Min a:hover{opacity:1} .Kino-Min_vkontakte{background:url("../images/we-vk.png") 0 0 no-repeat;height:23px;width:111px} .tabs { list-style: none; height: 32px; border-bottom: 1px solid #e0e0e0; margin: 0; padding: 0; } .page_tabs { list-style: none; height: 32px; width: 100%; margin-top: 10px; margin-bottom: -20px; border-bottom: none; } .tabs li, .page_tabs li { margin: 0px; padding: 0px; float: left; height: 31px; line-height: 32px; border: 1px solid #e0e0e0; overflow: hidden; position: relative; background: #eaeaea url('http://mvcreative.ru/example/18/images/tab-bg.png') repeat-x; margin-right: 2px; margin-bottom: -1px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .page_tabs li.active a { -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .tabs li a, .page_tabs li a { font-weight: bold; color: #666666; text-decoration: none; display: block; padding: 0px 20px; outline: none; } .tabs li a:hover, .page_tabs li a:hover { color: #3DC0E0; } .tabs li.active, .tabs li.active a, .tabs li.active a:hover, .page_tabs li.active, .page_tabs li.active a, .page_tabs li.active a:hover { color: #333333; background: #ffffff; border-bottom: 1px solid #ffffff; } .tab_container { border: 1px solid #e0e0e0; border-top: none; overflow: hidden; margin-bottom: 20px; background: #ffffff; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .tab_content { margin: 19px; /* 20 - border */ } #RutubeBox {background-color:#000; margin:0px; padding:2px; border:2px solid #000; width:550px; overflow:hidden; cursor:default; -moz-user-select:none;} #RutubePlayer {width:100%; height:470px;} #RutubePlayer span { display:block; height:470px; line-height:450px; color:#FFF; cursor:default; } #PlayList {background-color:#EFEFEF; paading:5px; overflow:hidden; overflow-y:auto; width:100%; height:200px; } #PlayList span#link {background-color:#F0F0F0; padding:7px; border-bottom:1px solid #CCC; color:#000; width:100%; display:block; text-align:left; text-shadow:0px 1px 1px #000; cursor:pointer; } #PlayList span#link:hover {background-color:#1A1A1A; color:#FFFFFF; text-shadow:0px -5px 10px #FFF; } #PlayList span#link:last-child {border:none;} /*????? ? ??????*/ .screens {text-align: center;padding-left: 2px;background: #414141;clear: both;border-top: 5px solid #ee7b00;padding: 10px 12px 10px 13px;margin-bottom: 2px;} .screens img {padding-right: 4px; width: 195px;opacity: 0.75; height:110px;} .screens a img:hover {opacity: 1;} .screens a {display:inline-block;vertical-align:top;} .b-poster{ position: relative; float: left; width: 110px; height: 150px; margin: 0 8px 8px 0; padding: 0; border: 0; display: block; } .b-poster a, .b-poster a:visited, .b-poster a:hover { text-decoration: none; outline: 0; color: #000; } .poster{ position:absolute; display: block; width: 110px; height: 150px; background-repeat: no-repeat; background-position: center top; cursor: pointer; overflow: hidden; } .link{ background: #f89406; display: inline-block; width: 102px; padding: 4px 4px 4px 4px; overflow: hidden; margin-top: 114px; color: #fff; line-height: 1.2em; text-align: center; } .poster:hover{ z-index:99; overflow: visible; } .day{ box-shadow: 0 0 6px #ccc; border: 1px solid #CACACA; background: url(../images/content-wrap-bg.png) repeat-x; margin-left: 8px; width: 590px; padding:10px; float: left; margin-bottom: 20px; } #rating div{ /* margin-top:10px; */ /* position:absolute; */ /* bottom:10px; */ } #rating span.average{ font-weight: bold; font-size:18px; } #nextserial{ position:absolute; bottom:-330px; background: rgba(228, 143, 72, 0.8); width:290px; margin-right:5px; padding:5px; font-size:16px; font-weight:bold; text-align:center; border-bottom-left-radius:1px; border-bottom-right-radius:1px; } #nextserial span{ display:block; text-align:center; font-weight:bold; color:#fff; font-size:20px; width:100%; } .blockbg{ background: rgba(255,255,255,0.91); padding: 5px 5px 5px 5px; margin-bottom: 10px; } .kadrs1 { width: 695px; height: 120px; background: rgb(220, 218, 218);margin-left: -3px;margin-top: 10px;padding: 15px 15px 15px 15px;} .kadrs1 img { width: 210px; height: 120px; padding-right: 5px; padding-bottom: 5px; border-radius: 20px; margin: 0px 5px 10px 10px; } .fbutton:active{background:#980f00}.impot{font-weight:700;color:#000}.f_input,.f_textarea{background:#f9f9f9;border:1px solid #e3e3e3;width:500px;padding:6px 20px;border-radius:7px}.tableform{border-spacing:0 15px}#count_symb{position:relative;right:10px;font-size:12px}#jq-text{display:none;color:#000;font-size:16px;text-align:center}.saveserr{background:#f9f9f9;border:1px solid #BBB;color:#444;font-family:Arial;font-size:14px;padding:4px 5px;width:200px}#save_series{color:#00707e}.section{margin:0 auto 12px}.counter{color:#79CEF1;font-size:180px} .share-soc{ font-size:0.9em; border:#EE7B00 1px solid; padding:10px; } .soc-share-title{ padding-bottom:10px; } .berrors{padding-left:12px;background:#ee7b00;} .berrors .berrors{color:#8D7076;padding:10px 13px;background:#F8F7F7;border-bottom:2px solid #E9E9E9;} .ignore-select #go{background:#101010;margin:auto;width:627px;border-radius:5px;padding:5px 0;} .ignore-select #go .f_input{padding:3px;border:1px solid #bcc0c2;font-size:13px;vertical-align:middle;height:14px;} .ignore-select #go .btn{width:60px;height:15px;float:none;line-height:15px;display:inline-block;padding:3px 10px 3px;margin-bottom:0;font-size:13px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #ccc;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;} .ignore-select #go .btn:hover{color:#333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} .player-close{text-align:center;height:200px;background:black;color:#fff;font-size:15px;font-weight:bold;padding-top:220px;background-position:50% 200px;margin:0 2px;} .bloc_recreativ{border:1px solid rgb(0, 0, 0);padding:0px;margin:11px;width:620px;height:122px;} .fast_info { position:absolute; left:-21px; top:5px; } .fast_info a { background:none !important; border:none !important; padding:0px !important; } .fast_info_box { position:relative; } .fast_info_box .fast_info { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity:0 !important; } .fast_info_box:hover .fast_info { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity:1 !important; } #modal { visibility:hidden; width:550px; padding:5px; background:url(../images/popbg.png) repeat; position:fixed !important; top:50% !important; left:50% !important; margin-top:-94px !important; margin-left:-180px !important; z-index:99999; } ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width: 210px; } ul#menu a { display: block; text-decoration: none; } ul#menu li { margin-top:3px; border-bottom:1px solid #E5E5E5; } ul#menu li a { color: #848484; border:1px solid #E5E5E5; border-bottom:none; font-weight:bold; padding:5px 5px 5px 10px; text-transform: lowercase; background:#fff url(../images/menu_a_bg.jpg) repeat-x bottom; } ul#menu li ul li a { background:#fff url(../images/mark2.png) left center no-repeat !important; color: #000 !important; padding-left:19px !important; font-weight:normal !important; } ul#menu li ul li a:hover { background:#F9F9F9 url(../images/mark.png) left center no-repeat; } .menu_2 a { font-size:10px !important; color: #797979 !important; text-transform:none !important; background:#FFF !important; background:#fff url(../images/mark2.png) left center no-repeat !important; padding-left:19px !important; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; opacity: 1 !important; } .menu_2 a:hover { background:#F9F9F9 url(../images/mark.png) left center no-repeat !important; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; opacity: 1 !important; } .menu_anker { width:185px; height:18px; margin-top:-1px; } .menu_anker { width:185px; height:16px; margin-top:-1px; } .menu_float_r { float:right; font-weight:normal; color:#ccc; } .menu_float_l { float:left; } .menu_float_l2 { border:1px solid #E3E3E3; background:#F7F7F7 url(../images/ident.png) top repeat-x; padding:1px 0px 4px 0px; line-height:10px; margin-top:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px 0px #fff !important; color:#B2B2B2; width:29px; text-align:center; } .redround { background-color: #ee7b00; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; display: block; padding: 0 4px; text-align: center; line-height: 15px; position: absolute; right: 403px; top: 16px; font-style: normal; color: #fff; z-index: 1; -moz-box-shadow: 0 0 5px 5px #888; /* -webkit-box-shadow: 0 0 5px 5px #888; */ /* box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5); */ /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.41); */ } .redround.hide { display: none; } /* ??? ????? ? ?????????? ???????????? ????? ???????? */ .short-serial { padding: 16px; margin: 10px 0; box-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 100px rgba(255,255,255,0.3); } .short-serial a { font-size: 14px; background-color: #fff; font-weight: 700; } .short-serial a:hover { color: #be0750; } .serial-list-item { background: url(../images/serial-list-item.jpg) 0 12px repeat-x; position: relative; font-size: 12px; height: 30px; overflow: hidden; padding: 0; } .serial-list-item a:active { color:#be0750; } .serial-list-item2 { background: url(../images/serial-list-item.jpg) 0 -6px repeat-x !important; } .serial-list-item-link { background: #fff url(../images/serial-list-item-link.jpg) left -11px no-repeat; color: #EA9500; text-decoration: none; font-weight: 700; padding: 0 0 0 10px; } .serial-list-item-link2 { background: #fff url(../images/serial-list-item-link.jpg) left 6px no-repeat !important; color: #be0750; } .serial-list-item span { display: block; position: absolute; right: 0; background: #fff; top: 2px; color: gray; font-size: 13px; z-index: 2; padding: 0 0 0 2px; } .span_hover: { color: #be0750; } .season_s { margin: 5px 0 20px 0; width: 100%; } .season_s table { border: 1px dashed #ee7b00; width: 100%; } .season_s th { font-weight: normal; border-bottom: 1px dashed #69C; padding: 12px 17px; background: #ee7b00; color: white; } .season_s tr:nth-child(odd) { background: #eee; } .season_s tr:nth-child(even) { background: #FFFFF0; } .season_s td {color: #669; padding: 7px 17px;} .season_s tr:hover td {background:#ccddff;} /*---Best users---*/ .stats {padding: 25px;margin: 20px 2px;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .stats em {float:right;margin:20px 20px 0 0;} .stats table{margin:10px 0;width:100%;border:3px solid #f3f3f3;border-spacing: 1px;padding: 0 0 20px 0;} .stats table th,.stats table td{padding:.5em;text-align:center;vertical-align:center;} .stats table th{font-weight:normal;background:#fff; font-size: 0.9em;} .stats table thead th{vertical-align:bottom;} .stats table thead th,.table thead td{border-top:0 none;} .stats table tbody+tbody{border-top:2px solid #666;} .stats table tbody tr:nth-child(2n+1) td,.table tbody tr:nth-child(2n+1) th{background:#f3f3f3;} .stats table tbody tr:nth-child(1) th,.stats table tbody tr:nth-child(3) th {background:#f3f3f3;} .userstop tbody tr td:nth-child(7) {width:60px !important;} #nextserial{ position:absolute; font-family:'BebasBold', sans-serif; color:#fff; text-align:center; margin-right:10px; font-size:15px; background:rgba(0,0,0,.5); width:290px; padding-top:4px; padding-bottom:5px; } /* TabControl End */ .random-f { padding: 5px 0 0px 0px; } .short-anywhere1 { position:relative; } .short-anywhere1 a { display:block; padding:5px; text-decoration: none; width: 237px; max-width: 100%; height: auto; } .short-anywhere1 img { border: 3px solid #ee7b00; width: 230px; max-width: 100%; height: auto; } .short-anywhere1 span { display: block; background: #F19432; text-align: center; height: 30px; overflow: hidden; margin: 5px 0 0 0; padding: 5px; text-transform: uppercase; font-size: 14px; color: #FFF; font-family: pfdm; } .short-anywhere1 a:hover img { opacity:0.8} /* TabControl End */ /* ???? ?????? ????? ????? CSS */ .episode {background: #e6e6e6; margin-top: 15px; overflow: hidden; border-radius: 2px;} .ep-img {position: relative; float: left; margin-right: 10px; height: 120px; width: 90px; overflow: hidden; border-radius: 2px;border: 2px solid #f89406;} .ep-img img {width: 100%;} .ep-info {margin-top: 6px;} .ep-title {color: #505050;/* font-weight: bold; */ font-size: 13px;} .ep-otitle {color: #ee7b00; font-size: 11px;font-style: italic;} .ep-name {color: #505050; margin-top: 7px; font-size: 13px;} .ep-date {margin-top: 30px;margin-bottom: 10px;position: relative;} .ep-date span.date {color: #fff; padding: 10px 16px; font-size: 15px;background-color: #ee7b00; display: inline;} .ep-date small {font-size: 15px; font-weight: 400; margin-left: 10px;} .fast_perehod{margin-top:0px;background:#469FAB;} .fast_perehod a{display:block;height:29px;padding-top:10px;font-size:16px;color:#FFFFFF;} .fast_perehodForm .one{background:#505050;padding:0 0 0 13px;width:222px;height:34px;font-size:14px;border:1px solid #469FAB;color:#FFFFFF;} .fast_perehodForm .two{padding:0;margin:0 0 0 3px;border:1px solid #469FAB;background:#469FAB;color:#FFFFFF;font-size:14px;width:37px;height:37px;} .fast_perehodForm .two:hover{cursor:pointer;background:#505050;} div.fast_perehod a:hover{text-decoration:none;background:#505050;} .nazv-cat{display:block;width:100%;z-index:1000;bottom:0px;text-align:center;color:#fff;background:rgba(230, 118, 91, 1);} .nazv-cat:hover{display:block;width:100%;z-index:1000;bottom:0px;text-align:center;color:#fff;background:#4199a8;} .cat-title-carus{color:rgb(255, 255, 255);} #panel #l {left:0px;} #panel #r {right:0px;} #wrapper {background:#000;margin:auto;width:820px;border:2px solid #222;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000;-webkit-box-shadow:0 0 2px #000;} #player {background:url(images/loading.gif) center no-repeat;width:620px;height:370px;} #panel {width:85-px;padding:0 40px 0 40px;white-space:nowrap;position:relative;overflow:hidden;border-top:1px solid #333;text-align:left;} #panel #l, #panel #r {position:absolute;top:0px;height:28;padding:14px 4px 15px 4px; } #panel #l {background:url(images/prev.png) -80px 0 no-repeat;width:30px;border-right:1px solid #333} #panel #r {background:url(images/next.png) -82px 0 no-repeat;width:30px;border-left:1px solid #333} #panel #l:hover { background-position:-40px 0;}#panel #r:hover { background-position:-42px 0;} #panel #l:active {background-position:0 0;}#panel #r:active {background-position:-2px 0;} #panel button::-moz-focus-inner {padding:0;border:0;} #panel button {background:url(images/scroll_bg.png);width:105px;height:30px;color:#787878;border:1px solid #000;text-transform:uppercase;font:7pt bold;text-shadow:0 0 2px #000;} #panel button.active, #panel button:hover {background:url(images/scroll_bg_hov.png);color:#EFEFEF;text-shadow:0 0 1px #000;} #playlist {position:relative;} .login-form > div[id]{display: none;} .u-star-rating-21 {margin-left: 3px !important;} .ml-desc a {color: #2a2a2a;} .ml-desc a:hover {text-decoration: underline} #crt_blk_cont {display: none !important;} /* Pagination -----------------------------------------------------*/ .pagination {text-align:center; line-height: 3; margin-top: 10px;} /* -- active -- */ .pgSwchA b, .swchItemA span, .swchItemA1 span { z-index: 2; color: #FFF; cursor: default; font-weight:normal; position: relative; padding: 6px 12px; line-height: 1.42857; text-decoration: none; margin:0 2.5px; background-color: #535865; border: 3px solid #535865; } .pgSwchA:hover b, .swchItemA:hover span, .swchItemA1:hover span { background-color: #535865; border: 3px solid #535865; } .pgSwchA:first-child b, .swchItemA:first-child span, .swchItemA1:first-child span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pgSwchA:last-child b, .swchItemA:last-child span, .swchItemA1:last-child span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* -- no active -- */ .pgSwch span, .swchItem span, a.swchItem1 { margin:0 2.5px; position: relative; padding: 6px 12px; line-height: 1.42857; text-decoration: none; transition: 0.3s; color: #535865; background: #f1f2f4; border: 3px solid #f1f2f4; } .pgSwch:hover span, .swchItem:hover span, a.swchItem1:hover { text-decoration: none; color: #2B957A; background: transparent; border: 3px solid #d2d5da; } .pgSwch:first-child span, .swchItem:first-child span, a.swchItem1:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pgSwch:last-child span, .swchItem:last-child span, a.swchItem1:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* -- dots -- */ .swchItemDots { margin-left: -1px; position: relative; padding: 6px 12px; line-height: 1.42857; text-decoration: none; background-color: transparent; border: 1px solid transparent; } .foot-wr {margin-top: 40px;position: relative; padding-bottom: 10px} .allUsersBtn, .uSearchFlSbm {width: auto !important;} form#pmdform {margin-top: 25px !important;} form#pmdform table{line-height: 2.5 !important;} .codeButtons {width:auto !important}