html, body {cursor:default;background:#111;height:100%;width:100%;}

* {margin:0;padding:0;outline:none;color:#fff;font-family: 'Roboto', sans-serif;position:relative;list-style:none;box-sizing:border-box;}

input[type="checkbox"] {opacity:0;height:0;width:0;padding:0;max-height:0;max-width:0;border:none;outline:none;position:absolute;display:block;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
div.walli {background:url(/images/walli.png);width:100%;height:25vw;max-height:220px;background-size:100% auto;background-repeat:no-repeat;}
#menu > label {height:55px;display:none;width:55px;position:absolute;left:0;top:0;z-index:3;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;}
#menu > label i {width:55%;height:3px;display:block;background:#fff;}
#menu > label i:nth-child(1) {margin-bottom:-3px;transition:transform .2s 0s;}
#menu > label i:nth-child(2) {margin:12px 0;transition:all .2s .2s, transform .2s 0s;}
#menu > label i:nth-child(3) {margin-top:-3px;transition:transform .2s 0s;}
input:checked + #menu i:nth-child(2) {margin:0;transform:rotate(45deg);transition:all .2s, transform .2s .1s;}
input:checked + #menu i:nth-child(1),
input:checked + #menu i:nth-child(3) {transform:rotate(-45deg);transition:transform .2s .1s;}


input:checked + #menu {max-height:445px;}


a {color:inherit;}
#menu img {
    filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5));max-height:40px;
}

i.cover.delete {
    animation: itsmagic 1s forwards!important;
}

img:after,
i.cover,
.grid > div, 
.screener {background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIuOSAzOTUuNCI+PHBhdGggZD0iTTEyNC41IDI3MC44djYuNmMwIDcuMiAxMi42IDE5LjcgMTkuOCAxOS43SDM4MmM3LjIgMCA2LjQtMTIuNCA2LjQtMTkuN3YtNi42SDEyNC41ek00OTIuNSAxNDguNWgtNDUuMWMtMTQuNSAwLTMyLjkgNS4yLTMyLjkgMTkuN3YxMDkuMmMwIDIxLjctMTAuOSA0NS45LTMyLjYgNDUuOUgxNDQuMmMtMjEuNyAwLTQ2LTI0LjItNDYtNDUuOVYxNjguMmMwLTE0LjUtNS4xLTE5LjctMTkuNS0xOS43SDMyLjljLTE0LjQgMC0zMi45IDUuMi0zMi45IDE5Ljd2MTI4LjljMCAyOC45IDI2LjIgNTIuNCA1Mi40IDUyLjR2MzIuMmMwIDMuNiA5LjYgMTMuNyAxMy4yIDEzLjdoNDUuN2MzLjYgMCAyLTEwIDItMTMuN3YtMjUuN2gyODEuNnYyNS43YzAgMy42IDkuNiAxMy43IDEzLjIgMTMuN2g1MS42YzMuNiAwIDAuNy0xMCAwLjctMTMuN3YtMzIuMmMyNi4yIDAgNTIuNC0yMy41IDUyLjQtNTIuNFYxNjguMkM1MTIuOSAxNTMuNyA1MDcgMTQ4LjUgNDkyLjUgMTQ4LjV6TTEyNC41IDE2My45djc4LjZoMjYzLjl2LTc4LjZjMC0yOC45IDMwLjItNDUuOSA1OS4xLTQ1LjloMTNWNjUuNmMwLTM5LjgtMjUuNi02NS42LTY1LjQtNjUuNkgxMzEuMUM5MS40IDAgNTIuNCAyNS44IDUyLjQgNjUuNlYxMThoMjYuM0MxMDcuNiAxMTggMTI0LjUgMTM1IDEyNC41IDE2My45ek0yNzkuMiA0Ni4zaDEyMi44djM4LjlIMzE4djMxaDUxLjJ2MzguNkgzMTh2NjUuOWgtMzguOFY0Ni4zek0xMzguNSA5My4xYzEuNC0xNS42IDExLjQtMjkuMSAyNy0zNy43IDEzLjUtNyAzMC41LTEwLjIgNDcuNC04LjYgMjQuNCAyLjMgNDUuOCAxNCA1NyAzMC43TDIzOCA5OC4yYy0zLjctNS44LTE0LTEyLjEtMjguOC0xMy41IC05LjUtMC45LTE5LjEgMC43LTI1LjggNC4yIC00IDIuMy02LjcgNS40LTcgNy43IC0xLjIgMTEuOSAxOC44IDE3IDI5LjUgMTcuOXYwLjJjNDEuOSA0IDY2LjcgMjcuMiA2My43IDU5LjMgLTEuNCAxNS4xLTExLjQgMjguOS0yNi43IDM3LjIgLTExLjQgNi4zLTI0LjYgOS4zLTM4LjYgOS4zIC0zIDAtNi0wLjItOC44LTAuNSAtMjQuNi0yLjMtNDYtMTQtNTctMzAuN2wzMS45LTIwLjljMy43IDYuMSAxNCAxMi42IDI4LjYgMTQgOS41IDAuOSAxOS4xLTAuNyAyNS44LTQuNCA0LjItMi4xIDctNS4xIDcuMi03LjcgMC4yLTMuNS0wLjktMTUuMS0yOS44LTE3LjlDMTYxLjEgMTQ4LjUgMTM1LjUgMTI0LjUgMTM4LjUgOTMuMXoiIGZpbGw9IiM0NzQ3NDciLz48L3N2Zz4=);background-size:auto 35%!important;background-position:center center;background-repeat:no-repeat;background-color:rgba(21,21,21,.2);}

img:after {border-radius:inherit;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#151515;}


/*.slider h3 {font-size:inherit;}
.slider {top:0;font-size:20px;display:flex;transition:top .3s linear;width:100vw;height:200px;position:sticky;top:50px;z-index:3;overflow:hidden;max-width:100%;margin:0 auto;}
.slider div {height:100%;flex:1 0 360px;background-size:cover!important;}
.slider > div {overflow:hidden;}
.slider div > div {width:100%;}
.slider div > div:last-child {height:auto;bottom:-5px;right:0;position:absolute;}


.slider.off {top:-1000px;;height:0px;overflow:hidden;transition:top .3s linear, height .2s .1s linear}


.slider > div:nth-child(1n+4){display:none;}
.slider {flex-wrap:wrap;}

.slider {max-width:980px;width:100%;height:730px;position:relative;font-size:30px;}
.slider > div:first-child {flex:1 1 100%;height:440px;}
.slider > div:nth-child(1n+2) {flex:1 0  50%;height:290px;} */

#search {position:unset;}
#search img {transition:all .1s;pointer-events:none;position:absolute;right:0;z-index:222;height:25px;margin:15px;top:0;}
#search input{cursor:pointer;animation:none!important;transition:all .1s,opacity .8s .2s;text-align:center;font-size:24px;padding:0 10px 0 45px;opacity:0;background:#000;position:absolute;top:0;right:0;width:55px;height:55px;z-index:100;}
#search.on input{cursor:text;padding:0 55px 0 55px;width:100%;opacity:1;transition:all .1s,opacity .5s;z-index:100;}
#search.on img {right:100%;margin-right:-40px;}

#searchbox:empty {max-height:0;opacity:0;overflow:scroll;box-shadow:none;transition:max-height 1s;}
#searchbox {max-height:80vh;overflow-y:auto;background:rgba(0,0,0,.95);box-shadow: 0px 18px 18px 8px #000000;transition:max-height 1s;display:block;z-index:1000;}
#searchbox li{display: flex;padding:10px;border-bottom:1px solid #333;position:relative;}
li .description {padding:0;font-size:14px;margin:10px auto 0;line-height:24px;max-height:120px;overflow:hidden;background:none;}
#searchbox li i.cover { flex:0 0 70px;    margin-right: 15px;    align-self: baseline;    position: relative;    top: 0;    overflow: hidden;    margin-bottom: 0;}
#searchbox li i.cover img {min-height:auto;}
li div.tags {margin:2px auto 0;color:inherit;z-index:10;}
#searchbox li:hover div {color:inherit;}
#searchbox li.selected,
#searchbox li:hover {background:#fff;color:#000;}

#searchbox li.selected {box-shadow:inset #dbad49 0px 0px 0px 2px;}

#searchbox li.selected,
#searchbox li:hover i.cover:before{background:none;transition:background 1s;}
#searchbox li.selected i.cover,
#searchbox li:hover i.cover {box-shadow: 2px 2px 10px 2px #cecece;}
#searchbox li:last-child{border:none;}
#searchbox li.sf, #searchbox li.ff {
    width: 100%;
    max-height: 40px;height: 40px;
    z-index: 400;
    left: 0;
    border: unset;
    font-size: 16px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-weight: 500;
    bottom: 0;
    background: linear-gradient(to bottom,#67c7ec 0%,#3a96d7 100%);
    margin-top: -1px;
    box-shadow: 2px 2px 5px #00000045;
    position: sticky;
}
#searchbox li.sf {
    background: linear-gradient(to bottom, #eccd67 0%,#d79f3a 100%);
    position: sticky!important;
    z-index: 380;
    top: 0;
    bottom: auto;
    margin-bottom: -40px;
    margin-top: 0;
    box-shadow: unset;
}
.slider,
.grid {overflow:hidden;box-shadow: 0px 18px 18px 8px #000000;}
.screener > div:last-child,
.slider > div > div:last-child,
.grid > div > div:last-child {display:inline-block;right:-10px;width:auto;padding:10px 20px;}
.screener > div:last-child {padding:8px 15px;opacity:0;}
.screener > div:last-child:after,
.slider > div > div:last-child:after,
.grid > div > div:last-child:after{transform:skewX(-10deg);position:absolute;left:0;top:0;background:rgba(0,0,0,.8);content:"";height:100%;width:100%;border-radius:3px;}
.screener > div h3,
.slider h3,
.grid > div h3 {margin:0;display:inline-block;z-index:3;position:relative;}
.screener > div h3{font-size:18px;}

.slider > div > div:first-child,
.screener > div:first-child,
.grid > div > div:first-child {position:absolute;top:0;left:0;background-size:cover!important;overflow:hidden;background-position:top center!important;transform:scale(1);transition:all 1s;}


.grid > div:first-of-type > div:first-child{animation: scale .5s linear reverse;}


.grid > div {width: 50%;
    float: left;position:relative;overflow:hidden;text-align:center;}
.screener > div,
.grid > div:first-of-type{width:100%;float:none;padding-top:50%;}
.screener > div,
.grid > div {padding-top:25%;filter:grayscale(.1)}
.screener > div,
.grid > div > div,
.grid > div > div {position:absolute;bottom:0;text-align:center;width:100%;}
.screener{overflow:hidden;}

 
.screener > div:after,
.grid > div:after {
    content: "";
    position: absolute;
    bottom: 0;
  left:0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,0) 100%);
    z-index:1;
}
i.cover:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 40%,rgba(0,0,0,.5) 100%);
    top: 0;
    mix-blend-mode: overlay;
}

.slider div:first-child:before,
.screener > div:first-child:before,
.grid > div > div:first-child:before {position:absolute;content:"";height:100%;width:100%;display:block;background:radial-gradient(ellipse at center, rgba(0,0,0,0) 40%,rgba(0,0,0,1) 100%);top:0;mix-blend-mode:overlay;transition:background 3s;background-color:rgba(0,0,0,.05);
}
.slider div:hover:first-child:before,

.tops li:hover .screener > div:first-child:before,
.grid > div:hover > div:first-child:before {background:radial-gradient(ellipse at center, rgba(0,0,0,0) 40%,rgba(255,255,255,.1) 100%);background-color:rgba(0,0,0,.3);transition:background 1s;}

.slider > div > div:hover:first-child,
.tops li:hover .screener > div:first-child,
.grid > div:hover > div:first-child{transform:scale(1.1);transition:all 4s;}

.mainpage h3 {margin:30px 0;}
.mainpage .splitview > div h3:first-of-type,
.mainpage .tops  h3:first-of-type {margin-top:0;}
.mainpage .splitview {display:flex;margin-top:10px;}
.mainpage .splitview > div{flex:1 1 auto;padding:0 15px;max-width:calc(100% - 360px);}
.mainpage .splitview > div:nth-child(1) {border-right:2px solid #333;padding-left:0;}
/* .mainpage .splitview > div:nth-child(1) li:nth-child(even){flex-direction:row-reverse;}*/
.mainpage .splitview > div:nth-child(1) li:nth-child(even) i.cover{margin:0 0 0 20px;} 
.mainpage .splitview > div:nth-child(2){flex:0 0 360px;}
.list .description{padding:0;max-height:260px;overflow:hidden;margin-bottom:5px;}
.list li{display:flex;margin-bottom:40px;}
.list i.cover{flex:0 0 200px;margin-right:20px;}

.placeholder {border:2px solid rgba(255,255,255,.2);}
#menu
{max-height:55px;transition:max-height .4s;background:#111;}
.mobilemenu{display:none;z-index:1!important;}
/* #menu a:first-of-type {overflow:hidden;background:none!important;z-index:10!important;} */
#menu a:first-of-type:after {display:none;}
#menu.on {max-height:300px;transition:max-height 1s;}
#menu.off {max-height:55px;transition:max-height 1s;}
#menu.on .mobilemenu{top:55px;transition:top 1s;}
#menu.off .mobilemenu{top:0;transition:top 1s;}

#crema 
{width:100%;background:#111;height:55px;position:fixed;top:0;transition:top .5s;z-index:40;}
#milk .background:before {z-index:1;content:"";position:absolute;background:#000;opacity:.9;width:100%;height:100%;display:block;}
.ct {text-align:center;}


strong {font-weight:500;}
a.small {font-size:14px;opacity:.6;display:inline-block;text-align:center;margin:5px auto 0;}
table{word-break:break-all;width:100%;margin:0 auto;border-radius:10px;overflow:hidden;}
table th{background:#2fff88;color:#000;height:36px;}
table td{position:relative;background:rgba(255,255,255,.1);color:#fff;height:36px;text-align:center;padding:5px;}
table tr:nth-child(2n+2) td {background:rgba(255,255,255,.07);}
table tr:hover td{font-weight:600;background:rgba(255,255,255,.15);}
table td small {opacity:.6;}
.payments td svg {height:24px;width:24px;fill:#666;position:absolute;right:10px;top:50%;margin-top:-12;}
.payments .paid td:last-child,
.payments .paid svg {fill:#2fff88;color:#2fff88;}
#milk div.content > div:not(.ifempty) {position:relative;max-width:100%;}
#milk div.content {padding:55px 0 30px;z-index:2;position:relative;top:0;margin:0 auto;min-height:calc(100vh - 55px);display:flex;justify-content:center;flex-direction: column;}
a{text-decoration:none;}
a:hover {cursor:pointer;}

table.II td:nth-child(2){border-left:3px solid #2fff88;border-right:3px solid #2fff88;}
table.II tr:last-child td:nth-child(2){border-bottom:3px solid #2fff88;}


.tops ul li {flex-direction:column;margin-bottom:30px;}

.tops li > div.time {position:absolute;z-index:20;color:#000!important;border:none!important;top:0;width:36px!important;height:36px!important;line-height:36px;text-align:center;border-radius:0!important;}
.tops li > div.time > div span{font-size:16px;color:#000!important;}
.tops li:after{display:none;}
.rate li > a {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

.searchon + div{filter:blur(0px);pointer-events:none;}

.trailer {position:relative;width:100%;background:#000;min-height:400px;margin-bottom:20px;}
ul.trailergroup li,
ul.toprank li,
.description {line-height:28px;margin:0;padding:10px 0;}

.actor .custom {margin:30px auto;}
.actor .custom > div:last-of-type {margin:0;}

.newpayout {margin:60px auto;}
.newpayout > div {margin:0 auto;max-width:400px;position:relative;}
.newpayout .select,
.newpayout input {margin:0 auto 20px;}
button.white{position:relative;color:#fff;border-top:2px solid;transition:all .2s;text-shadow:none;}
button.green{position:relative;color:#2fff88;border:2px solid;transition:all .8s;}
button.white:hover{color:#000;background:#fff;border-color:#fff;box-shadow:rgb(0, 0,0) 0px 10px 14px -7px;transition:all 0s;}
button.green:hover{color:#000;background:#2fff88;box-shadow:rgb(41, 111, 71) 0px 10px 14px -7px;transition:all .2s;}
label {cursor:pointer;position:relative;display:inline-block;opacity:.9;}


.splitview > h2 + div,
.splitview > h2 {text-align:left;margin-left:235px;}


.screener {padding-top:50%;width:100%;}



.setgroup {display:flex;}
.setgroup > div{flex:1 1 auto;margin-top:10px;}
.setgroup > div:nth-child(2){margin-left:40px;}

.balance {display:flex;margin:0 auto 20px;}
.balance a{white-space:nowrap;line-height:34px;margin-left:10px;}

.select {position:relative;height:36px;}
.select ul{max-height:38px;width:100%;border: 3px solid rgba(255,255,255,.2);transition:all .5s;position:absolute;overflow:hidden;background:rgba(0,0,0,.9);}
.select:hover ul{z-index:100;max-height:110px;overflow-y:scroll;}
.select li{height:36px;line-height:32px;padding:0 5px;}

div.reflink {padding:0 5px;background:rgba(255,255,255,.1);font-size:20px;border:#000;height:40px;line-height:40px;width:100%;max-width:400px;margin:30px auto;}
div.reflink strong {color:#2fff88;}
p {color:#aaa;font-weight:300;}
.rules li {margin:10px auto;padding-left:40px;}
.rules li:before{background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTI2LjcyOSAxMjYuNzMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyNi43MjkgMTI2LjczOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTEyMS4yMTUsNDQuMjEybC0zNC44OTktMy4zYy0yLjItMC4yLTQuMTAxLTEuNi01LTMuN2wtMTIuNS0zMC4zYy0yLTUtOS4xMDEtNS0xMS4xMDEsMGwtMTIuNCwzMC4zICAgYy0wLjgsMi4xLTIuOCwzLjUtNSwzLjdsLTM0LjksMy4zYy01LjIsMC41LTcuMyw3LTMuNCwxMC41bDI2LjMsMjMuMWMxLjcsMS41LDIuNCwzLjcsMS45LDUuOWwtNy45LDMyLjM5OSAgIGMtMS4yLDUuMTAxLDQuMyw5LjMsOC45LDYuNjAxbDI5LjEtMTcuMTAxYzEuOS0xLjEsNC4yLTEuMSw2LjEsMGwyOS4xMDEsMTcuMTAxYzQuNiwyLjY5OSwxMC4xLTEuNCw4Ljg5OS02LjYwMWwtNy44LTMyLjM5OSAgIGMtMC41LTIuMiwwLjItNC40LDEuOS01LjlsMjYuMy0yMy4xQzEyOC42MTUsNTEuMjEyLDEyNi40MTUsNDQuNzEyLDEyMS4yMTUsNDQuMjEyeiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);width:20px;height:20px;left:5px;position:absolute;display:block;content:"";display:block;background-size:100%;float:left;top:0;}





h2 {font-size:36px;font-weight:500;margin:30px auto 15px;text-align:center;}
h2 svg {height:32px;width:32px;top:3px;right:5px;display:inline-block;fill:#fff;font-weight:100;}
.info h2{text-align:left;}
h3 {font-size:24px;font-weight:500;margin-bottom:0px;}
h4 i,
h3 i,
h2 i{font-weight:100;font-style:normal;color:inherit;}
h4{font-size:18px;color:inherit;}
p {font-size:16px;font-weight:300;}
textarea,
input {padding:0 5px;background:rgba(44,44,44,.5);font-size:16px;border:#000;height:34px;width:100%;}
textarea {padding:5px;min-height:150px;resize:vertical;}
textarea:disabled,
input:disabled {opacity:.6;}

.calender {max-width:30px;position:absolute;right:0;}
.calender button{height:30px;width:auto;min-width:auto;border:none;padding:0;background:none!important;position:relative;}
.ucpinfos {display:flex;margin:30px auto;}
.ucpinfos div{flex:1 1 auto;text-align:center;}
.ucpinfos div h3 strong{font-weight:600;color:#2fff88;}
.ucpinfos svg {height:100%;fill:#fff;opacity:.8;}
svg:hover {opacity:1;}
.ucpinfos span {margin-left:10px;}
.ucpinfos span  strong{color:#fff!important;opacity:.6;}
button{border:none;background:none;height:38px;}
button {
    border-radius: 2px;font-size:18px;font-weight:400;
    cursor: pointer;padding:0 5px;min-width:200px;
    margin:0 auto;display:block;text-shadow:1px 1px 7px rgba(0,0,0,.8);;
}

input.search {float:right;}
.page_settings > div,
#crema > div {margin:0 auto;position:relative;}
#crema #menu{display:flex;width:100%;align-items: center;}
#crema #menu a{white-space:nowrap;flex:1 0 55px;height:55px;text-decoration:none;line-height:55px;display:flex;align-items:center;justify-content:center;padding:0 8px;text-align:center;}
#crema #menu a.partner,
#crema #menu a.search {max-width:55px;padding:0;}

#crema #menu a:hover{font-weight:500;background:rgba(255,255,255,.1);}

.trailer svg {position:absolute;left:50%;top:50%;width:100px;margin-top:-50px;margin-left:-50px;height:95px;}
.trailer:hover svg path{stroke-dasharray: 250;
    stroke-dashoffset: 500;
    animation: dash 2s linear infinite;
}

button.abo {
    border: 1px solid rgba(255,255,255,.1);
    background:rgb(32, 32, 32);
    z-index: 351;
    min-width: auto; 
    width: 100%;
    order: 2;
    margin: 0;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
}

@keyframes lap {
  10%,70%{transform:rotate(15deg)}
  20%,60%,80%{transform:rotate(5deg)}
  30%,50%,{transform:rotate(-5deg)}
  40% {transform:rotate(-15deg)}
  100% {transform:rotate(0deg)}
}
button.abo:hover {background:#181818;}


.notifyme:hover i,
.setup > div:hover i,
.checkslider:hover i,
button.abo:hover i {animation:lap .4s linear forwards;}
button.abo.on {font-weight:500;background:#fff;color:#000;text-shadow:unset;} 



.notifyme i,
.checkslider i,
button.abo i,
button.abo.off i {background-size:100% auto;display:block;width:22px;margin-right:5px;height:22px;background-repeat:no-repeat;background-position:center center;background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0ibTQ1MC4yMDEgNDA3LjQ1M2MtMS41MDUtLjk3Ny0xMi44MzItOC45MTItMjQuMTc0LTMyLjkxNy0yMC44MjktNDQuMDgyLTI1LjIwMS0xMDYuMTgtMjUuMjAxLTE1MC41MTEgMC0uMTkzLS4wMDQtLjM4NC0uMDExLS41NzYtLjIyNy01OC41ODktMzUuMzEtMTA5LjA5NS04NS41MTQtMTMxLjc1NnYtMzQuNjU3YzAtMzEuNDUtMjUuNTQ0LTU3LjAzNi01Ni45NDItNTcuMDM2aC00LjcxOWMtMzEuMzk4IDAtNTYuOTQyIDI1LjU4Ni01Ni45NDIgNTcuMDM2djM0LjY1NWMtNTAuMzcyIDIyLjczNC04NS41MjUgNzMuNDk4LTg1LjUyNSAxMzIuMzM0IDAgNDQuMzMxLTQuMzcyIDEwNi40MjgtMjUuMjAxIDE1MC41MTEtMTEuMzQxIDI0LjAwNC0yMi42NjggMzEuOTM5LTI0LjE3NCAzMi45MTctNi4zNDIgMi45MzUtOS40NjkgOS43MTUtOC4wMSAxNi41ODYgMS40NzMgNi45MzkgNy45NTkgMTEuNzIzIDE1LjA0MiAxMS43MjNoMTA5Ljk0N2MuNjE0IDQyLjE0MSAzNS4wMDggNzYuMjM4IDc3LjIyMyA3Ni4yMzhzNzYuNjA5LTM0LjA5NyA3Ny4yMjMtNzYuMjM4aDEwOS45NDdjNy4wODIgMCAxMy41NjktNC43ODQgMTUuMDQyLTExLjcyMyAxLjQ1Ny02Ljg3MS0xLjY2OS0xMy42NTItOC4wMTEtMTYuNTg2em0tMjIzLjUwMi0zNTAuNDE3YzAtMTQuODgxIDEyLjA4Ni0yNi45ODcgMjYuOTQyLTI2Ljk4N2g0LjcxOWMxNC44NTYgMCAyNi45NDIgMTIuMTA2IDI2Ljk0MiAyNi45ODd2MjQuOTE3Yy05LjQ2OC0xLjk1Ny0xOS4yNjktMi45ODctMjkuMzA2LTIuOTg3LTEwLjAzNCAwLTE5LjgzMiAxLjAyOS0yOS4yOTYgMi45ODR2LTI0LjkxNHptMjkuMzAxIDQyNC45MTVjLTI1LjY3MyAwLTQ2LjYxNC0yMC42MTctNDcuMjIzLTQ2LjE4OGg5NC40NDVjLS42MDggMjUuNTctMjEuNTQ5IDQ2LjE4OC00Ny4yMjIgNDYuMTg4em02MC40LTc2LjIzOWMtLjAwMyAwLTIxMy4zODUgMC0yMTMuMzg1IDAgMi41OTUtNC4wNDQgNS4yMzYtOC42MjMgNy44NjEtMTMuNzk4IDIwLjEwNC0zOS42NDMgMzAuMjk4LTk2LjEyOSAzMC4yOTgtMTY3Ljg4OSAwLTYzLjQxNyA1MS41MDktMTE1LjAxIDExNC44MjEtMTE1LjAxczExNC44MjEgNTEuNTkzIDExNC44MjEgMTE1LjA2YzAgLjE4NS4wMDMuMzY5LjAxLjU1My4wNTcgNzEuNDcyIDEwLjI1IDEyNy43NTUgMzAuMjk4IDE2Ny4yODYgMi42MjUgNS4xNzYgNS4yNjcgOS43NTQgNy44NjEgMTMuNzk4eiIvPjwvc3ZnPg==);}

.animationbox > div input:checked + label i,
.setup input:checked ~ div .checkslider span i,
.genre input:checked + i.cover span i,
button.abo.on i {background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTExLjE1NiA1MTEuMTU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiPjxwYXRoIGQ9Im0xODQuOTA0IDQ2NS4wNDRjMTEuOTk5IDI3LjEyNyAzOS4xNTQgNDYuMTEyIDcwLjY3NCA0Ni4xMTJzNTguNjc0LTE4Ljk4NSA3MC42NzQtNDYuMTEyeiIvPjxwYXRoIGQ9Im0yNTUuNTczIDQ4LjgzNmMyMC44IDAgNDAuNzcyIDMuNjcgNTkuMzA2IDEwLjM4OXYtMi4yODNjMC0zMS4zOTgtMjUuNTQ0LTU2Ljk0Mi01Ni45NDEtNTYuOTQyaC00LjcxOWMtMzEuMzk4IDAtNTYuOTQyIDI1LjU0NC01Ni45NDIgNTYuOTQydjIuMjU0YzE4LjUyNC02LjY5OSAzOC40OS0xMC4zNiA1OS4yOTYtMTAuMzZ6Ii8+PHBhdGggZD0ibTQ0Mi43NDcgNDM1LjA0NGgtMzc0LjMzOGMtNy4wODIgMC0xMy41NjktNC43NzYtMTUuMDQyLTExLjcwNC0xLjQ1OC02Ljg1OSAxLjY2OC0xMy42MjkgOC4wMS0xNi41NTkgMS41MDUtLjk3NiAxMi44MzMtOC44OTcgMjQuMTc0LTMyLjg2MiAyMC44MjktNDQuMDEgMjUuMjAxLTEwNi4wMDUgMjUuMjAxLTE1MC4yNjMgMC03OS44NTUgNjQuOTY3LTE0NC44MiAxNDQuODIxLTE0NC44MiA3OS42NjUgMCAxNDQuNTEyIDY0LjY1MiAxNDQuODIgMTQ0LjI0NS4wMDcuMTkxLjAxMS4zODMuMDExLjU3NSAwIDQ0LjI1OCA0LjM3MiAxMDYuMjUzIDI1LjIwMSAxNTAuMjYzIDExLjM0MSAyMy45NjUgMjIuNjY4IDMxLjg4NyAyNC4xNzQgMzIuODYyIDYuMzQyIDIuOTMgOS40NjkgOS42OTkgOC4wMSAxNi41NTktMS40NzMgNi45MjctNy45NTkgMTEuNzA0LTE1LjA0MiAxMS43MDR6bTcuMi0yOC4xNTdoLjAxeiIvPjwvc3ZnPg==);}

div.tags {margin:15px auto;margin-top:0;}
.tags *{color:inherit;opacity:.6;}
ul.toprank .tags {margin:0px auto 10px;font-size:14px;font-weight:400;}
div.tags a{margin-right:10px;text-transform:uppercase;}

.tags a:hover {opacity:1;}

/*.scfi:hover {color:#92dbff;}
.act:hover {color:#ff8080;}
.adv:hover {color:#9bff00;}
.fant:hover {color:#c48dff;} */

ul.trailergroup li div i a {z-index:10;position:absolute;width:100%;height:100%;}
.splitview h2 {margin-bottom:0;}
ul.trailergroup li {display:flex;overflow:hidden;}
ul.trailergroup div {flex:0 0 260px;}
ul.trailergroup div > i {filter:grayscale(1);position:relative;opacity:.6;transition: all 1s;background-size:cover!important;}
ul.trailergroup div > i:hover {filter:grayscale(0);position:relative;opacity:1;transition: all;}
ul.trailergroup div > i{width:240px;height:135px;display:block;background-position:center center!important;}
ul.trailergroup h3{position:absolute;bottom:-5px;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow: ellipsis;transform:skewX(-10deg);border-radius:5px;background:rgba(0,0,0,.75);right:-6px;padding:5px 10px;font-size:16px;font-style:normal;}

ul.info {
    list-style: none;
    text-align: right;
    margin: 20px 0 0;
}

ul.info li {padding:10px;border-bottom:1px solid #000;}
ul.info li:last-child {border:none;}
ul.info li:first-child{padding-top:0;}
ul.info strong {display:block;}
ul.info svg{width:36px;height:36px;float:left;margin-right:10px;fill:#fff;}

.trailerpicture,
i.cover {border-radius:3px;overflow:hidden;position:relative;display:inline-block;box-shadow: 2px 2px 10px 2px #000000;align-self:auto;}
i.cover img{height:auto;width:100%;min-height:120px;display:block;}
i.cover:before{content:"";position:absolute;bottom:0;width:100%;height:50px;background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,0) 100%);z-index:2;}
h2 small {font-size:14px;display:block;opacity:.5;font-weight:300;}

ul.toprank {counter-reset:top10;}
.signup,
ul.toprank li {display:flex;padding:20px;border:10px solid rgba(255,255,255,.2);transition:all 2s;}
.signup:hover,
ul.toprank li:hover {border-color:rgba(255,255,255,.4);transition:all 1s;}
ul.toprank li div:last-child {margin-left:30px;}
ul.toprank li .cover img {height:200px;width:auto;}
.signup {display:block;padding:30px 50px;}

ul.toprank li .cover:after {counter-increment:top10;content:counter(top10)".";font-size:32px;background:rgba(0,0,0,.7);font-weight:600;display:inline-block;z-index:20;position:absolute;bottom:0px;right:-3px;padding:5px 10px;transform:skewX(-10deg);border-radius:5px;}

ul.toprank li .description {padding:0;font-size:16px;max-height:80px;overflow:hidden;margin:0;background:none;}
ul.toprank li .description + a{text-decoration:none;opacity:.75;}
ul.toprank li .description + a:before {content:"» ";}

#milk div.content.register > div > div > div,
#milk div.content.splitview > div {display:flex;}
#milk div.content.splitview > div > div:nth-child(1){width:200px;flex:0 0 200px;}
#milk div.content.register > div > div > div > div:nth-child(2),
#milk div.content.splitview > div > div:nth-child(2){margin-left:30px;width:100%;}

#milk div.content.register > div > div > div > div {flex:1 1 50%;}


ul.actors {padding:0;margin-bottom:10px;display:flex;flex-wrap:wrap;max-height:50px;overflow:hidden;}
/*ul.actors:after{content:"";clear:left;display:block;}*/
ul.actors li {display:flex;flex-direction:column;justify-content: center;overflow:hidden;text-transform:uppercase;text-align:center;flex:1 1 auto;padding:2px 5px;margin:5px 5px;background:rgba(255,255,255,.1);color:#fff;border-radius:2px;max-width:220px;} 

ul.actors li a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: unset!important;
}

ul.actors:empty {display:none;}
ul.actors li:hover *,
ul.actors li:hover{background:#fff;color:black;cursor:pointer;}
ul.actors li > *{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.actors li strong{font-weight:bold;}
/*ul.actors li:last-child:before {content:"+";font-size:30px;font-weight:bold;}
ul.actors li:last-child {display:none;} */


#presso {position:relative;text-align:center;margin:20px auto;font-size:12px;}








#milk div.content.login {max-width:360px;}
.content.mc > div {display:table;width:100%;min-height:calc(100vh - 240px);}
.content.mc > div > div {display:table-cell;vertical-align:middle;}

.genre h2 {margin:20px auto 50px;}
.genre .list {display:flex;
    max-width: 100%;
    flex-wrap: wrap;
}


.uotd.list i.cover {
    flex: 0 1 18%;position:relative;top:0!important;max-width:180px;
    margin:1% 0 0 1%;border-radius:4px;overflow:hidden;transition:transform .2s;
}
.genre .list i.cover {
    flex: 0 1 13%;position:relative;top:0!important;
    margin:1% 0 0 1%;border-radius:4px;overflow:hidden;transition:transform .2s;
}
.uotd.list i.cover:hover,
.genre .list i.cover:hover {
transform:scale(1.1);
} 

.ranking li .description {
    padding: 0;
    font-size: 14px;
    margin: 10px auto 0;
    line-height: 24px;
  max-height: 99px;}
.ranking h3 {margin:20px auto 50px;text-align:center;}
.ranking ul li {display:flex;flex-direction:row;}
.ranking .time div{background:#fff;}
.screener {padding:0;flex:0 0 340px;height:200px;}
.screener + div {margin-left:20px;}

label.not:hover,label.not,
.genre li.not:hover,
.genre li.not {color:#ccc!important;opacity:.5;background: rgba(255,255,255,.1);pointer-events:none;}
.genre li.active {background:#fff;letter-spacing:-.1px;color:#000;font-weight:600;}
.genre ul.actors li {
    justify-content: center;
    display: flex;height:36px;padding:0 10px;
    align-items: center;flex:0 1 auto;
}



.uotd > *:nth-child(1n+8) {display:none;}

.list.txt {margin:20px 0 20px!important;position:relative;}

.list.txt > div {display:flex;flex-direction:column;flex-wrap:wrap;flex:0 1 50%;overflow: hidden;
    text-overflow: ellipsis;padding:0 5px;}

.list.txt a{flex:0 0 auto;display:flex;height:30px;align-items:center;align-self:flex-start;overflow:hidden;max-width:100%;    text-overflow: ellipsis;}
.list.txt a small {opacity:.5;margin-left:3px;}
.list.txt a strong {max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

#crema #menu a.settings {flex:0 0 55px;}
.settings span {display:none;}

.page_settings > div {padding:10px;padding-bottom:60px;}
.page_settings {height:100%;transition:transform .5s;background:#000;z-index:1;z-index:35;position:fixed;width:100%;transform: translate(0,-110vh);overflow:hidden;}
#page_settings:checked + .page_settings{transition:transform 1s;overflow:auto;display:flex;align-items:flex-start;transform: translate(0,0);}
#page_settings:checked ~ #crema {top:calc(100% - 55px);transition:top 1s;}
.page_settings .setup {max-height:unset;margin:30px 0 25px;}
.page_settings .setup > div > div:last-child {max-width:100px;height:36px;}




#milk div.content,
.page_settings > div, #crema > div {max-width:1280px;
    width:90%;}

.updates .list:hover .row .cover {transform:translate(0,-50px);}
.updates .list h3:hover + .row .cover,
.updates .list .row:hover .cover {opacity:1;transform:translate(0,-80px)!important;transition:all .2s .2s;}
.updates .list .row .cover {opacity:0;max-width:120px;position:absolute;right:80px;top:0;transition:all  .1s;margin:0;height:180px;width:120px;}

.updates .list .row .cover {display:none;}
.updates .list h3:hover + .row .cover,
.updates .list .row:hover .cover {display:block;}


.setup .selecto span {
    overflow: hidden;color:inherit;
    text-overflow: ellipsis;
    margin: 0;
    min-width: calc(100% + 25px);
    position: relative;
    left:12px;text-align:center;}
.list input[type="checkbox"] {position:relative;}
#syslang {z-index:35;}
div#syshost > div {
    max-width: 100px;
    max-height: 180px;
}
div#syshost {text-align:center;}
div#syshost > div.on {
    overflow: auto;
}
div#syshost .selecto.on input:checked + label {position:sticky;top:0;}

div.info.filter > div {max-height: 100%;overflow:visible;display:flex;flex-direction: column;box-shadow: 3px 3px 20px rgba(0,0,0,.75);border-radius:5px;transform:scale(0);opacity:0;}
div.on.done.info.filter > div {opacity:1;transition:opacity .3s, transform .3s;transform:scale(1);}

input:checked + #menu .bubble,
#menu .bubble {
    font-size: 15px;
    width: auto;
    position: relative;
    display: flex;
    height: 25px;top:0;left:0;min-width: 25px;margin-left:6px;
    border-radius: 100%;
}

 .genre.content {justify-content: flex-start!important;}
.list.blog > div {width:100%;background: rgba(0,0,0,.2);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);box-shadow:inset 0px 0px 0 2px rgba(55,55,55,.5);margin: 30px auto 10px;padding:13px;display:flex;flex-direction:column;white-space:normal;border-radius:5px;max-width:100%;}
.list.blog > div div {display:flex;flex-direction:row;}
.list.blog div.column {display:flex;flex-direction:column;}
.list.blog > div > span {position:absolute;transform:translate(0px,-40px);opacity:.5;}
.list.blog > div h2 {
    line-height: 110%;
    font-size: 140%;
    margin:0;
    text-align: left;
    position: relative;
  padding-right: 36px;overflow:hidden;}
.list.blog > div h2 > span:not(.audiotag) {position:absolute;transform:translate(0,-200px);pointer-events:none;bottom:20px;}
.list.blog > div h2 .tags {font-weight:normal;}

.list.blog label {top:0;pointer-events:all!important;}

.list.blog .audiotag{padding:2px;margin-left:0;}
.list.blog .audiotag *:nth-child(1n+2){margin-left:4px;}


.list.blog > div:hover {box-shadow:inset 0px 0px 0 2px #555;}
.list.blog .time {right:-12px;top:-12px;border-top-right-radius: 5px!important;display:block!important;}
.error img {width:400px;max-width:90%;filter:brightness(.3);}
#milk div.error {justify-content:flex-end;align-items:center;}
h2.err0r {margin:0;padding:0;font-size:500%;font-weight:bold;position:absolute;z-index:3;animation:slapping 2s forwards;opacity:0;}


.actor .list.blog.row > div strong {font-weight:500;}
.actor .list.blog.row > div span {margin-left:5px;font-weight:300;font-size:90%;opacity:.6;}

.actor .list.blog.row > div{border-radius:0!important;}
.actor .list.blog.row,
.actor .list.blog.row > div {overflow:hidden;padding-bottom:2px;}

.actor .list.blog.row {margin:20px auto 50px!important;}
.actor .list.blog.row > div > div:nth-of-type(2) {
 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  justify-content: flex-start;}
.actor .list.blog.row > div > div:nth-of-type(2) span {
  overflow:hidden;text-overflow: ellipsis;padding-right:30px;flex:1 1 30%;}
.actor .list.blog.row > div strong {overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;}



@media (min-width:1001px) { 
.lgo:hover {max-height:200px;border-radius:0 0 5px 5px;box-shadow:1px 1px 5px rgba(0,0,0,.4);}
#page_settings:checked ~ #crema .lgo {align-self:flex-end;}
#crema #menu .lgo:hover a{flex:0 0 70px;transition:flex .3s;}
#crema #menu .lgo a.swtc {display:none;}
}


.list.blog.row {border-radius:5px;margin:20px auto 100px!important;}
.list.blog.row > div{margin:0;border-radius:0;padding:0;flex-direction:row;display:flex;margin-bottom:-2px;}
.list.blog.row > div > :nth-child(2) {flex:0 0 29px;padding:0;position:relative;}
.list.blog.row > div:hover {
    background: rgb(35,35,35);z-index:3;
    box-shadow: inset 0px 0px 0 2px rgba(85,85,85,.8);
}
.list.blog.row > div > * {display:flex;justify-content:center;align-items:center;margin-bottom:0!important;padding:5px;}
.list.blog.row > div .rating {position:absolute;right:5px;height:100%;font-weight:500;}
.list.blog.row > div strong {font-weight:400;font-size:90%;line-height:90%;word-break:break-all;}
.list.blog.row > div i.cover {
    height: 40px;
    width: 29px;
    margin: 0;
    top: 0;left:0;
    flex: unset;
    background-size: 100% 100%!important;
    background-repeat: no-repeat!important;
}
.list.blog.row > div i.cover:before {display:none;}
.list.blog.row .audiotag img{height:12px;margin:2px;}
.list.blog.row > div > span {position:relative;display:flex;transform:unset;}




#milk > .highlighter {
    margin: 70px auto -50px;
    max-width: 1280px;
    width: 90%;
}
.error h2 span {
    font-size: 22%;
    font-weight: 300;
    display: block;
    margin-top: 40px;
  animation:flyin 1s 2s forwards;opacity:0;
}

@media (max-width:1000px) { 
h2.err0r {font-size:300%;}
#milk > .highlighter {max-width:calc(100% - 24px);}
  .lgo{flex:0 0 55px;width:100%;}
#crema #menu .lgo a.swtc {
    height: 100%;
    width: 55px;font-size:24px;
    display: block!important;
    color: #fff;
    position: absolute;
    top: 0;
    right: 55px;
}
#crema #menu .lgo a.swtc:before {margin:0!important;}
#crema #menu div:first-of-type:hover {background:none;}
#crema #menu .lgo a:hover {background:none!important;}
.lgo {flex: 0 0 55px;
    width: 100%;}
 #menu {overflow:hidden;}
#crema #menu div:first-of-type:hover {background:none;}
  input:checked + #menu .settings span.bubble {top:0;left:4px;}
#menu .bubble {
    font-size: 14px;
    position: absolute;
    height: 22px;
    min-width: 22px;
    top: -30px;
    left: 24px;
    pointer-events:none;
}
#menu {overflow: hidden;}
#crema #menu div:first-of-type:hover {background:none;}
.updates .list .row .cover {display:none!important;}
#milk div.content,
  .page_settings > div, #crema > div {width:100%;}
.uotd > *:nth-child(1n+6) {display:none;} 
.page_settings {overflow:auto;}
#crema #menu a.settings {flex:0 0 100%;}
a.settings label {background:unset!important;transform:unset!important;}
.settings span {display:block;} 
.uotd > *:nth-child(1n+6) {display:none;}
  .mainpage .splitview > div:nth-child(2) {display:none;}

.slider {
    height: 450px;font-size:20px;}
.slider > div:first-child {
    flex: 1 1 100%;
    height: 270px;
}
.slider > div:nth-child(1n+2) {
    flex: 1 0 50%;
    height: 180px;
}


  #menu a {width:100%;}
  #crema #menu a.search {display:none;}
#menu > label {display:flex;}

.splitview i.cover {margin:0!important;}
button.abo {position:absolute;top:0;right:0;width:160px;}

  .mainpage .splitview {
    flex-direction: column;
}
.list i.cover {
flex:0 0 120px;align-self:auto;
}
.pre li:nth-child(1n+3),
#mainpage .tops li:nth-child(1n+3) {display:none;}
.mainpage .splitview > div:nth-child(1) {
    margin:0;
    padding:0;max-width:100%;
    border-right:none;
}
  .list .description {
    max-height: 140px;
}
    
.uotd.list i.cover {flex:0 1 23%;}
.genre .list i.cover {flex:0 1 19%;}
  .highlight {text-align:center;}
  p {line-height:28px;}
  div.content.mc > div {display:table;width:100%;height:calc(100% - 190px);}
  .signup {display:block;padding:20px;}
  .setgroup > div{flex:1 1 auto;margin-top:10px;}
  #milk div.content.register > div > div > div > div:nth-child(2),
  .setgroup > div:nth-child(2){margin:20px 0 0 0;}
#milk div.content.splitview > div > div:nth-child(1){display:flex;flex: none;width:auto;}
#milk div.content{ padding:60px 10px 10px;}
  
  .trailerpicture, i.cover {flex:0 0 150px;}
  
ul.info {flex: 1 1 100%;margin-left:20px;padding-top:40px;}
.actor ul.info{padding-top:0;}
  .splitview > h2 + div, .splitview > h2 {margin-left:0;}
  .splitview .tags {display:block!important;margin:10px 0;margin-top:0;}
  
  .trailer {min-height:180px;margin-bottom:20px;}
  .register > div > div > div,
    .splitview > div,
  .setgroup {flex-direction:column;padding-left:0!important;padding-right:0!important}
  #milk div.content.splitview > div > div:nth-child(2){margin:0;}
  ul.actors {padding:0;font-size:14px;margin:20px auto;}
  /*ul.trailergroup li, ul.toprank li, .description {padding:0px;} may-31th*/
  ul.toprank li .description {max-height:120px;}
  ul.toprank li{padding:10px;display:block;margin:0 auto 30px;}
  #menu {display:flex;flex-direction:column;}
    
  
  
  
  .rules li:before {top:10px;}
  .signup, ul.toprank li {border: 6px solid rgba(255,255,255,.2);}
  ul.toprank li div:last-child {margin:0;}
  ul.toprank li div:first-child{text-align:center;}
  .ucpinfos div {text-align:left;}
  div.reflink {padding:0 5px;background:rgba(255,255,255,.1);font-size:17px;border:#000;height:40px;line-height:40px;width:100%;max-width:400px;margin:30px auto;}
  #milk .payments td:nth-child(2n+1),
  #milk .payments th:nth-child(2n+1) {width:60px;}
  


  
  
h2 {font-size:26px;margin-bottom:15px;}
.splitview h2 {margin-bottom:0;}
h3 {font-size:18px;margin:20px auto 10px;}
h2 svg {height:24px;width:24px;top:3px;right:5px;display:inline-block;fill:#fff;font-weight:100;}
  .ucpinfos {margin-bottom:10px;}
  .ucpinfos h3 {margin:0;text-align:left;line-height: 30px;}
  .signup h3{margin:0;}
.highlight {margin:20px auto;}
.highlight strong {font-size:32px;color:#2fff88;}
.highlight strong + span {font-size:16px;}
}



h4 {font-weight:500;}

ul.timeline p {max-height:74px;overflow:hidden;margin:0;padding:0;font-size:14px;line-height:24px;}
ul.timeline p + a {font-size:14px;}

ul.timeline li h4 + div.tags{margin-top:0;}
ul.timeline li{display:flex;padding-bottom:50px;min-height:100px;}
ul.timeline li i.cover {flex:0 0 100px;margin:0 20px;}
ul.timeline li > div.time{flex:0 0 60px;display:table;width:59px;height:59px;border-radius:300px;border:2px solid;text-align:center;color:inherit;background:rgba(255,255,255,.1);transition:all .5s;}
ul.timeline li > div.time span {color:inherit;}
ul.timeline li > div.time small{display:block;}
ul.timeline li > div.time > div{display:table-cell;height:100%;vertical-align:middle;}


ul.timeline li:after {position:absolute;content:"";border-left:3px solid;height:calc(100% - 80px);left:28px;top:70px;}
ul.timeline li.upcoming {color:#fff;}
ul.info i.rating:empty:before,
ul.timeline.rate li.upcoming div.time > div:before,
ul.timeline.rate li.upcoming span:empty:before {content:"n/a";}
ul.timeline li.upcoming span {display:none;}
ul.timeline li:last-of-type:after {display:none;} 
ul.timeline li.upcoming > div.time {border:3px dotted;color:inherit;}
ul.timeline li.upcoming:after {position:absolute;content:"";border-left:5px dotted;height:calc(100% - 80px);left:28px;top:70px;}
div.tags a {margin-right:10px;text-transform:uppercase;font-size:14px;}


i.artistcov {
    background-color: #666;
    background-blend-mode: hard-light;
    display: block;
    margin: 0 auto;
    height: 200px;
    width: 200px;
    background-size: 100% auto!important;
    background-position: center center!important;
    border-radius: 200px;
    border: 10px solid #0000007a;
    box-sizing: content-box;
    filter: grayscale(1);
    animation: zooma 1s linear forwards;
    box-shadow: 0px 18px 18px 8px #000000;
}
i.artistcov + h2 + p {text-align:center;}


ul.info i.rating{width:38px;height:38px;text-align:center;line-height:36px;float:left;margin-right:10px;border:2px solid;box-sizing:border-box;fill:#fff;border-radius:50px;font-style:normal;font-weight:bold;font-size:16px;}



.rate .time div{font-size:26px;font-weight:bold;color: inherit;}
.time li:after {color:inherit;}


.excellent{color:#29d600;}
.tops li.excellent div.time,
ul.timeline li.excellent:hover > div.time {background:#29d600;}
.good{color:#81d813;}
.tops li.good div.time,
ul.timeline li.good:hover > div.time {background:#81d813;}
.ok{color:#f5f015;}
.tops li.ok div.time,
ul.timeline li.ok:hover > div.time {background:#f5f015;}
.bad{color:#f58a18;}
.tops li.bad div.time,
ul.timeline li.bad:hover > div.time {background:#f58a18;}
.worst{color:#e2441e;}
.tops li.worst div.time,
ul.timeline li.worst:hover > div.time {background:#e2441e;}

ul.timeline li.upcoming:hover > div.time,
ul.timeline li:hover > div.time {background:#fff;}
ul.timeline li:hover > div.time * {color:#000;}



.season_mob {display:none;}
 

@keyframes scale {
    0% {transform:scale(1);}
    100% {transform:scale(1.198754);}
}


@keyframes zooma {
    0% {background-size:150% auto;}
    100% {background-size:100% auto;}
} 
.txt.list a:hover,
.mainpage .list a:hover,
textarea:focus,
input[type=email]:focus,
input[type=text]:focus {animation:blink .5s forwards;}

@keyframes blink {
    0% {opacity:.2;}
    100% {opacity:.7;} 
} 
.mainpage .list .row .col {width:100%;}
.entry .row > .col + div {
    flex: 0 0 70px;
    line-height: 16px;
    align-self: flex-start;
    text-align: right;
}

.mainpage .tops ul.rate{
flex-wrap: wrap;
    max-height: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    overflow: hidden;
    justify-content: stretch;
    position: absolute;
}
.mainpage .tops ul li {
    flex-direction: column;border-radius:5px 5px 0 0;overflow:hidden;padding-bottom:0;margin-left:2px;width:100%;}
.mainpage .tops .screener + div {margin:10px 0;}

.genre.alphabetic ul.actors li a,
#searchbox li a,
.mainpage .tops li > a{width:100%;height:100%;position:absolute;cursor:pointer;z-index: 3;opacity:0;background:unset;}
.mainpage .tops li div a {z-index:4;}
.mainpage .tops p.description:after {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0,.8) 20%, rgba(0,0,0,0) 100%);
    height: 60px;
    width: 100%;
    left: 0;
    display: block;
    position: absolute;
    bottom: 0;
}
.ifempty {margin:50px auto;max-width:768px;}
.ifempty p {margin-top:10px;}
.ifempty input + button {
    border: 2px solid rgba(122,122,122,.5);
    max-width: 50px;
    min-width: 40px;
    display: inline;
    font-size: 16px;
    height: 34px;font-weight:500;
    width: 100%;color:#fff;text-shadow:none;
}
.ifempty input + button:hover {background:#fff;color:#000;border-color:#fff;}

div.info .animationbox {max-height:0;height:100%;width:100%;background:#161616;overflow:hidden;}

div.info.on.done .animationbox {max-height:170px;transition:max-height .3s}

.animationbox ~ * {padding:10px 20px;}

div.info.filter .animationbox ~ * {padding:15px 0;}

div.info.on ~ * {pointer-events:none;filter:blur(10px);overflow:hidden;}

div.info{max-height:0;overflow:hidden;display:flex;height:100vh;width:100vw;position:fixed;align-items:center;justify-content:center;z-index:12;}
div.info.on {animation:backfadein .2s forwards;z-index:13;max-height:100vh;/*padding-top:55px;*/}

@keyframes backfadein {
from{background:rgba(0,0,0,0);}
to{background:rgba(0,0,0,.75);}
}
div.info > div{background:#111;width:100%;max-width:450px;color:#fff;margin:0 auto;border-radius:8px;overflow:hidden;}

 

/*.animationbox svg {overflow:visible;max-height:90%;top:5%;position:relative;} */

.animationbox svg {
    overflow: visible;
    max-height: 150px;
    margin: 10px auto;
    display: block;
}

div.info.on.done .animationbox .notification:nth-of-type(2) {opacity:0;animation:fromtop 4s 2.3s infinite forwards;}
div.info.on.done .animationbox .notification {opacity:0;animation:fromtop 4s 1.9s infinite forwards;}
div.info.on.done .animationbox .newentry,
div.info.on.done .animationbox .newentry *{animation:fill 4s 1.9s infinite;} 
div.info.on.done .animationbox svg > circle{animation:sunisover 1s .4s forwards;transform-origin:center center;opacity:0;}
div.info.on.done .animationbox svg > g:first-of-type{animation: fromleft 1s .6s forwards;transform-origin:center center;transform:translate(-1700px,0) ;opacity:0;}
div.info.on.done .animationbox svg > g:nth-of-type(2) {animation:fromright 1s .6s forwards;transform-origin:center center;transform:translate(1700px,0);opacity:0;}
   
 
@keyframes fill{
  5%, 15%, 25%, 35%{fill:#828282;}
 0%, 10%, 20%, 30%{fill:#fff;}
}
@keyframes fromtop{
10%,70%,100% {transform:translate(0,-10px);opacity:0;}
20%, 50% {transform:translate(0,0);opacity:1;} 
  
}

@keyframes sunisover{
from {transform:translate(0,1700px) scale(0);opacity:0;}
  to {transform:translate(0,0) scale(1);opacity:1;} 
}

@keyframes fromleft{
from {transform:translate(-1700px,0);opacity:1;}
  to {transform:translate(0,0);opacity:1;} 
}
@keyframes fromright{
from {transform:translate(1700px,0);opacity:1;}
  to {transform:translate(0,0);opacity:1;} 
}  
.thetrue {line-height:36px;}
.thetrue button.abo{display:inline-flex;max-width:130px;margin:0;height:inherit;position:relative;top:0;font-size:inherit;margin:4px;top:4px;padding:4px;}
#searchbox li:hover p {color:inherit;}
.ifempty input {display:inline-block;max-width:150px;margin:0 4px;border-radius:4px;text-align:center;font-weight:500;}

input::placeholder {font-weight:400;}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color:#222;z-index:333;
}
::-webkit-scrollbar-thumb {
    background: #444;border-radius:6px;
}
body,
*{scrollbar-width:thin;scrollbar-color:#444 #222}


.head_elements {
    z-index: 10;
}
.sfupdate {z-index:2;margin-bottom:30px;display:flex;max-width:100%;width:100%;padding-top:10px;margin-top: -10px;background:#090909;box-shadow:0 5px 15px 6px #111;}
.sfupdate li{position:relative;border:2px solid rgba(255,255,255,.02);border-radius:3px;margin-right:8px;padding:5px;display:flex;flex-direction:column;flex:1 1 100%;justify-content:center;align-items:center;background:rgba(100, 100, 100,.35);box-sizing:border-box;}
.sfupdate li:hover {background: rgba(100,100,100,.5);cursor:pointer;}
.sfupdate li.active {font-weight:500;opacity:1;background:#fff;color:#000;}
.sfupdate li.active strong{font-weight:600;}
.sfupdate li strong {font-size:24px;font-weight:500;color:inherit;}
.sfupdate li span {font-size:14px;opacity:.5;font-weight:inherit;color:inherit;}
.sfupdate li.today {border:2px solid rgba(255,255,255,.6);}
.sfupdate li.today ~ li,
.sfupdate li.today ~ li *{opacity:.7;}
.sfupdate li:last-child {margin-right:0;}
.uotd.list a,
.sfupdate li a {position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;z-index:2;}


.updates .list {font-size:15px;display:flex;flex-direction:column;}

.updates .list .row{transition:order 0s .3s;justify-content:flex-start;}
.updates .list .row div{flex: 1 1 auto;    overflow: hidden;
    text-overflow: ellipsis;justify-content:flex-start;align-items:flex-start;display:flex;}
.updates .list h3 {display:flex;align-items:flex-end;transition:all .3s;max-height:40px;margin-left:50px;margin-bottom:5px;overflow:hidden;height:100px;transition:all .3s;}
.updates .list h3:first-child {max-height:20px;}
.updates .list .row div.datime {transition:all .3s;overflow:hidden;max-width:50px;opacity:.5;flex:0 0 50px;display:flex;}
.updates label {top:-15px;font-size:14px;padding:4px;border-radius:2px;opacity:.5;}
.custom  label:hover,
.updates label:hover {background:rgba(255,255,255,.1);opacity:.7;}
input#showbydate:checked  ~ .list {flex-direction:column-reverse;}
input#showbydate:checked  ~ .list h3{margin-bottom:0;max-height:0px;}


.updates input:checked + label {opacity:1;background:#fff;color:#111;}

input#showalphabet:checked  ~ .list div.row {order:unset!important;transition:order 0s;}





input#showalphabet:checked  ~ .list h3{margin-left:0;transition:margin .3s, max-height .3s;}
input#showalphabet:checked  ~ .list div.datime{max-width:0px;transition:all .3s;}

 

.updates .list .row div a {text-overflow:ellipsis;overflow:hidden;}
.updates .list .row div.label * {color:inherit;align-self:flex-end;}
.updates .list .row div.label {flex:0 0 99px;font-size:12px;max-width:99px;font-weight:500;border:1px solid;border-radius:3px;margin-left:5px;padding:0 3px;background:#fff;color:#000;}

.updates {
    min-height: 300px;
}
.genre.alphabetic ul.actors {overflow:auto;flex-wrap:wrap;margin:0;padding-top:7px;box-shadow:0 5px 15px 6px #111;}
.genre.alphabetic ul.actors li:last-child{margin-right:0;}
.genre.alphabetic ul.actors li {
    flex: 1 0 auto;
    padding: 0;
    margin: 2.1px;
    box-sizing: border-box;position:relative;
    white-space: nowrap;}
i.cover a {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}
.splitview i.cover {width:200px;max-height:300px;}

.highlighter .msg_close,
.highlighter small {z-index:3;}
.highlighter > img:first-of-type{
    width: calc(100% + 30px);
    box-sizing: border-box;
    position: relative;
    border-radius: 5px;
    position: relative;
    left: -15px;
    top: -15px;
}
.content.mainpage {
    min-height: unset!important;
}
#milk div.content.genre.alphabetic{min-height:unset;}

.page_settings::-webkit-scrollbar,
.genre.alphabetic ul::-webkit-scrollbar {width:0px;height:0px;display:none;}

div.content.genre.alphabetic ul{background:#090909;z-index:3;}
div.content.genre.alphabetic .list.txt .not *{opacity:.5!important;font-weight:400;}



.seasons,
.head_elements {display:flex;flex-direction:row;flex:1 1 auto;min-height:36px;}
.custom > div {padding:0;box-shadow:inset 0px 0px 0 2px rgba(55,55,55,.5);border:unset;border-radius:5px;}
.custom > div {margin-bottom:-2px;display:flex;flex:3 1 auto;}
.custom > div:last-of-type {margin-left:5px;flex:1 1 auto;}
.custom > div label{padding:4px 6px;border:2px solid transparent;box-sizing:border-box;display:flex;flex:0 1 100%;align-items:center;justify-content:center;opacity:.5;font-size:14px;}
.custom > div span,
.head_elements > div > span {position:absolute;top:-15px;font-size:12px;line-height:12px;z-index:44;width:100%;opacity:.8;font-weight:500;overflow:hidden;text-overflow:ellipsis;}
.head_elements .disabled {pointer-events:none;}
.head_elements .disabled label {opacity:.5!important;}

.custom > div span {top:-17px;left:3px;margin:0 auto;width:auto;opacity:1!important;color:#777;}
.custom {    display: flex;
    justify-content: flex-start;
    align-items: center;}

#onlyretail:checked ~ div.custom div .retail,
#showyear:checked ~ div.custom div .year,
#showrating:checked ~ div.custom div .liked,
#showbydate:checked ~ div.custom div .timed,
#showalphabet:checked ~ div.custom div .alphab {
    opacity: 1;
    color: #000;    border-color: #daa641;
    background: linear-gradient(to bottom, #eccd67 0%,#d79f3a 100%);}
div.custom > div label:nth-of-type(1) {border-right:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;}
div.custom > div label:nth-of-type(1n+2) {border-left:unset;border-right:unset;}
div.custom > div label:last-of-type {border-left:unset;border-top-right-radius:inherit;border-bottom-right-radius:inherit;border-right:2px solid transparent;}
div.custom > div label:nth-of-type(1):last-of-type {border-radius:inherit;border-style:2px solid;border-left:2px solid transparent;}

/*new*/
.description.main .custom div label {height: 36px;margin:0;opacity:.7;}
.description.main .custom > div:last-of-type {margin:0;}


.seasons {align-items:flex-start;}

.season_select {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex: 1 1 auto;flex-wrap:wrap;}










.season_select label{cursor:pointer;color: #fff;flex:0 2 30px;padding:0 5px;display:flex;background:rgba(255,255,255,.06);
border-radius:3px;justify-content:center;align-items:center;margin:0 4px 4px 0;}
.season_select label:hover {background:rgba(255,255,255,.12)}
.season_select label.all {flex:0 0 120px;}
.season_select label.upcoming {border:2px dotted #fff}
.season_select input:checked + label.upcoming {border-color:#000}
.season_select input:checked + label {font-weight:500;background:#fff;color:#000;opacity:1;}
.head_elements > div:nth-child(1n+3) {
    margin-left: 7px;
}
.lango img{height:26px;max-width:100%;}


select {position:absolute;z-index:3;opacity:0;height:100%;background:#000;color:#fff;width:100%;}

.selecto.off {height:36px;}
.selecto.on {color:#000;z-index:3;}
.season_mob {flex: 1 1 auto;width:120px;max-height:40px;overflow:hidden;}
.lango, .lango .selecto {width:50px;flex:0 0 50px;z-index:34;}
.soruce, .soruce .selecto{width:100px;position:relative;flex:0 0 100px;justify-content: flex-start!important;z-index:33;}
.selecto {cursor:pointer;position:absolute!important;border-radius:4px;display:flex;justify-content:flex-start;flex-direction:column;}
.selecto label {cursor:pointer;pointer-events:none;padding:0 10px;flex:0 0 36px;align-items:center;display:flex;justify-content:flex-end;margin:0;opacity:1;transition:transform .4s, opacity 0s, background 0s;border:2px solid transparent;background:#000;}
.selecto label:hover {background:rgb(30,30,30);font-weight:500;}
input[type=radio] {width:0;height:0;opacity:0;margin:0;position:absolute;top:0;left:0;right:0;bottom:0;}




.opn:after, .opn:before {
  width:10px;height:2px;display:block;background:currentcolor;
    position: absolute;
    color: inherit;
    content:"";
    display: flex;

}
.opn:before {width:2px;height:10px;}
.opn:hover {background:rgba(255,255,255,.1);cursor:pointer;}

.list > input:checked + .entry .opn{background:#fff;color:#000;}
.list > input:checked + .entry .opn:before{display:none;}

.opn {
    font-size: 24px;top:2px;
    background: rgba(255,255,255,.06);
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right:1px;
} 

.list > input:checked + .entry  .list.simple {max-height:500px;transition:max-height .5s;animation:overflow 0s .5s forwards;}
@keyframes overflow{
  from{overflow:hidden;}
  to{overflow:auto;}
}


.list .head {font-weight:500;}
.list.simple .head {background:#000;z-index:3;}
.list.simple > .row > div:nth-child(1) {
    flex: 0 0 40px;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    padding-right: 3px;
}
.list.simple > .row > div:nth-child(2) {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 40px);
}
.list.simple {margin:0!important;max-height:0px;overflow:hidden;transition:max-height .5s,overflow 2s 2s;}
.main {flex-direction:column;}
#milk div.content.splitview div.main > div {width:100%;}
.list {margin:10px 0 0 0!important;}
.list h3 {font-size:16px;font-weight:500;line-height:20px;margin:0;}
.list small {line-height:16px;opacity:.8;}
.row,
.col {display:flex;}
.col {flex-direction:column;}
.row {align-items: center;}
.simple > .row:last-child {
    margin-bottom: 10px;
}
.mainpage .list > div > .row {margin-top:20px;}

.entry {border-bottom:3px solid rgba(255,255,255,.2);padding:10px 0 5px;word-break:break-all;}
.list > .row {justify-content:space-between;}
.list .col{flex: 0 1 auto;justify-content:center;}

/*.list > div{padding:0 5px;} */

.list .col:last-type {align-self:flex-end;}

.selecto small {color:inherit;margin-left:5px;}

.dlb:hover {background:rgba(255,255,255,.1)}
.dlb {display:flex;justify-content:center;align-items:center;line-height:10px;height:38px;border-radius:4px;padding:5px 10px;font-size:14px;font-weight:400;margin:0 5px 5px 0;}
.dlb * {color:inherit;}
.dlb:last-child {margin-right:0;}

.dlb.fav {opacity:1;font-weight: 500;opacity: 1;
    font-weight: 500;
    background: rgba(255, 255, 255,.1);
    border: 2px solid rgba(255, 255, 255,.4);
}

.dlb.fav:hover {
    background: rgba(255, 255, 255,.2);
    border: 2px solid rgba(255, 255, 255,.5);
}



.dlb.fav i.st:before {content:"★";
    font-style:normal;
    font-size:24px;transform:translate(-2px,1px);display: block;
}
.dlb.fav ~ * {opacity:.7;}
.dlb.fav ~ :hover {opacity:1;}

.dlb.fav i.st {background:none;}

.st {width:13px;height:13px;top:-1px;color:yellowgreen;display:block;border-radius:3px;margin-right:10px;background:currentcolor;}
.st.off {color:orangered;}
.st.mix {color:#efd417;}


.simple .dlb {
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;width:60px;
}
.simple > .row:not(.head):hover {background:rgba(255,255,255,.1);color:#000;border:2px solid rgba(255,255,255,.3);border-radius:5px;}
.simple > .row {padding:0;height:45px;border:2px transparent solid;}
.simple > .row:nth-child(even){background:rgba(255,255,255,.05)}

.simple .st {
    width: 8px;
    height: 8px;flex:0 0 8px;}

i.cover {z-index: 333;
    margin-bottom: 20px;}
/*1060.selecto.off label {transform:translate(0,-60px)}*/
.selecto.on label {opacity:1;transform:translate(0,0);pointer-events:all;}
.selecto.on input:checked + label{order:-1;opacity:1;transform:translate(0,0);z-index:5;background:#fff;color:#000;transition:border-radius .3s;}
.selecto input:checked + label{order:-1;opacity:1;transform:translate(0,0);z-index:5;font-weight:500;flex:0 0 36px;background:rgba(255,255,255,.06);pointer-events:none;}


.selecto.off:hover input:checked + label{ 
background:rgba(255,255,255,.1);}



.entry > .row:nth-child(2) {flex-wrap:wrap;max-height:400px;opacity:1;transition:opacity .4s .2s, max-height .2s .2s;margin-top:5px;}
.list > input:checked + .entry > .row:nth-child(2){max-height:0px;opacity:0;transition:all .1s;overflow:hidden;}
.list .entry > .row > .col {
    flex: 1 1 auto;
    justify-content: center;
}

.contact {min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.contact h3{text-align:center;}
.request_form {max-width:400px;margin:40px auto;width:100%;}
.request_form label small {opacity:.7;margin-left:4px;}
.contact p{font-size:16px;line-height:24px;text-align:center;max-width:600px;margin:0 auto;}
.highlighter {margin:0 0 20px;font-size:16px;border-radius:6px;border:2px solid rgba(255,255,255,.2);padding:15px;background:rgba(0,0,0,.3);}
.highlighter small{opacity:.4;}
.highlighter strong {margin:20px 0;font-weight:500;font-size:inherit;}
.highlighter p {margin:20px 0;font-size:inherit;line-height:24px;}
.highlighter > :last-child {margin-bottom:0;}

.sentmail {opacity:0;height:15vh;width:15vh;max-width:150px;max-height:150px;animation:flyin 1s forwards;}
.sentmail + h3 {animation:flyin 1s .2s forwards;margin-top:25px;opacity:0;}
.sentmail + h3 + button {opacity:0;animation:flyin 1s .5s forwards;margin-top:7px;font-size:16px;}

@keyframes flyin{from{opacity:0;transform:translate(0,100px)}to{transform:translate(0,-30px);opacity:1;}}
 
.genre button.del:hover {background:#fff;color:#000;}
.genre button.del {min-width:auto;width:36px;text-shadow:unset;height:36px;top:-50px;right:-50px;position:absolute;z-index:31;background:rgba(0,0,0,.8);transform:translate(0,0);transition:all .2s;border-radius:0 0 0 5px;}
.genre i.cover:hover button.del {transform:translate(-50px,50px)}
.genre.manage i.cover strong,
.genre.manage i.cover img {filter:grayscale(1); opacity:.7;}
.genre.manage input:checked + i.cover strong,
.genre.manage input:checked + i.cover img {filter:grayscale(0);opacity:1;}


.bubble {position:absolute;font-style:normal;    background: radial-gradient(ellipse at center, #a8bd34 10%,#199622 80%);background:radial-gradient(ellipse at center, #62bd34 10%,#19966e 80%);
    background-position: 2px 30px;
    background-size: 50px 50px;border-radius:0 0 5px 0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:21px;left:0;top:0;letter-spacing:-1px;font-weight:500;padding-right:2px;z-index:10;box-shadow:2px 2px 4px rgba(0,0,0,.3);text-shadow:1px -1px rgba(0,0,0,.3);}

.genre.manage i.cover:after {opacity:0;}
.genre.manage input:checked + i.cover:after{opacity:1;}
.genre.manage i.cover:hover div {transform:translate(0,-80px);}

.checkslider,
.genre.manage i.cover div {box-sizing:border-box;width:70%;height:38px;position:absolute;transform:translate(0,0);bottom:-70px;z-index:3;background:rgba(0,0,0,.6);left:15%;border-radius:5px;z-index:10;transition:all .2s;}
.checkslider {transform:translate(0,0);width:100px;}
.setup .checkslider {top: 0;
    position: relative;left:0;}

.genre.manage i.cover div i {margin:0;}
.genre.manage i.cover {background:rgba(0,0,0,.3);}
.checkslider span,
.genre.manage i.cover div span {background:rgba(255,255,255,0);height:100%;width:50%;left:50%;position:absolute;display:flex;border-radius:4px;justify-content:center;align-items:center;transition:background .1s linear, left .3s;opacity:.5;}
.checkslider span {opacity:1;}
.setup > div > div{opacity:.5;}
.setup input:checked ~ div {opacity:1;}

.setup input:checked ~ div .checkslider span,
.genre.manage input:checked + i.cover .checkslider span{left:0%;background:#fff;opacity:1;}

.setup > div > label,
.checkslider label {position:absolute;top:0;left:0;width:100%;height:100%;z-index:31;}

.genre.manage i.cover img + strong {display:none;}
.genre.manage i.cover strong {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;font-weight:500;padding:10px;
}



input#settingsup:checked ~ .setup  {max-height:300px;padding-top:10px;}

input#settingsup:checked + h2 label {opacity:1;}
button.abo .settings:before,
a.settings label,
.manage.genre h2 label {transition:transform 1s;transform:rotate(0deg)}

button.abo .settings:hover:before,
a.settings label:hover,
.manage.genre h2 label:hover {opacity:.8;transform:rotate(-180deg);transition:transform 1s;}


button.abo .settings:before,
.del.edit:before,
a.settings label,
.manage.genre h2 label{background:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNNDk2LjcgMzEyLjFsLTQ3LjEtMzYuOGMwLjYtNS43IDEuMS0xMi4zIDEuMS0xOS4zIDAtNy0wLjUtMTMuNy0xLjEtMTkuM2w0Ny4xLTM2LjhjOC43LTYuOSAxMS4xLTE5LjIgNS42LTI5LjRMNDUzLjMgODUuOGMtNS4yLTkuNi0xNi43LTE0LjUtMjguMy0xMC4ybC01NS41IDIyLjNjLTEwLjYtNy43LTIxLjgtMTQuMi0zMy4zLTE5LjNsLTguNC01OC45QzMyNi4zIDguNCAzMTYuNiAwIDMwNS4xIDBoLTk4LjFjLTExLjUgMC0yMS4yIDguNC0yMi42IDE5LjVsLTguNSA1OS4xYy0xMS4yIDUtMjIuMiAxMS40LTMzLjMgMTkuM2wtNTUuNy0yMi40Qzc2LjUgNzEuNSA2NCA3Ni4xIDU4LjkgODUuNkw5LjkgMTcwLjNjLTUuOCA5LjgtMy40IDIyLjUgNS41IDI5LjVsNDcuMSAzNi44Yy0wLjcgNy4yLTEuMSAxMy40LTEuMSAxOS4zczAuNCAxMi4xIDEuMSAxOS4zbC00Ny4xIDM2LjhjLTguNyA2LjktMTEuMSAxOS4yLTUuNSAyOS40bDQ4LjkgODQuN2M1LjIgOS41IDE2LjYgMTQuNSAyOC4zIDEwLjJsNTUuNS0yMi4zYzEwLjYgNy43IDIxLjggMTQuMSAzMy4zIDE5LjNsOC40IDU4LjlDMTg1LjcgNTAzLjYgMTk1LjUgNTEyIDIwNyA1MTJoOTguMWMxMS41IDAgMjEuMi04LjQgMjIuNi0xOS41bDguNS01OS4xYzExLjItNS4xIDIyLjEtMTEuNCAzMy4zLTE5LjRsNTUuNyAyMi40YzIuNyAxIDUuNSAxLjYgOC40IDEuNiA4LjMgMCAxNS45LTQuNSAxOS43LTExLjZsNDkuMi04NS4xQzUwNy44IDMzMS4zIDUwNS40IDMxOS4xIDQ5Ni43IDMxMi4xek0yNTYgMzQxLjNjLTQ3LjEgMC04NS4zLTM4LjMtODUuMy04NS4zczM4LjMtODUuMyA4NS4zLTg1LjMgODUuMyAzOC4zIDg1LjMgODUuM1MzMDMuMSAzNDEuMyAyNTYgMzQxLjN6Ii8+PC9zdmc+);width:32px;height:32px;background-position:center center!important;background-size:80% 80%;background-repeat:no-repeat;top:4px;position:relative;opacity:.5;}
a.settings label {height:100%;width:100%;position:absolute;top:0;left:0;background-size:50% 50%;opacity:.8;z-index:7;}

.setup {max-height:0;transition:max-height .4s;}
.setup > div{padding:10px 2px;margin:0;border-bottom:2px solid rgba(255,255,255,.3);margin-left:4px;}
.setup strong {font-weight:500;}
.setup p {line-height:18px;}
.setup > div {display:flex;flex-direction:row;position:relative;}
.setup > div > div{flex: 1 1 50%;display:flex;flex-direction:column;}
.setup > div > div:last-child {align-items:flex-end;}

.setup .checkslider i{display:none;}
.setup .checkslider span:before {
    content: "OFF";
    color: #fff;
    font-weight:500;
}
.setup input:checked ~ div .checkslider  span:before {
    content: "ON";
    color: #000;
}



.page_settings .setup div div.multiselect {flex:0 0 360px;max-width:400px;align-self:center;z-index:2;}

.page_settings .setup div div.multiselect label {letter-spacing:-.5px;line-height:15px;}

.page_settings .setup div div.multiselect label small {font-size: 13px;}

@media (max-width:640px) {
  .page_settings .setup > div.break {flex-direction:column;}
  .page_settings .setup div.break div.multiselect{align-self:unset;max-width:100%;flex:0 0 auto;}
    .genre.manage i.cover div span {left:0;border-radius:0 0 0 4px;width:100%;}
    .genre button.del {border-radius:0;}
.description.main .custom div label:before{display:none;}
        .custom > div label:before {margin:0;}
    .custom > div label {flex-direction: column;flex:1 1 auto;}
  .screener {
    padding-top: 50%;
    flex: unset;
    margin-bottom: 30px;
}
  .ranking ul li {display:flex;flex-direction:column;}
.screener {height:50vw;}
.checkslider {width:100px;height: 36px;}
  .list.txt {margin:5px 0 20px!important;}
    .list.txt > div {flex:1 1 100%;}
.splitview i.cover {width:200px;height:unset;}
.genre.alphabetic ul.actors li {margin:3px 1px;flex:0 0 44px;}
  ul.actors li {

    flex: 1 1 30%;}
.genre.alphabetic ul.actors{flex-wrap:nowrap;}
  .updates .list .row div.label {flex:0 0 32px;text-transform:uppercase;}
  .updates .list .row div.label span {display:none;}
.highlighter {font-size:14px;}
.highlighter p{margin:12px auto;letter-spacing:-.5px;}
.sfupdate li strong {font-size:18px;font-weight:400;color:inherit;}
.sfupdate li span {font-size:12px;opacity:.5;font-weight:inherit;color:inherit;}  
.sfupdate li{border:1px solid rgba(255,255,255,.02);border-radius:3px;margin-right:6px;padding:3px;display:flex;flex-direction:column;flex:1 1 20%;justify-content:center;align-items:center;background:rgba(100, 100, 100,.35);box-sizing:border-box;}  
  
  .background {animation:none;background:#111!important;}
ul.actors {max-height:94px;}
div.walli {width:100%;height:41vw;max-height:220px;background-size:auto 110%;background-repeat:no-repeat;}
  
div.info {align-items: flex-start;}
  
  .list h3 {
    font-size: 14px;
    letter-spacing: -.5px;}
.slider{height: 320px;font-size:16px;} 
.slider > div:first-child {flex:1 1 100%;height:190px;}
.slider > div:nth-child(1n+2) {flex:1 0 50%;height:130px;}

.genre.content:not(.alphabetic) h2 {
    margin: 0;
    width: 100%;
    background: #111;
    box-shadow: 0 5px 15px 6px #111;
    position: sticky;
    top: 60px;margin-bottom:5px;
    z-index: 2;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(0,-10px);
}
.genre.content:not(.alphabetic) ul.actors {
    max-height: unset;
    margin: 0 auto 0;
    position: sticky;
    bottom: 10px;
    background: #111;
    box-shadow: 0 -5px 15px 6px #111;
    width: calc(100% + 10px);
    margin-left: -5px;
    z-index: 3;
    padding-bottom: 10px;
    order: 2;
    transform: translate(0,10px);
}
.genre.content:not(.alphabetic) ul.actors li {
    height: 26px;
    padding: 0 5px;
    margin: 2.5px;
    max-width: 120px;
    flex: 1 1 auto;
    font-size: 90%;
}
.genre.content:not(.alphabetic) .list.txt {
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin:0!important;
    padding-top:0;
    padding-bottom:0;
}
.genre.content:not(.alphabetic) .list.txt > div {
    display: block;
    width: 100%;flex: 0 0 auto;
}
   #milk div.genre.content {min-height:100vh}
    
    
    
  .manage.genre h2 label {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    top: 5px;}
  .setup > div {flex-direction:column;}
  .page_settings *{font-size:14px;}
  .page_settings .setup > div {flex-direction:row;}
  .setup > div > div{flex: 1 1 50%;display:flex;flex-direction:column;}
.setup > div > div:last-child {align-items:flex-end;margin-top:10px;}
  #menu > label {display:flex;}
  #search input {font-size:16px;}
  .simple > .row .row {
    width: 100%;
}
  .dlb {
    flex: 0 1 48%;
    justify-content: flex-start;
    padding-right: 30px;}


  .season_mob {display:flex;}
  .seasons {display:none;}
  h2 {
    font-size: 22px;}
  h3 {font-size:18px;}
h4 {font-size:14px;}
#searchbox li { font-size: 13px;}
li .description {
    max-height: 80px;
    line-height: 16px;
    font-size: 14px;margin:5px 0 0;
}

ul.trailergroup li, ul.toprank li, p.description {
    line-height: 20px;
    font-size: 14px;
}
ul.info {font-size:14px;}
ul.info svg {
    width: 24px;
    height: 24px;
    float: left;
    margin: 7px 0;
    fill: #fff;
}
  ul.info li {padding:5px;}
  ul.timeline li i.cover {display:none;}
  ul.timeline i + div {margin-left:10px;}
  ul.timeline p {max-height:148px;}
  div.tags a {font-size:14px;}
ul.info i.rating {
    width:26px;height:26px;line-height:25px;border:1px solid;
    float:left;margin:7px 0;font-size:13px;}
  .ranking ul li {display:flex;flex-direction:column;}
  .ranking .tops li:nth-child(1n+3) {display:flex;}
  .screener{padding-top: 50%;flex:unset;margin-bottom:30px;}
  .screener + div {margin-left:0;}
  .ranking li .description {max-height:140px;}
  .uotd.list i.cover {
    flex: 0 1 46%;margin:1.5%;}
.genre .list i.cover {flex: 0 1 30%;
  margin: 1.5%;align-self:auto;}
  .uotd > *:nth-child(1n+5) {display:none;}
  .simple >  .row:not(.head) {flex-wrap:wrap;height:auto;}
  .genre.manage i.cover:hover button.del,
.genre i.cover:hover button.del,
  .genre button.del {transform:translate(0,0);top:0;right:0;}
  .genre.manage i.cover:hover .checkslider,
  .genre.manage i.cover .checkslider {
    box-sizing: border-box;
    width: 36px;
    border: none;
    height: 36px;
    top: 36px;display:none;
    right: 0;
    left: auto;border-radius:0 0 0 5px;overflow:hidden;
    transform: translate(0,0px);}
.genre.manage i.cover:hover {transform:scale(1)}
  .genre.manage i.cover div label i {width:18px;height:18px;}

}


@media (max-width:480px) { 
        .list.blog .description {
    max-height: 175px;
    margin-left: -7px;
        font-size: 85%;
    line-height: 128%;
}
.list.blog > div h2 {font-size:120%!important;}

  .list.blog div.column {margin-left:0;}
  
  .list.blog .soruce {height:50px;position:absolute;transform:translate(-140px,50px);bottom:0;}
.list.blog > div > div:nth-of-type(2) {margin-bottom:50px;}
    body.nocover .list.blog > div > div:nth-of-type(2) {margin-bottom:0;}
    body.nocover .list.blog .soruce {transform:unset;position:relative;}
    body.nocover .list.blog .description {margin-left:0;}

.list.blog .soruce, .list.blog .soruce .selecto {
    flex: 0 0 42px!important;
    height: 37px!important;
}
  ::-webkit-scrollbar {
  width: 0;
  height: 0;
  z-index:50;
}
  div.info.filter .animationbox {flex:0 0 180px;height:180px;max-height:180px;}
  .filter .animationbox i.cover {top:0!important;margin:0;}
   div.info.filter > div {max-height:100%;}
  .animationbox ~ * {
    padding: 10px 5px;
}
.uotd > *:nth-child(1n+4) {display:none;}}

.audiotag {
    top:1px;
    margin-left:3px;
    padding:3px;
    height:20px;
    display: block;
    font-size:14px;white-space:nowrap;
    display:inline-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.audiotag img {height:100%;margin-right:2px;}
.mainpage .splitview > div:nth-child(1) .list {
    white-space: nowrap;
}
.mainpage   .list small{  overflow: hidden;
    text-overflow: ellipsis;
}
.entry:last-of-type {border:none;}

button.msg_close{position:absolute;right:0;top:0;min-width:40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.7;border-radius:4px;}

button.msg_close:hover {opacity:1;background:rgba(255,255,255,.1)}


h3 img {height:16px;margin-right:5px;}

.faq h2 {margin-bottom:30px;}
.genre ul.actors {max-height:unset;}
.faq span{font-weight:200;font-size:80%;margin-right:8px;opacity:.8;}
.faq h4 {font-weight:500;margin:40px 7px 20px;}
.faq .description{width:100%;border-radius:7px;} 
.faq .description a {text-decoration:underline;}

.uotd.list > * {margin-right:0!important;}
.uotd.list > *:first-child {margin-left:0!important;}

.uotd.list {width:100%;display:flex;margin:0!important;position:relative;justify-content:center;}
 
 
#milk .background {left:0;top:0;position:fixed;position:-ms-device-fixed;min-height:100vh;width:100%;background-size:cover!important;background-position:center center!important;background-color:#111;}


.setup > div:last-child {border:unset;padding-bottom:0;}

div.two-buttons {display:flex;max-width:100%;}
div.two-buttons button {flex:1 1 100%;min-width:unset;}
div.two-buttons > :first-child {margin-right:10px;}
button.cancel {opacity:.8;border-color:transparent;}
button.cancel:hover {opacity:1;border-color:transparent;}

ul li.special span {margin-top:2px;text-transform:uppercase;}
ul li.special {padding:0;background:unset!important;border:unset;max-width:50px;}
ul li.special:hover strong {opacity:1;}
ul li.special strong{content:"";opacity:.8;position:relative;width:36px;height:60%;display:block;background:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC40IDU3LjgiIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik0yMS4zIDM1LjFjMS4xIDAgMi0wLjkgMi0yVjMxYzAtMS4xLTAuOS0yLTItMiAtMS4xIDAtMiAwLjktMiAydjIuMUMxOS4zIDM0LjIgMjAuMiAzNS4xIDIxLjMgMzUuMXoiLz48cGF0aCBkPSJNMjguNCAzMi41aC00djFjMCAxLjctMS40IDMtMyAzIC0xLjcgMC0zLTEuNC0zLTN2LTFoLTguMXYxYzAgMS43LTEuNCAzLTMgM3MtMy0xLjQtMy0zdi0xTDAgMzIuNHYyNS40aDIgMjQuM2wyIDBMMjguNCAzMi41ek0yNi40IDU1LjhIMlYzOS42aDI0LjNWNTUuOHoiLz48cGF0aCBkPSJNNy4xIDM1LjFjMS4xIDAgMi0wLjkgMi0yVjMxYzAtMS4xLTAuOS0yLTItMiAtMS4xIDAtMiAwLjktMiAydjIuMUM1LjEgMzQuMiA2IDM1LjEgNy4xIDM1LjF6Ii8+PHJlY3QgeD0iNy4zIiB5PSI0NSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIxMS4yIiB5PSI0NSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIxNC44IiB5PSI0NSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIzLjQiIHk9IjQ1IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjE4LjYiIHk9IjQ1IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjIyLjUiIHk9IjQ1IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxnIG9wYWNpdHk9IjAuMyI+PHJlY3QgeD0iNy4zIiB5PSI0MS41IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjExLjIiIHk9IjQxLjUiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMTQuOCIgeT0iNDEuNSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSI3LjMiIHk9IjQ4LjciIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMy40IiB5PSI0OC43IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjExLjIiIHk9IjQ4LjciIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMTQuOCIgeT0iNDguNyIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIxOC42IiB5PSI0MS41IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjIyLjUiIHk9IjQxLjUiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMTguNiIgeT0iNDguNyIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIyMi41IiB5PSI0OC43IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjcuMyIgeT0iNTIuMSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIzLjQiIHk9IjUyLjEiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMTEuMiIgeT0iNTIuMSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIxNC44IiB5PSI1Mi4xIiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjE4LjYiIHk9IjUyLjEiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMjIuNSIgeT0iNTIuMSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48L2c+PHBhdGggZD0iTTIxLjMgNi4xYzEuMSAwIDItMC45IDItMlYyYzAtMS4xLTAuOS0yLTItMiAtMS4xIDAtMiAwLjktMiAydjIuMUMxOS4zIDUuMiAyMC4yIDYuMSAyMS4zIDYuMXoiLz48cGF0aCBkPSJNMjguNCAzLjVoLTR2MWMwIDEuNy0xLjQgMy0zIDMgLTEuNyAwLTMtMS40LTMtM3YtMWgtOC4xdjFjMCAxLjctMS40IDMtMyAzcy0zLTEuNC0zLTN2LTFMMCAzLjR2MjUuNGgyIDI0LjNsMiAwTDI4LjQgMy41ek0yNi40IDI2LjhIMlYxMC42aDI0LjNWMjYuOHoiLz48cGF0aCBkPSJNNy4xIDYuMWMxLjEgMCAyLTAuOSAyLTJWMmMwLTEuMS0wLjktMi0yLTIgLTEuMSAwLTIgMC45LTIgMnYyLjFDNS4xIDUuMiA2IDYuMSA3LjEgNi4xeiIvPjxyZWN0IHg9IjE0LjgiIHk9IjE2IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxnIG9wYWNpdHk9IjAuMyI+PHJlY3QgeD0iNy4zIiB5PSIxMi41IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjExLjIiIHk9IjEyLjUiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMTQuOCIgeT0iMTIuNSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSI3LjMiIHk9IjE2IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjExLjIiIHk9IjE2IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjcuMyIgeT0iMTkuNyIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIzLjQiIHk9IjE2IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjMuNCIgeT0iMTkuNyIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIxMS4yIiB5PSIxOS43IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjE0LjgiIHk9IjE5LjciIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMTguNiIgeT0iMTIuNSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIyMi41IiB5PSIxMi41IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjE4LjYiIHk9IjE2IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjIyLjUiIHk9IjE2IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjE4LjYiIHk9IjE5LjciIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMjIuNSIgeT0iMTkuNyIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSI3LjMiIHk9IjIzLjEiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMy40IiB5PSIyMy4xIiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjExLjIiIHk9IjIzLjEiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PHJlY3QgeD0iMTQuOCIgeT0iMjMuMSIgd2lkdGg9IjIuNCIgaGVpZ2h0PSIyLjEiLz48cmVjdCB4PSIxOC42IiB5PSIyMy4xIiB3aWR0aD0iMi40IiBoZWlnaHQ9IjIuMSIvPjxyZWN0IHg9IjIyLjUiIHk9IjIzLjEiIHdpZHRoPSIyLjQiIGhlaWdodD0iMi4xIi8+PC9nPjwvc3ZnPg==)!important;background-size:100% 200%!important;background-repeat:no-repeat!important;background-position:top center!important;}
ul li.special.week strong {background-position:bottom center!important;}
.page_settings h4 small {opacity:.5;font-weight:400;}
.page_settings p {font-size:14px;margin-top:4px;}
.page_settings h4 + p {font-size:14px;line-height:20px;margin:10px 0;padding:6px;border:1px solid;}

.updates .list .row div.label:before {
    content: "";
    background:inherit;
    width: 150%;
    height: 100%;
    right: 0;
    top: 0;
    display:block;
    position: absolute;
    z-index: 2;transform:skew(-30deg, 0deg);
    animation:bums2 1s infinite alternate forwards;
}

@keyframes bums2 {
0% {opacity:.3;}
100% {opacity:0;}
}


.entry .bubble:before,
.genre.manage .list.txt .bubble:before {content:"+";}
.entry .bubble,
.genre.manage .list.txt .bubble {position:relative;font-size:inherit;height:auto;width:auto;padding:0 4px;border-radius:2px;margin-right:5px;z-index:2;display:inline-flex;  background:radial-gradient(ellipse at center, #19966e 10%,#62bd34 80%);background-size:200% 200%;}

.entry .bubble {margin:0 2px;}

.seasons .bubble,
.selecto .bubble {height:12px;width:12px;overflow:hidden;border-radius:100%;letter-spacing:100px;font-size:0;position:absolute;right:1px;top:2px;left:auto;  background: radial-gradient(ellipse at center, #19966e 10%,#62bd34 80%);background-size:200% 200%;}

.seasons .bubble {right:-2px;top:-2px;}

.simple > .row.new {border-color:#4fa535;border-radius:4px;}

.list.simple > .row.new {align-items: center;
  background: radial-gradient(ellipse at center, #19966e 10%,#62bd34 80%);background-size:200% 200%;
}

div.info.filter .animationbox {overflow:visible;display:flex;justify-content:center;border-radius:5px 5px 0 0;flex:0 0 170px;height:170px;max-height:170px;}
.filter .animationbox i.cover{height:180px;flex:0 0 120px;width:120px;font-size:15px;top:-20px;position:relative;z-index:10;transform:translate(0,200px) scale(1.2) ;transition:transform .2s;max-height:0;}

div.info.filter.on.done .animationbox i.cover {transform:translate(0,0) scale(1);transition:transform .6s .1s, max-height .6s .2s;max-height:200px;transform-origin: top center;}

div.info.filter.on.done .animationbox i.cover:hover {transform:scale(1.1);}

div.info.filter h2 i {opacity:.8;}
div.info.filter h2 {font-size:17px;margin:0;text-align:center;}

div.info.filter > div > div:last-child {
    z-index: 123;
    /* position: relative; */
    display: flex;
    /* max-height: calc(100% - 160px); */
    flex: 0 1 100%;
    /* max-height:0; */
    flex-direction: column;
    border-radius:0 0 5px 5px;
    overflow: hidden;
    background:#111;
}
div.info.filter.on.done > div > div:last-child {
    max-height: inhri;
    transition: max-height .3s;
    /* position: relative; */
    /* flex: 0 0 100px; */
   /* max-height: calc(100% - 160px);*/
}
.all_settings {overflow: hidden;box-sizing: border-box;/* display: flex; *//* flex: 1 1 100%; */flex-direction:column;justify-content:center;/* position:relative; */}
.filter.on.done .all_settings {animation:overflow 0s .5s forwards;}

div.info.filter .two-buttons {padding:0 15px;}

.filter .two-buttons {overflow:hidden;flex:0 0 38px;}
.filter .two-buttons button {
    transform: translate(0,50px);
    opacity: 0;
}
.filter.on.done .two-buttons button {
    transform: translate(0,0);
    transition: transform .3s .2s;
    opacity: 1;
}
.all_settings:after,
.all_settings:before {
    content: "";
    background: linear-gradient(to bottom, #111 20%,transparent 100%); 
    height: 30px;
    top: 0px;
    width: 100%;
    position: sticky;
    display: block;
    z-index: 10;
}
.all_settings:after {
    top: auto;bottom:0;    background: linear-gradient(to top, #111 20%,transparent 100%); 
}
.filter_gp {width:100%;display:flex;flex-direction:column;margin-bottom:30px;padding:0 15px;}
.filter_gp:last-child {margin-bottom:10px;}
.filter_gp > strong {margin-bottom:4px;font-size:15px;}
.filter_sl {display:flex;width:100%;}
.filter_sl label:hover {background:rgba(255,255,255,.15);}
.filter_sl label {font-size:15px;user-select:none;opacity:.5;display:flex;flex:1 1 100%;border-radius:3px;background:rgba(255,255,255,.1);margin:2px;height:30px;justify-content:center;align-items:center;}
.filter_sl label * {color:inherit;margin-left:2px;height:50%;}
.filter_sl label:first-of-type {margin-left:0;}
.filter_sl label:last-of-type {margin-right:0;}
.filter_sl input:checked + label {background:#fff;color:#111;font-weight:500;opacity:1;}

.animationbox > div label{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;}
.animationbox > div {align-self:center;justify-content:center;display:flex;flex:1 1 100%;}

.animationbox > div i{font-style:normal;display:flex;justify-content:center;align-items:center;margin:0;margin-bottom:4px;border:2px solid;height:42px;width:42px;border-radius:100%;font-size:32px;line-height:32px;background-size:70% auto;opacity:.3;}
.animationbox > div i + small {opacity:.3;font-weight:400;overflow: hidden;text-overflow: ellipsis;max-width:80%;}

.animationbox > div.deleteentry {opacity:0;transform:translate(-100%,0)}
.animationbox > div.notifyme {transform:translate(100%,0);opacity:0;}

div.info.filter.on.done .animationbox > div.notifyme,
div.info.filter.on.done .animationbox > div.deleteentry{transform:translate(0,0);transition:all .5s .3s;opacity:1;}

.animationbox > div label:hover *{opacity:.5}
.animationbox > div input:checked + label small {opacity:.8;}
.animationbox > div input:checked + label i {opacity:1;background-color:#fff;}


.animationbox .deleteentry i:before {background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTYgNTEyIiAgZmlsbD0iI2ZmMDAwMCI+PHBhdGggZD0iTTM3NiA2NGgtODhWNDhjMC0yNi41LTIxLjUtNDgtNDgtNDhoLTY0Yy0yNi41IDAtNDggMjEuNS00OCA0OHYxNkg0MEMxNy45IDY0IDAgODEuOSAwIDEwNHYzMmMwIDguOCA3LjIgMTYgMTYgMTZoMzg0YzguOCAwIDE2LTcuMiAxNi0xNnYtMzJDNDE2IDgxLjkgMzk4LjEgNjQgMzc2IDY0ek0xNjAgNDhjMC04LjggNy4yLTE2IDE2LTE2aDY0YzguOCAwIDE2IDcuMiAxNiAxNnYxNmgtOTZWNDh6Ii8+PHBhdGggZD0iTTMwLjQgMTg0Yy0yLjkgMC01LjEgMi40LTUgNS4ybDEzLjIgMjc3YzEuMiAyNS42IDIyLjMgNDUuNyA0Ny45IDQ1LjdoMjQzYzI1LjcgMCA0Ni43LTIwLjEgNDcuOS00NS43bDEzLjItMjc3YzAuMS0yLjktMi4xLTUuMi01LTUuMkgzMC40ek0yNzIgMjI0YzAtOC44IDcuMi0xNiAxNi0xNnMxNiA3LjIgMTYgMTZ2MjA4YzAgOC44LTcuMiAxNi0xNiAxNnMtMTYtNy4yLTE2LTE2VjIyNHpNMTkyIDIyNGMwLTguOCA3LjItMTYgMTYtMTZzMTYgNy4yIDE2IDE2djIwOGMwIDguOC03LjIgMTYtMTYgMTZzLTE2LTcuMi0xNi0xNlYyMjR6TTExMiAyMjRjMC04LjggNy4yLTE2IDE2LTE2czE2IDcuMiAxNiAxNnYyMDhjMCA4LjgtNy4yIDE2LTE2IDE2cy0xNi03LjItMTYtMTZWMjI0eiIvPjwvc3ZnPg==);background-repeat: no-repeat;
background-position: center center;background-size:58% auto;content:"";width:100%;height:100%;filter:contrast(0) brightness(2);}
.animationbox .deleteentry:hover i:before {filter:unset;}

.deleteentry label:hover *{color:red;}


.del.edit:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background-size: 65% auto;
}
.del.edit:hover::before {
    filter: invert(1);
}

div.info .animationbox {
    background: rgba(41, 41, 41, 0.33);}

div.info.filter > div > div:last-child {
    background: rgba(17, 17, 17, 0.7);}

div.info > div {
    background: rgba(30, 30, 30, 0.5);}

a.info {width:16px;height:16px;display:inline-flex;background:#fff;border-radius:10px;margin-left:4px;opacity:.35;color:#000;font-weight:500;justify-content:center;align-items:center;font-size:14px;line-height:10px;}
a.info:hover {opacity:.8;}


button.del.edit span {background: radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(0,0,0,0) 21%);    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 15px;
    font-weight: 500;}
button.del.edit:hover span {background: radial-gradient(circle, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 21%);color:#fff;}
 
.filter_sl.hosts {flex-wrap:wrap;}
.filter_sl.hosts label{flex:1 1 100%;max-width:calc(25% - 3px);margin:0 3px 5px 0;}
.filter_sl label img {box-shadow:1px 1px 3px rgba(0,0,0,.5);border-radius:2px;}

.read {position:relative;
    background: rgba(155,155,155,.2);
    min-width: unset;
    padding: 0 10px;
    font-size: 15px;
    height: 30px;display:inline-flex;justify-content:center;align-items:center;opacity:.7;
}
.read:hover {opacity:1;}
.md-grd {text-align:center;}
.read span {display:inline-flex;width:30px;height:17px;margin-right:5px;overflow:hidden;transition:transform .3s;transform-origin:center center;}
.read span:after,
.read span:before {background:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjEuMyAyOTYuOSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTIzMC43IDc0LjJjLTQxIDAtNzQuMiAzMy4zLTc0LjIgNzQuMnMzMy4zIDc0LjIgNzQuMiA3NC4yIDc0LjItMzMuMyA3NC4yLTc0LjJTMjcxLjYgNzQuMiAyMzAuNyA3NC4yek0yMjUgMTI2LjRjLTkuMiAwLTE2LjkgNy43LTE2LjkgMTYuOWgtMjQuNmMwLjUtMjMgMTguOS00MS41IDQxLjUtNDEuNVYxMjYuNHoiLz48cGF0aCBkPSJNNDU1LjkgMTMzLjFDNDMwLjggMTAxLjkgMzQxLjIgMCAyMzAuNiAwUzMwLjUgMTAxLjkgNS40IDEzMy4xYy03LjIgOC43LTcuMiAyMS41IDAgMzAuN0MzMC41IDE5NSAxMjAuMSAyOTYuOSAyMzAuNyAyOTYuOVM0MzAuOSAxOTUgNDU2IDE2My44QzQ2My4xIDE1NS4xIDQ2My4xIDE0Mi4zIDQ1NS45IDEzMy4xek0yMzAuNyAyNTZjLTU5LjQgMC0xMDcuNS00OC4xLTEwNy41LTEwNy41UzE3MS4zIDQxIDIzMC43IDQxczEwNy41IDQ4LjEgMTA3LjUgMTA3LjVTMjkwIDI1NiAyMzAuNyAyNTZ6Ii8+PC9zdmc+);content:"";display:inline-flex;width:26px;height:100%;top:0;background-position:center center;background-repeat:no-repeat;position:absolute;}



.read span:after {background:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDYxLjMgMjk2LjkiPjxwYXRoIGQ9Ik00NTUuOSAxMzMuMUM0MzAuOCAxMDEuOSAzNDEuMiAwIDIzMC42IDBTMzAuNSAxMDEuOSA1LjQgMTMzLjFjLTcuMiA4LjctNy4yIDIxLjUgMCAzMC43QzMwLjUgMTk1IDEyMC4xIDI5Ni45IDIzMC43IDI5Ni45UzQzMC45IDE5NSA0NTYgMTYzLjhDNDYzLjEgMTU1LjEgNDYzLjEgMTQyLjMgNDU1LjkgMTMzLjF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-position:center center;background-repeat:no-repeat;position:absolute;opacity:0;transform:scaleY(0);}

.read.delete span:after 

.read:hover {font-weight:500;letter-spacing:-.1px;opacity:1;background:rgba(255,255,255,.15);}
.read:hover span {transform:scale(1.16);}
.read:hover span:after {opacity:1;animation:flipper infinite 1s alternate;}

button.abo {overflow:hidden;transition:padding-right .5s;}
button.abo .settings {opacity:.65;color:#fff;font-size:14px;font-weight:500;width:40px;height:100%;display:flex;top:0;align-items:center;justify-content:center;right:0;position:absolute;right:-41px;letter-spacing:-1px;background-color:rgba(0,0,0,.22);}

button.abo .settings:after {height:100%;width:100%;position:absolute;content:"";z-index:-1;background: radial-gradient(circle, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 21%);}
button.abo.on {border:none!important;padding-right:40px;}
button.abo.on .settings {right:0px;transition:right .4s;}

button.abo.on .settings:empty:after {display:none;}
button.del.edit span:empty {background:none;}


button.abo.on .settings:before {content:"";position:absolute;filter:invert(1);margin:-1px 0 0 .5px;z-index:-1;opacity:1;}
button.abo .settings:hover {opacity:1;}

.read.delete span:before,
.read.delete span:after  {display:none!important;}
.read.delete span {width:26px;overflow:hidden;display:flex;align-items:center;max-height:18px;}
.read.delete span i {flex:0 0 38%;margin-right:18%;background:#fff;height:100%;border-radius:1px;}


.read.delete:hover i:nth-child(2) {animation:itsmagic 1s infinite;transform-origin:center center;}

@keyframes itsmagic
{
  from {}
  to {width:0;height:0;flex:0 0 0px;margin:0;transform:scale(0) rotate(-1360deg);opacity:0;}
}

@keyframes flipper
{
 15% {transform:scaleY(0);height:0;top:0;transform-origin:top left;}
 50% {transform:scaleY(1);height:100%;transform-origin:top left;}
95% {transform:scaleY(0);height:0;top:0;transform-origin:top left;}
}
.uotd.list i.cover img {
    height: 100%;
}

.selecto.off > * {
    display: none;
}
.selecto.off input:checked + label {
    display: flex!important;
}

.selecto input:checked + label {
    border-radius: 4px;
}
.selecto.on input:checked + label {
    border-radius: 4px 4px 0 0;    transition: border-radius 0s;
}
.selecto > .bubble {
    right: -3px;
    top: -5px;
    display: flex;
}
.selecto.off input:checked + label {
    display: flex!important;
}
.selecto input:checked + label .bubble {display:none}


#menu .settings span.bubble {height:auto;width:auto;font-size:11px;line-height:11px;border-radius:3px;text-transform:uppercase;padding:2px;letter-spacing:0;display:flex;align-items:center;justify-content:center;top:9px;left:7px;box-sizing:border-box;box-shadow:1px 1px 3px rgba(0,0,0,.3);font-weight:500;pointer-events:none;margin:0;}

#menu .settings span.bubble i {text-shadow:1px -1px rgba(0,0,0,.3);font-style:normal;animation:fadein .7s infinite alternate;transform:rotate(0)!important;transition:all 0s;}
#menu .settings span.bubble i:nth-child(2) {animation-delay:.2s;}
#menu .settings span.bubble i:nth-child(3) {animation-delay:.4s;}
@keyframes fadein{from{opacity:.4;}to{opacity:1}}
.season_mob > .selecto.off > select {
    display: block;
}
.row.soon {
    opacity: .5;
    pointer-events: none;
    padding-right: 5px;
}
.row.soon div:last-child {
    justify-content: center;
    height: 38px;
}

div.info.on {
    animation: backfadein .2s forwards;
    z-index: 13;
    max-height: calc(100% - 55px);
    padding-top: 0;
    height: 100%;
    box-sizing: border-box;
    top: 55px;
}
div#milk {
    position:relative;
    height: 100%;
    width: 100%;
}


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    .list.simple {animation:unset!important;overflow:auto;}
}}


.complete {display:inline;border:1px solid;border-radius:2px;}
.complete span {padding:0px 4px;}
.complete span:nth-child(2) {background:#fff;color:#000;}
span.morespec{margin-left:5px;}
span.grouptag{margin-left:5px;}


.mysignature {margin:40px auto 20px;}
.mysignature h4 {margin:10px auto;text-align:center;}
.mysig {border-radius:4px;box-shadow:2px 2px 7px rgba(0,0,0,.3);border:1px solid #000;margin-bottom:30px;}
.opn {
    font-size: 24px;
    background: rgba(255,255,255,.06);
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    top: 4px;
}
.list.blog i.cover {z-index:1;}
.list.blog > div > a {box-shadow:0 1px 6px 3px #000000;border-radius:inherit;position:absolute;left:0px;top:0;height:100%;width:100%;display:block;z-index:3;}
.list.blog .tags {z-index:3;}
.list.blog .selecto label{background:unset;}
.list.blog .selecto {background:rgba(255,255,255,.1);}
.list.blog .selecto label:hover {opacity:1;background:rgba(255,255,255,.1);}
.list.blog .soruce, .list.blog .soruce .selecto {flex:0 0 35px;width:auto;height:30px;order:2;}


.lgo {
    background: #111;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start!important;
    align-items: flex-start!important;
    max-height: 55px;
    overflow: hidden;
    align-self: baseline;
    transition: max-height .3s;
    margin: 0 2px;
}
#crema #menu .lgo a {flex:0 0 60px;width:100%;justify-content: center;
    align-items: center;
    display: flex;transition:flex .3s .2s;}
.mainpage .list.blog a:hover {animation:unset;}
@font-face {
  font-family: 'ffont';
  src: url('/font/ffont.eot?55197600');
  src: url('/font/ffont.eot?55197600#iefix') format('embedded-opentype'),
       url('/font/ffont.woff2?55197600') format('woff2'),
       url('/font/ffont.woff?55197600') format('woff'),
       url('/font/ffont.ttf?55197600') format('truetype'),
       url('/font/ffont.svg?55197600#ffont') format('svg');
  font-weight: normal;
  font-style: normal;
}
.lsf {
  font-family: 'ffont'!important;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'ffont'!important;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
}
.lsf-icon.retail:before {
  content: '\E800';
}
.lsf-icon.alphab:before {
  content: '\E802';
}
.lsf-icon.timed:before {
  content: '\E803';
}
.lsf