Results of the CSS crunched for sosyha.online

Let's see what we've done for sosyha.online

CSSCruncher.com has crunched this CSS to
9.41 %Less Size! Yes!

Crunched CSS code:

@import "reset-settings.css" all;.thumb-img img,.cat-img img,.top-img img{width:100%;min-height:100%}
.random-link,.thumb-title,.cat-item,.cat-desc,.video-download-link,button{transition:all .5s}
.yellow-grad,.random-link,.cat-item,.close-desc,.compl,.clouds_xsmall:hover,.clouds_small:hover,.clouds_medium:hover,.clouds_large:hover, .premium-link:hover,.nav-menu a:hover,.video-download-link,.bottom-tags a:last-child:hover, button,html input[type="button"],input[type="reset"],input[type="submit"]{color:#fff;background:#ffa621;background:-moz-linear-gradient(top,#ffa621 0%,#ff9900 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffa621),color-stop(100%,#ff9900));background:-webkit-linear-gradient(top,#ffa621 0%,#ff9900 100%);background:-o-linear-gradient(top,#ffa621 0%,#ff9900 100%);background:-ms-linear-gradient(top,#ffa621 0%,#ff9900 100%);background:linear-gradient(to bottom,#ffa621 0%,#ff9900 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa621',endColorstr='#ff9900',GradientType=0 )}
.grey-grad,.show-login,.premium-link,.nav-menu a,.sorting,.add-com-but, .clouds_xsmall,.clouds_small,.clouds_medium,.clouds_large,.clouds_xlarge{background:#1f1f1f;background:-moz-linear-gradient(top,#1f1f1f 0%,#000000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1f1f1f),color-stop(100%,#000000));background:-webkit-linear-gradient(top,#1f1f1f 0%,#000000 100%);background:-o-linear-gradient(top,#1f1f1f 0%,#000000 100%);background:-ms-linear-gradient(top,#1f1f1f 0%,#000000 100%);background:linear-gradient(to bottom,#1f1f1f 0%,#000000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f',endColorstr='#000000',GradientType=0 )}
.transparent-grad,.cat-desc{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0.33)),color-stop(100%,rgba(0,0,0,0.65)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 )}
.red-grad,.rules-link:before,.show-menu{background:#ff3019;background:-moz-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));background:-webkit-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:linear-gradient(to bottom,#ff3019 0%,#cf0404 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0 )}
.ribbon{font-size:10px !important;background:#eeeeee;color:#000;padding:0.1em 1em;border-radius:15px;border:1px solid #e5b896}
#kt_player{width:100% !important;height:100% !important}
.blok{display:inline-block;background-color:rgba(0,0,0,0.95);position:fixed;left:0;top:0;z-index:9999}
.alert{width:300px;padding:10px;background-color:#fff;border-radius:0px;color:#000000;position:fixed;top:0%;left:0%;margin-left:0px;border-radius:0 0 5px 0;box-shadow:0 0 20px 0 rgba(0,0,0,0.5)}
.a-icon{width:50px;height:50px;background-color:#D90003;color:#fff;font:bold 18px Arial;text-align:center;line-height:50px;margin:0 auto}
.a-text{padding:20px 0;font-size:12px}
.a-text p{margin-bottom:10px}
.a-buts{padding:10px 0;border-top:1px solid #e3e3e3}
.a-buts button{display:inline-block;height:40px;line-height:40px;padding:0 10px;background:#d90003 !important;font-size:14px;font-weight:bold;float:right;border-radius:5px}
button.a-yes{float:left;background:#20A700 !important}
.a-buts button:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.5)}
.all-wrap{height:auto;width:100%}
.topper-wrap{width:100%;position:relative;overflow:hidden}
.topper-wrap:before{content:"";width:100%;height:40px;background-color:#1f1f1f;position:absolute;left:0;top:0;z-index:50}
.topper-wrap:after{content:"";width:100%;height:100px;background:#000 url(../images/top-bg.jpg) left top no-repeat;background-size:cover;position:absolute;left:0;bottom:0;z-index:50;box-shadow:inset 0 3px 3px 0 rgba(0,0,0,0.3)}
.topper,.main-container,.categories,.bottom{width:100%;min-width:320px;max-width:1200px;margin:0 auto;position:relative;z-index:100}
.topper{z-index:150}
.topper-zero{height:40px;position:relative;line-height:40px}
.topper-zero:before{content:"";position:absolute;top:0;right:100%;width:1000px;height:100%;background-color:#404048}
.topper-one{height:100px;position:relative}
.topper-two{height:100px;position:relative;padding:26px 20px 0 495px}
.main-container{padding:20px 20px 20px 220px}
.container-left{width:200px;float:left;margin-left:-200px}
.container-right{width:100%;float:right;padding-left:20px}
.bottom-wrap{width:100%;background-color:#000;padding:40px 0 20px 0;box-shadow:inset 0 3px 3px 0 rgba(0,0,0,0.5)}
.frkl{margin:20px 0;overflow:hidden}
.lrkl{margin:0 0 20px 0}
.topper-zero > span:first-child{display:inline-block;padding:0 0 0 20px;position:relative;background-color:#404048;color:#ccc;font-weight:bold;float:left;margin-right:30px}
.topper-zero > span:first-child:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-left-color:#404048;border-width:20px;margin-top:-20px}
.topper-menu,.speedbar{display:inline-block;float:left;padding-top:10px}
.topper-menu li{display:inline-block;float:left;padding:0 10px;line-height:20px;border-right:1px dashed #8e8e8e}
.topper-menu a:hover,.speedbar a:hover{text-decoration:underline}
.show-login{display:inline-block;float:right;padding:0 20px;color:#999;font-weight:bold;margin-right:20px;cursor:pointer;border:1px solid #1e1e1e;border-bottom:0;border-top:0}
.logo-box{height:100px;width:320px;display:block;position:absolute;left:50%;top:0;margin-left:-160px;background:url(../images/logo.png) no-repeat;overflow:hidden;text-indent:-1000px}
.premium-link{display:inline-block;position:absolute;top:30px;right:20px;border-radius:5px;color:#ff9900;font-size:16px;padding:0 20px;line-height:38px;border:1px solid #1e1e1e}
.rules-link{display:inline-block;position:absolute;top:30px;left:30px;padding:0 0 0 70px;line-height:40px;text-decoration:underline}
.rules-link:before{content:attr(data-mark);width:50px;height:50px;text-align:center;line-height:50px;color:#fff;font-size:24px;box-shadow:0 0 0 7px #8f8f8f,0 0 20px 0 rgba(0,0,0,0.2);border-radius:50%;position:absolute;left:0;top:-3px}
#rules-window{background-color:#404048;color:#fff;padding:20px;line-height:18px;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);position:fixed;left:50%;top:50px;width:600px;min-height:100px;margin-left:-300px;z-index:9999;display:none;max-height:600px;overflow-y:scroll}
.rules-wrap > img{display:block;margin:50px auto}
.rules-close{cursor:pointer;margin:3px;position:absolute;right:5px;top:4px;width:33px;height:33px;background:url(../images/sprite2.png) center -5px no-repeat}
.random-link{display:block;width:215px;float:left;margin-left:-235px;text-transform:uppercase;padding:0;text-align:center;line-height:50px;color:#FFF;font-size:16px;border-radius:5px;box-shadow:inset 0 -1px 0 0 #fe9704;text-shadow:0 1px 0 #fe9704}
.random-link:hover{color:#fff;box-shadow:inset 0 -1px 0 0 #fe9704,inset 0 0 20px 0 rgba(255,255,255,0.5)}
.search-wrap{width:100%;float:right;position:relative}
.search-box{width:100%;position:relative}
.search-box input,.search-box input:focus{width:100%;max-width:1000px;height:48px;line-height:50px;padding:0 90px 0 10px;border-radius:5px;background-color:#eeeeee;color:#000;font:italic 12px Georgia;border:1px solid #444;box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.2)}
.search-box button{position:absolute;right:8px;top:8px}
.sorting{height:40px;line-height:40px;padding:0 20px;font-size:14px;margin:0 0 20px 2%;border:1px solid #1e1e1e;border-radius:3px;color:#999999}
.sorting img{margin-right:5px}
.sorting a:hover{text-decoration:underline}
.nav-box{margin-bottom:20px}
.left-box{margin-bottom:20px;border:1px solid #1e1e1e;border-radius:3px;padding:10px}
.left-box-title{font-size:16px;margin-bottom:10px}
.nav-menu{border:1px solid #1e1e1e;border-radius:3px;overflow:hidden}
.nav-menu a{display:block;padding:10px 20px;font-size:14px;color:#ff9900}
.top-item{display:block;padding:0 0 0 60px;margin-bottom:10px}
.top-img{float:left;overflow:hidden;width:50px;height:40px;margin-left:-60px}
.top-text{float:right;width:100%}
.top-title{font-size:12px;color:#ccc}
.top-item:hover .top-title{color:#ff9900}
.left-box .top-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.thumb-item{display:block;float:left;width:23%;margin-left:2%;margin-bottom:20px}
.thumb-img{height:150px;overflow:hidden;position:relative;border:1px solid #1e1e1e}
.time-mark{display:inline-block;background-color:#000;color:#FFF;font-size:14px;padding:3px 5px;position:absolute;right:10px;bottom:10px;border-radius:3px}
.hd-mark{display:inline-block;background-color:rgba(238,95,91,0.45);;color:#FFF;font-size:14px;padding:3px 5px;position:absolute;left:10px;bottom:10px;border-radius:3px;font-style:italic;text-transform:uppercase}
.thumb-title{height:30px;overflow:hidden;color:#ff9900;margin-top:10px;line-height:14px}
.thumb-item:hover .thumb-title{color:#ff9900;text-decoration:underline}
.site-desc{padding:30px 20px 10px 20px;font-size:12px;border:1px solid #1e1e1e;border-top:3px solid #ff9900;margin:0 0 20px 2%;border-radius:3px;position:relative}
.thumbs-wrap .site-desc{padding:20px 20px 10px 20px;border:1px solid #1e1e1e}
.site-desc h1,.site-desc h2,.site-desc h3{font-size:16px;color:#ccc;text-transform:uppercase;margin-bottom:10px}
.site-desc h1 span,.site-desc h2 span,.site-desc h3 span{color:#ff9900}
.site-desc p{margin-bottom:5px}
.close-desc{position:absolute;top:0;left:0;padding:3px 5px;cursor:pointer;display:inline-block;color:#FFF;font-weight:bold;border-radius:3px 0 0 0}
.categories-wrap{background-color:#1f1f1f;width:100%;padding:40px 0}
.categories{text-align:center}
.categories-title{font-size:24px;padding:0 0 20px 0}
.cat-item{display:inline-block;width:18%;height:330px;margin:0 1%;margin-bottom:20px;border-radius:5px;padding:5px;vertical-align:top}
.cat-img{height:280px;overflow:hidden;background-color:#fff;margin-bottom:10px;position:relative}
.cat-title{font-size:14px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-desc{position:absolute;left:0;bottom:0;width:100%;padding:50px 10px 10px 10px;color:#ccc;font-size:14px}
.cat-item:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}
.cat-item:hover .cat-desc{bottom:-100px}
.bottom{padding:0 240px 0 20px;position:relative;min-height:73px}
.bottom p{width:100%;color:#999;margin-bottom:10px}
.bottom a{font-weight:bold;text-decoration:underline;color:#ff9900}
.counts{position:absolute;top:20px;right:20px;width:220px;z-index:20;text-align:right}
.counts li{display:inline-block;width:88px;height:31px;margin-left:1px;background-color:#111}
.rate-type1{width:106px;margin:0 auto;height:30px;padding-top:4px}
.rate-type2,.rate-type3{display:inline-block;height:30px;line-height:28px;padding:0 10px 0 0;border-radius:5px;font-size:13px;overflow:hidden;border:1px solid #404048;text-align:left;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#ffffff 0%,#f0f0f0 100%);background:-o-linear-gradient(top,#ffffff 0%,#f0f0f0 100%);background:-ms-linear-gradient(top,#ffffff 0%,#f0f0f0 100%);background:linear-gradient(to bottom,#ffffff 0%,#f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f0f0f0',GradientType=0 )}
.ratingzero{color:#444444}
.ratingtypeplus{color:#06b601}
.ratingplus{color:green}
.ratingminus{color:red}
.rate-type2 a,.rate-type3 a{display:inline-block;float:left;margin-right:8px;height:100%}
.rate-type2 span,.rate-type3 span{float:left;display:inline-block}
.rate-type2 b,.rate-type3 b{display:inline-block;color:#FFF;padding:0 10px 0 0;font-size:12px;height:100%;background:#92e358;background:-moz-linear-gradient(top,#92e358 0%,#0ba607 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#92e358),color-stop(100%,#0ba607));background:-webkit-linear-gradient(top,#92e358 0%,#0ba607 100%);background:-o-linear-gradient(top,#92e358 0%,#0ba607 100%);background:-ms-linear-gradient(top,#92e358 0%,#0ba607 100%);background:linear-gradient(to bottom,#92e358 0%,#0ba607 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#92e358',endColorstr='#0ba607',GradientType=0 )}
.rate-type2 b:after{float:left;content:attr(data-like);display:inline-block;font-weight:400}
.rate-type2 img{float:left;margin-right:8px;border-right:1px dotted #f0f0f0;display:block}
.rate-type2 a:hover b,.rate-type3 a:nth-child(3):hover b{background:#0ba607 !important}
.rate-type3 a:nth-child(1):hover b{background:#cf0404 !important}
.rate-type3{padding:0}
.rate-type3 a:nth-child(3){margin:0 0 0 8px}
.rate-type3 a:nth-child(1) b{padding:0 2px 0 1px;background:#ff3019;background:-moz-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));background:-webkit-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0%,#cf0404 100%);background:linear-gradient(to bottom,#ff3019 0%,#cf0404 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0 )}
.rate-type3 a:nth-child(3) b{padding:0 3px 0 0px}
.fpage-wrap{margin:0 0 0 2%}
.video-wrap{}
.video-title h1{font-size:24px;margin-bottom:20px;color:#ccc}
.video-box{background:#303038 url(../images/loader.gif) center 50px no-repeat;min-height:200px;padding:10px 10px 0 10px}
.video-info{}
.video-top-info{background-color:#303038;padding:10px 20px;margin-bottom:20px}
.video-rating{display:inline-block;float:left}
.video-download-link{display:inline-block;float:right;border-radius:3px;padding:0 20px;line-height:30px;font-size:16px}
.video-download-link:hover{box-shadow:inset 0 0 20px 0 rgba(255,255,255,0.3);color:#FFF}
.video-share{display:inline-block;float:left;margin-left:20px;height:30px;position:relative;top:-3px}
.addfavorit{display:inline-block;float:left;margin-left:10px;height:30px}
.compl{display:inline-block;float:right;border-radius:3px;padding:0 20px;line-height:30px;font-size:12px;color:#FFF;margin-right:10px}
.iedit{display:inline-block;float:right;margin-right:10px;height:30px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{width:100% !important;height:450px}
.video-desc embed,.video-desc object,.video-desc video,.video-desc iframe,.video-desc frame{width:100% !important;height:450px}
.video-desc{font:14px Arial,Helvetica,sans-serif;line-height:24px}
.video-desc img{margin:0 10px 10px 0;max-width:100%;border:5px solid #333}
.video-desc a{text-decoration:underline;color:#ff9900}
.video-desc a:hover{text-decoration:underline;color:#fff}
.video-desc a:visited{text-decoration:underline;color:#ff9900}
.video-desc ul li{list-style:disc;margin-left:40px}
.video-desc ol{counter-reset:li;padding:0;list-style:none;margin-left:25px}
.video-desc ol li{position:relative;margin:0 0 5px 0;padding-left:30px;min-height:20px}
.video-desc ol li:before{content:counter(li);counter-increment:li;font-size:11px;position:absolute;top:0px;left:0;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#ff9900;font-weight:bold;border-radius:50%}
.video-desc table{width:100%;text-align:left}
.video-desc table tr td{padding:10px;border:1px solid #ccc;font-size:12px}
.dcont{border:1px solid #e3e3e3;padding:0 15px 15px 15px;margin:20px 0;line-height:20px}
.polltitle{display:block;padding:5px 15px;margin:0 -15px 15px -15px;font-size:18px;background-color:#f5f5f5;line-height:normal}
.full-taglist{margin:10px 0 20px 0;font-size:11px}
.full-taglist-t{margin-bottom:5px;font-weight:bold;color:#ccc}
.full-taglist a{color:#ff9900}
.full-taglist a:hover{text-decoration:underline}
.full-nav{text-align:center;margin-bottom:20px}
.full-nav a{color:#ff9900;text-decoration:none}
.full-nav a:hover{color:#ff9900;text-decoration:underline}
.full-nav-pages{margin:0 20px}
.full-nav-pages span,.full-nav-pages a{display:inline-block;margin:0 5px}
.video-related{margin:20px 0 0 0}
.vr-title{font-size:18px;margin-bottom:20px}
.vr-box{margin-left:-20px}
.comm-title{font-size:18px;margin-bottom:20px}
.comm-item{padding:10px 10px 10px 110px;border-bottom:1px solid #333}
.comm-left{float:left;margin-left:-100px;width:90px}
.comm-right{float:right;width:100%}
.comm-av{height:90px;overflow:hidden}
.comm-av img{width:100%;min-height:100%}
.comm-group-mark{padding:3px;text-align:center;font-size:10px;font-weight:normal !important;margin-top:5px;background-color:#444;color:#ccc}
.comm-admin{background-color:#d60505;color:#fff}
.comm-admin span,.comm-jour span{color:#fff !important}
.comm-jour{background-color:#1ca101;color:#fff}
.comm-user{background-color:#309;color:#fff}
.comm-top-info{height:20px;line-height:20px}
.comm-id,.comm-author,.comm-date{float:left;color:#888;font-size:10px;display:inline-block}
.comm-author{font-size:12px;font-weight:bold;margin:0 10px;color:#b43852}
.comm-author a{color:#b43852}
.comm-author:after{content:"";width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px;background-color:#888;position:relative;top:2px}
.status-online:after{background-color:#3C0}
.comm-text{line-height:18px;color:#999;padding:10px 0;min-height:80px}
.signature{font:italic 11px Georgia,"Times New Roman",Times,serif;padding:10px 0;border-top:1px dashed #444}
.comm-bottom-info{}
.comm-bottom-info ul{text-align:right}
.comm-bottom-info ul li{display:inline-block;margin-left:10px}
.comm-bottom-info ul li a{font-size:11px}
.comm-bottom-info ul li:first-child{font-weight:bold;float:left}
.comm-bottom-info ul li:first-child img{margin-right:5px}
.comm-author a:hover,.comm-bottom-info ul li a:hover{text-decoration:underline}
.comm-rate{float:right;position:relative;line-height:26px;border-radius:3px}
.comm-rate span.ratingtypeplusminus{display:block;padding:0 30px;background-color:#eee;color:#444;font-weight:bold;box-shadow:0 0 0 1px #333}
.comm-rate a{display:block;width:22px;height:22px;position:absolute;top:2px;left:2px;text-align:center;line-height:22px;font-size:18px;color:#61b804;background-color:#ccc;border-radius:3px}
.comm-rate a:last-child{left:auto;right:2px;color:#ec000b}
.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:green}
.comm-rate > span > span.ratingminus{color:red}
.pos-comm{background-color:#013f04}
.neg-comm{background-color:#3f0105}
.add-com-but{display:inline-block;font-size:16px;padding:0 20px;margin:20px 0;border-radius:3px;line-height:40px;cursor:pointer;border:1px solid #333}
.add-com-but:hover{text-decoration:underline}
.add-com-but i{margin-right:20px}
#addcform{display:none;margin:20px 0}
.mass_comments_action{height:1%;text-align:right;padding:5px 15px;background-color:#333;margin:20px 0 0 0}
.mass_comments_action .bbcodes{margin-bottom:0}
.gotop{position:fixed;width:40px;height:50px;right:0px;bottom:0px;display:block;background:url('../images/gotop.png') no-repeat;z-index:9998;display:none}
.overlay{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:8888;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.overlay-close{cursor:pointer;margin:3px;position:absolute;right:5px;top:4px;width:33px;height:33px;background:url(../images/sprite2.png) center -5px no-repeat}
#loginbox{background:#404048;width:320px;margin-left:-160px;min-height:150px;overflow:hidden;position:absolute;z-index:9999;left:50%;top:20%;line-height:normal;border-radius:3px}
.login-title,.log-register,.login-avatar{background-color:#1f1f1f;padding:15px 20px;font-size:16px;position:relative}
.login-form ul{padding:20px}
.login-form li{margin-bottom:20px}
.login-form ul li label{display:inline-block;margin-bottom:5px}
.login-form ul li input{display:block;height:40px;line-height:40px;border-radius:3px;border:1px solid #1e1e1e;width:100%;padding:0 10px;background-color:#eeeeee;color:#000}
.login-form ul li a{float:right}
.log-check{padding:0 20px;line-height:40px;margin-bottom:20px}
.log-check input,.log-check label{float:left;display:inline-block;font-size:10px}
.log-check input{display:none}
.log-check input + label:before{width:20px;height:20px;margin-right:5px;cursor:pointer;background-color:#505058;border-radius:3px;border:1px solid #1e1e1e;content:"";float:left;position:relative;top:8px}
.log-check input:checked + label:before{background-color:#ff9900}
.log-check button{float:right}
.log-register,.login-avatar{display:block;background-color:#1f1f1f;color:#fff !important;text-align:center}
.avatar-box{width:70px;height:70px;overflow:hidden;border-radius:35px;float:left}
.avatar-box img{width:100%;min-height:100%}
.name-box{float:left;padding-left:20px;line-height:70px;font-size:20px;position:relative}
.name-box a{color:#fff;font-size:12px;border-bottom:1px dotted #fff;line-height:14px;position:absolute;left:20px;bottom:5px}
.login-menu li a{display:block;height:36px;line-height:36px;padding:0 20px;border-left:5px solid transparent}
.login-menu li a:hover,.login-menu li:nth-child(2) a{background-color:#1f1f1f;border-color:#ff9900}
.login-menu li:last-child a{background-color:#1f1f1f;color:#fff}
.sociallogin{height:auto}
.sociallogin a{float:left;margin:0 5px 10px 5px}
.show-menu{display:none}
@media screen and (max-width:1220px){.topper,.main-container,.categories,.bottom{max-width:1000px}
.topper-menu,.speedbar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.topper-two{height:145px;padding:15px 20px 0 20px}
.topper-wrap:after{height:145px;background-position:center top}
.random-link{width:40%;float:right;margin:15px 0 0 0}
.main-container{padding:20px 20px 20px 0;overflow:hidden}
.show-menu{display:block;width:40%;float:left;text-transform:uppercase;cursor:pointer;margin-top:15px;padding:0;text-align:center;line-height:50px;color:#FFF;font-size:16px;border-radius:5px}
.main-container.show-side .container-left{margin-left:20px}
.main-container.show-side .container-right{margin-right:-220px}
.cat-item{height:270px}
.cat-img{height:220px}}
@media screen and (max-width:950px){.topper,.main-container,.categories,.bottom{max-width:768px}
.logo-box{height:50px;width:150px;left:0;margin-left:0;background-size:contain;top:25px}
.premium-link{top:50px;font-size:12px}
.rules-link{top:0;left:auto;right:20px;padding:0 0 0 40px}
.rules-link:before{width:30px;height:30px;line-height:30px;font-size:16px;box-shadow:none;top:5px}
.sorting{height:auto;line-height:18px;padding:5px 20px;font-size:12px}
.thumb-img{height:120px}
.cat-item{width:31.3%;height:300px}
.cat-img{height:250px}}
@media screen and (max-width:760px){.topper,.main-container,.categories,.bottom{max-width:640px}
.thumb-item{width:48%}
.cat-item{height:270px}
.cat-img{height:220px}
.bottom{padding:0 20px}
.show-login{width:100%;text-align:center;margin-right:0}
#rules-window{border-radius:0;left:0;top:0;width:100%;margin-left:0;height:100%;overflow-y:scroll}
.pprev,.pnext,.counts,.topper-zero > span:first-child,.topper-zero ul{display:none}
.navigation{margin:0;padding:0 10px}
.navigation a,.navigation span{margin:0 5px 5px 0}
#loginbox{top:0%}
.compl,.iedit{display:none}
.video-share{float:right}
.video-download-link{width:100%;text-align:center;margin-top:10px}}
@media screen and (max-width:590px){.topper,.main-container,.categories,.bottom{max-width:480px}
.random-link,.show-menu{width:49%;font-size:14px}
.cat-item{width:48%;height:300px}
.cat-img{height:250px}
.video-title h1{font-size:16px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{width:100% !important;height:300px}
.video-desc embed,.video-desc object,.video-desc video,.video-desc iframe,.video-desc frame{width:100% !important;height:300px}
.comm-item{padding:10px 0 10px 60px}
.comm-left{margin-left:-60px;width:50px}
.comm-av{height:50px}
.comm-group-mark,.comm-id,.mass_comments_action,.comm-bottom-info ul li{display:none}
.comm-bottom-info ul li:first-child{display:inline-block}
.comments-tree-list .comments-tree-list{padding-left:0 !important}}
@media screen and (max-width:470px){.topper,.main-container,.categories,.bottom{max-width:320px}
.logo-box{top:50px}
.random-link{font-size:12px}
.rules-link{left:20px;right:auto}
.thumb-img{height:100px}
.cat-item{height:250px}
.cat-img{height:200px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{width:100% !important;height:200px}
.video-desc embed,.video-desc object,.video-desc video,.video-desc iframe,.video-desc frame{width:100% !important;height:200px}
.video-share{width:100%;float:left;margin:10px 0 0 0}
.comm-top-info{height:auto}
.comm-date{width:100%;float:none}
.comm-rate{float:left}}
.mejs-video,.me-plugin,.mejs-shim,.mejs-layers,.mejs-overlay{width:100% !important}
.mejs-video,.mejs-shim{height:400px !important}
@media screen and (max-width:470px){.mejs-video,.mejs-shim{height:250px !important}}

» Show original CSS code

« Hide original CSS code

@import "reset-settings.css" all;

.thumb-img img, .cat-img img, .top-img img {width:100%; min-height:100%;}
.random-link, .thumb-title, .cat-item, .cat-desc, .video-download-link, button {transition: all .5s;}
.yellow-grad, .random-link, .cat-item, .close-desc, .compl, .clouds_xsmall:hover, .clouds_small:hover, .clouds_medium:hover, .clouds_large:hover, 
.premium-link:hover, .nav-menu a:hover, .video-download-link, .bottom-tags a:last-child:hover,
button, html input[type="button"], input[type="reset"], input[type="submit"] { color:#fff;
background: #ffa621;
background: -moz-linear-gradient(top, #ffa621 0%, #ff9900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa621), color-stop(100%,#ff9900));
background: -webkit-linear-gradient(top, #ffa621 0%,#ff9900 100%);
background: -o-linear-gradient(top, #ffa621 0%,#ff9900 100%);
background: -ms-linear-gradient(top, #ffa621 0%,#ff9900 100%);
background: linear-gradient(to bottom, #ffa621 0%,#ff9900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa621', endColorstr='#ff9900',GradientType=0 );}
.grey-grad, .show-login, .premium-link, .nav-menu a, .sorting, .add-com-but, 
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {background: #1f1f1f;
background: -moz-linear-gradient(top, #1f1f1f 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #1f1f1f 0%,#000000 100%);
background: -o-linear-gradient(top, #1f1f1f 0%,#000000 100%);
background: -ms-linear-gradient(top, #1f1f1f 0%,#000000 100%);
background: linear-gradient(to bottom, #1f1f1f 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#000000',GradientType=0 );}
.transparent-grad, .cat-desc {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.red-grad, .rules-link:before, .show-menu {background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );}

.ribbon {
    font-size: 10px !important;
    background: #eeeeee;
    color: #000;
    padding: 0.1em 1em;
    border-radius: 15px;
    border: 1px solid #e5b896;
}

#kt_player {width:100% !important; height:100% !important;}

.blok { display:inline-block; background-color:rgba(0,0,0,0.95); 
position:fixed; left:0; top:0; z-index:9999;}
.alert {width:300px; padding:10px; background-color:#fff; border-radius:0px; color:#000000; 
position:fixed; top:0%; left:0%; margin-left:0px; border-radius:0 0 5px 0; box-shadow:0 0 20px 0 rgba(0,0,0,0.5);}
.a-icon {width:50px; height:50px; background-color:#D90003; color:#fff; font:bold 18px Arial; 
text-align:center; line-height:50px; margin:0 auto;}
.a-text {padding:20px 0; font-size:12px;}
.a-text p {margin-bottom:10px;}
.a-buts {padding:10px 0; border-top:1px solid #e3e3e3;}
.a-buts button {display:inline-block; height:40px; line-height:40px; padding:0 10px; background: #d90003 !important; 
font-size:14px; font-weight:bold; float:right; border-radius:5px;}
button.a-yes {float:left; background:#20A700 !important;}
.a-buts button:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.5);}

/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%;}
.topper-wrap {width:100%; position:relative; overflow:hidden;}
.topper-wrap:before {content:""; width:100%; height:40px; 
background-color:#1f1f1f; position:absolute; left:0; top:0; z-index:50;}
.topper-wrap:after {content:""; width:100%; height:100px; 
background:#000 url(../images/top-bg.jpg) left top no-repeat; background-size:cover;
position:absolute; left:0; bottom:0; z-index:50; box-shadow:inset 0 3px 3px 0 rgba(0,0,0,0.3);}
.topper, .main-container, .categories, .bottom {width:100%; min-width:320px; max-width:1200px; margin:0 auto; position:relative; z-index:100;}
.topper {z-index:150;}
.topper-zero {height:40px; position:relative; line-height:40px;}
.topper-zero:before {content:""; position:absolute; top:0; right:100%; 
width:1000px; height:100%; background-color:#404048;}
.topper-one {height:100px; position:relative;}
.topper-two {height:100px; position:relative; padding:26px 20px 0 495px;}
.main-container {padding:20px 20px 20px 220px;}
.container-left {width:200px; float:left; margin-left:-200px;}
.container-right {width:100%; float:right; padding-left:20px;}
.bottom-wrap {width:100%; background-color:#000; padding:40px 0 20px 0; box-shadow:inset 0 3px 3px 0 rgba(0,0,0,0.5);}

.frkl {margin:20px 0; overflow:hidden;}
.lrkl {margin:0 0 20px 0;}

/* HEADER, SEARCH
----------------------------------------------- */
.topper-zero > span:first-child {display:inline-block; padding:0 0 0 20px; position:relative; 
background-color:#404048; color:#ccc; font-weight:bold; float:left; margin-right:30px;}
.topper-zero > span:first-child:after {left: 100%;top: 50%;border: solid transparent;content: " ";
	height: 0;width: 0;position: absolute;pointer-events: none;
	border-color: rgba(0, 0, 0, 0);border-left-color: #404048;border-width: 20px;margin-top: -20px;}
.topper-menu, .speedbar {display:inline-block; float:left; padding-top:10px;}
.topper-menu li {display:inline-block; float:left; padding:0 10px; line-height:20px; border-right:1px dashed #8e8e8e;}
.topper-menu a:hover, .speedbar a:hover {text-decoration:underline;}
.show-login {display:inline-block; float:right; padding:0 20px; color:#999; 
font-weight:bold; margin-right:20px; cursor:pointer; border:1px solid #1e1e1e; border-bottom:0; border-top:0;}

.logo-box {height:100px; width:320px; display:block; position:absolute; left:50%; top:0; margin-left:-160px;
background:url(../images/logo.png) no-repeat; overflow:hidden; text-indent:-1000px;}
.premium-link {display:inline-block; position:absolute; top:30px; right:20px; border-radius:5px; 
color:#ff9900; font-size:16px; padding:0 20px; line-height:38px; border:1px solid #1e1e1e;}
.rules-link {display:inline-block; position:absolute; top:30px; left:30px; 
padding:0 0 0 70px; line-height:40px; text-decoration:underline;}
.rules-link:before {content:attr(data-mark); width:50px; height:50px; text-align:center; line-height:50px; 
color:#fff; font-size:24px; box-shadow:0 0 0 7px #8f8f8f,0 0 20px 0 rgba(0,0,0,0.2); border-radius:50%; 
position:absolute; left:0; top:-3px;}
#rules-window {background-color:#404048; color:#fff; padding:20px; line-height:18px; border-radius:10px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); 
position:fixed; left:50%; top:50px; width:600px; min-height:100px; margin-left:-300px; 
    z-index:9999; display:none; max-height:600px; overflow-y:scroll;}
.rules-wrap > img {display:block; margin:50px auto;}
.rules-close{cursor: pointer; margin: 3px; position: absolute; right: 5px; top: 4px; 
width: 33px; height: 33px; background:url(../images/sprite2.png) center -5px no-repeat;}

.random-link {display:block; width:215px; float:left; margin-left:-235px; text-transform:uppercase;
padding:0; text-align:center; line-height:50px; color:#FFF; font-size:16px; border-radius:5px; 
box-shadow:inset 0 -1px 0 0 #fe9704; text-shadow:0 1px 0 #fe9704;}
.random-link:hover {color:#fff; box-shadow:inset 0 -1px 0 0 #fe9704, inset 0 0 20px 0 rgba(255,255,255,0.5);}

.search-wrap {width:100%; float:right; position:relative;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; max-width:1000px; height:48px; line-height:50px; padding:0 90px 0 10px; border-radius:5px;
background-color:#eeeeee; color:#000; font:italic 12px Georgia; border:1px solid #444; box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.2); }
.search-box button {position:absolute; right:8px; top:8px;}

/* SORTING
----------------------------------------------- */
.sorting {height:40px; line-height:40px; padding:0 20px; font-size:14px; margin:0 0 20px 2%; 
border:1px solid #1e1e1e; border-radius:3px; color:#999999;}
.sorting img {margin-right:5px;}
.sorting a:hover {text-decoration:underline;}

/* LEFT SIDEBAR
----------------------------------------------- */
.nav-box {margin-bottom:20px;}
.left-box {margin-bottom:20px; border:1px solid #1e1e1e; border-radius:3px; padding:10px;}
.left-box-title {font-size:16px; margin-bottom:10px;}

.nav-menu {border:1px solid #1e1e1e; border-radius:3px; overflow:hidden;}
.nav-menu a {display:block; padding:10px 20px; font-size:14px; color:#ff9900;}

.top-item {display:block; padding:0 0 0 60px; margin-bottom:10px;}
.top-img {float:left; overflow:hidden; width:50px; height:40px; margin-left:-60px;}
.top-text {float:right; width:100%;}
.top-title {font-size:12px; color:#ccc;}
.top-item:hover .top-title {color:#ff9900;}
.left-box .top-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}

/* SHORT STORY
----------------------------------------------- */
.thumb-item {display:block; float:left; width:23%; margin-left:2%; margin-bottom:20px;}
.thumb-img {height:150px; overflow:hidden; position:relative; border:1px solid #1e1e1e;}
.time-mark {display:inline-block; background-color:#000; color:#FFF; font-size:14px; padding:3px 5px; 
position:absolute; right:10px; bottom:10px; border-radius:3px;}
.hd-mark {display:inline-block; background-color:rgba(238, 95, 91, 0.45);; color:#FFF; font-size:14px; padding:3px 5px; 
position:absolute; left:10px; bottom:10px; border-radius:3px; font-style:italic; text-transform:uppercase;}
.thumb-title {height:30px; overflow:hidden; color:#ff9900; margin-top:10px; line-height:14px;}
.thumb-item:hover .thumb-title {color:#ff9900; text-decoration:underline;}

/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {padding:30px 20px 10px 20px; font-size:12px; border:1px solid #1e1e1e; border-top:3px solid #ff9900;
margin:0 0 20px 2%; border-radius:3px; position:relative;}
.thumbs-wrap .site-desc {padding:20px 20px 10px 20px; border:1px solid #1e1e1e;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:16px; color:#ccc; text-transform:uppercase; margin-bottom:10px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#ff9900;}
.site-desc p {margin-bottom:5px;}
.close-desc {position:absolute; top:0; left:0; padding:3px 5px; cursor:pointer;
display:inline-block; color:#FFF; font-weight:bold; border-radius:3px 0 0 0;}

/* CATEGORIES THUMBS
----------------------------------------------- */
.categories-wrap {background-color:#1f1f1f; width:100%; padding:40px 0;}
.categories {text-align:center;}
.categories-title {font-size:24px; padding:0 0 20px 0;}
.cat-item {display:inline-block; width:18%; height:330px; margin:0 1%; margin-bottom:20px; 
border-radius:5px; padding:5px; vertical-align:top;}
.cat-img {height:280px; overflow:hidden; background-color:#fff; margin-bottom:10px; position:relative;}
.cat-title {font-size:14px; color:#fff; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cat-desc { position:absolute; left:0; bottom:0; width:100%; padding:50px 10px 10px 10px; 
color:#ccc; font-size:14px;}
.cat-item:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.cat-item:hover .cat-desc {bottom:-100px;}

/* FOOTER
----------------------------------------------- */
.bottom {padding:0 240px 0 20px; position:relative; min-height:73px;}
.bottom p {width:100%; color:#999; margin-bottom:10px;}
.bottom a {font-weight:bold; text-decoration:underline; color:#ff9900;}
.counts {position:absolute; top:20px; right:20px; width:220px; z-index:20; text-align:right;}
.counts li {display:inline-block; width:88px; height:31px; margin-left:1px; background-color:#111;}

/* NEW RATINGS
----------------------------------------------- */
.rate-type1 {width:106px; margin:0 auto; height:30px; padding-top:4px;}
.rate-type2, .rate-type3 { display:inline-block; height:30px; line-height:28px; padding:0 10px 0 0; 
border-radius:5px; font-size:13px; overflow:hidden; border:1px solid #404048; text-align:left;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );}
.ratingzero {color: #444444;}
.ratingtypeplus {color: #06b601;}
.ratingplus {color: green;}
.ratingminus {color: red;}
.rate-type2 a, .rate-type3 a {display:inline-block; float:left; margin-right:8px; height:100%;}
.rate-type2 span, .rate-type3 span {float:left; display:inline-block;}
.rate-type2 b, .rate-type3 b {display:inline-block; color:#FFF; padding:0 10px 0 0; font-size:12px; height:100%;
background: #92e358;
background: -moz-linear-gradient(top, #92e358 0%, #0ba607 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92e358), color-stop(100%,#0ba607));
background: -webkit-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -o-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -ms-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: linear-gradient(to bottom, #92e358 0%,#0ba607 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92e358', endColorstr='#0ba607',GradientType=0 );}
.rate-type2 b:after {float:left; content:attr(data-like); display:inline-block; font-weight:400;}
.rate-type2 img {float:left; margin-right:8px; border-right:1px dotted #f0f0f0; display:block;}
.rate-type2 a:hover b, .rate-type3 a:nth-child(3):hover b {background:#0ba607 !important;}
.rate-type3 a:nth-child(1):hover b {background:#cf0404 !important;}
.rate-type3 {padding:0;}
.rate-type3 a:nth-child(3) {margin:0 0 0 8px;}
.rate-type3 a:nth-child(1) b { padding:0 2px 0 1px;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );}
.rate-type3 a:nth-child(3) b {padding:0 3px 0 0px;}

/* FULL STORY
----------------------------------------------- */
.fpage-wrap {margin:0 0 0 2%;}
.video-wrap {}
.video-title h1 {font-size:24px; margin-bottom:20px; color:#ccc;}
.video-box {background:#303038 url(../images/loader.gif) center 50px no-repeat; min-height:200px; padding:10px 10px 0 10px;}
.video-info {}
.video-top-info { background-color:#303038; padding:10px 20px; margin-bottom:20px;}
.video-rating {display:inline-block; float:left;}
.video-download-link {display:inline-block; float:right; border-radius:3px; 
padding:0 20px; line-height:30px; font-size:16px;}
.video-download-link:hover {box-shadow:inset 0 0 20px 0 rgba(255,255,255,0.3); color:#FFF;}
.video-share {display:inline-block; float:left; margin-left:20px; height:30px; position:relative; top:-3px;}
.addfavorit {display:inline-block; float:left; margin-left:10px; height:30px;}
.compl {display:inline-block; float:right; border-radius:3px; 
padding:0 20px; line-height:30px; font-size:12px; color:#FFF; margin-right:10px;}
.iedit {display:inline-block; float:right; margin-right:10px; height:30px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100% !important; height:450px;}
.video-desc embed, .video-desc object, .video-desc video, .video-desc iframe, .video-desc frame {width: 100% !important; height:450px;}
.video-desc {font:14px Arial, Helvetica, sans-serif; line-height:24px;}
.video-desc img {margin:0 10px 10px 0; max-width:100%; border:5px solid #333;}
.video-desc a {text-decoration:underline; color:#ff9900;}
.video-desc a:hover {text-decoration:underline; color:#fff;}
.video-desc a:visited {text-decoration:underline; color:#ff9900;}
.video-desc ul li {list-style:disc; margin-left:40px;}
.video-desc ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.video-desc ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.video-desc  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#ff9900; font-weight:bold; border-radius:50%;}
.video-desc table {width:100%; text-align:left;}
.video-desc table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:10px 0 20px 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold; color:#ccc;}
.full-taglist a {color:#ff9900;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#ff9900; text-decoration:none;}
.full-nav a:hover {color:#ff9900; text-decoration:underline;}
.full-nav-pages {margin:0 20px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}

/* RELATED
----------------------------------------------- */
.video-related {margin:20px 0 0 0;}
.vr-title {font-size:18px; margin-bottom:20px;}
.vr-box {margin-left:-20px;}

/* COMMENTS
----------------------------------------------- */
.comm-title {font-size:18px; margin-bottom:20px;}
.comm-item {padding:10px 10px 10px 110px; border-bottom:1px solid #333;}
.comm-left {float:left; margin-left:-100px; width:90px;}
.comm-right {float:right; width:100%;}
.comm-av {height:90px; overflow:hidden;}
.comm-av img {width:100%; min-height:100%;}
.comm-group-mark {padding:3px; text-align:center; font-size:10px; font-weight:normal !important; margin-top:5px;
background-color:#444; color:#ccc;}
.comm-admin {background-color:#d60505; color:#fff;}
.comm-admin span, .comm-jour span {color:#fff !important;}
.comm-jour {background-color:#1ca101; color:#fff;}
.comm-user {background-color:#309; color:#fff;}
.comm-top-info {height:20px; line-height:20px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-author:after {content:""; width:10px; height:10px; border-radius:50%; display:inline-block;
margin-left:10px; background-color:#888; position:relative; top:2px;}
.status-online:after {background-color:#3C0;}
.comm-text {line-height:18px; color:#999; padding:10px 0; min-height:80px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; padding:10px 0; border-top:1px dashed #444;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left;}
.comm-bottom-info ul li:first-child img {margin-right:5px;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {float:right; position:relative; line-height:26px; border-radius:3px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px; background-color:#eee; color:#444; 
font-weight:bold; box-shadow:0 0 0 1px #333;}
.comm-rate a {display:block; width:22px; height:22px; position:absolute; top:2px; left:2px; 
text-align:center; line-height:22px; font-size:18px; color:#61b804; background-color:#ccc; border-radius:3px;}
.comm-rate a:last-child {left:auto; right:2px; color:#ec000b;}
.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: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#013f04;}
.neg-comm {background-color:#3f0105;}

.add-com-but {display:inline-block; font-size:16px; padding:0 20px; margin:20px 0;
border-radius:3px; line-height:40px; cursor:pointer; border:1px solid #333;}
.add-com-but:hover { text-decoration:underline;}
.add-com-but i {margin-right:20px;}
#addcform {display:none; margin:20px 0;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #333; margin:20px 0 0 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }

/* GO TOP BUTTON */
.gotop{position:fixed;width:40px;height:50px;right:0px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}

/* LOGIN
----------------------------------------------- */
.overlay {display:none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; margin: 3px; position: absolute; right: 5px; top: 4px; 
width: 33px; height: 33px; background:url(../images/sprite2.png) center -5px no-repeat;}
#loginbox { background: #404048; width: 320px; margin-left: -160px; min-height: 150px; overflow:hidden;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border-radius:3px;}
.login-title, .log-register, .login-avatar { background-color:#1f1f1f; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #1e1e1e; 
width:100%; padding:0 10px;background-color:#eeeeee; color:#000;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer; background-color:#505058;
border-radius:3px; border:1px solid #1e1e1e; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#ff9900;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#1f1f1f; color:#fff !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#1f1f1f; border-color:#ff9900;}
.login-menu li:last-child a {background-color:#1f1f1f; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:0 5px 10px 5px;}

/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 1220px) {
.topper, .main-container, .categories, .bottom {max-width:1000px;}
.topper-menu, .speedbar {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:70%;}
.topper-two {height:145px; padding:15px 20px 0 20px;}
.topper-wrap:after {height:145px; background-position:center top;}
.random-link {width:40%; float:right; margin:15px 0 0 0;}
.main-container {padding:20px 20px 20px 0; overflow:hidden;}
.show-menu {display:block; width:40%; float:left; text-transform:uppercase; cursor:pointer; margin-top:15px;
padding:0; text-align:center; line-height:50px; color:#FFF; font-size:16px; border-radius:5px;}
.main-container.show-side .container-left {margin-left:20px;}
.main-container.show-side  .container-right {margin-right:-220px;}
.cat-item {height:270px;}
.cat-img {height:220px;}
}

@media screen and (max-width: 950px) {
.topper, .main-container, .categories, .bottom {max-width:768px;}
.logo-box {height:50px; width:150px; left:0; margin-left:0; background-size:contain; top:25px;}
.premium-link {top:50px; font-size:12px;}
.rules-link {top:0; left:auto; right:20px; padding:0 0 0 40px;}
.rules-link:before {width:30px; height:30px; line-height:30px; font-size:16px; box-shadow:none; top:5px;}
.sorting {height:auto; line-height:18px; padding:5px 20px; font-size:12px;}
.thumb-img {height:120px;}
.cat-item {width:31.3%; height:300px;}
.cat-img {height:250px;}
}

@media screen and (max-width: 760px) {
.topper, .main-container, .categories, .bottom {max-width:640px;}
.thumb-item {width:48%;}
.cat-item {height:270px;}
.cat-img {height:220px;}
.bottom {padding:0 20px;}
.show-login {width:100%; text-align:center; margin-right:0;}
#rules-window {border-radius:0; left:0; top:0; width:100%; margin-left:0; height:100%; overflow-y:scroll;}

.pprev, .pnext, .counts, .topper-zero > span:first-child, .topper-zero ul {display:none;}
.navigation {margin:0; padding:0 10px;}
.navigation a, .navigation span {margin:0 5px 5px 0;}
#loginbox {top:0%;}

.compl, .iedit {display:none;}
.video-share {float:right;}
.video-download-link {width:100%; text-align:center; margin-top:10px;}
}

@media screen and (max-width: 590px) {
.topper, .main-container, .categories, .bottom {max-width:480px;}
.random-link, .show-menu {width:49%; font-size:14px;}
.cat-item {width:48%; height:300px;}
.cat-img {height:250px;}

.video-title h1 {font-size:16px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100% !important; height:300px;}
.video-desc embed, .video-desc object, .video-desc video, .video-desc iframe, .video-desc frame {width: 100% !important; height:300px;}

.comm-item {padding:10px 0 10px 60px;}
.comm-left {margin-left:-60px; width:50px;}
.comm-av {height:50px;}
.comm-group-mark, .comm-id, .mass_comments_action, .comm-bottom-info ul li {display:none;}
.comm-bottom-info ul li:first-child {display:inline-block;} 
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
}

@media screen and (max-width: 470px) {
.topper, .main-container, .categories, .bottom {max-width:320px;}
.logo-box {top:50px;}
.random-link {font-size:12px;}
.rules-link {left:20px; right:auto;}
.thumb-img {height:100px;}
.cat-item {height:250px}
.cat-img {height:200px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100% !important; height:200px;}
.video-desc embed, .video-desc object, .video-desc video, .video-desc iframe, .video-desc frame {width: 100% !important; height:200px;}
.video-share {width:100%; float:left; margin:10px 0 0 0;}

.comm-top-info {height:auto;}
.comm-date {width:100%; float:none;}
.comm-rate {float:left;}
}

/* Fix dle html5 player
----------------------------------------------- */
.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}

Some information about this website:

URL: http://sosyha.online/
CSS URL: http://sosyha.online/templates/sosyha/style/styles.css
Charset: utf-8
Title: ??????, ????? ??? ? ???? ?????? ?? ????? ??????
Meta-Description: ??????? ????????? ??? ???? ??????? ? ??????? ???????, ??????? ????? ???????? ????????? ?????? ?? Sosyha.online