Results of the CSS crunched for trahat.top

Let's see what we've done for trahat.top

CSSCruncher.com has crunched this CSS to
11.55 %Less Size! Nice!

Crunched CSS code:

*{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}
img{max-width:100%}
.clr{clear:both}
.clearfix:after{content:"";display:table;clear:both}
body{font:14px Roboto,Tahoma,Geneva,sans-serif;line-height:1.5;padding:0;margin:0;color:#ccc;background:#24191e;min-height:100%;width:100%;font-weight:300}
a{color:#ccc;text-decoration:none}
a:hover,a:focus{color:#ffc108;text-decoration:none}
h1,h2,h3,h4,h5{font-weight:400;font-size:24px;color:#f8bbd0}
.polos{font-size:16px !important;background:#4444448a;color:#fff;padding:0.2em 1em}
.head-text{background:rgba(0,0,0,0.2);padding:10px;margin:2px 0px 10px 0px}
button,textarea,input[type="text"],input[type="password"]{appearance:none;-webkit-appearance:none;font-size:16px;font-family:Roboto !important}
.btn,button,input[type="button"],input[type="submit"]{display:inline-block;text-align:center;padding:0 15px;height:40px;line-height:40px;cursor:pointer;background-color:#c2185b;color:#fff;font-size:14px;border:0px solid #e3e3e3;border-radius:4px}
.btn:hover,button:hover,input[type="button"]:hover,input[type="submit"]:hover{background-color:#c2185b;color:#fff;border-color:#9b59b6}
button:active,input[type="button"]:active,input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1)}
input[type="text"],input[type="password"]{display:block;width:100%;height:40px;line-height:40px;padding:0 15px;background-color:#2e2026;color:#fff;border-radius:4px;box-shadow:none;border:0}
input[type="text"]:focus,input[type="password"]:focus{}
input::-webkit-input-placeholder{color:#fff;opacity:0.5}
input::-moz-placeholder{color:#fff;opacity:0.5}
input:-moz-placeholder{color:#fff;opacity:0.5}
input:-ms-input-placeholder{color:#fff;opacity:0.5}
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 #222;background-color:#2e2026;color:#fff}
textarea{display:block;width:100%;padding:15px;overflow:auto;vertical-align:top;resize:vertical;height:90px;background-color:#2e2026;color:#fff;border-radius:4px;box-shadow:none;border:0}
.img-box,.img-wide,.img-square,.img-resp,.img-resp-vert,.img-resp-sq,.img-fit{overflow:hidden;position:relative;background-color:#222}
.img-resp{padding-top:60%}
.img-resp-vert{padding-top:140%}
.img-resp-sq{padding-top:100%}
.img-box img,.img-square img,.img-resp img,.img-resp-vert img,.img-resp-sq img{width:100%;min-height:100%;display:block}
.img-resp img,.img-resp-vert img,.img-resp-sq img{position:absolute;left:0;top:0}
.img-wide img{width:100%;display:block}
.img-fit img{width:100%;height:100%;object-fit:cover}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-row{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:content;-webkit-flex-direction:content;flex-direction:content}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start{-webkit-justify-content:flex-start;justify-content:flex-start}
.fx-first{-ms-flex-order:-1;-webkit-order:-1;order:-1}
.fx-last{-ms-flex-order:10;-webkit-order:10;order:10}
.fx-1{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts//MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype')}
.mat-icon,[data-icon]:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:inherit;display:inline-block;vertical-align:top;line-height:inherit;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
[data-icon]:before{content:attr(data-icon)}
b,strong,h1,h2,h3,h4,h5{font-weight:400}
.icon-left .mat-icon,.icon-left:before{margin-right:0.4em}
.hidden,#dofullsearch{display:none}
.wrap{min-width:320px;overflow:hidden;position:relative}
.wrap22:before{content:'';background:url(../images/noise.png);opacity:0.2;position:absolute;left:0;top:0;right:0;bottom:0}
.wrap-container{max-width:1200px;margin:0 auto;position:relative;z-index:10}
.topper{background-color:#c2185b;box-shadow:0 20px 20px -20px rgba(0,0,0,0.1);padding:0px 2000px;margin:0 -2000px 30px -2000px;height:70px}
.content{min-height:80vh}
.nav-content{width:100%}
.nav-side{width:200px;margin-right:30px}
.bottomer{background-color:#3d2b33;border-top:1px solid #222;position:relative;padding:15px 2070px;margin:60px -2000px 0 -2000px}
#gotop{position:fixed;width:50px;height:50px;line-height:50px;right:10px;bottom:10px;cursor:pointer;font-size:30px;z-index:9998;display:none;opacity:1;background-color:#c2185b;color:#ffc108;border-radius:50%;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,0.2)}
.logo{display:block;height:70px;width:320px;float:left}
.topper-menu{float:left}
.topper-menu li{float:left;margin-left:30px}
.topper-menu li a{display:block;line-height:70px;color:#fff}
.topper-menu a:before{color:#ffc108;margin-right:10px;font-size:18px}
.topper-menu li a:hover{text-decoration:underline;color:#fff}
.search-box{margin-top:15px;float:right}
.search-input{width:100%;position:relative}
.search-input input,.search-input input:focus{width:100%;padding:0 30px 0 15px;border-radius:0px;background-color:#e91f63;color:#fff;height:40px;line-height:40px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.search-box button{position:absolute;right:0;top:0;padding:0 !important;width:40px;font-size:18px;background:transparent !important;color:#ffc108 !important}
.nav{margin:0 -10px 20px -10px}
.nav li{width:20%;position:relative}
.nav li a{display:block;padding:0 10px;line-height:30px}
.nav li a:hover,.nav li a.is-active{background-color:#c2185b;color:#fff}
.nav li span{position:absolute;right:20px;top:0;display:inline-block;line-height:30px;font-size:12px;opacity:0.5}
.nav li a:hover + span,.nav li a.is-active + span{color:#fff}
.nav-side .nav li{width:100%}
.nav-full{background-color:#2e2026;box-shadow:0 -20px 20px -20px rgba(0,0,0,0.1);padding:30px 2000px;margin:60px -2000px -60px -2000px}
.nav-full .nav li{width:25%}
li span i{font-style:normal;display:inline;margin-left:3px}
.main-content > h1,.main-content > h2{font-size:24px;margin-bottom:20px;font-weight:400;color:#f8bbd0}
.site-desc > h1,.site-desc > h2{font-size:24px;margin-bottom:10px;font-weight:400;color:#f8bbd0}
.site-desc{margin-bottom:30px}
.site-desc > p + p{margin-top:10px}
.floats .site-desc{padding-left:15px;padding-right:15px}
.site-desc a{text-decoration:underline;color:#c2185b}
h1 span,h2 span{color:#e91e64}
.speedbar{font-size:12px;color:#888;margin-bottom:15px}
.speedbar a{}
.speedbar a:hover{text-decoration:underline}
.floats{margin:0 -15px}
.float{float:left;width:24.9%;padding:0 15px 30px 15px}
.float-inner{position:relative}
.float-link{display:block}
.float-img{box-shadow:0 3px 8px 0 rgba(0,0,0,0.5)}
.float-img1:before{content:'';position:absolute;z-index:10;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%)}
.float-title{line-height:20px;height:20px;overflow:hidden;margin-top:10px;white-space:nowrap;text-overflow:ellipsis;color:#fff}
.float-link:hover .float-title{color:#ffc108}
.float-meta{display:inline-block;border-top:1px solid #c2185b;margin-top:5px;padding-top:1px}
.float-meta > div{display:inline-block;margin-right:10px;height:16px;line-height:16px;font-size:12px}
.float-meta > div:before{opacity:0.5;font-size:16px}
.float-meta > div.float-rate:before{opacity:1;color:#6cc43c}
.float-meta > div.float-rate.low:before{content:"thumb_down";color:#c2185b}
.float-edit{right:10px;top:5px;position:absolute}
.float-edit a{color:#fff;font-size:16px}
.float-model{width:20%;text-align:center}
.float-model .img-resp{padding-top:140%}
.float-model .float-title{height:20px;margin-top:15px}
.float-model .float-meta{bottom:50px}
.float-model .float-meta > div{margin:0 5px}
.pagination{text-align:center;font-size:16px;margin-bottom:30px}
.pagination-in > span,.pagination-in > a{display:inline-block;vertical-align:middle;margin:0 2px 10px 2px;height:40px;line-height:40px;min-width:40px;text-align:center;background-color:#3d2b33;padding:0 10px;border:1px solid #222}
.pagination-in > span:not(:first-child):not(:last-child):not(.nav_ext){background-color:#c2185b;color:#fff}
.bottomer:before{content:'18+';position:absolute;left:2000px;top:15px;background-color:#c2185b;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%}
.bottomer-counter{position:absolute;right:2000px;top:15px}
.bottomer-agree{margin-top:7px;font-size:12px}
.bottomer-text a{color:#c2185b;text-decoration:underline;margin-left:30px}
.full-page{background-color:#3d2b33;box-shadow:0 20px 20px -20px rgba(0,0,0,0.1);padding:20px 30px}
.video-page h1{margin-bottom:20px}
.vpm{margin:0 -30px;margin-bottom:20px;padding:10px 30px;border-bottom:1px solid #222;background-color:#2e2026}
.related{width:100%}
.related h2{margin:20px 0}
h1 + .full-page{padding-top:0}
.vp-tags + .vp-desc{margin-top:10px}
.vp-tags{line-height:24px}
.vp-tags a{color:#ffc108;text-decoration:underline}
.vp-tags a:hover{text-decoration:none}
.player-behavior{margin:0 -30px}
.behavior-box{width:370px;padding:20px;text-align:center}
.player-box{width:calc(100% - 370px);width:-webkit-calc(100% - 370px);background:#000;min-height:200px}
.behavior-box img{display:block}
.behavior + .behavior{margin-top:20px}
.behavior-img{width:95px;height:95px;overflow:hidden}
.behavior-desc{width:calc(100% - 110px);width:-webkit-calc(100% - 110px);opacity:0.5}
.behavior-desc{color:#fff;opacity:0.7}
.behavior:hover .behavior-desc{opacity:1}
.behavior{}
.behavior-title{line-height:22px;max-height:88px;overflow:hidden}
.vpm-float{display:inline-block;float:left;height:40px;line-height:40px;margin-left:30px;font-size:14px}
.vpm-float:before{opacity:0.4;margin-right:5px;font-size:18px}
.vpm-fav:before{opacity:1;color:#c2185b}
.vpm-fav > div{display:inline-block;vertical-align:top}
.v-fav-in:hover{cursor:pointer;color:#ffc108}
.vpm-err{margin-left:0;float:right;padding:0 20px;background-color:#c2185b;border-radius:20px}
.vpm-err:before,.vpm-err a{opacity:1;color:#fff}
.vpm-rate{white-space:nowrap;text-align:center;height:40px;float:left}
.rate-plus,.rate-minus,.rate-counts{display:inline-block;vertical-align:middle}
.rate-data{display:none}
.rate-counts{width:160px;padding-top:0px;height:40px;position:relative;font-size:12px}
.rate-plus,.rate-minus{cursor:pointer;width:40px;height:40px;text-align:center;font-size:24px;line-height:40px;margin-right:7px;border-radius:50%;transition:box-shadow .3s}
.rate-plus{background-color:#6cc43c;color:#fff}
.rate-minus{background-color:#c2185b;color:#fff}
.rate-plus:hover,.rate-minus:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.4)}
.rate-bar{width:100%;min-height:6px;height:6px;border-radius:4px;overflow:hidden;position:absolute;background-color:#c2185b;left:0;right:0;bottom:5px}
.rate-fill{width:50%;height:100%;position:absolute;left:0;top:0;background-color:#6cc43c;transition:width 1s linear}
.rate-perc{margin-right:5px;font-size:18px;color:#6cc43c}
.tags-select-area{background-color:#c2185b;box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);padding:10px 15px;margin:20px 0;position:relative}
.tags-select-area a{display:block}
.tags-selected-list{margin-bottom:-7px}
.tags-select-list li{display:inline-block;margin-right:5px}
.tags-select-list li a{padding:5px}
.tags-selected-list li a{padding:5px 20px 5px 5px}
.tags-select-list li a i{float:right;font-size:10px;color:#ccc;margin-left:5px}
.tags-select-list li a:hover{color:#fff;background-color:#6CC43C}
.tags-select-h{font-size:14px;font-weight:bold;padding:5px;clear:both}
.tags-selected-list li a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAKklEQVQoz2NgGATA4L/Bf3QWmrTBfwSNQwEOSWQT8EjiNRqnCQRcPgAAAG+mJxC7ICdhAAAAAElFTkSuQmCC) no-repeat 100% 50%}
.tags-metatags{padding:0 20px 0 0;display:inline-block;position:absolute;right:10px;top:5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAlklEQVQoz2NgoC8wMDFYZZCBT8Fig/8G7w2YsEllG1w2mGvwxeC/wX+DNQaHDDaiKTN4CpZChqaoCsINfhv8N1hlwGWQAJZeYsCMqoDF4JbBf4N4BgYDHrACfXQ3LAEL3zFINtgAZj00EEVVcBHNBX8NVFEV6BlUGTiDrflvEGSQaRCBPRw6DP4b3MAXUDwGgQYq1I4fALoeRYA1hg6cAAAAAElFTkSuQmCC) no-repeat 100% 50%}
.tags-metatags-area{display:none}
.tags-metatags-area>b{display:block;text-align:right;margin-right:10%}
.tags-metatags-area>input{width:90%;padding:0 10px;border:1px solid #ccc;border-radius:3px;height:32px;margin:3px 0 17px}
.tags-metatags-h{margin-bottom:15px}
.tags-metatags-h b{font-size:14px}
.moreLink:hover{background:#046A92}
.moreLink{background:#f1656f;text-align:center;font-size:18px;margin-top:5px;border-radius:6px;color:#fff}
.lessLink:hover{background:#FF1744}
.lessLink{background:#D50000;text-align:center;font-size:20px;margin-top:5px;border-radius:6px;color:#fff}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{max-width:100% !important;display:block;width:100%;height:530px}
.mejs-container{max-width:100% !important}
.full-text{line-height:1.7}
.full-text img:not(.emoji){max-width:100%;margin:10px 0;display:none}
.full-text > img[style*="left"],.full-text > .highslide img[style*="left"]{margin:0 10px 10px 0}
.full-text > img[style*="right"],.full-text > .highslide img[style*="right"]{margin:0 0 10px 10px}
.full-text a{text-decoration:underline;color:#ffc108}
.full-text a:hover{text-decoration:none}
.full-text h2,.full-text h3,.full-text h4,.full-text h5{margin:10px 0;font-size:18px;font-weight:700}
.full-text p{margin-bottom:10px}
.full-text ul,.full-text ol{margin:0}
.full-text ul li{list-style:disc;margin-left:40px}
.full-text ol li{list-style:decimal;margin-left:40px}
.hamburger-menu{display:none}
.bochello-panel{width:260px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#333;padding:0 10px;z-index:888;position:fixed;left:-260px;top:0;transition:left .4s;-webkit-transition:left .4s}
.bochello-panel.active{left:0}
.close-overlay{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:887;display:none}
.bochello-panel a{display:block;padding:10px 50px 10px 0;color:#FFF;font-size:14px;color:#FFF;border-bottom:1px solid #111}
.bochello-panel li{position:relative;color:#FFF}
.bochello-panel li span{position:absolute;right:10px;top:10px;opacity:0.8}
.bochello-panel li a:before{color:#c2185b;margin-right:10px}
@media screen and (max-width:1220px){body{background-image:none}
.wrap-container{max-width:1000px;padding-left:15px;padding-right:15px}
.nav-content,.topper-menu,.nav-full{display:none}
.js-mob,.contents{display:block}
.bottomer:before,.bottomer-counter{display:none}
.bottomer{padding-left:2000px;padding-right:2000px}
.float-model .float-rate{display:none}
.hamburger-menu{display:block;float:right;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;background-color:#ffc108;color:#000;margin:15px 0 0 15px;font-size:24px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{height:400px}}
@media screen and (max-width:950px){.wrap-container{max-width:768px}
.float{width:33.33%}
.float-model{width:25%}
.behavior-box{display:none}
.player-box{width:100%}
.vpm{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;text-align:center}
.vpm:after{display:none}
.vpm-rate{width:100%}
.vpm-float{margin:0;float:none}}
@media screen and (max-width:760px){.wrap-container{max-width:640px}
.float{width:50%}
.float-model{width:33.33%}
h1,h2,h3,h4,h5{font-size:18px !important}
.bottomer{text-align:center}
.bottomer a{margin:10px 0;display:block}
.logo{width:60px;overflow:hidden}
.logo img{width:320px;max-width:320px}
.topper{position:relative}
.search-box{width:auto;margin:0;float:none;position:absolute;left:2070px;right:2055px;top:15px}
.vpm-err{display:none}
.ac-protect{margin-top:0px}
.comments-tree-list .comments-tree-list{padding-left:0px !important}
.comments-tree-list .comments-tree-list:before{display:none}
.mass_comments_action{display:none}
.sub-title h1{font-size:18px;line-height:24px}}
@media screen and (max-width:590px){.wrap-container{max-width:480px}
.full-page,.speedbar{padding-left:15px;padding-right:15px}
.player-behavior,.vpm,.speedbar11{margin-left:-15px;margin-right:-15px}
.vpm{padding-left:15px;padding-right:15px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{height:300px}
.ac-soc{position:static}
.ac-inputs input{width:100%;margin-top:10px}
.ac-protect{width:100%;float:none;margin:0}
.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){.wrap-container22{max-width:320px}
.float{width:100%}
.float-model{width:50%}
.site-desc p,.break-list{display:none}
.site-desc h1,.site-desc h2{margin-bottom:0}
.vpm-views,.vpm-date{display:none}
.vpm-float{font-size:12px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{height:250px}}

» Show original CSS code

« Hide original CSS code

/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 14px Roboto, Tahoma, Geneva, sans-serif; line-height: 1.5; padding: 0; margin: 0;        
color: #ccc; background: #24191e; min-height: 100%; width: 100%; font-weight: 300;}
a {color: #ccc; text-decoration: none;}
a:hover, a:focus {color: #ffc108; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 400; font-size: 24px; color: #f8bbd0;;}

.polos {
    font-size: 16px !important;
    background: #4444448a;
    color: #fff;
  padding: 0.2em 1em;
}

.head-text {
    background: rgba(0,0,0,0.2);
    padding: 10px;
    margin: 2px 0px 10px 0px;
}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; font-size: 16px; 
font-family: Roboto !important;}

.btn, button, input[type="button"], input[type="submit"] {
display: inline-block; text-align: center; padding: 0 15px; height: 40px; line-height: 40px; cursor: pointer;  
background-color: #c2185b; color: #fff; font-size: 14px; border: 0px solid #e3e3e3; border-radius: 4px;}
.btn:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover 
{background-color: #c2185b; color: #fff; border-color: #9b59b6;}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px;
background-color: #2e2026; color: #fff;  border-radius: 4px; box-shadow: none; border: 0;}
input[type="text"]:focus, input[type="password"]:focus {}
input::-webkit-input-placeholder {color: #fff; opacity: 0.5;}
input::-moz-placeholder {color: #fff; opacity: 0.5;}
input:-moz-placeholder {color: #fff; opacity: 0.5;}
input:-ms-input-placeholder {color: #fff; opacity: 0.5;} 
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 #222; background-color: #2e2026; color: #fff;}
textarea {display: block; width: 100%; padding: 15px; overflow: auto; vertical-align: top; resize: vertical; height: 90px; 
background-color: #2e2026; color: #fff;  border-radius: 4px; box-shadow: none; border: 0;}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit 
{overflow: hidden; position: relative; background-color: #222;}
.img-resp {padding-top: 60%;}
.img-resp-vert {padding-top: 140%;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:content;-webkit-flex-direction:content;flex-direction:content}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}

@font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts//MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.mat-icon, [data-icon]:before {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: inherit;
display: inline-block; vertical-align: top; line-height: inherit; text-transform: none; 
letter-spacing: normal; word-wrap: normal; white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}
[data-icon]:before {content: attr(data-icon);}

b, strong, h1, h2, h3, h4, h5 {font-weight: 400;}
.icon-left .mat-icon, .icon-left:before {margin-right: 0.4em;}
.hidden, #dofullsearch {display: none;}

/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; overflow:hidden; position: relative;}
.wrap22:before {content: ''; background: url(../images/noise.png); opacity: 0.2; 
position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.wrap-container {max-width:1200px; margin:0 auto; position:relative; z-index:10;}
.topper {background-color: #c2185b; box-shadow: 0 20px 20px -20px rgba(0,0,0,0.1); 
padding: 0px 2000px; margin: 0 -2000px 30px -2000px; height: 70px;}
.content {min-height: 80vh;}
.nav-content {width: 100%;}
.nav-side {width: 200px; margin-right: 30px;}
.bottomer {background-color: #3d2b33; border-top: 1px solid #222; position: relative; 
	padding: 15px 2070px; margin: 60px -2000px 0 -2000px;}

#gotop{position:fixed; width:50px; height:50px; line-height:50px; right:10px; bottom:10px; cursor:pointer; font-size:30px;
z-index:9998; display:none; opacity:1; background-color:#c2185b; color:#ffc108;
border-radius:50%; text-align:center; box-shadow: 0 1px 4px rgba(0,0,0,0.2);}

/* HEADER
----------------------------------------------- */
.logo {display: block; height: 70px; width: 320px; float: left;}
.topper-menu {float: left;}
.topper-menu li {float: left; margin-left: 30px;}
.topper-menu li a {display: block; line-height: 70px; color: #fff;}
.topper-menu a:before {color: #ffc108; margin-right: 10px; font-size: 18px;}
.topper-menu li a:hover {text-decoration: underline; color: #fff;}
.search-box {margin-top:15px; float: right;}
.search-input {width:100%; position:relative;}
.search-input input, .search-input input:focus {width:100%; padding:0 30px 0 15px; border-radius:0px; 
background-color:#e91f63; color:#fff; height:40px; line-height:40px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.search-box button {position:absolute; right:0; top:0;
padding:0 !important; width:40px; 
font-size:18px; background:transparent !important; color: #ffc108 !important;}

/* NAV
----------------------------------------------- */
.nav {margin: 0 -10px 20px -10px;}
.nav li {width: 20%; position: relative;}
.nav li a {display: block; padding: 0 10px; line-height: 30px;}
.nav li a:hover, .nav li a.is-active {background-color: #c2185b; color: #fff;}
.nav li span {position: absolute; right: 20px; top: 0; display: inline-block; line-height: 30px; 
	font-size: 12px; opacity: 0.5;}
.nav li a:hover + span, .nav li a.is-active + span {color: #fff;}
.nav-side .nav li {width: 100%;}
.nav-full {background-color: #2e2026; box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.1); 
padding: 30px 2000px; margin: 60px -2000px -60px -2000px;}
.nav-full .nav li {width: 25%;}
li span i {font-style: normal; display: inline; margin-left: 3px;}

/* SECT
----------------------------------------------- */
.main-content > h1, .main-content > h2 {font-size: 24px; margin-bottom: 20px; font-weight: 400; color: #f8bbd0;}
.site-desc > h1, .site-desc > h2 {font-size: 24px; margin-bottom: 10px; font-weight: 400; color: #f8bbd0;}
.site-desc {margin-bottom: 30px;}
.site-desc > p + p {margin-top: 10px;}
.floats .site-desc {padding-left: 15px; padding-right: 15px;}
.site-desc a {text-decoration:underline; color:#c2185b;}
h1 span, h2 span {color: #e91e64;}
.speedbar {font-size: 12px; color: #888; margin-bottom: 15px;}
.speedbar a {}
.speedbar a:hover {text-decoration: underline;}

/* THUMBS
----------------------------------------------- */
.floats {margin: 0 -15px;}
.float {float: left; width: 24.9%; padding: 0 15px 30px 15px;}
.float-inner {position: relative;}
.float-link {display: block;}
.float-img {box-shadow:0 3px 8px 0 rgba(0,0,0,0.5);}
.float-img1:before {content: ''; position:absolute; z-index: 10; left:0; bottom:0; width:100%; height:100px; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}
.float-title {line-height: 20px; height: 20px; overflow: hidden; margin-top: 10px; 
white-space: nowrap; text-overflow: ellipsis; color: #fff;}
.float-link:hover .float-title {color: #ffc108;}
.float-meta {display: inline-block; border-top: 1px solid #c2185b; margin-top: 5px; padding-top: 1px;}
.float-meta > div {display: inline-block; margin-right: 10px; height: 16px; line-height: 16px; font-size: 12px;}
.float-meta > div:before {opacity: 0.5; font-size: 16px;}
.float-meta > div.float-rate:before {opacity: 1; color: #6cc43c;}
.float-meta > div.float-rate.low:before {content: "thumb_down"; color: #c2185b;}
.float-edit {right:10px; top:5px; position: absolute;}
.float-edit a {color: #fff; font-size: 16px;}

.float-model {width: 20%; text-align: center;}
.float-model .img-resp {padding-top: 140%;}
.float-model .float-title {height: 20px; margin-top: 15px;}
.float-model .float-meta {bottom: 50px;}
.float-model .float-meta > div {margin: 0 5px;}

/* PAGS
----------------------------------------------- */
.pagination {text-align: center; font-size: 16px; margin-bottom: 30px;}
.pagination-in > span, .pagination-in > a {display: inline-block; vertical-align: middle; margin: 0 2px 10px 2px; 
height: 40px; line-height: 40px; min-width: 40px; text-align: center; background-color: #3d2b33; padding: 0 10px; 
border: 1px solid #222;}
.pagination-in > span:not(:first-child):not(:last-child):not(.nav_ext) {background-color: #c2185b; color: #fff;}

/* FOOTER
----------------------------------------------- */
.bottomer:before {content: '18+'; position: absolute; left: 2000px; top: 15px; 
background-color: #c2185b; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; 
border-radius: 50%;}
.bottomer-counter {position: absolute; right: 2000px; top: 15px;}
.bottomer-agree {margin-top: 7px; font-size: 12px;}
.bottomer-text a {color: #c2185b; text-decoration: underline; margin-left: 30px;}

/* FULL
----------------------------------------------- */
.full-page {background-color: #3d2b33; box-shadow: 0 20px 20px -20px rgba(0,0,0,0.1); padding: 20px 30px;}
.video-page h1 {margin-bottom: 20px;}
.vpm {margin: 0 -30px; margin-bottom: 20px; padding: 10px 30px; 
	border-bottom: 1px solid #222; background-color: #2e2026;}
.related {width: 100%;}
.related h2 {margin: 20px 0;}
h1 + .full-page {padding-top: 0;}

.vp-tags + .vp-desc {margin-top: 10px;}
.vp-tags {line-height:24px;}
.vp-tags a {color: #ffc108; text-decoration: underline;}
.vp-tags a:hover {text-decoration: none;}

.player-behavior {margin: 0 -30px}
.behavior-box {width: 370px; padding: 20px; text-align: center;}
.player-box {width: calc(100% - 370px); width: -webkit-calc(100% - 370px); 
background: #000; min-height: 200px;}
.behavior-box img {display: block;}

.behavior + .behavior {margin-top: 20px;}
.behavior-img {width: 95px; height: 95px; overflow: hidden;}
.behavior-desc {width: calc(100% - 110px); width: -webkit-calc(100% - 110px); opacity: 0.5;}
.behavior-desc {color: #fff; opacity: 0.7;}
.behavior:hover .behavior-desc {opacity: 1;}
.behavior {}
.behavior-title {line-height: 22px; max-height: 88px; overflow: hidden;}

.vpm-float {display: inline-block; float: left; height: 40px; line-height: 40px; 
	margin-left: 30px; font-size: 14px;}
.vpm-float:before {opacity: 0.4; margin-right: 5px; font-size: 18px;}
.vpm-fav:before {opacity: 1; color: #c2185b;}
.vpm-fav > div {display: inline-block; vertical-align: top;}
.v-fav-in:hover {cursor: pointer; color: #ffc108;}
.vpm-err {margin-left: 0; float: right; padding: 0 20px; background-color: #c2185b; border-radius: 20px;}
.vpm-err:before, .vpm-err a {opacity: 1; color: #fff;}

.vpm-rate {white-space:nowrap; text-align:center; height: 40px; float: left;}
.rate-plus, .rate-minus, .rate-counts {display:inline-block; vertical-align:middle;}
.rate-data {display:none;}
.rate-counts {width:160px; padding-top:0px; height:40px; position: relative; font-size: 12px;	}
.rate-plus, .rate-minus {cursor:pointer; width:40px; height:40px; text-align:center; font-size:24px; 
line-height:40px; margin-right: 7px; border-radius: 50%; transition: box-shadow .3s;}
.rate-plus {background-color:#6cc43c; color: #fff;}
.rate-minus {background-color:#c2185b; color: #fff;}
.rate-plus:hover, .rate-minus:hover {box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);}
.rate-bar {width:100%; min-height:6px; height:6px; border-radius:4px; overflow:hidden; 
position:absolute; background-color:#c2185b; left: 0; right: 0; bottom: 5px;}
.rate-fill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#6cc43c; transition:width 1s linear;}
.rate-perc {margin-right:5px; font-size:18px; color:#6cc43c;}

/* Multitags */

.tags-select-area {
    background-color: #c2185b;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 15px;
    margin: 20px 0;
    position: relative;}
.tags-select-area a{display: block;}
.tags-selected-list{ margin-bottom:-7px;}
.tags-select-list li{display: inline-block; margin-right:5px;}
.tags-select-list li a{padding:5px;}
.tags-selected-list li a{padding:5px 20px 5px 5px;}
.tags-select-list li a i{float: right;font-size: 10px;color: #ccc;margin-left: 5px;}
.tags-select-list li a:hover{color: #fff;background-color: #6CC43C;}
.tags-select-h{font-size: 14px;font-weight: bold;padding:5px;clear: both;}
.tags-selected-list li a{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAKklEQVQoz2NgGATA4L/Bf3QWmrTBfwSNQwEOSWQT8EjiNRqnCQRcPgAAAG+mJxC7ICdhAAAAAElFTkSuQmCC) no-repeat 100% 50%;}
.tags-metatags{padding: 0 20px 0 0; display:inline-block; position:absolute; right:10px; top:5px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAlklEQVQoz2NgoC8wMDFYZZCBT8Fig/8G7w2YsEllG1w2mGvwxeC/wX+DNQaHDDaiKTN4CpZChqaoCsINfhv8N1hlwGWQAJZeYsCMqoDF4JbBf4N4BgYDHrACfXQ3LAEL3zFINtgAZj00EEVVcBHNBX8NVFEV6BlUGTiDrflvEGSQaRCBPRw6DP4b3MAXUDwGgQYq1I4fALoeRYA1hg6cAAAAAElFTkSuQmCC) no-repeat 100% 50%;}
.tags-metatags-area{display: none;}
.tags-metatags-area>b{display: block;text-align: right;margin-right: 10%;}
.tags-metatags-area>input{width: 90%;padding: 0 10px;border: 1px solid #ccc;border-radius: 3px;height: 32px;margin: 3px 0 17px;}
.tags-metatags-h{margin-bottom: 15px;}
.tags-metatags-h b{font-size: 14px;}

.moreLink:hover
	{
		background: #046A92;
	}
	.moreLink
	{
		background: #f1656f;
		text-align: center;
		font-size: 18px;
		margin-top: 5px;
		border-radius: 6px;
		color: #fff;
	}
	
	.lessLink:hover
	{
		background: #FF1744;
	}
	
	.lessLink
	{
		background: #D50000;
		text-align: center;
		font-size: 20px;
		margin-top: 5px;
		border-radius: 6px;
		color: #fff;
	}
/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:530px;}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.7;}
.full-text img:not(.emoji) {max-width:100%; margin:10px 0; display: none;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#ffc108;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text ul, .full-text ol {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol li {list-style:decimal; margin-left:40px;}

/* ADAPTIVE
----------------------------------------------- */
.hamburger-menu {display:none;}
.bochello-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#333; 
padding:0 10px; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.bochello-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.bochello-panel a {display:block; padding:10px 50px 10px 0; color:#FFF; font-size:14px;
color:#FFF; border-bottom:1px solid #111;}
.bochello-panel li {position:relative; color:#FFF;}
.bochello-panel li span {position:absolute; right:10px; top:10px; opacity:0.8;}
.bochello-panel li a:before {color: #c2185b; margin-right: 10px;}

@media screen and (max-width: 1220px) {
body {background-image: none;}
.wrap-container {max-width:1000px; padding-left: 15px; padding-right: 15px;}
.nav-content, .topper-menu, .nav-full {display: none;}
.js-mob, .contents {display: block;}
.bottomer:before, .bottomer-counter {display: none;}
.bottomer {padding-left: 2000px; padding-right: 2000px;}
.float-model .float-rate {display: none;}

.hamburger-menu {display: block; float: right; width: 40px; height: 40px; line-height: 40px; text-align: center; 
cursor: pointer; background-color: #ffc108; color: #000; margin: 15px 0 0 15px; font-size: 24px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;}
}

@media screen and (max-width: 950px) {
.wrap-container {max-width:768px;}
.float {width: 33.33%;}
.float-model {width: 25%;}

.behavior-box {display: none;}
.player-box {width: 100%;}
.vpm {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between; text-align: center;}
.vpm:after {display: none;}
.vpm-rate {width: 100%;}
.vpm-float {margin: 0; float: none;}
}

@media screen and (max-width: 760px) {
.wrap-container {max-width:640px;}
.float {width: 50%;}
.float-model {width: 33.33%;}
h1, h2, h3, h4, h5 {font-size: 18px !important;}
.bottomer {text-align: center;}
.bottomer a {margin: 10px 0; display: block;}
.logo {width: 60px; overflow: hidden;}
.logo img {width: 320px; max-width: 320px;}
.topper {position: relative;}
.search-box {width: auto; margin: 0; float: none; position: absolute; left: 2070px; right: 2055px; top: 15px;}

.vpm-err  {display: none;}

.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.wrap-container {max-width:480px;}

.full-page, .speedbar {padding-left: 15px; padding-right: 15px;}
.player-behavior, .vpm, .speedbar11 {margin-left: -15px; margin-right: -15px;}
.vpm {padding-left: 15px; padding-right: 15px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.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) {
.wrap-container22 {max-width:320px;}
.float {width: 100%;}
.float-model {width: 50%;}
.site-desc p, .break-list {display: none;}
.site-desc h1, .site-desc h2 {margin-bottom: 0;}

.vpm-views, .vpm-date {display: none;}
.vpm-float {font-size: 12px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}

Some information about this website:

URL: https://trahat.top/
CSS URL: https://trahat.top/templates/trahat/style/styles.css
Charset: utf-8
Title: ??????? ??????: ???????? ????? ? ??????? ???????? ?? ???????.TOP
Meta-Description: ???????? ???????? ?????? ????????? ?? ????? ???????.??? ?????????? ????? ?? ???????, ???????? ???? ?????, ??? ?????, ????? ? ????? ??????.