/* @ Название: AnimeBase; @ Автор: webkubikc; @ Связь с автором: (E-MAIL: webkubikc@gmail.com, Telegram: webkubikc, Skype: webkubikc); */ /* @ Название: ОБЩИЙ ФАЙЛ СТИЛЕЙ ПОДКЛЮЧЕННЫЙ В HEAD; */ /*! normalize */ *,::before,::after{background:transparent;margin:0;padding:0;outline:none;border:0;box-sizing:border-box} html{line-height:1.15;-webkit-text-size-adjust:100%} ::-moz-selection{background:#1a191f;color:#9b9dab;text-shadow:none} ::selection{background:#1a191f;color:#9b9dab;text-shadow:none} ::-webkit-input-placeholder{color:#9b9dab;opacity:1} ::-moz-placeholder{color:#9b9dab;opacity:1} :-moz-placeholder{color:#9b9dab;opacity:1} :-ms-input-placeholder{color:#9b9dab;opacity:1} body{margin:0;font-size:.875rem;font-family:'Arial',Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5;color:#393839;text-align:left;background-color:#f7fafa; -webkit-font-smoothing:antialiased} body,.ctitle-first,.ctitle-other,.box_in > .title,.page_form__inner > .title{background:url(/templates/torrento/images/bg.svg)} @font-face{font-display:swap;font-family:'Oswald';src:local('Oswald Light'),local(Oswald-Light),url(/templates/torrento/fonts/Oswaldlight.woff2) format("woff2"),url(/templates/torrento/fonts/Oswaldlight.woff) format("woff"), url(/templates/torrento/fonts/Oswaldlight.ttf) format("truetype");font-weight:300;font-style:normal;} @font-face{font-display:swap;font-family:'Oswald';src:local('Oswald Regular'),local(Oswald-Regular),url(/templates/torrento/fonts/Oswaldregular.woff2) format("woff2"),url(/templates/torrento/fonts/Oswaldregular.woff) format("woff"), url(/templates/torrento/fonts/Oswaldregular.ttf) format("truetype");font-weight:400;font-style:normal;} @font-face{font-display:swap;font-family:'Oswald';src:local('Oswald DemiBold'),local(Oswald-DemiBold),url(/templates/torrento/fonts/Oswalddemibold.woff2) format("woff2"), url(/templates/torrento/fonts/Oswalddemibold.woff) format("woff"),url(/templates/torrento/fonts/Oswalddemibold.ttf) format("truetype");font-weight:600;font-style:normal;} @font-face{font-display:swap;font-family:'Oswald';src:local('Oswald Heavy'),local(Oswald-Heavy),url(/templates/torrento/fonts/Oswaldheavy.woff2) format("woff2"),url(/templates/torrento/fonts/Oswaldheavy.woff) format("woff"), url(/templates/torrento/fonts/Oswaldheavy.ttf) format("truetype");font-weight:800;font-style:normal;} @font-face{font-display:swap;font-family:'Oswald';src:local('Oswald Medium'),local(Oswald-Medium),url(/templates/torrento/fonts/Oswaldmedium.woff2) format("woff2"),url(/templates/torrento/fonts/Oswaldmedium.woff) format("woff"), url(/templates/torrento/fonts/Oswaldmedium.ttf) format("truetype");font-weight:500;font-style:normal;} @font-face{font-display:swap;font-family:'Oswald';src:local('Oswald ExtraLight'),local(Oswald-ExtraLight),url(/templates/torrento/fonts/Oswaldextralight.woff2) format("woff2"), url(/templates/torrento/fonts/Oswaldextralight.woff) format("woff"),url(/templates/torrento/fonts/Oswaldextralight.ttf) format("truetype");font-weight:200;font-style:normal;} @font-face{font-display:swap;font-family:'Oswald';src:local('Oswald Bold'),local(Oswald-Bold),url(/templates/torrento/fonts/Oswaldbold.woff2) format("woff2"),url(/templates/torrento/fonts/Oswaldbold.woff) format("woff"), url(/templates/torrento/fonts/Oswaldbold.ttf) format("truetype");font-weight:700;font-style:normal;} body{margin:0} article,aside,figure,picture,picture img,figure img,hgroup,footer,header,nav,section,main{display:block} ol,ul{list-style:none} hr{height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} img{border-style:none} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner{border:none} button:focus,button:active{outline:none!important} fieldset{padding:.35em .75em .625em} legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{vertical-align:baseline} textarea{overflow:auto} label{position:relative;cursor:pointer} input[type="checkbox"]{position:relative;margin:0 1rem 0 0;cursor:pointer;top:.125rem} input[type="checkbox"]:checked:after{border:.25rem solid #7cae43;background-color:#fff} input[type="checkbox"]:after{content:"";position:absolute;top:-.125rem;left:-.125rem;width:1.0625rem;height:1.0625rem;background:#fff;cursor:pointer;border:none; background-color:#f8f8f8;border:.25rem solid #edeef0;border-radius:100%} .vote input,.pollanswer input{display:none} .vote input + label:before,.pollanswer input + label:before{display:inline-block;width:.5rem;height:.5rem;border:.25rem solid #3b3b3b;background-color:#fff; margin:-.1875rem .25rem 0 0;vertical-align:middle;cursor:pointer;content:"";border-radius:50%} .vote input[type="radio"] + label:before,.pollanswer input[type="radio"] + label:before{border-radius:50%} .vote input + label:hover:before,.pollanswer input + label:hover:before{border-color:#fe5959} .vote input:checked + label:before,.pollanswer input:checked + label:before{background-color:#fff;border-color:#fe5959} .vote input + label:before,.vote input:checked + label:before,.pollanswer input + label:before,.pollanswer input:checked + label:before{transition:border-color ease .2s} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{-webkit-appearance:textfield;outline-offset:-.125rem} [type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details{display:block} summary{display:list-item} template{display:none} [hidden]{display:none} button,textarea,select,input[type="text"],input[type="email"],input[type="password"],input[type="button"],input[type="submit"]{-webkit-appearance:none;font-size:1rem} .button,.btn,.pagi-load a,.up-second li a,.usp-edit a,.qq-upload-button,.ui-button,html input[type="button"],input[type="reset"],input[type="submit"]{display:inline-block; text-align:center;padding:0 1.25rem;height:2.2rem;line-height:2.2rem;border-radius:.125rem;cursor:pointer;color:#fff;background-color:#7cae43;border-radius:.1rem;font-size:.8rem} .button a{color:#fff} .button:hover,.btn:hover,.up-second li a:hover,.usp-edit a:hover,.qq-upload-button:hover,.pagi-load a:hover,.ui-button:hover,html input[type="button"]:hover, input[type="reset"]:hover,input[type="submit"]:hover{background:#7b6cb0;color:#fff} .ui-button:active,input[type="button"]:active,input[type="submit"]:active{color:#fff;box-shadow:inset 0 .0625rem .25rem 0 rgba(0,0,0,0.1)} .buttondark{background-color:#22222c} .buttonw{width:100%} select,input[type="text"],input[type="email"],input[type="password"]{height:2.5rem;text-transform:lowercase;line-height:2.5rem;color:#fff;border-radius:.25rem;border:0; padding:0 .9375rem} input[type="text"]{text-transform:unset} .buttonh{height:1.875rem;line-height:1.875rem} select{height:2.5rem;border:0;padding:0 .9375rem} textarea{padding:.9375rem;overflow:auto;vertical-align:top;resize:vertical} input[type="text"],input[type="email"],input[type="password"],select,textarea{background-color:#f8f8f8;font-size:.8125rem;width:100%;line-height:1.9;color:#8d909f; padding:.625rem .9375rem;border-radius:.125rem;box-shadow:none;display:block} select{width:auto} input::placeholder,textarea::placeholder{color:#9b9dab;font-size:.8125rem} input:focus::placeholder,textarea:focus::placeholder{color:transparent} h1,h2,h3,h4,h5,h6{font-weight:300;margin-bottom:2rem;margin-top:0} h1{font-size:4.6rem;line-height:1.2} h2{font-size:0.9rem;line-height:1.25} h3{font-size:2.8rem;line-height:1.3} h4{font-size:3.6rem;line-height:1.25} h5{font-size:3.6rem;line-height:1.25} h6{font-size:1.6rem;letter-spacing:0;line-height:1.4} /*! help style */ .poster-img{overflow:hidden;background-color:#f8f8f8;position:relative} .carousel-item .poster-img,.youwatched .poster-img{background-color:#1e2029} .poster-imgresp img{position:absolute;left:0;top:0} .img-fit{min-height:100%;width:100%;height:100%;object-fit:cover} .poster-imgresp.is-0{padding-top:50%} .poster-imgresp.is-1{padding-top:60%} .poster-imgresp.is-2{padding-top:80%} .poster-imgresp.is-3{padding-top:100%} .poster-imgresp.is-4{padding-top:120%} .poster-imgresp.is-5{padding-top:140%} .poster-imgresp.is-6{padding-top:160%} /*! FB style */ .clear{clear:both} .clearfix::after{content:"";display:table;clear:both;border-collapse:collapse} .d-none{display:none!important} .d-hidden{display:none} .d-block{display:block!important} .fx{display:flex!important} .fxnoimp{display:flex} .fx-fill{flex:1 1 auto} .fx-row{flex-direction:row} .fx-column{flex-direction:column} .fx-row-reverse{flex-direction:row-reverse} .fx-column-reverse{flex-direction:column-reverse} .fx-grow-0{flex-grow:0} .fx-grow-1{flex-grow:1} .fx-shrink-0{flex-shrink:0} .fx-shrink-1{flex-shrink:1} .fx-wrap{flex-wrap:wrap} .fx-nowrap{flex-wrap:nowrap} .fx-wrap-reverse{flex-wrap:wrap-reverse} .fx-fx{flex-basis:0;flex-grow:1;max-width:100%;min-width:3.125rem} .justify-content-start{justify-content:flex-start} .justify-content-end{justify-content:flex-end} .justify-content-center{justify-content:center} .justify-content-between{justify-content:space-between} .justify-content-around{justify-content:space-around} .align-items-start{align-items:flex-start} .align-items-end{align-items:flex-end} .align-items-center{align-items:center} .align-items-baseline{align-items:baseline} .align-items-stretch{align-items:stretch} .align-content-start{align-content:flex-start} .align-content-end{align-content:flex-end} .align-content-center{align-content:center} .align-content-between{align-content:space-between} .align-content-around{align-content:space-around} .align-content-stretch{align-content:stretch} .order-first{order:-1} .order-0{order:0} .order-1{order:1} .order-2{order:2} .order-3{order:3} .order-4{order:4} .order-5{order:5} .order-last{order:6} /*! typography */ .title{color:#393839;font-size:2rem;font-weight:500;line-height:1.125} .title.is-1{font-size:3rem} .title.is-2{font-size:2.5rem} .title.is-3{font-size:2rem} .title.is-5{font-size:1.25rem} .title.is-66{font-size:1rem} .title.is-6{font-size:.9rem} .title.is-7{font-size:.8rem} .title.is-8{font-size:.7rem} .txt-bold300{font-weight:300} .txt-bold400{font-weight:400} .txt-bold500{font-weight:500} .txt-bold600{font-weight:600} .txt-bold700{font-weight:700} .txt-bold800{font-weight:800} .txt-uppercase{text-transform:uppercase} .txt-lowercase{text-transform:lowercase} .txt-sm{font-size:.6rem} .txt-smalsm{font-size:.7rem} .txt-smaller{font-size:.75rem} .txt-small{font-size:.8rem} .txt-norm{font-size:1rem} .txt-big{font-size:1.2rem} .txt-bigger{font-size:1.5rem} .txt-biggest{font-size:2rem} .txt-center{text-align:center} .txt-wrap{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto} .txt-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .txt-light{color:#fff} .txt-dark{color:#393839} .txt-muted{color:#f8f8f8} .font-readtext{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji} /*! p-m style */ .p-1{padding:.25rem} .p-2{padding:.5rem} .p-3{padding:1rem} .p-4{padding:1.5rem} .p-5{padding:3rem} .pt-2{padding-top:.5rem} .pb-2{padding-bottom:.5rem} .mb-0{margin-bottom:0!important} .mb-1{margin-bottom:.25rem} .mb-2{margin-bottom:.5rem} .mb-3{margin-bottom:1rem} .mb-4{margin-bottom:1.5rem} .mb-5{margin-bottom:3rem} .mr-0{margin-right:0} .mr-1{margin-right:.25rem} .mr-2{margin-right:.5rem} .mr-3{margin-right:1rem} .mr-4{margin-right:1.5rem} .mr-5{margin-right:3rem} .ml-0{margin-left:0} .ml-1{margin-left:.25rem} .ml-2{margin-left:.5rem} .ml-3{margin-left:1rem} .ml-4{margin-left:1.5rem} .ml-5{margin-left:3rem} .mt-1{margin-top:.25rem} .mt-2{margin-top:.5rem} /*! common style */ /*! animation */ .anima{transition:all .3s} /*! icon style */ .icon{width:1rem;height:1rem;fill:#393839;display:inline-block;vertical-align:middle} .icon.is-5{width:1.1rem;height:1.1rem} .icon.is-55{width:.9rem;height:.9rem} .icon.is-6{width:.5rem;height:.5rem} .icon.is-muted{fill:#4a4747} .icon.is-gray{fill:#cecfce} .icon.is-yel,.icon.is-orange{fill:#ff8e07} .icon.is-purp{fill:#7cae43} .icon.is-red{fill:#FF5A5A} .icon.is-white{fill:#fff} .icon.is-green{fill:#57b515} /*! color style */ .carousel-list > div.is-active,.carousel-list > div:hover{background-color:#7cae43} .hnavi-list > li > a,.carousel-item.animebox h2,.custom-updateitem.animebox h2,.widget-title.wtitle-white,.whead-dark .wtitle-orange,.placehold-inner span, .hnavi-list > li > a,.carousel-item.animebox h4,.custom-updateitem.animebox h4,.widget-title.wtitle-white,.whead-dark .wtitle-orange,.placehold-inner span, .widget-head.whead-green .title,.widget-head.whead-green span{color:#fff} .hnavi-list > li > a:hover,.footer a:hover{color:#ff8e07} .widget-title span,.content-title span{color:#8bc34a} a,.sidebar-nav .metismenu a,.js-init_sortby{color:#9b9dab;text-decoration:none} a:hover,a:active,a:focus{outline:none;text-decoration:none} @media screen and (min-width: 70rem) { .custom-update::-webkit-scrollbar{width:.3125rem} .custom-update::-webkit-scrollbar-button{background:#222} .custom-update::-webkit-scrollbar-thumb{background:#535196} .custom-update::-webkit-scrollbar-thumb:hover{background:#9e89cf} .custom-update::-webkit-scrollbar-track{background:#181821} .custom-update::-webkit-scrollbar-corner{background:#999} .custom-update::-webkit-resizer{background:#111} } .content,.widget-head.whead-white{background-color:#fff} .content-wrp{flex:0 0 80%;max-width:80%} .cgroup-meta{box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea;height:3.75rem;position:relative;z-index:14} .cgroup-btn{position:relative;cursor:pointer;padding:0 1.625rem} .cgroup-left .cgroup-btn{border-right:.0625rem solid #efefef} .cgroup-left .cgroup-btn:first-child{padding:0 1.625rem 0 0} .cgroup-right .cgroup-btn{border-left:.0625rem solid #efefef} .cgroup-right .cgroup-btn:last-child{padding:0 0 0 1.625rem} .cgroup-btn svg{width:.6rem;height:.6rem} .cgroup-right .cgroup-btn.current,.cgroup-right .cgroup-btn:hover{color:#ff8e06} .cgroup-right .cgroup-btn::after{content:"";background:url(/templates/torrento/svg-icon/grid.svg);width:.625rem;height:.625rem;background-size:.625rem;margin-left:.5rem} .cgroup-right .cgroup-btn:nth-child(2)::after{background:url(/templates/torrento/svg-icon/list.svg)} .main-carousel{background-color:#1c1c27} .animebox-tipcategory,.animebox .subtitle,.animebox a,.custom-fdate,.seo-wrap p,.footer-col p,.footer-stats,.trailers-list_item .hint,.regtext,.fullstory-header .subtitle, .fullstory-header_meta .date,.text-span,.meta-list .meta-list_item span:first-child,.ratings-block .count,.animebox-tipmeta span,.all-rate,.comm-item .comm-date, .comm-item .signature,.filter-subtext,.letter_home ul.alphabet li .lalphabet{color:#8d909f} .header,.widget-head.whead-dark{background-color:#23242f} .is-redbg{background-color:#FF5A5A;color:#fff} .is-darkbg{background-color:#262632;color:#fff} .is-orangebg{background-color:#f6c323;color:#393839} .is-greenbg{background-color:#b1e383;color:#316304} .is-purplebg,.custom-update .seasep{background-color:#7cae43;color:#fff} .is-darkbgop{background-color:#262632d4} .is-purplebgop{background-color:#8bc34a} .badge-bleft .is-darkbg,.hnavi-bull,.speedbar-inner > span{color:#ff8e07} .wtitle-red span,.ctitle-red span{color:#FF5A5A} .wtitle-orange span,.ctitle-orange span,.last-comm-item .comm-author,.logo > span > span,.footer-stats span span{color:#ff8e07} .wtitle-green span,.ctitle-green span,.sidebar-nav .metismenu a:hover,.sidebar-nav .metismenu a:focus,.sidebar-nav .metismenu a:active, .sidebar-nav .metismenu .mm-active > a{color:#57b515} /*! all other style */ .lazyload,.lazyloading{opacity:0;transition:opacity 400ms} img.lazyloaded{opacity:1} .header.sticky,.header-second{position:fixed} .hnavi-list > li:not(.hnavi-submenu),.animebox-poster,.rate-procent,.topuser-avatar,.ctitle-first,.ctitle-other,.widget-head{position:relative} .hnavi-sublist,.badge,.animebox-hover{position:absolute} .content-title{padding-top:1rem;padding-bottom:1rem} .ctitle-first,.ctitle-other{box-shadow:inset 0 -.6875rem 1.1875rem -.625rem #eaeaea7d;background-size:13.75rem;background-position:top} .ctitle-other{box-shadow:inset 0 1.25rem 1.125rem -1.0625rem #f1ebf0bf,inset 0 -1.25rem 1.125rem -1.0625rem #efefef} .ctitle-other::after{content:"";position:absolute;right:0;top:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 100%);width:13rem;height:100%} .ctitle-other > a{position:relative;z-index:1;background-color:#fff;padding:.4rem 1.2rem;border-radius:.2rem;box-shadow:0 .5rem 1.125rem -1rem #121212} .ctitle-other > a:hover{box-shadow:0 .5rem 1.125rem -.9rem #3b3939} .box_in > .title,.page_form__inner > .title{box-shadow:inset 0 -.6875rem 1.1875rem -.625rem #eaeaea7d;background-size:13.75rem;background-position:top;padding:1rem; margin:-1rem -1rem .6875rem} /*! preloader style */ .placehold{height:2rem;width:2rem;border-width:.3125rem;border-style:solid;border-color:hsl(259,41%,63%) hsl(259,41%,63%) hsl(249,17%,16%) hsl(249,17%,16%);border-radius:100%; animation:clockwise .5s linear infinite} @keyframes clockwise { to{transform:rotate(360deg) translatez(0)} } .load-placehold,.placehold-inner{max-height:17.6rem;height:100%} /*! basic style */ .site-wrap{min-width:20rem;min-height:100vh;position:relative} .wrapcenter{max-width:80rem;width:100%;margin:0 auto} .container{position:relative;max-width:80rem;margin:0 auto} #dle-content{display:flex;flex-wrap:wrap;justify-content:flex-start} #dle-content > :not(.animebox){width:100%} /*! header style */ .header{position:relative;left:0;top:0;z-index:1000;width:100%;height:5rem;line-height:5rem} .header.sticky-hide{top:-10rem} .header.sticky-vis,.header-second.sticky-vis{top:0} .opened-search .header{z-index:1001} .header_btn{height:3rem;width:2.8rem;display:block;line-height:3rem;text-align:center} .logo{padding:0 .9375rem;background-color:#22222c;height:4.9rem} .logo img{height:5.rem} .hnavi-sublist{top:99%;background-color:#fff;box-shadow:0 0 3.125rem rgba(0,0,0,.15);z-index:100;width:37.5rem;padding:.625rem;pointer-events:none;opacity:0; transform:translateY(1.875rem)} .hnavi-list > li:hover .hnavi-sublist{pointer-events:auto;opacity:1;transform:translateY(0rem)} .hnavi-list > li > a,.hnavi-submenu > li a{display:block} .hnavi-sublist li{height:1.625rem;line-height:1.625rem;padding:0 .625rem} .hnavi-sublist li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 -.625rem;padding:0 .625rem;font-size:.8125rem;font-weight:300;display:block} .hnavi-sublist li a:hover{color:#fff;background-color:#7cae43} .hnavi-list > li > a{padding:0 .625rem} .hnavi-sublistone{width:10rem} .sublist-col{flex:0 0 30.33%;max-width:30.33%} .hnavi-bull{font-size:1.875rem;line-height:5rem;margin:0 .625rem;cursor:default} /*! header search style */ .js-search_init.is-active svg{fill:#ff8e07} .header-search{background-color:#22222c;position:absolute;width:100%;overflow:hidden;opacity:0;height:0;z-index:999} .header-search.is-active{overflow:visible;opacity:1;height:auto} .header-search input{background-color:#f8f8f8;padding:.7rem;color:#000} .search-adv{margin-right:2.7rem} #quicksearch{height:3rem;line-height:3rem} /*! go top button style */ #gotop{position:fixed;width:2.5rem;height:2.5rem;line-height:2.5rem;right:.625rem;bottom:.625rem;z-index:990;display:none;color:#ccc;cursor:pointer;font-size:1.125rem; border-radius:.125rem;text-align:center;background:#fff;box-shadow:0 .625rem 1.875rem rgba(0,0,0,.1)} #gotop svg{transform:rotate(-90deg)} /*! carousel style */ .main-carousel .sidecarou-menu{flex:0 0 20%;max-width:20%} .custom-update{background-color:#1b1c23;overflow:hidden;max-height:17.6rem;overflow-y:scroll} .custom-update .animebox-meta .title{font-weight:400} .custom-updateitem{padding:.7rem 1rem;border-bottom:.0625rem dashed #23242ee8} .custom-updateitem:hover{background-color:#262632} .custom-update .seasep{padding:.1rem .3rem;font-size:.65rem} .carousel-list > div{background-color:#262632;padding:.625rem;cursor:pointer;margin-right:.125rem;font-size:.8rem;color:#fff;border:.0625rem solid #2b2b39} .carousel-list > div:first-child{border-radius:.26rem 0 0 .26rem} .carousel-list > div:last-child{border-radius:0 .26rem .26rem 0} /*! animebox style */ .animebox h2{font-size:.84rem;font-weight:500} .animebox h4{font-size:.84rem;font-weight:500} .animebox .subtitle{font-weight:400;line-height:1.125rem} .badge{top:.625rem;left:.625rem} .badge .is-first,.badge .is-second{padding:0 .3125rem;font-size:.625rem;height:1.25rem;line-height:1.3125rem;text-transform:uppercase;margin-bottom:.1875rem; border-radius:.125rem;text-align:center} .badge.badge-bleft{top:auto;bottom:.625rem} .badge.badge-bleft .is-first{padding:.1875rem .75rem} .badge.badge-tright{left:auto;right:.625rem} .badge.badge-bright .is-brate{padding:0 .5rem;height:1rem;line-height:1rem;display:block;font-weight:700;font-size:.55rem} .badge.badge-bright{left:auto;right:.625rem;top:auto;bottom:.625rem} .favm{opacity:0} .fullstory-dzen .favm,.fullstory-video .favm,.fullstory-news .favm{opacity:1} .animebox:hover .favm{opacity:1!important;z-index:11} .like-add,.favmod-add,.favmod-unset{padding:0;width:1.8rem;height:1.8rem;line-height:1.8rem;border-radius:50%;border:.125rem solid #fff; background:linear-gradient(to right,#96c93d,#b1e383);color:#000;display:flex} .favmod .favmod-unset,.favmod.active .favmod-add{display:none} .favmod.active .favmod-unset{display:flex;border:.125rem solid #fe5959;background:#ffe6e6} .like-add svg,.favmod svg{width:.7rem;height:.7rem;fill:#fff;opacity:.7} .favmod.active svg{fill:#FF5A5A} .animebox-hover{z-index:10;left:0;top:0;width:100%;height:100%;opacity:0;background-color:#30303038} .animebox:hover .badge,.animebox:hover .animebox-translate{opacity:0} .animebox:hover .animebox-hover{opacity:1} .animebox .poster-img{position:relative;overflow:hidden;border-radius:.3rem} .animebox-hover span{background-color:#10b5e8;padding:.625rem 1.25rem;border-radius:.2rem;color:#fff;text-transform:uppercase;font-size:.6875rem} .animebox:hover img{transform:scale(1.1) rotate(2deg);filter: grayscale(.5)} .animebox:hover .animebox-hover span{background-color:#10b5e8} .animebox-translate{position:absolute;bottom:0;display:block;padding:.1875rem .375rem;width:100%;border-radius:0 0 .26rem .26rem;background:#262632de;color:#fff; font-weight:500;font-size:.8125rem;text-transform:uppercase;text-align:center} .ui-tooltip{position:absolute;z-index:97} .tooltip-text{color:#fff;padding:.3125rem .625rem;background:rgba(35,25,15,0.8);border-radius:.125rem} .ui-tooltip .animebox-tip{display:block} .animebox-tip{background-color:#fff;box-shadow:0 0 3.125rem rgba(0,0,0,.15);padding:0 .9375rem;border-radius:.1875rem} .animebox-tipheader{background-color:#f8f8f8;margin:0 -.9375rem .9375rem;padding:.9375rem;border-radius:.1875rem .1875rem 0 0} .animebox-tipheader div{font-size:.875rem;text-transform:uppercase} .animebox-tipheader .subtitle{font-size:.75rem;font-weight:300;color:rgba(0,0,0,0.5)} .animebox-tipheader span{color:#888;margin-left:.9375rem} .animebox-tiptext{line-height:1.6;margin-bottom:.9375rem;font-size:.8125rem} .animebox-tipmeta span{margin-right:.9375rem;display:inline-block;border-radius:.1875rem} .animebox-tipmeta_colfirst span:first-child,.animebox-tipmeta_colfirst span:nth-child(2){padding:0 .3125rem;font-size:.625rem;height:1.25rem;line-height:1.3125rem; text-transform:uppercase;margin-bottom:.1875rem;border-radius:.125rem;text-align:center;color:#fff} .animebox-tipmeta_colfirst span:first-child{color:#316304} .animebox-tipbtm{border-top:.0625rem solid #eee;margin:0 -.9375rem;padding:.9375rem} .animebox-tipcategory{border-radius:.1875rem;background-color:#f8f8f8;padding:.3125rem .9375rem} .animebox-tiprating .fa-thumbs-up{color:#83bf45;margin-right:.625rem} .animebox-tiprating .fa-thumbs-down{color:#ee3442;margin:0 .625rem} .ui-tooltip .arrow:after{background-color:#fff} .ui-tooltip .arrow{width:2.1875rem;height:2.375rem;overflow:hidden;position:absolute;left:50%;margin-left:-2.1875rem;top:6.25rem} .ui-tooltip .arrow.top{top:-1rem;bottom:auto} .ui-tooltip .arrow.left{left:0} .ui-tooltip .arrow.right{left:auto;right:-2.1875rem} .ui-tooltip .arrow:after{content:"";position:absolute;left:1.625rem;top:.25rem;width:1.0625rem;height:1.0625rem;transform:rotate(226deg)} .ui-tooltip .arrow.right:after{left:-.5625rem} .rate-bar{position:relative;background-color:#edeef0;width:100%;height:.3125rem;border-radius:.3125rem} .rate-fill{position:absolute;left:0;top:0;height:100%;width:0;background-color:#b1e382;border-radius:.3125rem} .rate-textnum{position:absolute;right:0;top:0} .all-rate .pfrate-count{color:#64c80a} .all-rate .pfrate.middle .pfrate-count{color:#fd9b27} .all-rate .pfrate.low .pfrate-count{color:#FF5A5A} /*! sidebar style */ .sidebar{flex:0 0 20%;max-width:20%} /*! widget style */ .widget-head.whead-white{box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea} .widget-head.whead-green{background-color:#5aba16;border-radius:.3rem;height:2.4375rem;margin-top: 5px;opacity:1} .widget-head.whead-green:hover{opacity:.85} .widget-title{font-size:.8rem} .widget-head .iconfix_menu{width:1rem;height:.8rem} /*! widget random style */ .random-item .poster-img{border-radius:0 0 .3rem .3rem} /*! widget side menu style */ .metismenu .arrow{float:right;line-height:1.42857} .metismenu .mm-collapse:not(.mm-show){display:none} .metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility} .metismenu .has-arrow{position:relative} .metismenu .has-arrow::after{position:absolute;content:'';width:.5em;height:.5em;border-width:.0625rem 0 0 .0625rem;border-style:solid;border-color:currentColor; border-color:initial;right:1em;transform:rotate(-45deg) translate(0,-50%);transform-origin:top;top:50%;transition:all .3s ease-out;color:#ccc} .metismenu .mm-active > .has-arrow::after,.metismenu .has-arrow[aria-expanded="true"]::after{transform:rotate(-135deg) translate(0,-50%)} .sidebar-nav ul{padding:0;margin:0;list-style:none} .sidebar-nav .metismenu{display:flex;flex-direction:column} .sidebar-nav .metismenu li:first-child{margin-top:.3125rem} .sidebar-nav .metismenu li:last-child{margin-bottom:.3125rem} .sidebar-nav .metismenu > li{display:flex;flex-direction:column;position:relative} .sidebar-nav .metismenu a{position:relative;display:block;padding:.5rem .9375rem .5rem 2.9375rem;font-size:.8rem;outline-width:0;border-bottom:.0625rem dashed #faf9f7; transition:all .3s ease-out} .sidebar-nav .metismenu a::before{content:"";position:absolute;top:.875rem;left:1.25rem;width:.5rem;height:.5rem;border:.09375rem solid #ccc;border-radius:50%} .sidebar-nav .mm-mega_one a::before{left:2.25rem} .sidebar-nav .mm-mega_two a::before{left:3.5rem} .sidebar-nav .metismenu ul a{padding:.5rem .9375rem .5rem 3.75rem} .sidebar-nav .metismenu ul ul a{padding:.5rem .9375rem .5rem 5rem} .sidebar-nav .metismenu a:hover::before,.sidebar-nav .metismenu a:focus::before,.sidebar-nav .metismenu a:active::before{border-color:#57b515} /*! widget side top style */ .side-custom_tabs{padding:0 .5rem} .side-custom_tabs > div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.1875rem .8rem;font-weight:300;display:block;text-transform:capitalize; background-color:#f7f7f7;border-radius:.2rem;cursor:pointer;border:.0625rem solid #fff} .side-custom_tabs > div:hover,.side-custom_tabs > div.is-active{background-color:#7cae43;color:#fff} .sidetop-item.sidetop-item_first .animebox-meta{padding:.5rem;box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .sidetop-item.sidetop-item_other .animebox-poster{flex:0 0 25%;max-width:25%} .sidetop-item_other{box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea61} /*! widget shedule style */ .accordion-title,.wc-stroke,.side-top .custom-noresult{padding:0;color:#8d909f;display:block;font-size:.8125rem;line-height:1.5;position:relative; padding:.9375rem 2.5rem .9375rem .9375rem;border-bottom:.0625rem dashed #faf9f7;cursor:pointer} .accordion-title span:last-child{position:absolute;right:0;padding-left:1.25rem;border-left:.0625rem dashed #faf9f7} .accordion-title.is-active{background-color:#fe5959;color:#fff} .accordion-title.is-active .icon.is-red{fill:#fff} .shed-item{padding:.625rem .9375rem;box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea61;border-bottom:.0625rem dashed #faf9f7} .shed-item:hover{box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea} .accordion-tooltip::after{min-width:11rem!important;background-color:#fff!important} /*! widget top user and vote style */ .widget-user{background-color:#1e1f29} .widget-user,.widget-user .widget-head{border-radius:.2rem} .widget-top_user{padding-top:0} .topuser-li{flex:0 0 33%;max-width:33%} .topuser-item:hover > a{color:#ff8e07} .topuser-item{position:relative} .topuser-item .avatar-letter{width:3.5rem!important;height:3.5rem!important} .topuser-item .topuser-commnum{position:absolute;font-size:.625rem;text-transform:uppercase;margin-bottom:.1875rem;border-radius:.125rem;text-align:center; background-color:#2b2f3d;color:#fff;left:2rem;bottom:-.3125rem;height:1rem;line-height:1rem;font-weight:600;padding:0 .8125rem} .topuser-item .topuser-number{text-align:center;position:absolute;left:.4375rem;top:0;font-size:.6rem;font-weight:600;border-radius:.1rem;color:#fff;width:1.2rem; height:1.2rem;line-height:1.2rem;background-color:#2b2f3d} .topuser-li:nth-child(1) .topuser-number{background-color:#b1e383;color:#316304} .topuser-li:nth-child(2) .topuser-number{background-color:#ff8e07} .topuser-li:nth-child(3) .topuser-number{background-color:#FF5A5A} .topuser-item .avatar{box-shadow:0 0 0 .125rem #2b2f3d} .vote,.pollanswer{margin-bottom:.625rem;font-size:.75rem;padding:.4375rem 0;border-bottom:.0625rem dashed #f8f8f8} .vote:after,.pollanswer:after{content:"";display:table;clear:both} .vcount{margin-top:.625rem} .vote-buts{padding:.625rem 0 0} .vvote{width:50%;padding:0!important;font-size:.875rem!important} .vote label,.pollanswer label{font-size:.75rem} .vote input + label:before,.pollanswer input + label:before{width:.75rem;height:.75rem} .vote input + label:hover:before,.pollanswer input + label:hover:before{border-color:#fe5959} #votes .title{color:#fe5959} .vote input + label:before,.pollanswer input + label:before{border:.1875rem solid #edeef0} button.vres,button.vall{width:2.5rem;text-align:center;padding:0!important} .ui-dialog .vote{color:#000} .ui-dialog .voteprogress,.ui-dialog .pollprogress{background-color:#f8f8f8} #votes .btn{background-color:#fe5959} .vote input:checked + label:before{background-color:#fff;border-color:#fe5858} /*! widget last comm */ .last-comm-item{width:100%;padding:0 .9375rem;border-bottom:.0625rem dashed #faf9f7} .last-comm-item:hover,.sidetop-item_other:hover,.comm-item:hover{box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea} .last-comm-item .comm-date{font-size:.65rem} .comm-avatar{position:relative} /*! widget news and news style */ .sidenews-item{flex:0 0 100%;max-width:100%} .sidenews-item .animebox-meta{padding:.5rem;box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .sidenews-item .animebox-poster,.anime-news_item .animebox-poster{overflow:hidden} .anime-news_item .animebox-poster:before{content:"";position:absolute;top:-1rem;right:-2.25rem;width:5.5rem;height:2.5rem;background-color:#fff;z-index:11;transform:rotate(226deg)} .anime-news_item .favm{z-index:11} .anime-news_item .favm,.sidenews-item .animebox-hover{opacity:1} .sidenews-item .badge,.sidenews-item .favm{opacity:1!important;z-index:11} .anime-news_item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 .4375rem .9375rem} .anime-news_first,.anime-news_other{flex:0 0 49.5%;max-width:49.5%;box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .anime-news_first .animebox-poster{flex:0 0 40%;max-width:40%} .anime-news_other .poster-imgresp.is-0{padding-top:30%} /*! widget dzen style */ .sidedzen-item{box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .sidedzen-item > a{position:relative} .sidedzen-item .animebox-meta{position:absolute;width:70%;background-color:#fffffff5;padding:.5rem;height:100%;overflow:hidden} .sidedzen-item .poster-imgresp.is-0{padding-top:40%} .sidedzen-item:hover .animebox-meta{width:100%} /*! widget new trailers style */ #new-trailers,#new-trailers .trailers-poster{position:relative;overflow:hidden} #new-trailers{box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .trailers-meta{position:absolute;bottom:0;width:100%;height:4rem;padding:.5rem;background:linear-gradient(#fffffff7,#fff)} .trailers-play{z-index:1;position:absolute;top:50%;left:50%;width:4.25rem;height:3rem;border:none;background-color:transparent;cursor:pointer;transform:translate(-50%,-50%)} .trailers-play .trailers-shape{fill:#fe5959;fill-opacity:.8} .trailers-play .trailers-icon{fill:#fff} #new-trailers:hover .trailers-shape{fill-opacity:1} .trailers-list_item{cursor:pointer;padding:.5rem;box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea61} .trailers-list_item:hover{box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .trailers-list_item.is-active{background-color:#f8f8f8;box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} #new-trailers .trailers-poster{height:11.5rem;border-radius:.3rem} .trailers-meta .title a:hover{color:#fe5959} /*! speedbar style */ .speedbar{background-color:#1e1f29} .speedbar svg{transform:rotate(-90deg)} /*! sort style */ .sortby-list{position:absolute;top:2.5rem;left:0;width:100%;z-index:11;padding:.625rem;background-color:#fff;box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .sortby-list .sort li{height:1.625rem;line-height:1.625rem;padding:0 .625rem} .sortby-list .sort li a{border-bottom:.0625rem dashed #efefef7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 -.625rem;padding:0 .625rem; font-size:.8125rem;font-weight:300;display:block;text-transform:capitalize} .sortby-list .sort li a:hover,.sortby-list .sort li.asc,.sortby-list .sort li.desc{color:#fff;background-color:#7cae43} .sortby-list .sort li.asc a,.sortby-list .sort li.desc a{color:#fff} .js-init_sortby .icon.is-rote,.accordion-title .icon.is-rote{transform:rotate(-180deg)} /*! comments style */ .avatar{border-radius:50%;box-shadow:0 0 0 .125rem #f5f5f5;padding:.15rem} .avatar.size-0{width:2rem;height:2rem} .avatar.size-1{width:2.5rem;height:2.5rem} .avatar.size-11{width:3rem;height:3rem} .avatar.size-2{width:3.5rem;height:3.5rem} .avatar.size-3{width:5.75rem;height:5.75rem} /*! shortstory style */ .shortstory-item{flex:0 0 20%;max-width:20%;padding:0 .4375rem .9375rem} .shortstory-list_item{flex:0 0 50%;max-width:50%;box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .shortstory-list_item .animebox-poster{flex:0 0 30%;max-width:30%} .shortstory-list_item .meta{border-radius:.1875rem;background-color:#f8f8f8;padding:.3125rem .9375rem} /*! collection style */ .collection-item{flex:0 0 25%;max-width:25%;padding:0 .4375rem .9375rem} .collection-item:hover{opacity:.7} .collection-item > a{position:relative} .collection-item .animebox-meta{position:absolute;bottom:.5rem;padding:.5rem;z-index:12;width:100%} .collection-item:hover img{transform:unset} .collection-item .animebox-poster{position:relative;overflow:hidden;box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .collection-item .animebox-poster:before{content:"";position:absolute;bottom:-1.125rem;left:-.4375rem;width:22rem;height:4.8125rem;background-color:#ffffffed; z-index:11;transform:rotate(186deg)} .collection-box{box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaeaab} .collection-box .poster-imgresp.is-0{padding-top:20%} .collection-box_meta{position:absolute;bottom:0;width:100%;height:4rem;padding:.5rem;background:linear-gradient(#ffffffe3,#fff)} .collection-box_meta h1 span sup{color:#ff6821} /*! main block you watched style */ .youwatched{flex:0 0 100%;max-width:100%;background-color:#1c1a24} .youwatched .title,.youwatched .content-title p{color:#fff} .short-item_watched{flex:0 0 9.111%;max-width:9.111%} .short-item_watched:hover{opacity:.7;box-shadow:#0b0a0a 0 1.1875rem 2.125rem -.9375rem} .short-item_watched:hover img{transform:unset} /*! tooltip style */ [tooltip]{position:relative} [tooltip]::before,[tooltip]::after{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0} [tooltip]::before{content:'';border:.3125rem solid transparent;z-index:1001} [tooltip]::after{content:attr(tooltip);min-width:3em;width:100%;max-width:64em;overflow:hidden;padding:.625rem;border-radius:.1875rem;box-shadow:0 1em 2em -.5em rgba(0,0,0,0.35); box-shadow:0 .625rem 1.25rem #2423230a,0 .375rem .375rem #2423230d;background:#fff;color:#000;z-index:20} [tooltip]:hover::before,[tooltip]:hover::after{display:block} [tooltip='']::before,[tooltip='']::after{display:none!important} [tooltip][flow^="left"]::before{top:50%;border-right-width:0;border-left-color:#fff;left:calc(0em - 0.3125rem);transform:translate(-.5em,-50%)} [tooltip][flow^="left"]::after{top:50%;right:calc(100% + 0.3125rem);transform:translate(-.5em,-50%)} @keyframes tooltips-vert { to{opacity:.9;transform:translate(-50%,0)} } @keyframes tooltips-horz { to{opacity:.9;transform:translate(0,-50%)} } [tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after{animation:tooltips-vert 300ms ease-out forwards} [tooltip][flow^="left"]:hover::before,[tooltip][flow^="left"]:hover::after{animation:tooltips-horz 300ms ease-out forwards} /*! navigation style */ .bottom-nav{margin-bottom:-.625rem;text-align:center} .navigation a,.navigation span,.pnext a,.pprev a,.pprev > span,.pnext > span{display:inline-block;padding:0 .625rem;margin:0 .4rem .625rem 0;line-height:2.4rem; min-width:2.6rem;background-color:#fff;border-radius:.125rem;font-weight:500;font-size:.8rem;box-shadow:0 .625rem 1.25rem #eaeaea6e,0 .375rem .375rem #eaeaea73} .navigation a:hover,.pnext a:hover,.pprev a:hover{box-shadow:0 .625rem 1.25rem #eaeaea,0 .375rem .375rem #eaeaea} .navigation span:not(.nav_ext),.pagi-nav a:hover{color:#9989cd;font-weight:700;background-color:#f8f8f8;box-shadow:none} .nav-load a,.nav-load span{display:flex;align-items:center} .nav-load span{opacity:.5;cursor:default} .nav-load svg{width:1.3rem;height:1.3rem;fill:#fff} /*! seo style */ .seo-wrap_list li{list-style-type:disc;color:rgba(0,0,0,0.5)} /*! footer style */ .footer-inner{background-color:#fff} /*! login panel style */ .login-top_panel .avatar{box-shadow:0 0 0 .125rem #7cae43} .login-top_panel .avatar-letter,.avatar-letter{color:#fff;font-weight:600;box-shadow:none} .login-icon{position:relative} .login-icon span{font-size:.65rem} .login-form label::before{display:none} .login-panel_list li{flex:0 0 49%;max-width:49%} .login-panel_list li a,.login-panel_listfirst,.login-panel_listlast{display:inline-block;text-align:center;padding:0 1.25rem;height:2.2rem;line-height:2.2rem; border-radius:.1rem;cursor:pointer;color:#fff;background-color:#22222c;width:100%} .login-panel_list li:hover a,.login-panel_listfirst:hover,.login-panel_listlast:hover{background-color:#947bc8} #js-login_upanelopen{cursor:pointer} .dropdown-content{position:absolute;width:13.125rem;background-color:#262632;box-shadow:0 .625rem 1.875rem rgba(0,0,0,.1);min-width:10rem;overflow:auto;right:0; top:5rem;border-top:.125rem solid #7cae43;z-index:1} .dropdown-content li{height:1.625rem;line-height:1.625rem;padding:0 .625rem} .dropdown-content li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 -.625rem;padding:0 .625rem;font-size:.8125rem;font-weight:300;display:block;color:#fff} .dropdown-content li a:hover{color:#fff;background-color:#7cae43} /*! fullstory style */ .fullstory .fullstory-col_left{flex:0 0 25%;max-width:25%} .fullstory .fullstory-col_right .text,.fullstory .fullstory-col_right .meta-list,.countdown-wrp,.imagegallery{border-radius:.1875rem;background-color:#f8f8f8; padding:.3125rem .9375rem} .fbadge{padding:0 .3125rem;height:1.3rem;line-height:1.3rem;text-transform:uppercase;margin-bottom:.1875rem;border-radius:.125rem;text-align:center;background-color:#f8f8f8; font-size:.625rem;text-transform:uppercase;display:inline-block;color:rgba(0,0,0,.5)} .fbadge.is-green{background-color:#b1e383;color:#316304} .fbadge.is-purp{background-color:#7cae43;color:#fff} .fbadge.is-dark{background-color:#232a43;color:#fff} .fbadge.is-red,.countdown-wrp{background-color:#FF5A5A;color:#fff} .meta-list .meta-list_item span a{color:#000;border-bottom:.0625rem dashed #000} .meta-list .meta-list_item span a:hover{color:#ff8e07;border-bottom:.0625rem dashed #ff8e07} .add-block .add-button{position:relative;width:100%;height:2.8125rem;line-height:2.8125rem;background:#f8f8f8;color:rgba(0,0,0,.5);outline:none;cursor:pointer; padding-left:1.25rem} .add-block .add-icon{cursor:pointer;background:#f8f8f8;line-height:2.8125rem;color:rgba(0,0,0,.5);font-size:.9375rem;padding:0 1.375rem;border-left:.0625rem solid #fff} .add-block .add-button svg{width:1.2rem;height:1.2rem;fill:#8d909f} .add-block .favmod-add,.add-block .favmod-unset{padding:0;width:auto;height:auto;line-height:unset;border-radius:0;border:0;background:transparent} .add-block .favmod svg{opacity:1;width:1rem;height:1rem} .add-block .favmod-add svg{fill:#8d909f} .add-block .favmod.active .favmod-unset{display:flex;border:0;background:transparent} .mylists-switch{position:absolute;top:100%;left:0;right:0;width:calc(100% + 3.6875rem);padding:.625rem 1.25rem;background:#fff;box-shadow:0 .625rem 1.875rem rgba(0,0,0,.1); list-style:none;z-index:4} .mylists-switch li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 -.625rem;padding:0 .625rem;font-size:.8125rem;display:block;height:1.75rem; line-height:1.75rem;border-bottom:.0625rem dashed #faf9f7} .mylists-switch li.active,.mylists-switch li:hover{color:#fff;background-color:#7cae43} .fav-user_list a{position:relative;margin-right:-.625rem} .fav-user_list a:last-child{margin-right:0} .fav-user_list a:first-child{z-index:3} .fav-user_list a:nth-child(2){z-index:2} .fav-user_list a:nth-child(3){z-index:1} .rate-ld .hlike,.rate-ld .hdis{display:inline-block;padding:.125rem .3125rem;border-radius:.125rem;margin:0 0 0 .3125rem;position:relative} .rate-ld .hlike svg,.rate-ld .hdis svg{width:.7rem;height:.7rem;fill:#fff} .rate-ld .hlike{background-color:#b1e383;color:#316304} .rate-ld .hlike svg{transform:rotate(-180deg)} .rate-ld .hdis{background-color:#FF5A5A;color:#fff} .rate{width:100%;height:2.8125rem;line-height:2.8125rem;background-color:#f8f8f8;border-top:.0625rem solid #fff} .rate a{flex:0 0 50%;max-width:50%;transition:all .3s} .rate a:first-child{border-right:.0625rem solid #fff} .rate a:first-child:hover{box-shadow:0 1.1875rem 2.125rem -.9375rem #b1e382} .rate a:last-child:hover{box-shadow:0 1.1875rem 2.125rem -.9375rem #fe5959d1} .rate a span{height:2.8125rem;line-height:2.8125rem} .rate svg{width:1.1rem;height:1.1rem;fill:#8d909f} .fullstory-col_dark{margin:0 0 1.5rem -1rem;background-color:#262632} .player-iframe_list{white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:right} .player-iframe_list li span{display:block;padding:0 1.25rem;height:2.5rem;line-height:2.5rem;cursor:pointer;font-size:.875rem;background-color:#1e1e27;color:#fff} .player-iframe_list li{border-bottom:.0625rem solid #9e89cf} .player-iframe_list li.is-active span,.player-iframe_list li:hover span{background-color:#d4111a;color:#fff} .player-iframe{position:relative;height:26.875rem} .fodong-box{display:block;padding:0 .5rem;background-color:#262632cf;color:#fff;position:absolute;top:0;z-index:1;width:100%} .fodong-tips{overflow:hidden;margin:0 auto;width:100%;height:2.2rem;line-height:2.2rem} .close-tips{line-height:2.2rem} .close-tips svg{fill:#ff8e06;width:.7rem;height:.7rem} .fodongtip{padding:0 .3125rem;height:1.3rem;line-height:1.3rem;text-transform:uppercase;margin-bottom:.1875rem;border-radius:.125rem;text-align:center;background-color:#fe5959; font-size:.625rem;text-transform:uppercase;display:inline-block;color:#fff} .fake-player{background-size:cover!important;background-repeat:no-repeat!important;height:100%} .fake-player::after{content:"";position:absolute;height:100%;width:100%;background-color:#262632f2;background:linear-gradient(to top,#26263224 0%,#26263240 100%)} #fake-player-btnplay{cursor:pointer;position:relative;z-index:1;opacity:.8} #fake-player-btnplay:hover{opacity:1} .fake-player svg{fill:#ff0b0b;width:6rem;height:6rem} .player-iframe_button{background-color:#1e1e27} .player-iframe_button > a{display:inline-block;width:100%;height:3rem;line-height:3rem;text-align:center;color:#8d909f;border-right:.0625rem solid #262632} .player-iframe_button > a:last-child{border-right:0} .player-iframe_button > a:hover{color:#ff8e07} .fallow-set p{color:#8d909f} .fallow-set ul li > span:first-child{color:#8d909f;min-width:7rem} .fallow-set ul li > span:nth-child(2){width:100%} .cinema-off .light-overlay{display:block} .cinema-off .fullstory-col_dark{position:relative;z-index:1001} .franchises-item,.related-item{flex:0 0 16.5%;max-width:16.5%;padding:0 .4375rem .9375rem 0} .player-iframe_tags{white-space:nowrap;overflow-y:hidden;overflow-x:auto;padding-bottom:.5rem} .player-iframe_tags a{background-color:#16161b;display:block;margin-right:.1rem;text-align:center;width:auto;padding:.25rem .9375rem;border-radius:1.25rem;font-size:.8rem} .player-iframe_tags a:hover{color:#ff8e07} .player-iframe_tags::-webkit-scrollbar{height:.3125rem} .player-iframe_tags::-webkit-scrollbar-track{background-color:#1e1e27} .player-iframe_tags::-webkit-scrollbar-thumb{background-color:#353544} .player-iframe_tags::-webkit-scrollbar-thumb:hover{background-color:#ff8e07} .xfieldimagegallery a{display:none} .xfieldimagegallery a:nth-child(1),.xfieldimagegallery a:nth-child(2),.xfieldimagegallery a:nth-child(3),.xfieldimagegallery a:nth-child(4){display:block} .xfieldimagegallery a{position:relative;overflow:hidden;max-height:9.375rem;flex:0 0 24%;max-width:24%} .xfieldimagegallery a img{min-height:100%;width:100%;height:100%;object-fit:cover} /*! fullstory news,dzen,video style */ .fullstory-news .poster-imgresp.is-0,.fullstory-dzen .poster-imgresp.is-0,.fullstory-video .poster-imgresp.is-0{padding-top:20%} .fullstory-news .related-new_item,.fullstory-dzen .related-new_item,.fullstory-video .related-new_item{flex:0 0 33.333%;max-width:33.333%} .fullstory-news .related-new_item .poster-imgresp.is-5,.fullstory-dzen .related-new_item .poster-imgresp.is-5,.fullstory-video .related-new_item .poster-imgresp.is-5{padding-top:45%} /*! comments style */ .comm-item{position:relative;border-radius:.1875rem;box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaea61} .comm-item .rate-like-dislike svg{height:.85rem;width:.85rem;fill:#8d909f} .fcomms .comments-tree-list > .comments-tree-item .comments-tree-item .js-comm:before{content:"";border-left:.125rem dotted #d8d8d8;margin-right:1.25rem;height:1.25rem; width:1.25rem;border-bottom:.125rem dotted #d8d8d8} .comm-item .comm-author a{color:#ff8e07} .comm-item .comm-date{font-size:.65rem} .mass_comments_action{display:flex;align-items:center;justify-content:center} .show-comms{background-color:#f8f8f8} .show-comms:hover{background-color:#f4f4f6} .ad-rules{background-color:#fe5858;color:#fff} .ad-rules:hover{background-color:#f17a7a} .negative-comment .comm-spoiler{display:flex;justify-content:center} .negative-comment .avatar,.negative-comment .comm-letter,.negative-comment .comm-body{filter:blur(0.3125rem)} .comm-spoiler{position:absolute;top:0;right:0;left:0;bottom:0;display:none;width:100%;height:100%} .comm-spoiler p{flex-direction:row;justify-content:center;align-self:center;display:block;background-color:#fff;border-radius:.125rem;margin:0 .9375rem;max-width:28.125rem; text-align:center;padding:.9375rem;cursor:pointer;transition:all .1s ease-in-out;box-shadow:inset 0 0 0 .0625rem rgba(255,255,255,.06);background-color:#fff} .comm-link:hover{color:#ff8e07} /*! top static style and list tabs */ .mylists-tabs{display:flex;padding:1rem;padding:1rem 1.3rem 0 1.3rem;white-space:nowrap;overflow-y:hidden;overflow-x:auto} .custommm-tabs_top > div,.mylists-tabs li,.um-tabs .um-tabs__nav li{white-space:nowrap;padding:.1875rem .8rem;font-weight:300;display:block;text-transform:capitalize; background-color:#f7f7f7;border-radius:.2rem;cursor:pointer;border:.0625rem solid #fff;margin-right:1rem} .mylists-tabs li:hover,.mylists-tabs li.active,.custommm-tabs_top > div:hover,.custommm-tabs_top > div.is-active,.um-tabs .um-tabs__nav li.is-active, .um-tabs .um-tabs__nav li:hover{background-color:#7cae43;color:#fff} .mylists-tabs li.active a,.mylists-tabs li:hover a{color:#fff} .mylists-tabs li span{font-size:.7rem;color:#ff8e07} .mylists-tabs li.active span,.mylists-tabs li:hover span{color:#fff} .mylists-tabs li{margin-right:.5rem} .top-page .top-content{counter-reset:a} .top-item .animebox-meta::before{content:counter(a) " ";counter-increment:a;text-align:center;position:absolute;left:0;top:.5rem;font-size:.8rem;height:2.5rem; line-height:2.5rem;width:2.5rem;font-weight:600;background-color:#f8f8f8} .top-item .animebox-meta{position:relative} .top-item .animebox-meta_inner{padding-left:3rem} .top-item:nth-child(1) .animebox-meta::before,.top-item:nth-child(2) .animebox-meta::before,.top-item:nth-child(3) .animebox-meta::before, .top-item:nth-child(4) .animebox-meta::before,.top-item:nth-child(5) .animebox-meta::before{color:#57b515} .top-item:nth-child(6) .animebox-meta::before,.top-item:nth-child(7) .animebox-meta::before,.top-item:nth-child(8) .animebox-meta::before, .top-item:nth-child(9) .animebox-meta::before,.top-item:nth-child(10) .animebox-meta::before{color:#ff8e07} .top-item:nth-child(11) .animebox-meta::before,.top-item:nth-child(12) .animebox-meta::before,.top-item:nth-child(13) .animebox-meta::before, .top-item:nth-child(14) .animebox-meta::before,.top-item:nth-child(15) .animebox-meta::before{color:#FF5A5A} /*! userinfo style */ .user-info .mylists-tabs{padding:.3rem 0;margin-bottom:1rem} .um-tabs .um-tabs__row li.um-tabs__cell{display:none} .um-tabs .um-tabs__row li.is-active{display:block} .user-info .avatar-letter{width:3.5rem;height:3.5rem} .um-tabs__cell .error,.um-tabs__cell .bottom-nav{width:100%} .user-col:nth-child(odd){background-color:#f7f7f7} /*! video style */ #dle-content .video-item{flex:0 0 33.333%;max-width:33.333%} .video-item .animebox-hover span{background-color:transparent;border-radius:50%;padding:0;width:3.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;fill:#fff} .video-item .animebox-hover span svg{fill:#fe5959;width:1.8rem;height:1.8rem} .video-item .animebox-hover,.video-item:hover .animebox-hover span{background-color:transparent} /*! dzen style */ .dzen-item{box-shadow:#eaeaea 0 1.1875rem 2.125rem -.9375rem} .dzen-item .animebox-poster{flex:0 0 20%;max-width:20%} /*! fullstory other style */ .fullstory-col_other{position:relative;box-shadow:0 1.1875rem 2.125rem -.9375rem #eaeaeaab} .fullstory-news .fullstory-head,.fullstory-dzen .fullstory-head{position:absolute;bottom:0;width:100%;padding:.5rem;background:linear-gradient(#ffffffe3,#fff)} /*! allupdates page style */ .allupdates .custom-fdate{width: 100%;background-color: #fafafa} .allupdates .custom-updateitem{flex: 0 0 25%; max-width: 25%;border-bottom: 0;box-shadow: 0 1.1875rem 2.125rem -0.9375rem #eaeaea61;margin-bottom: 1rem} .allupdates .custom-updateitem:hover{background-color: transparent;box-shadow: 0 1.1875rem 2.125rem -0.9375rem #eaeaea} .allupdates .custom-updateitem .poster-img {flex: 0 0 30%; max-width: 30%} .allupdates .custom-updateitem .poster-imgresp.is-5 {padding-top: 43%} .allupdates .custom-updateitem h2{color: #000} /*! button download style in fullstory */ .downl-file{ background-color: #262632; min-height: 80px; color: #fff; background-image: url(/templates/torrento/images/downl-file.png); background-repeat: no-repeat; background-position: 15px center; text-transform: uppercase; margin-bottom: 25px; display: flex; flex-wrap: wrap; border-radius: 5px; } .downl-file .downl-col:nth-child(1){ width: 50%; } .downl-file .downl-col:nth-child(2){ width: 8.333%; } .downl-file .downl-col:nth-child(3){ width: 16.666%; } .downl-file .downl-col:nth-child(4){ width: 25%; } .downl-file-title { padding-left: 90px; display: table; height: 80px; padding-right: 20px; float: left; } .downl-file-title div { display: table-cell; vertical-align: middle; } .downl-file-title div h2{ display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } .downl-file-size { display: table; vertical-align: middle; float: left; height: 100%; border-left: solid 1px #21212c; border-right: solid 1px #21212c; background: #21212c; padding: 0 20px; width: 105px; } .downl-file-size .file-size { display: table-cell; vertical-align: middle; line-height: 22px; width: 100%; text-align: center; color: #ccd1d9; } .size-block { text-transform: none; font-size: 12px; display: block; } .size-cont { font-size: 12px; display: block; } .downl-file-sp { display: table; height: 80px; float: left; width: 100%; position: relative; right: -10px; } .downl-file-sp-cont { display: table-cell; vertical-align: middle; text-align: center; } .downl-file-sp-cont span:first-child { margin-right: 15px; } .downl-file-download { display: table; min-height: 80px; height: 100%; float: left; width: 100.1%; color: #fff; font-size: 20px; font-weight: 300; } .downl-file-download-cont { display: table-cell; vertical-align: middle; text-align: center; color: #fff; background-color: #d4101a; transition: all 0.3s ease 0s; border-radius: 0px 5px 5px 0px; } .icon-downl{ transform: rotate(-180deg); } .downl-file-sp-cont svg, .downl-fileupload .downl-file-download > a svg{ fill: #fff; } .downl-fileupload .downl-file-download > a{ display: table-cell; vertical-align: middle; text-align: center; color: #fff; background-color: #19a717; transition: all 0.3s ease 0s; border-radius: 0px 5px 5px 0px; } @media screen and (max-width: 59.375rem){ .downl-file{ background-position: 12px 12px; } .downl-file .downl-col:nth-child(1) { width: 65%; } .downl-file .downl-col:nth-child(2) { width: 14%; } .downl-file .downl-col:nth-child(3) { width: 20%; } .downl-file .downl-col:nth-child(4) { width: 100%; } .downl-file-download-cont, .downl-fileupload .downl-file-download > a{ border-radius: 0px; } .downl-file-sp { right: 0px; } .downl-file-title div h2 { font-size: 1.3em; } .downl-file { background-size: 45px; background-position: 20px 20px; } .downl-file-download { min-height: 70px; font-size: 18px; } } @media screen and (max-width:47rem){ .downl-file .downl-col:nth-child(1) { width: 100%; } .downl-file .downl-col:nth-child(2), .downl-file .downl-col:nth-child(3) { width: 50%; } .downl-file-title div h2 { font-size: 1.2em; } .downl-file-size { width: 100%; } } .downl-buy{ background-color: #262632; min-height: 80px; color: #fff; background-image: url(/templates/torrento/images/buy.png); background-repeat: no-repeat; background-position: 15px center; text-transform: uppercase; margin-bottom: 25px; display: flex; flex-wrap: wrap; border-radius: 5px; } .downl-buy .downl-col:nth-child(1){ width: 50%; } .downl-buy .downl-col:nth-child(2){ width: 8.333%; } .downl-buy .downl-col:nth-child(3){ width: 16.666%; } .downl-buy .downl-col:nth-child(4){ width: 25%; } @media screen and (max-width: 59.375rem){ .downl-buy{ background-position: 12px 12px; } .downl-buy .downl-col:nth-child(1) { width: 65%; } .downl-buy .downl-col:nth-child(2) { width: 14%; } .downl-buy .downl-col:nth-child(3) { width: 20%; } .downl-buy .downl-col:nth-child(4) { width: 100%; } .downl-buy { background-size: 45px; background-position: 20px 20px; } } @media screen and (max-width:47rem){ .downl-buy .downl-col:nth-child(1) { width: 100%; } .downl-buy .downl-col:nth-child(2), .downl-buy .downl-col:nth-child(3) { width: 50%; } } /*! mob style */ /*! responsive style */ @media screen and (max-width: 82rem) { .header .container{padding:0 1.125rem} .main-carousel .sidecarou{margin-left:0} .content-wrp{flex:0 0 79%;max-width:79%} } @media screen and (max-width: 76.25rem) { .header .container{padding:0 .625rem} .content-wrp{flex:0 0 78%;max-width:78%} .letter_home ul.alphabet li{min-width:1.78rem} } @media screen and (max-width: 68.75rem) { .main-carousel .sidecarou{margin-right:0} .main-carousel .wrapcenter{flex-direction:column} .main-carousel .sidecarou-menu,.content-wrp{flex:0 0 100%;max-width:100%} .main-carousel .sidecarou{margin-bottom:1rem} .sidebar{position:fixed;top:0;right:-20rem;z-index:9999;overflow-y:scroll;overflow-x:hidden;background-color:#23242f;width:100%;min-width:18rem;padding:.5rem; height:100%;transition:right .4s} .sidebar.is-active{right:0} .sidebar .widget-head.whead-green{margin-bottom:.5rem} .sidebar .widget-head{background-color:#2b2c39} .sidebar .widget-head .widget-title{color:#fff} .sidebar .sidebar-nav .metismenu a::before{border:.09375rem solid #292a37} .sidebar .sidebar-nav .metismenu a,.sidebar .accordion-title,.sidebar .last-comm-item,.sidebar .shed-item,.sidebar .vote,.sidebar .wc-stroke{border-bottom:.0625rem dashed #292a37} .sidebar .accordion-title span:last-child{border-left:.0625rem dashed #292a37} .sidebar .metismenu .has-arrow::after{color:#424456} .sidebar .widget-head,.sidebar .sidetop-item.sidetop-item_first .animebox-meta,.sidebar .sidetop-item_other,.sidebar .sidenews-item .animebox-meta, .sidebar .trailers-list_item.is-active,.sidebar .trailers-list_item,.sidebar #new-trailers,.sidebar .sidedzen-item,.sidebar .shed-item{box-shadow:none} .sidebar .trailers-meta{background:linear-gradient(#2b2c39,#2b2c39)} .sidebar .sidedzen-item .animebox-meta,.sidebar .trailers-list_item.is-active{background-color:#2b2c39ed} .sidebar .animebox-meta .title,.sidebar .shed-item .title,.sidebar .trailers-list_item .title,.sidebar .trailers-meta .hint,.sidebar .trailers-meta .category, .sidebar .vote,.sidebar .vote-votes,#votes button span{color:#fff} .sidebar .vote input + label:before{background-color:#2b2c39} .sidebar .avatar{box-shadow:0 0 0 .125rem #2b2c39} .sidebar .vote input + label:before{border:.1875rem solid #2b2c39} .sidebar .vote input:checked + label:before{background-color:#2b2c39} .sidebar .voteprogress{background-color:#2b2c39} .sidebar .comm_offline,.sidebar .comm_online{border:.1875rem solid #2b2c39} .sidebar .trailers-list_item.is-active .title{color:#fe5959} .sidebar .side-custom_tabs > div{background-color:#2b2c39;border:.0625rem solid #2b2c39;color:#fff} .js-btn_sidebarblock{display:block} .btn-sidebarclose{cursor:pointer;display:block;right:18rem;top:-2.5rem;position:fixed;z-index:9999;width:2.5rem;height:2.5rem;line-height:2.5rem;text-align:center; font-size:1.125rem;background-color:#FF5A5A;color:#fff;transition:top .4s} .btn-sidebarclose.is-active{top:0} .letter_home-inner{overflow-x:scroll} .letter_home ul.alphabet li{min-width:2.5rem} } @media screen and (max-width: 63.75rem) { .fullstory .fullstory-col_head .fullstory-col_left{flex:0 0 30%;max-width:30%} } @media screen and (max-width: 63.75rem) and (min-width: 59.375rem) and (orientation: landscape) { .fullstory .fullstory-col_head .fullstory-col_left{flex:0 0 25%;max-width:25%} } @media screen and (max-width: 59.375rem) { .h-navigation{display:none} .js-btn_menublock{display:block} .logo{flex-basis:0;flex-grow:1;max-width:100%;min-width:3.125rem;background-color:transparent} .shortstory-list_item{flex:0 0 100%;max-width:100%} .shortstory-list_item .animebox-poster{flex:0 0 17%;max-width:17%} .main-carousel{background:transparent;background-color:#1b1c23} .fullstory .fullstory-col_head .fullstory-col_left{flex:0 0 30%;max-width:30%} .m-block_content{flex-wrap:nowrap;overflow-x:scroll} .short-item_watched{flex:0 0 12%;max-width:12%} input[type="checkbox"]:after{top: -0.2rem;left: -.1rem;width: 1.2rem;height: 1.15625rem;} .title.is-5{font-size:1.1rem} .top-item .animebox-meta_inner{padding-left:0} .top-item .animebox-meta::before{left:0;top:-1.9375rem;font-size:.65rem;height:1.5rem;line-height:1.5rem;width:1.5rem;z-index:1} } @media screen and (max-width: 47.5rem) { .login-toppanel_col .js-login{display:none} .mhidden{display:none!important} .js-btn_menublock,.login-toppanel_col .js-avatar{margin-right:0} .carousel-header{align-items:flex-start} .customm-tabs.carousel-list{margin-bottom:1rem;overflow-x:scroll;width:100%} .carousel-list > div{flex:none;max-width:max-content;text-align:center} .carousel-list > div,.cgroup-btn{font-size:.7rem} .carousel-navi{width:100%;justify-content:center} .cgroup-meta{height:auto} .cgroup-btn{padding:0 1rem} .cgroup-left{margin-bottom:1.2rem} .cgroup-right .cgroup-btn:first-child{border-left:0} .cgroup-right .cgroup-btn:last-child{padding:0 1.625rem} .title.is-5{font-size:.9rem} .shortstory-item{flex:0 0 33.333%;max-width:33.333%} .shortstory-list_item .animebox-poster{flex:0 0 33%;max-width:33%} .badge .is-first,.badge .is-second{font-size:.55rem} .anime-news_item .anime-news_iteminner{flex-direction:column-reverse} .contaible.anime-news .anime-news_item .animebox-poster{flex:0 0 100%;max-width:100%} .anime-news_first,.anime-news_other,.collection-item{flex:0 0 60%;max-width:60%} .collection-item .animebox-poster:before{height:3.4375rem} .shortstory-list_item{flex:0 0 100%;max-width:100%} .anime-news_item .animebox-poster{margin-bottom:.5rem;flex:0 0 40%;max-width:40%} .anime-news_item .poster-imgresp.is-0{padding-top:50%} .button,.btn,.pagi-load a,.up-second li a,.usp-edit a,.qq-upload-button,.ui-button,html input[type="button"],input[type="reset"],input[type="submit"],.title.is-7, .ctitle-other > a,.animebox h2,.widget-title,.seo-wrap_list,.carousel-list > div,.view-addfavuser,.player-iframe_button > a,.player-iframe_list li span, .ctitle-other > a,.animebox h4,.widget-title,.seo-wrap_list,.carousel-list > div,.view-addfavuser,.player-iframe_button > a,.player-iframe_list li span, .fodong-tips,.comm-text,.comm-spoiler p,.navigation a,.navigation span,.pnext a,.pprev a,.pprev > span,.pnext > span,.meta-list,.text > p,.speedbar, .custommm-tabs_top > div,.mylists-tabs li,.txt-smaller,.um-tabs .um-tabs__nav li,.pm_status,.collection-box_meta > p,.animebox-tipmeta_colsecond{font-size:.78rem} .animebox .subtitle,.animebox .meta{font-size:.68rem} .navigation a,.navigation span,.pnext a,.pprev a,.pprev > span,.pnext > span{line-height:2rem;min-width:2rem} .anime-news,.anime-collection,.custommm-tabs_top,.mylists-tabs,.um-tabs__nav{flex-wrap:nowrap;overflow-x:scroll} .fullstory .fullstory-col_head .fullstory-col_left{flex:0 0 100%;max-width:100%;margin:0 auto;margin-bottom:1rem} .title.is-66{font-size:.85rem} .player-iframe{height:15rem} .player-iframe_button,.franchises,.full-news_related{white-space:nowrap;overflow-y:hidden;overflow-x:scroll} .player-iframe_button > a{padding:0 .75rem} .franchises,.full-news_related{flex-wrap:nowrap} .franchises .shortstory-item{flex:0 0 32%;max-width:32%} .fullstory-video .related-new_item,.fullstory-dzen .related-new_item,.fullstory-news .related-new_item{flex:0 0 60%;max-width:60%} .fullstory-video .related-new_item .title,.fullstory-dzen .related-new_item .title,.fullstory-news .related-new_item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fullstory-video .related-new_item .poster-imgresp.is-5,.fullstory-dzen .related-new_item .poster-imgresp.is-5,.fullstory-news .related-new_item .poster-imgresp.is-5{padding-top:60%} .fullstory-news .poster-imgresp.is-0,.fullstory-dzen .poster-imgresp.is-0,.fullstory-video .poster-imgresp.is-0{padding-top:55%} .full-views{margin-bottom:.5rem} .header_btn{width:auto;min-width:2rem;height:2rem;line-height:2rem} .add-block .add-button{padding-right:1.25rem} .animebox-tip{transform:translateY(9.375rem);height:100%;background-color:#fff!important} .animebox-tip .animebox-tipbtmb a{font-size:.75rem;text-align:center;text-decoration:none;color:#fff;border-radius:.2rem;padding:0 1.25rem;transition:.2s;width:100%; margin-right:0;height:2rem;line-height:2rem;display:block;background-color:#9e89cf} .animebox-tip .animebox-tipbtmb a:hover{background-color:#f8f8f8;color:#000} .carousel-header,.cgroup-meta,.fullstory-col_head,.view-addfavuser,.animebox-tipmeta,.animebox-tipbtm,.footer-bottom,#searchtable .search-tr_col,.user-info-grid{flex-direction:column} .user-info-grid .info-col-left{margin-right:0} .animebox-tipbtm .animebox-tipcategory{margin-bottom:.5rem} .comments-tree-item .save-buttons input{width:100%} .comments-tree-item .save-buttons input:first-child{margin-bottom:.5rem} .search div input:nth-child(2){margin:0!important} #voiceSearch input{width:100%;padding-left:2.5rem;padding-right:5rem} #voiceSearch .btn{background-color:transparent;padding:0;margin:0} #voiceSearch .btn,#voiceSearch a{position:absolute;left:1.25rem} #voiceSearch a{left:auto;right:.625rem;width:2rem;text-align:center} #voiceSearch .btn svg{fill:#000} #searchtable .search-tr_col{display:flex;width:100%;margin-bottom:1rem} #searchtable .search-bot_btn{justify-content:center;display:flex} #searchtable .search-tr_col > td{width:100%} #searchtable .search-tr_col label{margin-bottom:.5rem;display:block} .sortby-list{top:1rem} .title.is-6{font-size:.8rem} #dle-content .collection-item{flex:0 0 50%;max-width:50%} .collection-box .poster-imgresp.is-0{padding-top:45%} .quick-view_iframe{margin:2.5rem -2.5rem 0} .quick-view_iframe .poster-imgresp.is-1{padding-top:40%} .quick-view .animebox-tipheader{margin-bottom:0;padding:.9375rem 2rem} .animebox-tip.fancybox-content{padding:0;overflow-x:hidden} .fancybox-slide--current .animebox-tip{background-color:#fff;transform:translateY(0);opacity:1;transition-duration:.5s} .um-tabs__row,.um-tabs__nav{padding:0} .um-tabs__nav{margin-bottom:1rem} .fullstory-news iframe{height:13.75rem} #dle-content .anime-news_first{flex:0 0 100%;max-width:100%} #dle-content .video-item{flex:0 0 100%;max-width:100%} .dzen-item > a{flex-wrap:wrap} .dzen-item .animebox-poster{flex:0 0 100%;max-width:100%} .dzen-item .poster-imgresp.is-0{padding-top:33%;margin-bottom:1rem} .allupdates .custom-updateitem {flex: 0 0 100%;max-width: 100%} .allupdates .custom-updateitem .poster-imgresp.is-5 {padding-top: 28%;flex: 0 0 20%;max-width: 20%} } @media screen and (max-width: 47.5rem) and (min-width: 23.4375rem) and (orientation: landscape) { .shortstory-item{flex:0 0 20%;max-width:20%} .shortstory-list_item{flex:0 0 100%;max-width:100%} .shortstory-list_item .animebox-poster{flex:0 0 20%;max-width:20%} .anime-news_first,.anime-news_other,.collection-item{flex:0 0 40%;max-width:40%} .carousel-header{flex-direction:row;align-items:center} .customm-tabs.carousel-list{margin-bottom:0} .carousel-navi{width:auto} .fullstory-col_head{flex-direction:row} .fullstory .fullstory-col_head .fullstory-col_left{flex:0 0 38%;max-width:38%;margin-right:1rem} .franchises .shortstory-item{flex:0 0 19.5%;max-width:19.5%;padding:0 .4375rem .9375rem} .user-info-grid{flex-direction:row} .user-info-col.info-col-right .shortstory-item{flex:0 0 25%;max-width:25%} #dle-content .collection-item{flex:0 0 33.333%;max-width:33.333%} .collection-box .poster-imgresp.is-0{padding-top:23%} .quick-view_iframe .poster-imgresp.is-1{padding-top:20%} .fullstory-video .related-new_item,.fullstory-dzen .related-new_item,.fullstory-news .related-new_item{flex:0 0 32%;max-width:32%} #dle-content .anime-news_first{flex:0 0 50%;max-width:50%} .fullstory-news .poster-imgresp.is-0,.fullstory-dzen .poster-imgresp.is-0,.fullstory-video .poster-imgresp.is-0{padding-top:26%} #dle-content .video-item{flex:0 0 50%;max-width:50%} .allupdates .custom-updateitem {flex: 0 0 50%;max-width: 50%} .allupdates .custom-updateitem .poster-imgresp.is-5 {padding-top: 28%} } @media screen and (max-width: 25rem) { .cgroup-btn{padding:0 .6rem} } @media screen and (max-width: 20rem) { .shortstory-item{flex:0 0 50%;max-width:50%} .franchises .shortstory-item{flex:0 0 48%;max-width:48%} .sidebar{min-width:16rem} .btn-sidebarclose{right:16rem} } @media screen and (max-width: 36rem) and (min-width: 0) and (orientation: landscape) { .user-info-col.info-col-right .shortstory-item{flex:0 0 33.333%;max-width:33.333%} }