*{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: url(../images/fon2026.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;margin-top: 25px;height:100%;width:100%;font-weight:400;} img{max-width:100%;} .clr{clear:both;} .clearfix:after{content:"";display:table;clear:both;} a{font-size:15px;color:#2a2a2a;text-decoration:none;} a:hover, a:focus{font-size:15px;color:#f0542e;text-decoration:none;} h1, h2, h3, h4, h5{font-weight:400;font-size:22px;} h6{font-weight:400;font-size:17px;} .form-wrap{margin:0;background-color:#fff;} .sub-title h1{margin-bottom:15px;font-size:24px;} .pm-page, .search-page, .static-page, .tags-page{} .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:0px 20px;color:#fff;display:inline-block;background-color:#292c33;font-weight:700;text-transform:uppercase;height:30px;line-height:30px;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:#FFFFFF;} .img-box img{width:100%;min-height:100%;} .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;} .wrap{height:auto;width:100%;min-width:320px;position:relative;} .center{width:100%;min-width:320px;max-width:1264px;margin:0 auto;position:relative;} .centerrol{width:100%;min-width:320px;max-width:1264px;margin:0 auto;position:relative;} .head-wr, .foot-wr{background-color:#292c33;position:relative;max-width: 1264px;width: 100%;margin: 0 auto} .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{background-color:#f0542e;padding:20px 0;margin-bottom:40px;background:radial-gradient(ellipse at center, #f7884b 0%,#f0542e 100%);max-width: 1264px;width: 100%;margin: 0 auto} .cols-r{padding:0 300px 20px 20px;background-color:#FFF;margin-bottom:40px;} .cols-r:before{content:"";width:300px;height:100%;position:absolute;right:0;top:0;background-color:#f4f6fa;border-left:1px solid #e3e3e3;} .cols-r .sidebar{float:right;width:300px;margin-right:-300px;padding:0;position:relative;} .cols-r .content{float:left;width:100%;min-height:900px;padding:20px 20px 0 0;} .foot{padding:20px 10px;} .logotype{height:60px;width:230px;display:block;position:absolute;left:0;top:0;background:url(../images/logo2026.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 10px;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-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{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:100001;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;} .carou{overflow:hidden;height:270px;padding:20px;} .carou-item{display:block;height:210px;max-width:165px;margin:0 5px;} .carou-item2{display:block;height:210px;max-width:210px;margin:0 5px;} .carou-item5{display:block;height:210px;max-width:280px;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.6);color:#FFF;font-weight:700;} .carou-item{margin:0 5px 40px 5px;float:left;width:140px;} .carou .owl-item .carou-item{margin:0;float:none;width:auto;} .carou .owl-item{padding:10px;} .section-title{line-height:20px;margin-bottom:20px;} .section-title .title{float:left;margin-bottom:0;} .section{padding:20px;background-color:#FFF;} .sectionrol{padding-top:20px;padding-left:300px;padding-right:300px;padding-bottom:20px;background-color:#FFF;} .sectionrolful{padding-top:20px;padding-left:150px;padding-right:150px;padding-bottom: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;} .movie-item{margin-bottom:20px;} .movie-cols{padding-left:220px;} .movie-colsforum{padding-left:100px;} .movie-img2{width:220px;margin-left:-220px;float:left;height:180px;} .movie-img3{width:220px;margin-left:-220px;float:left;height:220px;} .movie-img4{width:220px;margin-left:-220px;float:left;} .movie-img5{width:280px;float:left;height:220px;margin:10px;} .movie-imgforum{width:100px;margin-left:-100px;float:left;height:100px;} .movie-img{width:220px;margin-left:-220px;float:left;height:335px;} .movie-img:hover img{opacity:0.7;} .movie-text{float:right;width:100%;padding-left:20px;max-height:335px;overflow:hidden;} .movie-text10{float:right;width:98%;padding-left:20px;max-height:335px;overflow:hidden;} .movie-text2{float:right;width:100%;padding-left:20px;max-height:180px;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-date111{background-color:#d2d5da;color:#fff;} .meta-qual{border:3px solid #d2d5da;padding:5px 10px;margin-bottom:10px;text-transform:uppercase;} .poster-label{display:inline-block;padding:5px 10px;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-online2{background-color:#614a45;color:#fff;width:220px;float:left;text-align:center;} .mb-online3{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-colsforum{padding-left:0;} .grid-thumb .movie-img{width:100%;height:335px;float:none;margin-left:0;} .grid-thumb .movie-img2{width:100%;height:180px;float:none;margin-left:0;} .grid-thumb .movie-img3{width:100%;height:220px;float:none;margin-left:0;} .grid-thumb .movie-img4{width:100%;height:220px;float:none;margin-left:0;} .grid-thumb .movie-img5{width:100%;height:220px;float:none;margin-left:0;} .grid-thumb .movie-imgforum{width:100%;height:100px;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;} .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-img2{height:180px;margin-bottom:20px;} .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;} .caroubott4 .carouside-item{width:225px;float:left;margin:0 10px;} .caroubott4 .owl-item .carouside-item{width:100%;float:none;margin:0;} .caroubott4 .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-item11{position:relative;margin-bottom:20px;padding-left:30px;} .skoro-img{width:70px;height:90px;position:absolute;left:0;top:0;} .skoro-imgnews{width:70px;height:50px;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;} .foot-menu{padding-right:120px;} .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;} .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:50px;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;} .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;} .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{font-size:100%;color:#f0542e;} .full-text ul li{list-style:disc;margin-left:40px;} .full-text a:hover{text-decoration:none;color:#ea3e26;} .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 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:#919191;} .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;} .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 20px 10px 140px;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:#ffffff;padding:10px;border:4px 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-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;} #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;} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .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);} .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;height:10px;text-align:center;} .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;} .caroubott4 .owl-theme .owl-controls{top:0;bottom:auto;} .caroubott4 .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;} .caroubott4 .owl-prev{right:40px;} .caroubott4 .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;} .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;} .caroubott4 .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;} .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;} .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;border-radius:30px;} .owl-item.loading{min-height:140px;background:url(../images/loader.gif) no-repeat center center;} .show-menu{display:none;} @media screen and (max-width:1220px){.center{max-width:1100px;} .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:950px;} .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;} .polzunok{display:none;} } .hide-on-mobile { display: inline; } /* Smartphone Portrait and Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .hide-on-mobile { display: none; }} @media screen and (max-width:760px){.center{max-width:760px;} .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-img2{height:260px;} .grid-thumb .movie-img{height:260px;} .grid-thumb .movie-img3{height:220px;} .grid-thumb .movie-img4{height:220px;} .grid-thumb .movie-img5{height:220px;} .grid-thumb .movie-imgforum{height:100px;} .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;} .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-colsforum{padding-left:0;} .movie-img2{margin:0 auto 20px auto;float:none;} .movie-img4{margin:0 auto 20px auto;float:none;} .movie-img3{margin:0 auto 20px auto;float:none;} .movie-img5{margin:0 auto 20px auto;float:none;} .movie-imgforum{width:150px;height:150px;margin:0 auto 20px auto;float:none;} .movie-img{margin:0 auto 20px auto;float:none;} .movie-item:not(.movie-full) .mb-online{display:none;} .movie-item:not(.movie-full) .mb-online2{display:none;} .movie-item:not(.movie-full) .mb-online3{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;} .sectionrol{padding:20px 10px;} .sectionrolful{padding:20px 10px;} .grid-thumb .movie-item{width:31.33%;margin:0 1% 20px 1%;padding-bottom:40px;} .grid-thumb .movie-img2{height:200px;} .grid-thumb .movie-img4{height:220px;} .grid-thumb .movie-img5{height:220px;} .grid-thumb .movie-img3{height:220px;} .movie-full .movie-img3{margin:0 auto 30px auto;} .grid-thumb .movie-imgforum{height:100px;} .movie-full .movie-imgforum{margin:0 auto 30px auto;} .movie-full .movie-img2{margin:0 auto 30px auto;} .movie-full .movie-img5{margin:0 auto 30px auto;} .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.caroubott4 .owl-item{padding:0 40px;} .sectionrol.caroubott4 .owl-item{padding:0 40px;} .sectionrolful.caroubott4 .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;} } .sectiondextop{padding:20px;background-color:#FFF;} .centerdextop{width:100%;min-width:320px;max-width:1264px;margin:0 auto;position:relative;} .sectionmob{padding:20px;background-color:#FFF;} .centermob{width:50%;min-width:320px;max-width:1264px;margin:0 auto;position:relative;} @media only screen and (max-device-width:780px){.sectiondextop,.centerdextop{display:none;} } @media only screen and (min-device-width:770px){.sectionmob,.centermob{display:none;} } #no-friends{padding:6px;border:1px solid #C0D4DE;background-color:#F3F7F9;color:#507D98;margin:10px 0;} .friends{margin-bottom:10px;} .friends ul, .prof-list{margin-top:10px;} .friends li{width:100px;text-align:center;float:left;margin-right:10px;} .friends img{display:block;margin:0 auto;width:100px;height:100px;} .friends_table h3{margin-bottom:6px;font-size:14px;line-height:14px;font-weight:bold;} .friends_table h3 a span{font-size:12px;font-weight:normal;color:#6C838E;} .friends_table h3 a span:hover{text-decoration:underline;} .friends_table ul{list-style:none;margin:0;padding:0;} .friends_table td{padding:10px;border-bottom:1px solid #EEE;font-size:12px;vertical-align:top;} .friends_table .active{background-color:#F8F8F8;} .contact_friends{width:140px;} .contact_friends a, .contact_friends span{display:block;padding:6px;margin-bottom:4px;line-height:11px;} .contact_friends a:hover{background-color:#DAE7ED;text-decoration:none;} #allfriends .rcol{margin-top:4px;} #allfriends h2.lcol a{text-decoration:underline;} #allfriends h2.lcol a:hover{text-decoration:none;} #friends_feed{margin:0 15px;} #friends_feed table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:25px;} #friends_feed td{vertical-align:top;text-align:left;} #friends_feed td.f_avatar, #friends_feed td.f_author{border:1px solid;border-color:#ACCCDA #E2EDF2 #E2EDF2;vertical-align:middle;background-color:#F4F8FA;} #friends_feed td.f_avatar{width:50px;border-spacing:10px;padding:2px;border-right-width:0;} #friends_feed td.f_avatar img{width:50px;height:50px;} #friends_feed td.f_author{padding:0 10px;border-left-width:0;border-style:solid;font-size:11px;} #friends_feed td.f_author h3{fonst-size:14px;font-weight:bold;margin-bottom:4px;} #friends_feed td.f_story{padding:15px 0;} #friends_feed .f_cover{width:104px;max-height:104px;overflow:hidden;margin-right:10px;float:left;border:1px solid #E2EDF2;background-color:#F4F8FA;} #friends_feed .f_cover img{width:100px;padding:2px;} #friends_feed td.f_det{border-top:1px solid #E2EDF2;padding:5px 0;} .feed_loader{padding:10px;text-align:center;border-top:1px solid #E2EDF2;color:#284B5A;margin-bottom:20px;} .f_active:hover{border-color:#ACCCDA;background-color:#F4F8FA;cursor:pointer;} .bb-pane-dropdown{height:200px;width:300px;overflow:auto;} .loginform{width:310px;} .users_search{border-bottom:solid 1px #ccc;padding:3px;} .user_set{border-bottom:solid 1px #ccc;padding:3px;} #btns *{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #btns{max-width:1200px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-flow:row wrap;flex-flow:row wrap;box-shadow:3px 0px 10px 3px rgba(0.2, 0, 0, 0.2);} .btn{position:relative;padding:10px 20px 25px;width:25%;background:#111;font-family:lato;cursor:pointer;box-sizing:border-box;} .btn:nth-child(1){background:#292c33;} .btn:nth-child(2){background:#69a935;} .btn:nth-child(3){background:#D2691E;} .btn:nth-child(4){background:#731b34;} .btn:nth-child(5){background:#ECC837;} .btn:nth-child(6){background:#EB984E;} .btn:nth-child(7){background:#F06292;} .btn:nth-child(8){background:#4DB6AC;} .btn:nth-child(1):after, .btn:nth-child(2):after, .btn:nth-child(3):after, .btn:nth-child(5):after, .btn:nth-child(6):after, .btn:nth-child(7):after{position:absolute;top:45%;right:-18px;z-index:1;content:"";border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #117ec3;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .btn:nth-child(1):after{border-left:20px solid #292c33;} .btn:nth-child(2):after{border-left:20px solid #69a935;} .btn:nth-child(3):after{border-left:20px solid #D2691E;} .btn:nth-child(5):after{border-left:20px solid #ECC837;} .btn:nth-child(6):after{border-left:20px solid #EB984E;} .btn:nth-child(7):after{border-left:20px solid #F06292;} .btn .icon{display:block;margin:10px auto;width:80px;height:80px;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0.9);transform:scale(0.9);color:#fff;} .btn .icon svg{fill:currentColor;} .btn .icon path{fill:currentColor;} .btn .icon{fill:currentColor;} .btn h2{margin-bottom:15px;text-align:center;color:#fff;font-family:raleway;font-size:1.5em;line-height:1em;font-weight:400;} .btn p{color:#fff;text-align:center;font-size:1.1em;line-height:1.5em;font-weight:300;} .btn:hover{background:#0b6ca9;} .btn:hover:after{border-left:20px solid #0b6ca9;} .btn:hover .icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(1);transform:scale(1);color:#fff;} .btn:hover h2{color:#fff;} @media all and (max-width:950px) and (min-width:701px){.btn{width:50%;} .btn:nth-child(2):after{border-left:0px;} } @media all and (max-width:700px) and (min-width:0px){.btn{display:block;width:100%;} .btn:nth-child(1):after, .btn:nth-child(2):after, .btn:nth-child(3):after, .btn:nth-child(4):after, .btn:nth-child(5):after, .btn:nth-child(6):after, .btn:nth-child(7):after{border-left:0px;} } .berrors{background:#ffe6dd;border:1px solid #f0c4b5;color:#553c33;padding:20px 25px;margin-bottom:25px;height:1%;border-radius:2px;box-sizing:border-box;} .usertop { list-style: none; margin: 0 -20px 0 0; padding: 0; } .usertop:after { content: ''; clear: both; display: block; } .usertop * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .usertop li { float: left; width: 50%; margin: 0; padding: 0 20px 0 0; } .usertop-item { position: relative; display: block; border-top: 1px solid #ddd; padding: 10px 10px 20px 85px; color: #2a2a2a; text-decoration: none; } .usertop-item:after { content: ''; display: block; clear: both; } .usertop-item:hover { text-decoration: none; background: rgba(0,0,0,.05); } .usertop-item-pos { position: absolute; top: 5px; right: 10px; font: normal 22px Arial; color: #3a87c3; font-style: italic; } .usertop-item-foto { float: left; margin-left: -90px; position: relative; width: 80px; height: 80px; } .usertop-item-foto:after { content: ''; position: absolute; left: -2px; top: 70px; width: 8px; height: 8px; background: #ccc; border-radius: 50%; } .usertop-item-foto.foto-online:after { background: #3c0; } .usertop-item-foto img { display: block; width: 100%; height: 100%; border-radius: 50%; } .usertop-item p { margin: 0; padding: 2px 0; line-height: 15px; } @media screen and (max-width:950px){ .usertop { margin: 0; } .usertop li { float: none; width: 100%; padding: 0; } } .forum-content { background: #fff; border: 1px solid #e5e5e7; padding: 10px; border-radius: 3px; box-shadow: 0 2px 5px rgba(0,0,0,.1); margin-bottom: 12px; } .forum-table { width: 100%; border: 1px solid #ddd; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } .forum-table thead { background: #f2f2f2; } .forum-table td:first-child { padding-left: 7px; padding-right: 0; } .forum-table thead td { border-bottom: 1px solid #ccc; } .forum-table td { padding: 7px 10px; vertical-align: middle; font: normal 13px Verdana; border-bottom: 1px solid #ddd; } .forum-hr { background: #e5e5e8 !important; } .forum-table-topic-icon.fixed { background-image: url("../dleimages/forum.png"); } .forum-table-topic-icon { width: 32px; height: 32px; background: url("../dleimages/forum.png") no-repeat 50% 50%; } .forum-hr td { border-bottom-color: #ddd; font-weight: bold; font-size: 10px; padding: 4px 15px; text-transform: uppercase; } .forum-group-title { padding: 15px 20px; font: bold 12px Verdana; text-transform: uppercase; color: #777; background: #eee; /* border: 1px solid #e5e5e7; */ border-radius: 4px; margin-bottom: 5px; } .forum-group { padding: 10px 160px 10px 60px; height: 100%; background: url("../dleimages/forum1.png") no-repeat 14px 50%; border-bottom: 1px solid #eee; border-radius: 2px; } .forum-group-info { color: #222; font: normal 13px/51px Arial; float: right; margin: -10px -160px 0 0; width: 150px; background: rgba(0,0,0,.03); border-left: 1px solid #eee; text-align: center; height: 52px; } @media screen and (max-width: 600px){ .forum-group-info {display:none; } } @media screen and (max-width: 600px){ .forum-table td:first-child {display:none; } } .forum-group a { font: bold 13px/31px Verdana; } top100-box, .top100-box * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .clearfix:after {content: ""; display: table; clear: both;} top100-box1 {background: transparent;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .clearfix:after {content: ""; display: table; clear: both;} .top100-box {text-align:center; font-weight:700;} .top100-box1 {text-align:center; font-weight:700;} .top100-title {font-size:24px; margin-bottom:20px; font-weight:700;} .top100-items {position:relative;} .top100-itemspodbor {position:relative;} .top100-items1 {position:relative;} .top100-items1 ol {position:relative; padding-top:420px;} .top100-items1 ol {position:relative; z-index:100; counter-reset:li} .top100-items ol {position:relative; padding-top:490px;} .top100-items ol {position:relative; z-index:100; counter-reset:li} .top100-item {padding:0 10px 30px 10px; float:left; width:24.24%; position:relative;} .top100-item1 {padding:0 10px 30px 10px; float:left; width:24.24%; position:relative;} .top100-itempodbor {padding:0 10px 30px 10px; float:left; width:30.24%; position:relative;} .top100-item::before {content:counter(li); counter-increment:li; font-size:24px; color:#FFF; font-weight:700; position:absolute; bottom:110px; left:50%; margin-left:-25px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; background-color:#596a72; background: linear-gradient(to top, #cedce7 0%,#596a72 100%); box-shadow:0 0 0 10px #b5c8d7;} .top100-item1::before {content:counter(li); counter-increment:li; font-size:24px; color:#FFF; font-weight:700; position:absolute; bottom:110px; left:50%; margin-left:-25px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; background-color:#596a72; background: linear-gradient(to top, #cedce7 0%,#596a72 100%); box-shadow:0 0 0 10px #b5c8d7;} .top100-item a {display:block; color:#000;} .top100-img {height:300px; overflow:hidden; background-color:#000;} .top100-imgpodbor {height:180px; overflow:hidden; background-color:#000;} .top100-img1 {height:130px; overflow:hidden; background-color:#000;} .top100-img {height:300px; overflow:hidden; background-color:#000;} .top100-imgost {height:180px; overflow:hidden; background-color:#000;} .top100-img img {width:100%; min-height:100%;} .top100-img1 img {width:100%; min-height:100%;} .top100-imgpodbor img {width:100%; min-height:100%;} .top100-name {height:40px; line-height:20px; overflow:hidden; margin-top:5px;} .top100-items::before {content:""; width:100%; height:460px; position:absolute; left:0; top:0; background-color: #f0542e; background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);} .top100-items1::before {content:""; width:100%; height:360px; position:absolute; left:0; top:0; background-color: #f0542e; background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);} .top100-itemsost::before {content:""; width:100%; height:360px; position:absolute; left:0; top:0; background-color: #f0542e; background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);} .trophy {float:none; width:200px; position:absolute; padding:10px; background-color:rgba(0,0,0,0.5);} .trophy a {color:#fff;} .trophy .top100-img {height:280px;} .trophy:nth-child(2) {left:80px; top:60px;} .trophy:nth-child(1) {left:50%; margin-left:-105px; top:20px;} .trophy:nth-child(3) {right:80px; top:80px;} .trophy:before {background-color:#ffd803; background: linear-gradient(to top, #ffea03 0%,#ffd803 100%); box-shadow:0 0 0 10px #f0dc03; color:#000; bottom:90px;} .top100-item:hover .top100-name {text-decoration:underline;} @media screen and (max-width: 950px) { .top100-item {width:20%;} .top100-item1 {width:20%;} .top100-itempodbor {width:20%;} .trophy {width:200px;} .trophy:nth-child(2) {left:20px;} .trophy:nth-child(3) {right:20px;} } @media screen and (max-width: 760px) { .top100-item {width:33.33%;} .top100-item1 {width:33.33%;} .top100-itempodbor {width:33.33%;} .trophy {width:200px; position:relative; left:0 !important; top:0 !important; margin:0 auto 20px auto !important;} .top100-items::before {display:none;} .top100-items1::before {display:none;} .top100-items ol {padding-top:0;} .top100-items1 ol {padding-top:0;} } @media screen and (max-width:590px) { .top100-item {width:50%;} .top100-item1 {width:50%;} .top100-itempodbor {width:50%;} .trophy {width:200px;} } /* === Стол заказов === */ .orderdesc-area{ padding: 20px; } .orderdesc-h{ font: bold 18px/30px Calibri; color: #333; } .orderdesc-add{ float: right; height: 30px; padding: 0 20px; border: 1px solid #127ad0; background: #127ad0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAKUlEQVQImWNwnHqTiYGBgenPv/9MDAwMTH/hNAMq/z8aH0r/IVIdmnkANWQmm4eB2ycAAAAASUVORK5CYII=') repeat-x 0 0; border-radius: 2px; cursor: pointer; color: #fff; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,.5); } .orderdesc-add:hover{ background: #127ad0; } .orderdesc-add-area{ display: none; clear: both; margin-top: 15px; background: #eee; padding: 5px 10px; border-radius: 3px; } .orderdesc-add-area-row{ padding: 10px 10px 10px 150px; border-bottom: 1px solid #e0e0e0 } .orderdesc-add-area-row:last-child{ border: none; } .orderdesc-add-area-row:after{ content: ""; display: table; clear: both; } .orderdesc-add-area-row-t{ float: left; margin-left: -140px; padding-top: 6px; font: bold 14px Calibri; color: #333; } .orderdesc-add-area-row-input{ width: 450px; height: 30px; border: 1px solid #ccc; border-radius: 3px; padding: 0 15px; } .orderdesc-add-area-row-input:focus{ border-color: #3a89c3; box-shadow: 0 0 3px rgba(60,140,200,.5); } .orderdesc-cancel, .orderdesc-doadd{ padding: 5px 25px; cursor: pointer; margin-right: 7px; } .orderdesc-cancel:hover, .orderdesc-doadd:hover{ box-shadow: 0 0 3px rgba(60,140,200,.5); } .orderdesc-related{ display: none; margin: 10px 0 0; list-style: none; background: #fff; padding: 10px; border: 1px solid #ddd; box-shadow: 0 2px 5px rgba(0,0,0,.1); width: 460px; border-radius: 3px; } .orderdesc-related li{ height: 22px; line-height: 22px; border-bottom: 1px solid #eee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .orderdesc-related li:first-child, .orderdesc-related li:last-child{ border: none; } .orderdesc-related-h{ text-align: center; font-weight: bold; } .orderdesc-statusinfo{ list-style: none; padding: 0 5%; margin: 10px 0 0; } .orderdesc-statusinfo:after{ content: ""; display: table; clear: both; } .orderdesc-statusinfo li{ float: left; width: 20%; font: normal 12px/22px Arial; color: #444; text-align: center; } .orderdesc-statusinfo li a, .orderdesc-statusinfo li a:hover{ text-decoration: none; } .orderdesc-statusinfo li a:hover span{ text-decoration: underline; color: #ff5f43; } .od-all, .od-wait, .od-done, .od-deny, .od-top{ display: inline-block; height: 22px; width: 22px; background-repeat: no-repeat; background-position: 0 0; background: #f0f0f0; vertical-align: bottom; } .od-all{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAApklEQVR42mP4gA08ZaCq8K35nZ2zz6EJv5ro5paR4ebS+AxZ+FFc0FYQvTUo7AqScF7MI4iuRzFxb+DCO91Owaw45bYULtxYjXBEdQ5cOGopQnipB1w4YCNCeKPLM5hwwmyE8FwfuOreNIRwWjlc+IrbVpjoVpf9CHdP9TkGET3mU4/knXetbp0nPnw40elW+golqDbHuQBB2PJ36AF7Y//uK9SNHQAeuqDkUdpBpwAAAABJRU5ErkJggg=='); } .od-wait{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAXklEQVR42mP4gA08ZaCL8IUIt+VYhEtdXDyeYQrHuLi4XMAUzgMK38AUnu3iEoTF7AduLpOxObA77Ak24XePsLn7RW/pOSzCvS4uYViEa11cvN5g8XyYx2o6hzeKMADqkq62n/RA2wAAAABJRU5ErkJggg=='); } .od-done{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAVElEQVR42mP4gA08ZRh44XdYhc8FzMYifC7AxesZhjBI9DCS6ul5L5BFocJnXFxyXiCJwlRPBYofQ4jCzQaKuyBEEVZORRZFckk/kiiyA+8NcHgDAJWdq89/NheVAAAAAElFTkSuQmCC'); } .od-deny{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAaUlEQVR42mP4gA08ZRg44RMXQOSrjajCJ7x8TgFFc1z6UYTP+bj4nACKukxGMwQonuYCVYxkJVAcLook/Aqo1u0UujDIXDcXn1Oowi+Aov0g80+gCK8HmwsUz0E1pHcq2N68ewMesGjCAB57pGIv6y4lAAAAAElFTkSuQmCC'); } .od-top{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAv0lEQVR42mP4gA08ZaBE+N3DW2+wCD+eU3kDi/CDCbmXsQg/7Mu5hC789MqrhxMwhF9vTrjwaEIuhvDKyBOP+lCFn194+XplxAk0s9/vDzgNUv2wPwfukncv37/f7nsUJPygH+HAu+sfw4X74MLvdsader/D9whYGOGdd1sjj0FVH3uIcMm7bVEngMKHIVYihA+nXXy/1/vU6/VxZx9PK74Gs/LltdcfXpx7+f7B0edvrx5/iR4m798Btb4lI9IA15afFB34FCYAAAAASUVORK5CYII='); } .orderdesc-related li .od-deny, .orderdesc-table td .od-deny{ cursor: help; } .orderdesc-table{ margin-top: 10px; width: 100%; border-top: 1px solid #ccc; border-collapse: collapse; } .orderdesc-table tr:nth-child(odd){ background: #fafaff; } .orderdesc-table tr:hover{ background: #eee; } .orderdesc-table td{ height: 22px; margin: 0; padding: 0; text-align: center; font: bold 11px/22px Arial; color: #666; border-bottom: 1px solid #ccc; } .orderdesc-table td.od_td_title{ text-align: left; padding: 2px 0 2px 10px; height: 18px; line-height: 18px; } .orderdesc-rating{ width: 100%; font-weight: bold; height: 22px; line-height: 22px; display: block; background:#eee; color: #999; cursor: pointer; border-radius:1px; } .orderdesc-rating-green{ text-shadow: 0 1px 3px rgba(0,0,0,.3); background: #74b52f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAIAAACOpGH9AAAAJElEQVQImWNoOmXGxMDAwPTv338mBgYGpv9wmgGvOIz/D7s4AAAVHIUkUImVAAAAAElFTkSuQmCC') repeat-x 0 0; color: #fff; } .orderdesc-edit{ font: normal 10px Arial; color: #d28c00; } .orderdesc-edit:hover{ color: #000; } #orderdesc-edit{ padding: 10px !important; } .orderdesc-navigation{ clear: both; margin-top: 15px; text-align: center; font: normal 12px Arial; color: #999; } .orderdesc-navigation *{ display: inline-block; margin: 0 2px 4px; padding: 7px 5px; border: 1px solid #eee; border-radius: 2px; } .orderdesc-navigation a{ border-color: #bedbf1; } .orderdesc-navigation a:hover{ color: #1e6faa; text-decoration: none; border-color: #3a89c3; box-shadow: 0 0 3px rgba(60,140,200,.5); } .show-alerts{ position: fixed; top: 0; right: 0; z-index: 1003; } .show-alerts>div{ background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAAGklEQVQImWP49esXEwMDA9P///+x0jBMI3kAMQInCeNawiQAAAAASUVORK5CYII=') 0 0 repeat-x; padding: 10px 15px; box-shadow: 0 2px 7px rgba(0,0,0,.2); border-left: 3px solid #f00; border-radius: 1px 0 0 1px; margin-top: 20px; color: #333; text-shadow: 0 1px 3px #fff; white-space: nowrap; display: none; width: auto; float: right; clear: both; cursor: default; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } div.showLoad{ display: block; height: 28px; width: 28px; background: url('data:image/gif;base64,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') no-repeat 50% 50%; } .mejs-container { max-width: 100%;} video {width: 100%;} iframe {width: 100%;} iframe {height: 370px;} ul.hr { margin: 0; /* Обнуляем значение отступов */ padding: 4px; /* Значение полей */ } ul.hr li { display: inline; /* Отображать как строчный элемент */ margin-right: 0px; /* Отступ слева */ border: 0px solid #000; /* Рамка вокруг текста */ padding: 4px; /* Поля вокруг текста */ } .tooltip { position:absolute; left:-2000px; top: -2000px; max-width:450px; background: #fff; border: solid 1px #e5e5e5; } .tooltip p { margin: 0; color: #303030; padding: 3px 5px; border: solid 1px #e5e5e5; font: normal 12px/20px Tahoma, sans-serif; } .spoiler-wrap{background:#fff;margin: 0 0 8px;border:1px solid #efefef} .spoiler-head{background:#efefef;cursor:pointer;padding:5px;} .spoiler-body{padding:10px} .spoiler-wrap.disabled .spoiler-body{display:none} .spoiler-wrap.active{border-color:#57AA43} .spoiler-wrap.active .spoiler-head{background:#57AA43;color:#fff} .center222 { width: 100%; height: 100px; min-width: 320px; max-width: 1264px; margin: 0 auto; position: relative; } /* Actors foto */ .roles-foto-item { width: 16px; height: 16px; margin: 0px 0px -3px 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABi0lEQVQ4jaWTP08UQRiHn5l5b2EDd0sU5T8xZ2eodBNDQ6g0JHR0VnwIvgomdHyHwy9gRXEkxBCwMBdCYXKisssJnLszOxZ7yiXY3N2Uk3l+efJ751Xee0Y5eiQaULvr7AHxkHxTXEG8ud96OQx9sF1HrAOtNT+brwaCH8VHWAfiHBhjCILgP88USoHS6t+NLzzel4xzILkDEeHTySxLixnzc3f3uFJoo5HxCjoQisxiuzmFKxARcgdibRnQaIwjlSpv39yyvnZTBmiNhGNE9TpBLSK7TklbLezdb0QEa/sMLs7PiaKID40q6VXI3LxicUkzs1zlSe05SjuCWo0g/IayfQZ5zyCOEyDBGEO7Pcnlpebss+HpQsrG45DZZxHti4Lmx5SJSsrrF0JuQbJewNbWWF953b8dYkyH9ukPfn0VbhLL9KQryxMhs30Gh4e3D2egFcZAfUUTWUX63dM6KXAOVt/1DJJOOZKd992B/gFA0gH5knK8GQ63EleeYwUEwBQgA/IWSNSo6/wHgN+S3DNgHL0AAAAASUVORK5CYII=); display: inline-block; cursor: pointer; opacity: 0.5; position: relative; } .roles-foto-item:hover { opacity: 1; transition: 0.2s ease-in-out; } .roles-foto-item:hover > img { opacity: 1; display: inline; } .roles-foto-item img { display: none; position: absolute; bottom: 20px; left: -72px; width: 160px !important; max-width: 160px !important; opacity: 1; border: 4px solid #7e8594; border-radius: 4px; } .bio-rating { font-size: 17px; font-weight: 500; float: left; line-height: 38px; } .view_bottom-tags a { display: inline-block; box-sizing: border-box; height: 25px; padding: 0 12px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 5px; background-color: #d3d4da; color: #333; border: none; } .favall_block_ppp { background: #f0542e; color: #ffffff; font: normal 21px/24px kelson_sans_rulight, Arial, Helvetica, sans-serif; padding: 6px 5px 5px 5px; } .favall_block_ppp:hover { background: #7e8594; } .player { width: 100%; height: 500px; } /** * http://new-dev.ru/ * author GoldSoft * Copyright (c) New-Dev.ru */ .width-100 {width:100%!important} .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; font-size: 0.9em; } /* element separation */ .sepH_a {margin-bottom:5px!important} .sepH_b {margin-bottom:10px!important} .sepH_c {margin-bottom:20px!important} .sepV_a {margin-right:5px!important} .sepV_b {margin-right:10px!important} .sepV_c {margin-right:20px!important} .pls-wrapper { padding: 20px 15px 10px; background-color: var(--main-bgcolor); color: var(--base-text-color); } .pls-wrapper * { box-sizing: content-box; } .pls-wrapper a { color: #2a2a2a; } .pls-wrapper a:hover { color: #f0542e; } .pls-btns-wrapper { margin: 0 auto; text-align: center; } .pls-btns-wrapper > ul { font-size: 0; padding: 0; margin: 0; } .pls-btns-wrapper > ul > li { display: inline-block; font-size: 15px; padding: 5px 3px; margin: 0; position: relative; vertical-align: middle; word-spacing: normal; } @media (max-width: 768px) { .pls-btns-wrapper > ul > li { width: 100%; } } .pls-btns-wrapper > ul > li .pls-helper-icon { left: 0; margin-top: -14px; position: absolute; top: 50%; } .pls-wrapper .pls-button-link { color: var(--button-color); display: inline-block; position: relative; text-transform: capitalize; border: 2px solid; border-radius: 3px; font-size: 15px; padding: 5px 40px; text-align: center; background-color: #f0542e; -webkit-transition: background-color .5s; transition: background-color .5s; white-space: nowrap; } .pls-wrapper .pls-button-link.btn-link-small { font-size: 11px; padding: 2px 5px; } .pls-wrapper .pls-button-link:focus, .pls-wrapper .pls-button-link:hover { text-decoration: none } .pls-wrapper .pls-button-link:hover, .pls-wrapper .pls-button-link.pls-btn-active { color: var(--hover-button-color); background-color: #535865; } .pls-wrapper .pls-button-link.pls-red { border: 2px solid #d9534f; color: #ac2925!important; } .pls-wrapper .pls-button-link.pls-red:hover { background-color: #c9302c; color: #fff!important; } .pls-video-stub { max-width: 80px; } .pls-rating a { display: inline-block; margin-left: 13px; text-decoration: none; } .pls-rating a .fa { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 8px; background-color: #6ab04c; color: #fff; font-size: 18px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .pls-rating a + a .fa { background-color: #eb4d4b; } @media screen and (max-width: 470px) { .pls-rating { font-size: 12px; } .pls-rating a .fa { width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-right: 5px; } } .pls-wrapper .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .pls-wrapper .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .pls-wrapper .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .pls-wrapper .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .pls-wrapper .table-striped { width: 100%; max-width: 100%; margin-bottom: 20px; background-color: transparent; border-spacing: 0; border-collapse: collapse; } .pls-wrapper .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f9f9f9; } .pls-wrapper .table-striped > tbody > tr > td, .pls-wrapper .table-striped > tbody > tr > th, .pls-wrapper .table-striped > tfoot > tr > td, .pls-wrapper .table-striped > tfoot > tr > th, .pls-wrapper .table-striped > thead > tr > td, .pls-wrapper .table-striped > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .pls-wrapper .table-striped .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .pls-wrapper .table-striped .fade.in { opacity: 1; } .pls-wrapper .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .tokenfield { background-color: var(--main-bgcolor); display: block; width: 100%; } .tokenfield .token-input { height: auto!important; } @-webkit-keyframes effect-1-1 { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes effect-1-1 { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } @-webkit-keyframes animate { 0% { transform: rotate(0deg) } to { transform: rotate(220deg) } } @keyframes animate { 0% { transform: rotate(0deg) } to { transform: rotate(220deg) } } @-webkit-keyframes animate2 { 0% { box-shadow: inset #f26739 0 0 0 3px; transform: rotate(-140deg) } 50% { box-shadow: inset #f26739 0 0 0 3px } to { box-shadow: inset #f26739 0 0 0 3px; transform: rotate(140deg) } } @keyframes animate2 { 0% { box-shadow: inset #f26739 0 0 0 3px; transform: rotate(-140deg) } 50% { box-shadow: inset #f26739 0 0 0 3px } to { box-shadow: inset #f26739 0 0 0 3px; transform: rotate(140deg) } } @-webkit-keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } to { transform: rotate(0deg) } } @keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } to { transform: rotate(0deg) } } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .box-article { width: 620px; height: 410px; outline: 0 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .box-article span.lable { width: 160px; color: #a1a5b1; font-weight: 400; vertical-align: top; display: inline-block } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .box-article span.item-content { width: 340px; display: inline-block } @media screen and (min-width:1360px) { .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .box-article { width: 720px; height: 530px } } @media screen and (min-width:1950px) { .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .box-article { height: 630px } } #dropmenudiv { padding: 10px 10px 10px 15px; min-width: 140px; width: auto !important; opacity: 1 !important; display: none; font-size: .9em; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-clip: padding-box; background-color: var(--main-bgcolor); max-width: 260px; max-height: 270px; overflow-y: auto; } @media screen and (min-width:470px) { #dropmenudiv { max-width: 420px; } } @media screen and (min-width:769px) { #dropmenudiv { max-width: 700px; } } #dropmenudiv a { text-decoration: none !important; color: inherit; display: block; padding: 8px 20px; border: 0 none; white-space: normal; width: auto; } #dropmenudiv a:hover { background-color: var(--accent-bgcolor); } #dropmenudiv a.create-playlist-btn { padding-top: 10px; text-align: center; } #dropmenudiv a.create-playlist-btn:hover { background-color: transparent; } #dropmenudiv .create-playlist-btn span { float: none; } .ui-widget-overlay { top: 0; left: 0; width: 100%; height: 100%; opacity: .9; position: fixed; filter: alpha(opacity=90); background-color: #d7ddeb } .playlist_uni_popup_wrapper.ui-dialog { box-shadow: 0 3px 7px rgba(0, 0, 0, .3); left: 0 !important; right: 0 !important; padding: 0; outline: 0; top: 50px; margin: auto; z-index: 1050; font-size: 12px; position: absolute !important; border-radius: 3px; background-color: var(--main-bgcolor); border: 1px solid #ced3e2; background-clip: padding-box } .playlist_uni_popup_wrapper.ui-dialog textarea { box-shadow: 0 0 3px rgba(0, 0, 0, .2); width: 100%; border: 0; font-size: 13px; margin: 1px 0 0; resize: vertical; min-height: 40px; line-height: 20px; border-radius: 2px; background: #f8f8f9; padding: 16px 20px 0 } .playlist_uni_popup_wrapper.ui-dialog textarea:active, .playlist_uni_popup_wrapper.ui-dialog textarea:focus { background: #fff } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content#register .select#gender .select-items .select-item, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content#register article .update img, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content#register-2 .select#gender .select-items .select-item, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content#register-2 article .update img, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content#register-3 .select#gender .select-items .select-item, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content#register-3 article .update img, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content#register-3 form, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content.authblock article .update_auth img, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content.authblock article div #restor:hover:after, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content.authblock article div.info-text .authspan #registred:hover:after, .playlist_uni_popup_wrapper.ui-dialog textarea[name=own_reason] { width: 100% } .playlist_uni_popup_wrapper.ui-dialog .dialog-title, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content.authblock article div { position: relative } .playlist_uni_popup_wrapper.ui-dialog .dialog-title .ui-dialog-titlebar-close { top: -5px; border: 0; bottom: 0; width: 30px; right: -30px; height: 30px; cursor: pointer; font-size: 20px; position: absolute; background: 0 0 } .playlist_uni_popup_wrapper.ui-dialog .dialog-title .ui-dialog-titlebar-close:before, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before { left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 10px; height: 10px; color: var(--thirdary-text-color); font-size: 14px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; position: absolute } .playlist_uni_popup_wrapper.ui-dialog .dialog-title .ui-dialog-titlebar-close span { width: 10px; margin: 1px; font-size: 0; display: block; color: transparent } .playlist_uni_popup_wrapper.ui-dialog .dialog-title .ui-dialog-titlebar-close:hover:before, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover:before { color: #c1c2c4 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-titlebar { z-index: 2; cursor: default; position: relative; padding: 0 1px 10px; } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-titlebar .ui-dialog-title { box-sizing: border-box; width: 100%; height: 80px; color: #f26739; cursor: default; font-size: 20px; padding: 0 30px; font-weight: 700; line-height: 80px; position: relative; display: inline-block; text-transform: uppercase; border-bottom: 3px solid #f26739 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-titlebar button::-moz-focus-inner { border: 0 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content { border: 0; clear: both; font-size: 14px; background: 0 0; line-height: 24px; padding: 0 0 20px; position: relative } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content .dialog-content { padding: 20px 40px 0 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content .title-dialog, .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content h1 { font-size: 24px; font-weight: 400; line-height: 22px; padding: 20px 0 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content header { color: #fff; padding: 20px 40px 0; height: 150px; font-weight: 400; border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: #f26739 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content header h1 { font-size: 24px; font-weight: 400 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content header p { font-size: 15px; font-weight: 400; line-height: 18px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article { padding: 40px 40px 0 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .report-text { margin-bottom: 15px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article.not-padding { padding: 0 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article p { font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 20px; display: inline-block } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article p.question { color: var(--base-text-color); font-size: 15px; font-weight: 500; margin: 22px 0 10px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form { margin-top: 20px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form .div { height: 36px; margin-bottom: 24px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form .g-recaptcha { height: 75px; margin-bottom: 20px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form input { width: 200px; font-size: 15px; padding: 12px 0; border: 1px solid transparent; border-bottom-color: #e6e6e6 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form input.hasError { border-bottom-color: red !important } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form input:focus { border-bottom-color: #8d8d8d } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form input:focus:-moz-placeholder { color: #5a5a5a } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article form input:focus::-webkit-input-placeholder { color: #5a5a5a } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .go-miss { color: #8f95a3; margin: 10px 0; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 35px; display: inline-block } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content article .go-miss:hover { color: var(--secondary-text-color) } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-content .mesage { font-size: 17px; padding: 30px 40px 0 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-buttonpane { height: 40px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: left; padding: 0 40px; margin: 0 0 25px } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover { transition: .3s; color: #f26739 !important; background: #fff; border-color: #f26739 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-cancel { border-radius: 2px; width: 150px; height: 40px; font-size: 12px; margin-left: 15px; background: #8f95a3 } .playlist_uni_popup_wrapper.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.mini { width: 130px; height: 35px } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle { position: absolute; font-size: .1px; display: block } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-n { left: 0; top: -5px; width: 100%; height: 7px; cursor: n-resize } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-e { top: 0; width: 7px; right: -5px; height: 100%; cursor: e-resize } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-s { left: 0; width: 100%; height: 7px; bottom: -5px; cursor: s-resize } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-w { top: 0; width: 7px; left: -5px; height: 100%; cursor: w-resize } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-sw { left: -5px; width: 9px; height: 9px; bottom: -5px; cursor: sw-resize } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-ne { top: -5px; width: 9px; height: 9px; right: -5px; cursor: ne-resize } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-nw { top: -5px; width: 9px; left: -5px; height: 9px; cursor: nw-resize } .playlist_uni_popup_wrapper.ui-dialog .ui-resizable-autohide .ui-resizable-handle, .playlist_uni_popup_wrapper.ui-dialog .ui-resizable-disabled .ui-resizable-handle { display: none } .pls-wrapper a { text-decoration: none; } .pls-panel-view { width: 80px; height: 40px; position: relative; } .pls-panel-view .grid, .pls-panel-view .line { width: 16px; height: 16px; padding: 12px; cursor: pointer; font-size: 14px; position: absolute; background-color: var(--main-bgcolor); color: #7e8594; display: block; } .pls-panel-view .line { right: 0; } .pls-panel-view .grid.active, .pls-panel-view .grid:hover, .pls-panel-view .line.active, .pls-panel-view .line:hover { box-shadow: 1px 0 0 #7e8594; background-color: #7e8594; color: #fff; } .pls-wrapper .playlists .head-title { padding: 0; width: 100%; height: auto; position: relative; margin: 12px 0 25px; display: inline-block; } .pls-wrapper .playlists .head-title .playlist-title { margin: 0; padding: 0; float: left; font-size: 24px; font-weight: 700; line-height: 30px; text-transform: uppercase; } .pls-wrapper .playlists .pls-count-3 { border-radius: 10px; color: #fff; height: 20px; padding: 0 8px; margin: 4px 8px; font-size: 14px; line-height: 20px; text-align: center; vertical-align: top; background: var(--badge-bgcolor); display: inline-block; } .create-playlist-btn span { border: 0; border-radius: 2px; color: var(--button-color); background-color: #535865; float: right; width: 160px; height: 30px; cursor: pointer; font-size: 14px; font-weight: 700; line-height: 30px; text-align: center; display: inline-block; text-transform: uppercase; } .create-playlist-btn:hover span { color: var(--hover-button-color); background: var(--hover-button-bgcolor); } .pls-wrapper .playlists .head-title .all-playlists, .pls-wrapper .playlists .head-title .my-playlists { border: 0; float: right; width: 160px; height: 30px; cursor: pointer; font-weight: 700; line-height: 30px; text-align: center; display: inline-block; text-transform: uppercase; color: #8f95a3; font-size: 14px; background-color: transparent; } .pls-wrapper .playlists .head-title .all-playlists a, .pls-wrapper .playlists .head-title .my-playlists a { text-decoration: none; } .pls-wrapper .playlists .playlist-head, .pls-wrapper .playlists-playlist-page .playlist-head { position: relative; } .playlist-head .search-playlist .playlist-search-form { position: relative; width: 100%; } @media screen and (min-width:769px) { .playlist-head .search-playlist { position: relative; float: left; } .playlist-head .search-playlist .playlist-search-form { width: 300px; position: relative; } .playlist-head .pls-sort-wrap { float: right; } } .playlist-head .search-playlist .playlist-search-form:before { top: 0; bottom: 0; left: 11px; margin: auto; height: 20px; color: #8e95a2; font-size: 20px; position: absolute; } .playlist-head .search-playlist .playlist-search-form input[type=submit] { display: none } .playlist-head .search-playlist .playlist-search-form input.search-playlists { height: 36px; width: 100%; box-sizing: border-box; display: block; color: #8f95a3; font-size: 12px; font-weight: 100; line-height: 15px; word-spacing: 1px; position: relative; padding: 0 10px 0 34px; border: 1px solid #efefef; -webkit-appearance: textfield; text-rendering:optimizelegibility; background: 0 0; } .search-playlists::placeholder { color: var(--base-text-color); } /*switch view*/ .playlists-item-wrap.grid { float: left; } .playlists-item-wrap { margin-bottom: 10px; } .playlists-item-wrap.line { margin-bottom: 20px; } .inner-short, .inner-full { height: 260px; position: relative; } .inner-short { width: 220px; } @media screen and (min-width:769px) { .inner-short { float: left; } } .playlists-item-wrap.grid .inner-short { margin-right: 10px; } .inner-short .poster-link { width: 100%; position: absolute; top: 0; bottom: 50px; } .inner-short .poster-link .poster-box { top: 0; left: 0; position: absolute; width: 100%; overflow: hidden; } .inner-short .poster-link .poster-box:before, .inner-short .poster-link .no-poster:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 127px; height: 120px; color: var(--thirdary-text-color); font-size: 120px; } .inner-short .poster-link .poster-box:before { transition: .3s; opacity: 0; z-index: 1; } .inner-short .poster-link .poster-box:after { transition: .3s; top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; } .inner-short .poster-link .no-poster, .inner-short .poster-link .poster-box img { max-width: none; height: 270px; } .playlists-playlist-page .inner-short .poster-link .no-poster, .playlists-playlist-page .inner-short .poster-link .poster-box img { height: 320px; } .inner-short .poster-link .no-poster { width: 100%; position: relative; background-color: var(--accent-bgcolor); } .inner-short .poster-link.portrait-size .poster-box { height: 270px; overflow: hidden; } .inner-short .poster-link.portrait-size .poster-box img { width: 220px; height: auto; } .inner-short .poster-link:hover .poster-box:before { opacity: 1; } .inner-short .poster-link:hover .no-poster:before { opacity: 0; } .inner-short .poster-link:hover .poster-box:after { background-color: var(--badge-bgcolor); opacity: 0.5; } .inner-short .pls-count-1 { border-top-right-radius: 2px; border-bottom-right-radius: 2px; left: 0; top: 20px; z-index: 1; color: #fff; font-size: 12px; font-weight: 700; padding: 7px 10px; position: absolute; background-color: var(--badge-bgcolor); display: inline-block; text-transform: uppercase; } .inner-short .watch-link { border: 0; margin: 0; color: var(--button-color); width: 100%; height: 50px; font-size: 16px; cursor: pointer; font-weight: 700; line-height: 50px; text-align: center; background-color: var(--button-bgcolor); display: none; text-transform: uppercase; position: absolute; bottom: 0; } .inner-short .watch-link:hover, .inner-short .watch-link:active { color: var(--hover-button-color); background-color: var(--hover-button-bgcolor); } .playlists-item-wrap.line .watch-link { display: inline-block; } .inner-short .pls-name-1 { display: block; width: 100%; height: 50px; position: absolute; bottom: 0; color: var(--base-text-color); font-size: 17px; text-align: center; line-height: 25px; font-weight: 700; white-space: normal; text-transform: none; text-overflow: ellipsis; } .inner-short .pls-name-1:hover { color: var(--secondary-text-color); } .playlists-item-wrap.line .inner-short .pls-name-1 { display: none; } .inner-full { padding: 15px 10px 0 10px; } @media screen and (min-width:769px) { .playlists-item-wrap.line .inner-full { margin-left: 220px; } .inner-full { padding: 10px 15px 0 15px; box-sizing: border-box; } } .playlists-item-wrap.grid .inner-full { display: none; } .inner-full { background-color: var(--unit-bgcolor); overflow: hidden; } .inner-full > div { overflow: hidden; } .inner-full a.pls-name-2, .inner-full a.pls-dropdownmenu-btn { display: block; font-size: 22px; } .inner-full a.pls-name-2 { float: left; color: var(--base-text-color); } .inner-full a.pls-dropdownmenu-btn { float: right; } .inner-full .pls-author .avatar-block { width: 22px; height: 22px; overflow: hidden; border-radius: 50%; display: inline-block; vertical-align: top; } .playlists-playlist-page .inner-full .pls-author { float: left; } .inner-full .pls-author .avatar-block img { width: 100%; height: auto; min-height: 100%; vertical-align: top; } .inner-full .pls-author > span { display: inline-block; } .inner-full .pls-author a { margin: 1px 8px 3px 8px; font-size: 14px; font-weight: 700; display: inline-block; color: var(--secondary-text-color); } .inner-full .pls-description { font-size: 14px; line-height: 22px; padding: 10px 20px 10px 0; text-align: justify; text-overflow: ellipsis; word-break: break-word; position: relative; } .inner-full .pls-descriptionLASTSUPER:after { content: ''; width: 100%; height: 50px; position: absolute; bottom: 0; /*background: linear-gradient(transparent 150px, var(--main-bgcolor));*/ background: linear-gradient(transparent 150px, red); background-color: red; } .inner-full .footer-wrap { height: 45px; position: absolute; bottom: 0; left: 0; right: 10px; padding: 15px 0 10px; background-color: inherit; } @media screen and (min-width:769px) { .inner-full .footer-wrap { left: 15px; right: 15px; } } .playlists-playlist-page .inner-full .footer-wrap { position: static; } .inner-full .pls-rating-wrap { float: left; color: #8f95a3; font-size: 14px; font-weight: 700; } .pls-rating a { display: inline-block; margin-left: 13px; text-decoration: none; } .pls-rating a .fa { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 8px; background-color: #6ab04c; color: #fff; font-size: 18px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .pls-rating a + a .fa { background-color: #eb4d4b; } @media screen and (max-width: 470px) { .pls-rating { font-size: 12px; } .pls-rating a .fa { width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-right: 5px; } } .inner-full .pls-favorites-btn-wrap { float: right; font-size: 1.2em; } .inner-full .pls-favorites-btn-wrap .del-playlists-bookmark:hover, .inner-full .pls-favorites-btn-wrap .add-playlists-bookmark { color: var(--thirdary-text-color); } .inner-full .pls-favorites-btn-wrap .add-playlists-bookmark:hover, .inner-full .pls-favorites-btn-wrap .del-playlists-bookmark { color: #f26838; } .playlists-playlist-page .inner-short .poster-link { bottom: 0; } .playlists-playlist-page .inner-full { height: auto; min-height: 320px; } .playlists-playlist-page .inner-full .pls-tags { margin-top: 10px; } .pls-info-panel .pls-count-2 { border-radius: 10px; color: #fff; margin: 0; line-height: 20px; padding: 0 8px; background-color: var(--badge-bgcolor); } .pls-info-panel .pls-updated { color: #8f95a3; line-height: 21px; text-transform: uppercase; margin: 0; } @media screen and (min-width:769px) { .pls-info-panel .pls-updated { float: right; } } .pls-info-panel .pls-count-2, .pls-info-panel .pls-updated { height: 20px; font-size: 14px; font-weight: 700; display: inline-block; } /*---Быстрый РїРѕРёСЃРє РЅР° сайте---*/ #playlists-searchsuggestions { z-index: 2200; width: 300px; border-radius: 2px; background: #fff; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #ddd; border-color: rgba(0,0,0,0.2); background-clip: padding-box; font-size: .9em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #playlists-searchsuggestions a, #playlists-searchsuggestions span.notfound { padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; } #playlists-searchsuggestions a { color: #353535; } #playlists-searchsuggestions a:hover { background-color: #f7f7f7; } #playlists-searchsuggestions a > span { display: block; cursor: pointer; } #playlists-searchsuggestions span.searchheading { display: block; font-weight: bold; margin-bottom: .2em; } #playlists-searchsuggestions span.seperator { display: block; } #playlists-searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; } #playlists-searchsuggestions span.notfound { padding: 15px 25px; display: block; } #playlists-searchsuggestions .break { display: none; } .playlists_add_playlist_wrap, .playlists_edit_playlist_wrap { padding: 10px 30px 0; } .playlists_add_playlist_wrap .form-group, .playlists_edit_playlist_wrap .form-group { margin-bottom: 15px; } .playlists_add_playlist_wrap .btn, .playlists_edit_playlist_wrap .btn { height: 36px; line-height: 22px; vertical-align: middle; padding: 7px 22px; } .playlists-playlist-page h1 { padding-bottom: 20px; } .playlists-player { background: #000; color: #fff; padding: 4px 0px 0px 0px; } .playlists-iframe { height: 380px; background: #000; margin-bottom: 4px; } .playlists-items { position: relative; } .playlists-items ul { list-style: none; margin: 0px; padding: 0px; font-size: 0; } .playlists-items li { width: 140px; height: 40px; margin: 0px 0px 4px 4px; background: #313131; display: inline-block; font-family: Verdana; font-size: 12px; overflow: hidden; box-sizing: border-box; position: relative; line-height: 40px; text-align: center; display: none; } .playlists-items li:hover { background: #444444; cursor: pointer; } .playlists-items li.active { background: #9a9a9a; color: #fff; font-weight: bold; cursor: pointer; } .playlists-items li.visible { display: inline-block !important; } .playlists-videos .playlists-items li { width: 180px !important; text-align: left; padding: 0px 40px 0px 15px; box-sizing: border-box; position: relative; } .playlists-view { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 40px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABJ0lEQVQ4jeXUsUqcURQE4NmAzWZ18QWEBdFYSLRNEbASAmmFdBYJSB4hvYXY21rkAUQbfQ5DQiAIS0gRUGMjrFrkS7H/wvJzfzcBKzPlmblzOecMJ/nv0GoiMJVkPcnzJL2q3E9ymuSk1Wrd/dUPaGMb55pxiR10Jpm9QL/B4KJQ/46XTWavMag9OMbCmGYeRzXNLTbqZku4rglPKm4ab/EO3ap2WNMOsDwye4rPhXaeoYOvY7UzdNEr6L+gHXwskFfVZ5sFbqvifha4/SdjkXgItIMV3DxAy98wM5rj+4JgtJSOyUu5wWp903sF02MsTojNHd4UB4APhrmqoynYP7B271QNM3nQYDzCL+xiuv7+vuMwm+RVkvkkc0l+Z3gcPuVfjsPjxx+UKYwH8JKOawAAAABJRU5ErkJggg=='); background-position: center; background-repeat: no-repeat; opacity: 0.3; } .playlists-view:hover { opacity: 0.6; transform: 0.4ms easy 0.4ms; } .playlists-view.watched { opacity: 1; } .playlists-prev, .playlists-next { width: 40px; background-position: center; background-repeat: no-repeat; position: absolute; top: 0px; bottom: 4px; z-index: 100001; opacity: 0.8; } .playlists-prev { left: 0px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAeElEQVQ4jd3UzQ1AQBCG4Y2DhGqcNIBoQSuKUYm+uHkdrMTBZM0a2cR3n2ezmR/nfhMgBwagssBKYObIBvRW2JnJEluA2gpbgSY5VghYq8Y8ON5g3dP6LOpVTcy/7FGpKZ+g+k4H0LjBDqBxqyeg747DBbU7X0mzAymuSWfKXk8JAAAAAElFTkSuQmCC'); } .playlists-next { right: 0px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAbUlEQVQ4jdWUsQ2AMAwEI6RIjANVJqBhAFZhmuwRGIySo4CGiCr+SORq6yzLfjvXNMAILIBXyGbg5CYBvVUYeWOTAgE4MulmlU5NS/ca0jWv64o7WJCOLF2KWvZ12OVpoUL0tM/hkQ6o3tdvuABsDUk5DyWdywAAAABJRU5ErkJggg=='); } .playlists-prev:hover, .playlists-next:hover { opacity: 1; cursor: pointer; } .playlists-prev.disabled, .playlists-next.disabled { display: none; } .playlists-alert { background: #000 url(background1.jpg) center center / cover no-repeat; padding: 66px 0 0 0; color: #fff; text-align: center; width: 100%; height: 100%; box-sizing: border-box; } .playlists-alert__icon { width: 140px; height: 80px; display: block; margin: 0 auto 35px auto; fill: #fff; stroke-width: 0; stroke: currentColor; } .playlists-alert__title { font: 18px Arial } .playlists-alert__title-sub { color: #2a2a2a; margin-top: 9px; display: inline-block; } .playlists-alert__button { color: #202020; display: inline-block; padding: 0 15px 0 15px; height: 40px; border-radius: 4px; text-align: center; background-color: #ffdb4c; line-height: 42px; margin: 12px auto 5px auto; font-size: 16px; font-weight: bold; } .playlists-alert__button:hover { background-color: #ffd21f; } .playlist-controls { display: flex; align-items: center; justify-content: center; padding: 10px 5px; background: #4c4743; } .playlist-controls-item { width: 33%; height: 32px; padding: 0px 5px; } .playlist-controls-item span { display: block; background: #254053; width: 100%; height: 100%; border-radius: 4px; } .playlist-controls-item a { display: block; width: 100%; height: 100%; text-align: center; line-height: 32px; background: #53809f; color: #fff; border-radius: 4px; overflow: hidden; z-index: 1001; } .playlist-controls-item a:hover { background: #254053; }