/* Datalife Engine template by:carbondalos studios (Telegram:carbondalos,Skype:carbondalos,E-Mail:carbondalos@gmail.com) */ /* RESET---------- */ .dle-content {width: 100%;} *{background:transparent;margin:0;padding:0;outline:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,figure img,hgroup,footer,header,hgroup,menu,nav,section,main{display:block} body{line-height:1} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} html{height:100%;min-height:100%} body{min-height:100%} html,html a{-webkit-font-smoothing:antialiased} ol,ul{list-style:none} blockquote,q{quotes:none} table{border-collapse:collapse;border-spacing:0} input,select{vertical-align:middle} body{font:14px/18px 'P_Nova-Regular',Tahoma,Geneva,sans-serif;line-height:normal;padding:0;margin:0;color:#4d5a68;background-color:#fce0b0;height:100%;width:100%;font-weight:300;overflow-x:hidden} img{max-width:100%;height:auto;vertical-align:middle;min-height:100%} a{color:#4d5a68;text-decoration:none} a:hover{color:#eb5252;text-decoration:underline} h1,h2,h3,h4,h5{font-weight:500;font-size:18px;color:#4d5a68;position:relative} b,strong{font-weight:500} /* SET---------- */ .button,.pagi__load a,.up-second li a,.up-edit a,.qq-upload-button,button:not(.color-btn),html input[type="button"],input[type="reset"],input[type="submit"],.meta-fav a{padding:0 20px;color:#fff;text-transform:uppercase;display:inline-block;background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);height:40px;line-height:43px;border-radius:3px;cursor:pointer;font-size:12px} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} button[disabled],input[disabled]{cursor:default} .button:hover,.up-second li a:hover,.up-edit a:hover,.qq-upload-button:hover,.pagi-load a:hover,button:not(.color-btn):hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.meta-fav a:hover{color:#4d5a68;background: #eb5252;} button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1)} input[type="submit"].bbcodes,input[type="button"].bbcodes,input.bbcodes,.ui-button{font-size:12px!important;height:30px!important;line-height:30px!important;padding:0 10px;border-radius:3px} input[type="text"],input[type="password"]{display:block;width:100%;height:40px;line-height:40px;padding:0 15px;color:#000000;background-color:#fff;border-radius:0;-webkit-appearance:none;box-shadow:0 0 0 1px #EDEDED} input[type="text"]:focus{} input:focus::-webkit-input-placeholder{color:transparent} input:focus::-moz-placeholder{color:transparent} input:focus:-moz-placeholder{color:transparent} input:focus:-ms-input-placeholder{color:transparent} select{height:40px;border:1px solid #e3e3e3;background-color:#FFF} textarea{display:block;width:100%;padding:10px;border:1px solid #e3e3e3;background-color:#FFF;border-radius:0 0 6px 6px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1);overflow:auto;vertical-align:top;resize:vertical} .button .icon{font-size:15px} .button:hover .icon{color:#4d5a68} .fb-check{position:relative;cursor:pointer;font-weight:400;height:30px;line-height:30px;display:block;margin-bottom:2px} .fb-check input{opacity:0;position:absolute;cursor:pointer} .fb-check span{display:inline-block;padding-left:50px;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;width:100%} .fb-check span:before,.fb-check span:after{content:'';position:absolute;top:50%;transition:.3s} .fb-check span:before{left:0;height:16px;margin-top:-8px;width:40px;border-radius:2px;background:#fff;background-color:#f4f9ff} .fb-check span:after{left:1px;height:16px;width:16px;margin-top:-10px;border-radius:4px;border:2px solid #399af2} .fb-check input:checked + span:before{background-color:#399af252} .fb-check input:checked + span:after{left:21px;background-color:#399af2} /*.fb-checkt{-webkit-column-count:2;-moz-column-count:2;column-count:2} */ .fb-checkt label{display:flex;font-size:16px;margin-bottom:5px;cursor:pointer;position:relative} .fb-checkt label span{display:inline-block;position:relative;background-color:transparent;width:18px;height:18px;transform-origin:center;border:2px solid #399af2;border-radius:4px;vertical-align:-6px;margin-right:10px;transition:background-color 150ms 200ms,transform 350ms cubic-bezier(0.78,-1.22,0.17,1.89)} .fb-checkt label span:before{content:"";width:0;height:2px;border-radius:2px;background:#399af2;position:absolute;transform:rotate(45deg);top:6px;left:4px;transition:width 50ms ease 50ms;transform-origin:0% 0%} .fb-checkt label span:after{content:"";width:0;height:2px;border-radius:2px;background:#399af2;position:absolute;transform:rotate(305deg);top:11px;left:6px;transition:width 50ms ease;transform-origin:0% 0%} .fb-checkt label:hover span:before{width:5px;transition:width 100ms ease} .fb-checkt label:hover span:after{width:10px;transition:width 150ms ease 100ms} .fb-checkt input[type="checkbox"]{display:none} .fb-checkt input[type="checkbox"]:checked + label span{border:0} .fb-checkt input[type="checkbox"]:checked + label span:after{width:10px;left:9px;top:12px;transition:width 150ms ease 100ms} .fb-checkt input[type="checkbox"]:checked + label span:before{width:7px;top:8px;left:6px;transition:width 150ms ease 100ms} .fb-checkt input[type="checkbox"]:checked + label:hover span:after{width:10px;transition:width 150ms ease 100ms} /* FONTS---------- */ @font-face{font-family:'P_NovaExCn-Black';src:url('../fonts/ProximaNovaExCn-Black.eot');src:url('../fonts/ProximaNovaExCn-Black.woff2') format('woff2'),url('../fonts/ProximaNovaExCn-Black.woff') format('woff'),url('../fonts/ProximaNovaExCn-Black.ttf') format('truetype'),url('../fonts/ProximaNovaExCn-Black.svg#ProximaNovaExCn-Black') format('svg'),url('../fonts/ProximaNovaExCn-Black.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal} @font-face{font-family:'P_NovaExCn-Bold';src:url('../fonts/ProximaNovaExCn-Bold.eot');src:url('../fonts/ProximaNovaExCn-Bold.woff2') format('woff2'),url('../fonts/ProximaNovaExCn-Bold.woff') format('woff'),url('../fonts/ProximaNovaExCn-Bold.ttf') format('truetype'),url('../fonts/ProximaNovaExCn-Bold.svg#ProximaNovaExCn-Bold') format('svg'),url('../fonts/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal} @font-face{font-family:'P_NovaExCn-Extrabld';src:url('../fonts/ProximaNovaExCn-Extrabld.eot');src:url('../fonts/ProximaNovaExCn-Extrabld.woff2') format('woff2'),url('../fonts/ProximaNovaExCn-Extrabld.woff') format('woff'),url('../fonts/ProximaNovaExCn-Extrabld.ttf') format('truetype'),url('../fonts/ProximaNovaExCn-Extrabld.svg#ProximaNovaExCn-Extrabld') format('svg'),url('../fonts/ProximaNovaExCn-Extrabld.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal} @font-face{font-family:'P_NovaExCn-Regular';src:url('../fonts/ProximaNovaExCn-Regular.eot');src:url('../fonts/ProximaNovaExCn-Regular.woff2') format('woff2'),url('../fonts/ProximaNovaExCn-Regular.woff') format('woff'),url('../fonts/ProximaNovaExCn-Regular.ttf') format('truetype'),url('../fonts/ProximaNovaExCn-Regular.svg#ProximaNovaExCn-Regular') format('svg'),url('../fonts/ProximaNovaExCn-Regular.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal} @font-face{font-family:'P_NovaExCn-Semibold';src:url('../fonts/ProximaNovaExCn-Semibold.eot');src:url('../fonts/ProximaNovaExCn-Semibold.woff2') format('woff2'),url('../fonts/ProximaNovaExCn-Semibold.woff') format('woff'),url('../fonts/ProximaNovaExCn-Semibold.ttf') format('truetype'),url('../fonts/ProximaNovaExCn-Semibold.svg#ProximaNovaExCn-Semibold') format('svg'),url('../fonts/ProximaNovaExCn-Semibold.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal} @font-face{font-family:'P_Nova-Regular';src:url('../fonts/ProximaNova-Regular.eot');src:url('../fonts/ProximaNova-Regular.woff2') format('woff2'),url('../fonts/ProximaNova-Regular.woff') format('woff'),url('../fonts/ProximaNova-Regular.ttf') format('truetype'),url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'),url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal} @font-face{font-family:'fontello';src:url('../fonts/fontello.eot?75091041');src:url('../fonts/fontello.eot?75091041#iefix') format('embedded-opentype'),url('../fonts/fontello.woff?75091041') format('woff'),url('../fonts/fontello.ttf?75091041') format('truetype'),url('../fonts/fontello.svg?75091041#fontello') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'BrandonGrotesque';src:url('../fonts/BrandonGrotesque-Black.eot');src:url('../fonts/BrandonGrotesque-Black.woff2') format('woff2'),url('../fonts/BrandonGrotesque-Black.woff') format('woff'),url('../fonts/BrandonGrotesque-Black.ttf') format('truetype'),url('../fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg'),url('../fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal} /* ACCESSORY---------- */ .pm-page,.search-page,.static-page,.tags-page,.form-wrap,.full-pages{padding:20px 0} .subtitle h1,.subtitle h2,.subtitle h3,.subtitle h4,.subtitle h5,.subtitle h6{margin-bottom:15px;font-size:18px;font-weight:700;color:#4d5a68} .header__title h1:after,.header__title h2:after,.header__title h3:after,.header__title h4:after,.header__title h5:after{position:absolute;right:auto;bottom:-3px;display:block;width:125px;height:4px;content:'';background:#399af2cf;background:-webkit-linear-gradient(right,#bfddf957,#399af2cf);background:-moz-linear-gradient(right,#bfddf957,#399af2cf);background:linear-gradient(to right,#bfddf957,#399af2cf)} .clr{clear:both} .clearfix:after{content:"";display:table;clear:both} /* IMAGE RESPONSIVE---------- */ .img__box,.img__responsive-sm,.img__responsive-h,.img__responsive-v,.img__responsive-sq{overflow:hidden;position:relative} .img__responsive-sm img,.img__responsive-h img,.img__responsive-v img,.img__responsive-sq img{position:absolute;top:0;bottom:0;right:0;left:0;background-size:cover;background-position:center center} .img__responsive-sm{padding-top:40%} .img__responsive-h{padding-top:60%} .img__responsive-v{padding-top:133%} .img__responsive-sq{padding-top:100%} .img__box img{width:100%;min-height:100%;display:block} .img__wide img{width:130%;min-height:100%;display:block} .img__square img{width:150%;min-height:100%;display:block} .cover{background-position:50% 50%;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;right:0;left:0} .nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ps__link{cursor:pointer} .icon{font-size:23px} .icon__xs{font-size:20px} .icon__l .icon{margin-right:10px} .icon__r .icon{margin-left:10px} .fl__r{float:right} .fl__l{float:left} .d__block{display:block} .d__iblock{display:inline-block} .button__mat,.topside__tabs span.current{background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);} .button__mat:hover{box-shadow:none;background-image:none} button,.button,.h__top-m-link,.h__bottom-m-link,.h__top-mr-link,.column,.main,.right__sidebar,.is__side,.mosaic,.column.is__side:before,.items,.header,.c__top-item,.c__top-item--image,.s__mosaic-image img,.grid__select div,.schedule-tabs li,.carousel__item-text,.topside__tabs span,.coll__short,.button__mat{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} a,.highslide:before,.ts__left-item,.ts__right-item,.th-rate-in{-webkit-transition:color .2s,background-color .2s,opacity .2s;-moz-transition:color .2s,background-color .2s,opacity .2s;-ms-transition:color .2s,background-color .2s,opacity .2s;-o-transition:color .2s,background-color .2s,opacity .2s;transition:color .2s,background-color .2s,opacity .2s} .hide__text{font:0/0 a;text-shadow:none;color:transparent} .overlay{width:100%;height:100%;background-color:#2a2d34bf;position:fixed;left:0;top:0;z-index:887;display:none} .h__menu-subtitle,.h__top-m-link,.h__bottom-m-link,.h__bot-mr-link,.ts__left-header,.short__header h1,.short__header h2,.short__header h3,.h__bottom-m--dropdown .col:first-child .h__menu-sublink,.is__side .r__sidebar-box--title,.ts__right-header,.logotype__second,.s__mosaic-title,.c__nowviews-item--title,.c__top-item--title,.carousel__item-title,.short__description,.short_bottom,.r__sb-content--title,.fb-sect-name,.seo__title{font-family:'P_NovaExCn-Semibold',Tahoma,Geneva,sans-serif} .lb__title,.schedule-tabs li,.fb-check label span,.fb-checkt input[type='checkbox'] + label,.badge,.footer__title,.sub__title,.subtitle,.related__news .tabs__sel span,.ui-dialog-title,.tabs_sel span,.full__heacse .full__header h1,.full__content-info--title,.full__info li > span:first-child,.menu__link{font-family:'P_NovaExCn-Regular',Tahoma,Geneva,sans-serif} .dropdown-divider{height:0;margin:7px 0;overflow:hidden;border-top:1px solid #e9ecef} .lb__menu-link,.icon,.h__bot-mr-link:hover .lb__menu-link .icon,.h__top-m-link{color:#eb5252} /* с оттенком синивы ---------- */ .lb__name-text,.h__menu-subtitle{color:#4d5a68} /* темный ---------- */ .h__menu-sublink{color:#617182;padding:3px} .h__menu-subitem:hover{background-color:#399af2} .h__menu-subitem:hover .h__menu-sublink{color:#fff!important} .h__menu-subitem.tags__subitem:hover{background-color:transparent} .h__menu-sublist.tags__sublist{column-count:7!important} .h__menu-sublink.tags__sublink{color:#4d5a68;background-color:#399af224;font-weight:500;border:2px solid transparent;margin-bottom:7px;padding:0 20px;line-height:30px;border-radius:15px;background:#399af224;display:inline-block} .h__menu-subitem:hover .tags__sublink{color:#617182!important} .h__menu-subitem .tags__sublink:hover{background-color:#399AF2;color:#fff!important} .grange{position:relative;margin-left:10px;min-height:auto} .grange:before,.topside .cover:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#151617c9;background:-webkit-linear-gradient(bottom,#1516177a,#151617c9);background:-moz-linear-gradient(bottom,#1516177a,#151617c9);background:linear-gradient(to bottom,#1516177a,#151617c9)} .figure .content{position:absolute;z-index:5;text-align:center;padding:20px;width:100%;height:100%;color:#fff;margin:0} .figure .content__title{font-size:30px} .figure .content__text{font-size:15px} .logotype__second{font-size:15px} .figure .content > div{position:relative;top:32%} .grange img{height:240px} .login__box-dropdown,.grange:before,.grange img,.favourite__list-dropdown,.sorter form{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .margin__position{margin-right:-15px;margin-left:-15px} .badge{font-weight:400;vertical-align:middle;text-align:center;line-height:1;padding:6px 6px 2px;display:inline-block;font-size:14px;border-radius:2px;color:#212529;position:absolute;right:0;color:#fff;top:0;margin-bottom:15px} .badge.badge-primary{background-color:#736cc7} .badge.badge-secondary{background-color:#788db4} .badge.badge-accent{background-color:#F64A91} .badge.badge-success{background-color:#2fbfa0} .badge.badge-danger{background-color:#ff5c75} .badge.badge-warning{background-color:#f97709} .badge.badge-info{background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);} .badge.badge-light{background-color:#fff;color:#212529} .badge.badge-dark{background-color:#2a2d34} .seo__text{background-color:#fde9c7;padding:17px;margin-top:22px} .seo__title{background-color:#f4f6f8;padding:17px;font-size:23px} .mask{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;padding:10px;background-color:#399af25c;z-index:1;font-size:20px;opacity:0;align-items:center;transform:scale(0.15);-webkit-transform:scale(0.15);transition:all 0.2s linear} .with__mask:hover .mask{opacity:1;transform:scale(1);-webkit-transform:scale(1)} .mask .icon{width:55px;height:55px;border-radius:50%;text-align:center;line-height:59px;background-color:#fff;margin:0 auto 15px auto;padding-left:5px;font-size:30px;color:#399af2;opacity:.8} /* FLEXBOX---------- */ .flex__row{display:-webkit-box;display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;display:flex;flex-flow:row wrap;justify-content:space-between} .flex__col{display:-webkit-box;display:-webkit-flex;-webkit-flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;display:flex;flex-direction:column;justify-content:center} .fx__row{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .fx__col{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .fx__center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center} .fx__middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center} .fx__start{-webkit-justify-content:flex-start;justify-content:flex-start} .fx__first{-ms-flex-order:-1;-webkit-order:-1;order:-1} .fx__last{-ms-flex-order:10;-webkit-order:10;order:10} .fx__grow{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:50px} .topside,.topside__carousel{-ms-flex-order:1;-webkit-order:1;order:1} .column{-ms-flex-order:2;-webkit-order:2;order:2} .header{-ms-flex-order:1;-webkit-order:1;order:1} .content{-ms-flex-order:2;-webkit-order:2;order:2} .footer{-ms-flex-order:3;-webkit-order:3;order:3} .col{flex-basis:0;flex-grow:1;max-width:100%} /* GRID---------- */ .wrapper{min-width:320px;position:relative} .center{max-width:1490px;margin:0 auto;position:relative;z-index:100;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .wrapper_inner{overflow:hidden} .wrapper > *,.wrapper_inner > *,.header__inner > *,.content > *,.main > *{width:100%} .header{background-color:#2a2d34;position:fixed;left:0;top:0;z-index:9999} .column{position:relative} .column.is__side{padding-right:275px;position:relative} .showfull__is-side .is__side{padding-right:0} .showfull__is-side .main{padding:0!important} .content{margin-top:125px} .column.is__side .main{width:100%;float:left;min-height:800px;padding:20px 20px 20px 0} .right__sidebar{width:275px;margin-right:-275px;float:right;position:relative;z-index:20;height:0;overflow:hidden} .main{width:100%;float:left;min-height:800px} .footer{background-color:#2a2d34} .footer__inner{align-items:center;padding:45px 15px 30px} .mobvis_side .right__sidebar{padding:12px;background-color:#fce0b0;overflow:visible;display:block;position:relative;z-index:300;height:auto;margin-right:-14px;margin-left:-310px;width:306px} /* HEADER---------- */ .sticky__hide{top:-125px} .sticky{top:0} .logotype{font:32px 'BrandonGrotesque',Tahoma,Geneva,sans-serif;color:#fff;line-height:1;font-weight:900} .logotype:hover,.logotype:focus{color:#fff;text-decoration:none;opacity:.8} .logotype__second-color{color:#eb5252!important} .logotype__second{display:block} .h__in-top{height:65px} .h__in-bottom{height:60px;background-color:#eec784;-webkit-box-shadow:0 1px 1px 1px #1566ce12;-moz-box-shadow:0 1px 1px 1px #1566ce12;-ms-box-shadow:0 1px 1px 1px #1566ce12;-o-box-shadow:0 1px 1px 1px #1566ce12;box-shadow:0 1px 1px 1px #1566ce12;z-index:1} .h__top-m-item{display:inline-block} .h__top-m-link,.h__bottom-m-link,.h__bot-mr-link{cursor:pointer;text-align:center;line-height:66px;min-width:80px;display:block;height:65px;position:relative;text-transform:uppercase;font-size:17px} .h__top-m-link:hover,.h__bottom-m-link:hover{color:#fff;-webkit-box-shadow:inset 0 5px #eb5252ba;-moz-box-shadow:inset 0 5px #eb5252ba;-ms-box-shadow:inset 0 5px #eb5252ba;-o-box-shadow:inset 0 5px #eb5252ba;box-shadow:inset 0 5px #eb5252ba} .h__bottom-m-link:hover{color:#151617} .h__top-m-link,.h__bottom-m-link{padding:0 10px} .h__bottom-m-link .badge{top:5px;font-size:12px} .h__bottom-menu--list,.h__bot-menu--right{display:flex;flex-direction:row} .h__bot-mr-item{list-style:none} .h__bot-mr-link:hover .icon__hover:after{content:"";position:absolute;height:45px;width:45px;border-radius:50%;background-color:#fde9c7;left:6px;top:11px;z-index:-1} .h__bot-mr-link:hover .icon{color:#eb5252} .h__bot-mr-link{min-width:57px} .h__bottom-m--dropdown{position:absolute;top:100%;z-index:1000;display:none;min-width:140px;color:#212529;text-align:left;background-color:#fce0b0;width:100%;left:0;padding:20px;-webkit-box-shadow:0 2px 14px rgba(174,197,231,.5);-moz-box-shadow:0 2px 14px rgba(174,197,231,.5);box-shadow:0 2px 14px rgba(174,197,231,.5)} .h__menu-subtitle{font-size:22px} .h__menu-sublist{column-count:4;line-height:2.5;margin:0;padding:0;list-style:none;margin-right:5px} .dropdown.is__active .h__bottom-m--dropdown,.f__column{display:flex;flex-wrap:wrap} .h__bottom-m--dropdown .col:first-child .h__menu-sublist{column-count:1} .h__bottom-m--dropdown .col:first-child .h__menu-sublink{font-size:18px} .h__menu-subitem{cursor:pointer} .h__bottom-m--dropdown .col:first-child .tags__subitem .h__menu-sublink{font-family:unset;font-size:13px} /* LOGIN---------- */ .login__box-dropdown,.favourite__list-dropdown{margin-top:162px;margin:5px 0 0;border:none;-webkit-box-shadow:0 4px 14px rgba(174,197,231,.5);-moz-box-shadow:0 4px 14px rgba(174,197,231,.5);;box-shadow:0 4px 14px rgba(174,197,231,.5);;font-size:12px;width:250px;position:absolute;z-index:1000;top:75%!important;background-color:#fce0b0;display:none;right:15px;left:auto} .lb__user,.favourite__list-text{display:flex;flex-flow:row wrap;padding:15px;align-items:flex-start;border-bottom:1px solid rgba(234,243,253,.7)} .favourite__list-text{padding:0 20px;font-size:17px} .lb__avatar-drop{width:40px;height:40px;border-radius:50%;margin-right:20px} .lb__avatar-drop img{vertical-align:top} .lb__avatar{width:35px;border-radius:50%;max-width:100%;height:36px;vertical-align:middle} .lb__name-text{font-size:18px;font-weight:500} .lb__name-link{color:#399af2;text-decoration:underline} .lb__menu-link,.favourite__list-link{display:block;font-size:13px;width:100%;margin-top:13px;text-align:left;line-height:1;height:auto;padding:10px 0 10px 20px} .favourite__list-link{font-size:12px;position:relative} .favourite__list-link .badge{margin:0;font-size:10px;padding:6px 7px;top:5px;right:20px} .lb__menu-link:hover,.favourite__list-link:hover{background-color:#399af214} .lb__menu-link .icon{font-size:16px} .lb__name{line-height:1.3} .login__box-dropdown,.h__bottom-m--dropdown,.favourite__list-dropdown{-webkit-animation-name:slideUpIn;animation-name:slideUpIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .dropdown.is__active .login__box-dropdown,.dropdown.is__active .favourite__list-dropdown{display:block} .login__box{display:none;padding:50px 60px;max-width:385px;width:100%} .login__box:before,.footer__inner:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;display:block;background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);-webkit-box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25)} .lb__title{margin-bottom:35px;text-align:center} .lb__title span{font:29px 'BrandonGrotesque',Tahoma,Geneva,sans-serif;color:#839bb3;line-height:1;font-weight:900} .login__box input[type="text"],.login__box input[type="password"],.lb__checkbox{display:block;margin-bottom:20px;width:100%} .login__box input:-webkit-autofill,.login__box textarea:-webkit-autofill,.login__box select:-webkit-autofill{background-color:rgba(240,246,255,.7)!important} .login__box button{width:100%;display:inline-block;margin-bottom:20px;margin-top:20px} .login__box button:nth-child(2){background-color:#f4f6f8} .login__box button:nth-child(2) > a{color:#4d5a68} .login__box input[type="text"],.login__box input[type="password"]{padding:0 15px 0 45px;background-color:#f4f6f8;box-shadow:none;height:49px;line-height:49px} .login__box .lb__icon-name,.login__box .lb__icon-password{position:relative} .login__box .lb__icon-name:before,.login__box .lb__icon-password:before{content:'\e81b';position:absolute;left:10px;top:14px;font-size:18px;color:#839bb3} .login__box .lb__icon-password:before{content:'\e8ad'} .lb__checkbox input{display:none} .lb__checkbox input + label:before{width:14px;height:14px;margin-right:7px;cursor:pointer;position:relative;top:3px;border-radius:3px;content:"";background-color:#f6f6f6;display:inline-block} .lb__checkbox input:checked + label:before{background-color:#e5050b} .lb__social{margin:20px -20px -20px -20px;padding:20px;text-align:center;color:#fff} .lb__social span{color:#839bb3;margin-right:5px} .lb__social a{display:inline-block;vertical-align:top;color:#399af2} .sign__text{margin-top:7px;display:block;text-align:center} .sign__text a{position:relative;background-image:-webkit-linear-gradient(0deg,#54adff 0%,#2296ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#399af2} .sign__group--checkbox{width:100%;text-align:left} .sign__group--checkbox input:not(:checked),.sign__group--checkbox input:checked{position:absolute;left:-9999px} .sign__group--checkbox input:not(:checked) + label,.sign__group--checkbox input:checked + label{font-size:14px;position:relative;cursor:pointer;padding-left:34px;line-height:22px;margin:0} .sign__group--checkbox input:not(:checked) + label a,.sign__group--checkbox input:checked + label a{background-image:-webkit-linear-gradient(0deg,#ff55a5 0%,#ff5860 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ff5860;opacity:0.75} .sign__group--checkbox input:not(:checked) + label a:hover,.sign__group--checkbox input:checked + label a:hover{opacity:1} .sign__group--checkbox input:not(:checked) + label:before,.sign__group--checkbox input:checked + label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;background-color:#f4f6f8;border:1px solid #2a9aff} .sign__group--checkbox input:not(:checked) + label:after,.sign__group--checkbox input:checked + label:after{font-family:'fontello';content:'\e868';position:absolute;left:5px;top:0;font-size:14px;line-height:20px;text-align:center;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;color:#2e9cff} .sign__group--checkbox input:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)} .sign__group--checkbox input:checked + label:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} .sign__group--checkbox label::-moz-selection{background:transparent;color:rgba(255,255,255,0.5)} .sign__group--checkbox label::selection{background:transparent;color:rgba(255,255,255,0.5)} #js__header-btn--menu,#js__header-btn--sidebar{display:none} /* SEARCH---------- */ .search__wrapper{width:100%;position:absolute;left:0;top:0;z-index:8888;height:65px;display:none;background-color:#2a2d34;-webkit-box-shadow:0 1px 1px 1px #1566ce12;-moz-box-shadow:0 1px 1px 1px #1566ce12;-ms-box-shadow:0 1px 1px 1px #1566ce12;-o-box-shadow:0 1px 1px 1px #1566ce12;box-shadow:0 1px 1px 1px #1566ce12} .search__box{width:100%;position:relative;max-width:705px;margin:0 auto} .search__box input,.search__box input:focus{width:100%;height:65px;line-height:65px;padding:0 60px 0 10px;box-shadow:none;background-color:#399af20f;color:#fff} .search__box .button{position:absolute;right:0;top:0;border-radius:0;height:65px;line-height:65px;background-color:transparent} .search__box .button .icon{color:#4d5a68;font-size:22px} /* TOPSIDE---------- */ .topside,.topside__carousel{width:auto;position:relative;background-color:#151617} .topside{max-height:390px;overflow:hidden} .topside__right-inner{position:relative;width:100%;height:100%} .topside__left{width:60%} .topside__right{width:40%} .ts__left-item{position:relative;padding-top:46.6%;margin-bottom:0;overflow:hidden;width:100%} .ts__right-item{position:relative;display:block;width:50%;overflow:hidden} .ts__right-item:first-child{border-left:4px solid #fff;border-right:4px solid #fff;border-bottom:4px solid #fff} .ts__right-item:nth-child(2){border-right:4px solid #fff;border-bottom:4px solid #fff} .ts__right-item:nth-child(3){border-left:4px solid #fff;border-right:4px solid #fff} .ts__right-item:nth-child(4){border-right:4px solid #fff} .ts__left-item:hover,.ts__right-item:hover{opacity:.8} .ts__left-header{position:absolute;left:50%;top:50%;display:table;width:70%;height:260px;margin:-55px 0 0 -35%;font-size:38px;z-index:3;color:#fff} .ts__right-header{font-size:18px;z-index:1;position:absolute;left:0;bottom:0;margin:20px;color:#fff} .topside .cover:before{background:#15161700;background:-webkit-linear-gradient( top,#1516176e,#15161700);background:-moz-linear-gradient( top,#1516176e,#15161700);background:linear-gradient(to top,#1516176e,#15161700)} .topside .scroll{position:absolute;z-index:1;bottom:0;left:48%;min-height:auto} .topside__tabs span{display:inline-block;vertical-align:top;padding:10px 25px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;color:#fff;background-color:#212529} .topside__tabs{display:inline-block;vertical-align:top} .topside__tabs span{cursor:pointer} .topside__tabs span.current{color:#fff;background-color:#399af2} .topside__tabs span:not(.current):hover{color:#399af2;text-decoration:underline;background-color:#399af224} /* TOPSIDE CAROUSEL---------- */ .topside__carousel{padding:20px 10px 0} .topside__tabs{margin-bottom:20px} .ts__carousel-item{display:block} .carousel__item-title{padding:7px;text-align:center;font-size:17px;width:100%} .carousel__item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff} .ts__carousel-item:hover .carousel__item-text{color:#399af2;text-decoration:underline} /* MOSAIC---------- */ .column.is__side .mosaic{-webkit-column-width:280px;-webkit-column-gap:15px;-moz-column-width:280px;-moz-column-gap:15px;column-width:280px} .mosaic{-webkit-column-width:290px;-webkit-column-gap:15px;-moz-column-width:290px;-moz-column-gap:15px;column-width:290px;column-gap:15px;padding:30px 5px} .short__mosaic{width:100%;margin:0 0 15px 0;padding:15px;display:inline-block;border-radius:3px;overflow:hidden;background-color:#fde9c7} .s__mosaic-image{margin:-15px -15px 15px -15px;display:block;position:relative} .s__mosaic-image:after{bottom:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px} .s__mosaic-top{margin-bottom:15px} .s__mosaic-th{width:50px;height:50px;border-radius:50%} .s__mosaic-info{width:100%;line-height:20px} .s__mosaic-title{font-size:20px;display:block;margin-bottom:6px} .s__mosaic-meta{opacity:0.6} .s__mosaic-meta > span + span{margin-left:10px} .s__mosaic-meta .icon{margin-right:5px;font-size:15px} .s__mosaic-desc{line-height:20px;opacity:0.8;margin-bottom:15px} .s__mosaic-btm{padding-top:15px;font-size:12px} .s__mosaic-image:hover img{opacity:0.8} .s__mosaic-btm > a{background-color:#399af224;border-radius:20px;padding:9px} .s__mosaic-info a:hover,.s__mosaic-btm > a:hover{text-decoration:underline} .short__header h1,.short__header h2,.short__header h3{font-size:26px;text-transform:uppercase;padding:25px 0 10px 5px} .short__header h1:after,.short__header h2:after,.short__header h3:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;display:block;background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);} .short__header .button{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#6d90a8;background-color:#f4f9ff} .short__header .button:hover,.short__header .button:hover .icon{color:#399AF2} .short__header{margin-bottom:20px} /* SIDEBAR ----------------------------------------------- */ .is__side .right__sidebar{margin-right:-275px;height:auto;overflow:visible} .r__sidebar-box{margin-top:30px} .r__sidebar-box--content.fx__row{padding-bottom:0} .r__sidebar-box--title{font-size:19px;padding:15px 10px;letter-spacing:2px;margin-bottom:30px;border-bottom:2px solid #839bb30d} .c__nowviews-item:nth-child(n+1):nth-child(-n+4){width:48%;display:inline-block;margin-right:5px} .c__nowviews-item{max-height:215px;overflow:hidden;position:relative} .c__nowviews-item:nth-child(n+1):nth-child(-n+4){margin-bottom:9px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .c__nowviews-item:nth-child(n+5):nth-child(-n+10) .c__nowviews-item--image{margin:0 10px 4px 0;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .c__nowviews-item:nth-child(n+5):nth-child(-n+10) .c__nowviews-item--image img{width:45px;height:65px} .c__nowviews-item:nth-child(n+5):nth-child(-n+10) > a{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .c__nowviews-item:nth-child(n+5):nth-child(-n+10) .c__nowviews-item--title{width:80%;font-size:17px;padding:0 10px} .c__nowviews-item:nth-child(n+1):nth-child(-n+4) .c__nowviews-item--title{padding:15px;text-align:center;background-color:#5961725c;color:#fff;position:absolute;left:0;bottom:0;width:100%;font-size:16px} .custom__top .r__sidebar-box--content{padding:5px;-webkit-column-width:280px;-webkit-column-gap:10px;-moz-column-width:280px;-moz-column-gap:0;column-width:112px} .c__top-item{margin-bottom:10px;width:100%;margin:0 0 15px 0;display:inline-block} .img__box-height{padding-top:180%} .img__box-height .image{width:100%;min-height:100%;display:block;position:absolute;left:0;top:0;background-size:cover;background-position:center center} .c__top-item--image{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .c__top-item:hover .c__top-item--image{opacity:.8} .c__top-item--title{font-size:16px;margin-top:4px} .custom__sitenews-list{list-style:hiragana;padding:20px} .c__sitenews-list--item{margin-bottom:10px} .c__top-item:hover .c__top-item--text,.c__nowviews-item:hover .c__nowviews-item--text,.c__sitenews-link:hover{color:#399AF2;text-decoration:underline} .r__sb-content--title{font-size:17px;margin-bottom:12px} /* WIDGET ----------------------------------------------- */ /* SORTER---------- */ .sorter{display:inline-block;float:right;position:relative;padding:0 20px;line-height:40px;color:#6d90a8;background-color:#fde9c7;border-radius:5px} .sorter:before{content:attr(data-label);float:left;padding:0 10px 0 0;cursor:pointer} .sorter > .fa{font-size:10px} .sorter form{margin-top:5px;font-size:12px;width:180px;position:absolute;z-index:1000;background-color:#2a2d34;display:none;right:15px;left:auto;padding:10px 15px} .sorter a{display:block;color:#fff} .sorter a:hover,.sorter a:focus{text-decoration:underline} .sort li.asc a:after,.sort li.desc a:after{content:"\f107";font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-left:10px} .sort li.desc a:after{content:"\f062"} /* SHORT---------- */ .s_header-right > div{display:inline-block} .grid__select{padding:5px;margin-right:6px} .grid__select div{height:33px;width:33px;line-height:35px;text-align:center;margin-right:4px;float:left;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer} .grid__select div:hover,.grid__select div.current{background-color:rgba(240,246,255,.7)} .grid__select div:hover .icon,.grid__select div.current .icon{color:#399af2} .grid__select div .icon{color:#6d90a8;font-size:20px} .grid__thumb .short{position:relative;margin-bottom:20px;width:calc(100%/6);width:-webkit-calc(100%/5);padding:10px;height:auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;display:inline-block} .column.is__side .grid__thumb .short{width:calc(100%/6);width:-webkit-calc(100%/6)} .grid__thumb .short__image{width:100%;height:0;padding-top:144%;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;margin-bottom:10px} .grid__thumb .short__image img{position:absolute;left:0;top:0} .short__image .badge{text-transform:uppercase} .short__image .badge.badge-dark{top:13px} .short__image .badge-infosh{bottom:70px;top:auto;left:auto;width:100%;padding:7px;border-radius:0;background-color:#399AF2} .short__image .badge-info{top:13px;right:6px;padding:7px;z-index:1} .grid__thumb .short__description,.coll_shortstory-full .short__description{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px} .grid__thumb .short .short__inner,.coll_shortstory-full .short__inner{position:relative} .grid__thumb .short__description,.coll_shortstory-full .short__description{position:absolute;bottom:3rem;width:100%;text-align:center;padding:1.2rem} .grid__thumb .short:nth-child(odd) .short__description,.coll_shortstory-full:nth-child(odd) .short__description{background-color:rgba(0,0,0,.7)} .grid__thumb .short:nth-child(odd) .short__description > a,.coll_shortstory-full:nth-child(odd) .short__description > a{color:#fff} .grid__thumb .short:nth-child(even) .short__description,.coll_shortstory-full:nth-child(even) .short__description{background-color:rgba(255,255,255,.7)} .grid__thumb .short:nth-child(even) .short__description .short__subtitle,.coll_shortstory-full:nth-child(even) .short__description .short__subtitle{color:#567392} .short__subtitle{font-size:15px;color:#a6afb6} .grid__thumb .short_bottom,.coll_shortstory-full .short_bottom{font-size:15px} .grid__thumb .short .header__bg,.short .short__text,.grid__thumb .short__actions{display:none} .r__worldart span,.r__shikimori span{background-color:#eb3344;display:inline-block;padding:1px 5px;margin-left:2px;border-radius:4px;-webkit-border-radius:4px;color:#fff} .r__shikimori span{background-color:#596172} .grid__thumb .gridder-list,.grid__thumb .gridder-show{font-size:12px} .grid__thumb .gridder-list{display:inline-block;vertical-align:top} .grid__thumb .gridder-show{padding:4%;background:#222;position:relative;display:block;float:left;width:100%;margin-bottom:0.5%;text-align:left;color:#CCC;height: max-content;min-width: 400px;} .grid__thumb .gridder-navigation .gridder-nav.prev,.grid__thumb .gridder-navigation .gridder-nav.next{display:none} .grid__thumb .gridder-navigation .gridder-close{cursor:pointer;padding:7px;position:absolute;right:10px;top:0;font-size:28px;z-index:2;-webkit-box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);background-image:-moz-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:-webkit-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:-ms-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:linear-gradient(90deg,#54adff 0%,#2296ff 100%)} .grid__thumb .gridder-navigation .gridder-close .icon{color:#fff} .grid__thumb .gridder.hasSelectedItem .gridder-list:not(.selectedItem){opacity:.2} .short__list{position:relative;padding:20px} .short__list .header__bg-image,.coll__short .header__bg-image{position:absolute;top:0;bottom:0;right:0;left:0;background-size:cover;background-position:center center} .short__list .header__bg-image:before{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:#ffffffe8;background:-webkit-linear-gradient(left,#ffffffe8,#fff);background:-moz-linear-gradient(left,#ffffffe8,#fff);background:linear-gradient(to left,#ffffffe8,#fff);z-index:0} .short__list .img__box{background-color:transparent} .short__list .short__inner{position:relative} .short__list .short__image{width:180px;min-height:100px;margin-right:10px;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .short__list .short__description{color:#4d5a68;width:74%;display:inline-block;vertical-align:top} .short__list .short_bottom{width:25px;color:#4d5a68;display:inline-block;vertical-align:top} .short__list .short_bottom > div{margin-bottom:30px} .short__list .short__subtitle{margin-bottom:10px} .short__list .short__text{font:14px/18px 'P_Nova-Regular',Tahoma,Geneva,sans-serif} .short__list .short__description > a{font-size:28px} .short__list .short__actions{display:block} .short__list .short__actions .button{width:100%;text-align:center;background-color:#839bb352;margin-top:5px;color:#4d5a68} .short__list .short__actions .button:hover{color:#399AF2;text-decoration:underline} .th-rate{left:11px;top:10px;background-color:#596172;z-index:40;line-height:39px;text-align:center;font-weight:600;position:absolute;height:33px;color:#fff;width:33px;border-radius:50%} .th-rate > span{border:2px solid #596172;left:-4px;top:-5px;position:absolute;height:42px;width:42px;border-radius:50%} .th-rate.high > span{border:2px solid #31c469} .th-rate.low > span{border:2px solid #ff293d} .th-rate-in{opacity:0;position:absolute;left:-4px;top:0;bottom:0;padding:0 10px;line-height:35px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#4d5a68;background-color:#fff;min-width:70px;white-space:nowrap} .th-rate:hover .th-rate-in{opacity:1} .sr-plus,.sr-minus{display:inline;cursor:pointer} .sr-plus .icon,.sr-minus .icon{font-size:19px;color:#31c469} .sr-minus .icon{color:#ff293d} .sr-minus{margin-left:10px} .sr-plus .fa{color:#83bf45;margin-right:5px} .sr-minus .fa{color:#ee3442;margin-right:5px} .th-rate.high{background-color:#31C469} .th-rate.low{background-color:#ff293d} .rate3-short{text-align:center} .sr-plus1,.sr-minus1{width:35px;margin-left:15px;color:#939393;font-size:12px;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .sr-plus1 .icon,.sr-minus1 .icon{font-size:25px;display:block;color:#31c469} .sr-minus1 .icon{color:#ff293d} .r3-hide{display:none} .sr-plus1:hover,.sr-minus1:hover{color:#fff;cursor:pointer} .full__story-top .rate3-short{display:flex} /* SCHEDULE ----------------------------------------------- */ .schedule-tabs{list-style:none;margin-top:20px;margin-bottom:35px;position:relative;padding:7px 65px 0;background-color:#f4f6f88a;-webkit-box-shadow:0 10px 24px -6px rgba(148,149,160,0.18);-moz-box-shadow:0 10px 24px -6px rgba(148,149,160,0.18);box-shadow:0 10px 24px -6px rgba(148,149,160,0.18)} .schedule-tabs li{font-size:16px;display:inline-block;margin-right:4px;line-height:40px;padding:0 30px;text-align:center} .schedule-tabs li.active,.schedule-tabs li:hover{cursor:pointer;color:#399af2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#f4f6f8} .schedule-tabs li.active{background-color:#399af2;color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);background-image:-moz-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:-webkit-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:-ms-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:linear-gradient(90deg,#54adff 0%,#2296ff 100%)} .schedule_item{display:inline-block;box-sizing:border-box;padding:10px;text-align:center;overflow:hidden;position:relative} .schedule_item[data-time]:after{content:attr(data-time);position:absolute;top:160px;left:10px;background-color:#3394e6e6;padding:5px 10px;color:#fff;border-radius:0 4px 4px 0} .column.is__side .schedule_item{width:calc(100%/4);width:-webkit-calc(100%/4)} .schedule_item{width:calc(100%/6);width:-webkit-calc(100%/6)} .schedule_item .short__image{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .schedule_item .short__description{margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .schedule_item .short__title{font-size:21px} .schedule_item .badge{font-size:15px} /* BOTTOM NAVIGATION ----------------------------------------------- */ .pagi__nav{margin-top:20px} .bottom__nav{line-height:36px;text-align:center;padding:20px 0 10px 0} .pagi__nav{max-width:100%;display:inline-block} .pagi__nav > span{display:inline-block} .pprev,.pnext{} .pprev{} .pnext a,.pprev a,.pprev > span,.pnext > span{display:block;width:36px;text-align:center} .navigation{text-align:center} .navigation a,.navigation span,.pnext a,.pprev a,.pprev > span,.pnext > span{display:inline-block;padding:0 5px;min-width:36px;background-color:#fde9c7;margin:0 5px 10px 5px;border-radius:3px} .navigation span,.pagi__nav a:hover{background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);color:#fff} .navigation span.nav_ext{background-color:#fff;color:#888} .pagi__nav a:hover{background-color:#399af2;color:#fff} .dle-comments-navigation .pagi__nav{margin-bottom:0} .pnext a .icon,.pprev a .icon,.pprev > span .icon,.pnext > span .icon{font-size:14px} .pnext a:hover .icon,.pprev a:hover .icon{color:#fff;text-decoration:underline} /* COLLECTIONS---------- */ .collection__main .coll__short{width:calc(100%/3.03);width:-webkit-calc(100%/3.03);margin-bottom:5px} .coll__short{position:relative;width:calc(100%/2.02);width:-webkit-calc(100%/2.02);-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:5px;display:inline-block;margin-bottom:20px} .coll__short:hover{opacity:.8} .coll__short:hover .short__title,.c__sh-text > a{color:#399af2;text-decoration:underline} .coll__short-full{margin-bottom:40px} .c__sh-image{position:relative;margin-bottom:20px;width:100%;padding-top:20%;overflow:hidden;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .c__sh-image img{position:absolute;left:0;top:-85%;width:100%} .coll__short .header__bg{padding-top:33%} .coll__short .header__bg-image{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .coll__short-description,.coll__short-full .subtitle{padding:15px;text-align:center;background-color:#5961725c;color:#fff;position:absolute;left:0;bottom:0;width:100%;font-size:22px} .coll_shortstory-full{position:relative;padding:10px;height:auto;width:calc(100%/5);width:-webkit-calc(100%/5);-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;display:inline-block} /** -------- COMMENTS ------ **/ .comms-title{line-height:40px;margin-bottom:20px} .comms-title > span{font-size:16px} .add-comm-form{position:relative;margin-bottom:20px;padding:20px;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;display:none;background-color:#1e1d21;color:#fff} .ac-soc{position:absolute;right:0;top:-43px} .ac-soc:before{content:attr(data-label);display:inline-block;vertical-align:top;line-height:30px;margin-right:5px} .ac-soc a{display:inline-block;margin:0 0 0 3px;vertical-align:top} .ac-soc img{display:block;width:30px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .ac-inputs,.ac-textarea{margin-bottom:15px} .ac-av{width:40px;height:40px;float:left;margin-right:10px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#4f555f url(../dleimages/noavatar.png) no-repeat;background-size:contain} .ac-title{font-weight:700;margin-bottom:15px;text-transform:uppercase} .ac-inputs input{width:49%} .ac-textarea textarea{height:85px} .ac-submit{} .sec-answer + .sec-label{margin-top:10px} .ac-protect{margin-top:-10px;display:none} .ac-protect .label{font-size:12px} .ac-protect .sep-input{padding:10px 10px 10px 160px} .ac-protect input{} .mass_comments_action{text-align:right;padding:5px 15px;background-color:#f4f6f8;margin:0} .last-comm-link{font-size:19px;margin-bottom:10px} .last-comm-link a{text-decoration:underline} .full-comms{} .comm-item,.comm-left{position:relative} .comm-left img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:2px solid #399af2;width:50px;height:50px} .comm-left{margin-bottom:12px} .comm-left.fx__row{-webkit-justify-content:left;justify-content:left} .comm-left-image{margin-right:10px} .comm-left .up-status{bottom:-35px;left:-14px;width:80px} .comm-right{width:100%;padding:17px;margin-bottom:30px;background-color:#f4f6f8;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px} .comm-one{padding:0 80px 10px 0;position:relative} .comm-one > span{float:left;margin-right:20px} .comm-author{font-weight:700;opacity:1!important} .comm-author a{text-decoration:underline} .rate3-comm{position:absolute;right:10px;top:73px;white-space:nowrap;font-weight:700} .rate3-comm a{cursor:pointer;width:28px;font-size:15px;color:#31c469;text-align:center} .rate3-comm a:last-child{color:#eb3344} .rate3-comm a:hover{opacity:0.5} .rate3-comm > span{color:#c4d3e3} .rate3-comm .ratingtypeplusminus{color:#4d5a68} .rate3-comm > a > span.ratingplus{font-size:18px;color:#88B669} .rate3-comm > a > span.ratingminus{font-size:18px;color:#EB6C65} .comm-two{padding-bottom:0} .comm-three{margin-top:10px;font-size:12px;text-align:right;position:relative} .comm-three li{display:inline-block;margin-left:10px} .comm-three li:first-child a{margin-left:0;float:left;position:absolute;bottom:-34px;left:50px;padding:10px 15px;border-radius:24px;color:#fff;background-color:#97abbf} .comm-three li .fb-check{top:11px} .gray-theme.fr-box.fr-basic .fr-element,.gray-theme.fr-toolbar{background-color:#302f33;color:#fff!important} .gray-theme.fr-toolbar{color:#fff!important;background-color:#151617!important} .gray-theme.fr-toolbar .fr-command.fr-btn i,.gray-theme.fr-popup .fr-command.fr-btn i,.gray-theme.fr-toolbar .fr-command.fr-btn svg,.gray-theme.fr-popup .fr-command.fr-btn svg{color:#fff!important} .gray-theme.fr-box .fr-counter{background:#151617!important;border-top:solid 1px #151617!important;border-left:solid 1px #151617!important} .gray-theme .fr-separator,.gray-theme.fr-desktop .fr-command:hover,.gray-theme.fr-desktop .fr-command:focus{background-color:transparent!important} .fb-check input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer} .fb-check input:hover + label:after{box-shadow:0 2px 15px 0 rgba(0,0,0,0.2),0 3px 8px 0 rgba(0,0,0,0.15)} .fb-check input:checked + label:after{left:32px} /* FOOTER---------- */ .footer__title{color:#fff;font-size:20px;letter-spacing:.4px;margin-bottom:20px} .footer__copyright{display:flex;padding-top:30px;flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid rgba(255,255,255,0.05)} .f__menu-list{flex-direction:column;align-items:flex-start;margin-top:0} .f__menu-link{color:#728394} .f__menu-item{margin-bottom:15px} .f__menu-image{width:140px} .footer__copyright small{color:#839bb3} .footer__copyright ul{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:10px} .footer__copyright ul li{margin-right:30px} .footer__copyright ul a{color:#839bb3} /* FULLSTORY---------- */ .full__header{position:relative;margin-top:-4px;margin-left:-35px;margin-right:-35px} .full__header-bg{position:absolute;top:0;bottom:0;right:0;left:0;overflow:hidden} .full__header-bg--img{position:absolute;top:0;bottom:0;right:0;left:0;background-size:cover;background-position:center center;/*-webkit-filter:blur(30px);-moz-filter:blur(30px);-o-filter:blur(30px);-ms-filter:blur(30px);filter:blur(30px);*/} .full__header-bg--img:before{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:#15161738;background:-webkit-linear-gradient(top,#15161796,#151617);background:-moz-linear-gradient(top,#15161796,#151617);background:linear-gradient(to bottom,#15161796,#151617);z-index:0} .full__header-inner{text-align:center;padding-top:40px;padding-bottom:76px;position:relative} .full__header-title{margin-left:15%;margin-right:15%;z-index:1;position:relative} .full__header-title .full__content-poster{display:none} .full__header-title h1{color:#fff;font-size:40px;font-weight:700} .full__header-subtitle{color:#c4d3e3;font-size:15px} .full__header-actions{margin-top:70px} .full__header-actions a{margin-right:15px} .full__header-actions a:last-child{background-color:#242227} .full__header-actions a .icon{color:#fff} .full__content-poster{width:20%;position:relative;margin-top:-64px;margin-bottom:32px} .full__content-poster img{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;min-height:auto;display:block} .full__content{margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px} .full__content-inner{width:79%;padding-left:48px;padding-top:30px;padding-bottom:32px} .full__content-inner.full__inner{width:100%;padding:0} .full__content-inner.half__inner{width:33%;padding:0} .full__footer .full__content-inner.half__inner{width:50%;padding:0} .full__content-actions{width:30%} .full__rating{margin-bottom:54px} .full__content-screens{width:100%;margin-right:-30px} .full__content-desc{color:#919296;font-size:14px;line-height:1.5;margin-bottom:20px} .full__content-desc h2{margin-bottom:5px;font-weight:700;font-size:22px} .full__info li{padding:0 10px 7px 110px;line-height:20px;font-size:14px} .full__content-info--inner .full__info li{padding:0 10px 15px 110px} .full__info li > span:first-child{display:inline-block;float:left;margin-left:-100px;font-weight:600;font-size:16px} .full__info li > a{text-decoration:underline;background-color:#fde9c7;padding:5px;border-radius:3px} .download_btn{width:100%;background-color:#ff293d;color:#fff;height:30px;line-height:32px;margin-bottom:10px} .full__content-info--title{padding:10px;font-size:20px;font-weight:600} .full__favourite{padding:15px;text-align:center} .f__fav{color:#eb5252;cursor:pointer;font-size:14px} .f__fav a{color:#90b23d} .f__fav.guest__registration:before{content:attr(title)} .full__content-inner .subtitle{font-size:16px;font-weight:600;margin-bottom:15px;color:#fff;text-align:center;margin-top:30px} .full__subcontent{background-color:#1e1d21;padding:13px 20px} .complaint__btn{font-size:15px} .complaint__btn a{text-decoration:underline;color:#399af2} .js .related__news .tabs__b{display:none} .js .related__news .tabs__b.visible{display:block} .related__news .tabs__sel{margin-bottom:35px;position:relative;margin-left:-65px;margin-right:-65px;padding:7px 65px 0;background-color:#fde9c7;-webkit-box-shadow:0 10px 24px -6px rgba(148,149,160,0.18);-moz-box-shadow:0 10px 24px -6px rgba(148,149,160,0.18);box-shadow:0 10px 24px -6px rgba(148,149,160,0.18)} .related__news .tabs__sel span{color:#849cb4;position:relative;display:inline-block;padding:13px 20px;vertical-align:top;font-size:18px;cursor:pointer} .related__news .tabs__b{width:50%} .related__news .tabs__sel span.current{color:#4d5a68} .related__news .tabs__sel span.current:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);} .related__news .tabs__sel span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;display:block;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease;-webkit-transform:translateY(2px);-moz-transform:translateY(2px);transform:translateY(2px)} .full__header:after,.full__story-top--header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;display:block;background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);-webkit-box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25)} .full__story .sub__title{margin-bottom:15px;margin-top:5px;padding:10px;font-size:18px;color:#4d5a68;background-color:#f4f6f88a;-webkit-box-shadow:0 10px 24px -6px rgba(148,149,160,0.18);-moz-box-shadow:0 10px 24px -6px rgba(148,149,160,0.18);box-shadow:0 10px 24px -6px rgba(148,149,160,0.18)} .chronos__item,.full__creators-item > a{margin-top:7px;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-ms-flexbox;display:-webkit-flex;display:flex} .chronos__image{width:18%;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .full__c-image img{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .full__c-image{width:50px} .full__heroes .full__c-image{width:135px} .chronos__desc,.full__c-title{padding:0 10px} .chronos__subtitle{font-size:12px;font-weight:700} .chronos__title,.chronos__link,.full__c-title{font-size:14px;display:block;font-weight:700} .chronos__title,.chronos__subtitle{opacity:.6} .full__heroes-inner{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:left;justify-content:left} .full__heroes .full__creators-item{width:135px;margin-right:20px} .full__heroes .full__creators-item a{display:block} .related__news{margin-top:40px} .related__news .short{width:calc(100%/3)!important;width:-webkit-calc(100%/3)!important} .related__news .sub__title{background-color:transparent;font-size:19px} .js .tabs_box .tabs_b{display:none} .js .tabs_box .tabs_b.visible{display:block} .tabs_box .tabs_sel{background-color:#1e1d21} .tabs_box .tabs_sel span{display:inline-block;padding:13px 30px;vertical-align:top;font-size:15px;background-color:#2b292f;color:#fff;cursor:pointer} .tabs_box .tabs_sel span.current{background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%);color:#fff} .full__story-top{margin-right:-15px;margin-left:-15px;margin-top:6px;display:none;background-color:#1e1d21} .full__story-top--header{padding:12px 30px;position:relative} .full__heacse,.full__news{padding-top:40px} .full__heacse .full__header,.full__news .full__header{margin:0;padding-left:30px;padding-right:30px;margin-bottom:30px} .full__heacse .full__header:after,.full__news .full__header:after{display:none} .full__heacse .full__header h1,.full__news .full__header h1{color:#4d5a68;font-size:35px} .full__heacse .full__content-poster,.full__news .full__content-poster{margin-top:0} .full__heacse .full__info li > span:first-child{width:155px} .full__story .badge.badge-warning{margin-bottom:0;position:relative} .full__story .badge.badge-warning{background-color:#ff293d} .full__news .full__content-poster{position:relative;margin-bottom:20px;width:100%;padding-top:20%;overflow:hidden;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .full__news .full__content-poster img{position:absolute;left:0;top:-85%;width:100%} .full__news .related__news .short{width:calc(100%/2)!important;width:-webkit-calc(100%/2)!important} .full__news .related__news .short__image{padding-top:60%} .full__news .short_bottom{display:none} .full__manga .full__header-title h1{font-size:27px} .gridder-expanded-content .full__header-title h1{font-size:30px} .gridder-expanded-content .full__header-title{margin:0;margin-bottom:15px} .gridder-expanded-content .full__info,.gridder-expanded-content .full__content-desc,.gridder-expanded-content .button{position:relative} .gridder-expanded-content .full__info li > span:first-child{font-weight:normal;color:#919296;font-size:18px} .gridder-expanded-content .full__info li{color:#fff} .gridder-expanded-content .badge{position:relative;margin:0} .gridder-expanded-content .full__content-desc{max-height:185px;overflow:hidden} .gridder-expanded-content .full__info li > a{color:#399af2;background-color:transparent} /* MANGA VIEW---------- */ .nav-page-list{width:calc(100% - 20px);position:relative;float:left;margin-left:10px;padding:10px 0 10px} .nav-page-list .take-glav{float:left;line-height:35px;padding:0 23px;background-color:#ec4956;border-radius:4px;color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(255,21,43,0.37),0 4px 12px 0 rgba(255,19,41,0.33);box-shadow:0 2px 5px 0 rgba(255,21,43,0.37),0 4px 12px 0 rgba(255,19,41,0.33);background-image:-moz-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:-webkit-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:-ms-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:linear-gradient(90deg,#fb5766 0%,#ff1027 100%)} .nav-page-list. .seltheme{float:left} .nav-page-list .seltheme select{background-color:#f9fafb;outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#4d5a68;padding:0 30px 0 23px;height:35px!important;border-radius:4px;margin-left:10px;text-transform:uppercase;float:left;width:130px;border:1px solid #f2f2f4} .nav-page-list .__pages{float:left;margin-left:30px;line-height:35px;padding:0 23px;text-transform:uppercase;font-size:12px;display:table;border-radius:21px;color:#7a6656;background-color:#ec4956;border-radius:4px;color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(255,21,43,0.37),0 4px 12px 0 rgba(255,19,41,0.33);box-shadow:0 2px 5px 0 rgba(255,21,43,0.37),0 4px 12px 0 rgba(255,19,41,0.33);background-image:-moz-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:-webkit-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:-ms-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:linear-gradient(90deg,#fb5766 0%,#ff1027 100%)} .nav-page-list .backnext{float:right;margin-top:8px} .nav-page-list .backnext li{float:left;position:relative;width:32px;height:32px;margin-left:8px;background-color:#f4f6f8;border-radius:4px;list-style:none} .nav-page-list .backnext li:hover{background-color:#399af2} .nav-page-list .backnext li .icon{font-size:20px} .nav-page-list .backnext li:hover .icon{color:#fff} .nav-page-list .backnext li a{height:32px;width:32px;float:left;text-align:center;line-height:32px;color:#000} .nav-page-list .backnext li a b{height:32px;width:32px;float:left;color:#7d6a5a;font-size:24px;text-align:center;line-height:32px} .nav-page-list .backnext li a i{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:10px;width:6px} #manga_view_start{text-align:center;border-radius:4px;background-color:#ec4956;clear:both;color:#fff;font-weight:bold;cursor:pointer;-webkit-box-shadow:0 2px 5px 0 rgba(255,21,43,0.37),0 4px 12px 0 rgba(255,19,41,0.33);box-shadow:0 2px 5px 0 rgba(255,21,43,0.37),0 4px 12px 0 rgba(255,19,41,0.33);background-image:-moz-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:-webkit-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:-ms-linear-gradient(90deg,#fb5766 0%,#ff1027 100%);background-image:linear-gradient(90deg,#fb5766 0%,#ff1027 100%)} /* RIPPLE---------- */ .ripple-effect{position:relative;overflow:hidden;-webkit-transform:translatez(0)} .ink{display:block;position:absolute;pointer-events:none;border-radius:50%;transform:scale(0)} .ink{background-color:#399af24a;opacity:1} .ink.animate{-webkit-animation:ripple-effect 0.5s linear;-o-animation:ripple-effect 0.5s linear;animation:ripple-effect 0.5s linear} @keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}} @-webkit-keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}} @-moz-keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}} @-ms-keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}} @-o-keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}} /* ICONS---------- */ [class^="iicon-"]:before,[class*=" iicon-"]:before,.login__box .lb__icon-name:before,.login__box .lb__icon-password:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .iicon-gallery:before{content:'\e820'} .iicon-th-large-1:before{content:'\e804'} .iicon-th-1:before{content:'\e805'} .iicon-play:before{content:'\e802'} .iicon-thumbs-up-1:before{content:'\e800'} .iicon-thumbs-down-1:before{content:'\e801'} .iicon-bookmark-remove:before{content:'\e806'} .iicon-chat:before{content:'\e80f'} .iicon-circle-check:before{content:'\e811'} .iicon-edit:before{content:'\e81a'} .iicon-email:before{content:'\e81b'} .iicon-shome:before{content:'\e824'} .iicon-money:before{content:'\e82c'} .iicon-ssearch:before{content:'\e82f'} .iicon-tag:before{content:'\e833'} .iicon-ui:before{content:'\e836'} .iicon-checkmark:before{content:'\e868'} .iicon-align-justify:before{content:'\e83e'} .iicon-align-left:before{content:'\e83f'} .iicon-align-right:before{content:'\e840'} .iicon-bell:before{content:'\e853'} .iicon-checklist:before{content:'\e867'} .iicon-chevron-left:before{content:'\e86a'} .iicon-chevron-right:before{content:'\e86b'} .iicon-cross:before{content:'\e879'} .iicon-dots-3:before{content:'\e888'} .iicon-download:before{content:'\e889'} .iicon-duplicate:before{content:'\e88a'} .iicon-enter:before{content:'\e88b'} .iicon-exit:before{content:'\e88c'} .iicon-experiment:before{content:'\e88f'} .iicon-gear:before{content:'\e898'} .iicon-graph-bar:before{content:'\e89a'} .iicon-heart:before{content:'\e89e'} .iicon-home:before{content:'\e8a0'} .iicon-information:before{content:'\e8a3'} .iicon-lightbulb:before{content:'\e8a7'} .iicon-link:before{content:'\e8a8'} .iicon-location:before{content:'\e8ac'} .iicon-media-next:before{content:'\e8b2'} .iicon-media-play:before{content:'\e8b4'} .iicon-media-shuffle:before{content:'\e8b7'} .iicon-message:before{content:'\e8bb'} .iicon-power:before{content:'\e8d0'} .iicon-preview:before{content:'\e8d1'} .iicon-scale:before{content:'\e8da'} .iicon-search:before{content:'\e8db'} .iicon-star:before{content:'\e8df'} .iicon-tags:before{content:'\e8e6'} .iicon-thumbs-down:before{content:'\e8e7'} .iicon-thumbs-up:before{content:'\e8e8'} .iicon-toggles:before{content:'\e8ec'} .iicon-user:before{content:'\e8f0'} .iicon-view-apps:before{content:'\e8f4'} .iicon-view-list:before{content:'\e8f5'} .iicon-view-thumb:before{content:'\e8f7'} .iicon-lock:before{content:'\e8ad'} .iicon-thumbs-up-alt:before{content:'\f164'} .iicon-thumbs-down-alt:before{content:'\f165'} .iicon-youtube:before{content:'\f313'} .miniNoty{position:fixed;right:0;top:40px;max-width:50%;min-width:150px;z-index:99999;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s} .miniNoty_message{position:relative;right:10px;opacity:0;color:#fff;cursor:pointer;float:right;clear:both;padding:0 10px;margin:0;max-height:0;border-radius:5px;overflow:hidden;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s} .miniNoty_message-show{margin:0 0 10px;padding:7px 10px;max-height:500px;opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)} .miniNoty_message-remove{padding:0;margin:0;overflow:hidden} .miniNoty_message{background:#ff293d;box-shadow:0 2px 5px #ff293d} .miniNoty_btn{display:inline-block;padding:5px 7px;border-radius:4px;color:#fff;margin:5px 5px 0 0;text-decoration:none;border:1px solid #eee;background:rgba(255,255,255,0.3)} .miniNoty_btn:hover{background:rgba(255,255,255,0.5)} @media screen and (max-width:480px){.miniNoty{max-width:100%;width:100%}.miniNoty_message{margin:0 0 5px;border-radius:0;text-align:center;padding:5px;right:0;float:none}.miniNoty_message:last-child{margin:0}.miniNoty_message-show{bottom:5px}} .c-dropdown{position:relative;display:inline-block;text-align:left;margin-top:10px;width:100%} .c-dropdown__list{margin:5px 0 0 0;padding:6px 0;list-style:none;position:absolute;top:125%;left:0;width:100%;opacity:0;z-index:2;visibility:hidden;border-radius:3px;background:#fff;transition:opacity .25s linear,top .25s linear;-webkit-box-shadow:0 4px 14px rgba(174,197,231,.5);-moz-box-shadow:0 4px 14px rgba(174,197,231,.5);box-shadow:0 4px 14px rgba(174,197,231,.5)} .c-dropdown.is-open .c-dropdown__list{opacity:1;visibility:visible;top:100%} .c-dropdown__item{padding:6px 12px;font-size:14px;line-height:20px;cursor:pointer;color:#434A54;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .25s linear} .c-dropdown__item:hover{background-color:#399af214} .c-button{-webkit-appearance:none;margin:0;border:0;overflow:visible;font:inherit;text-transform:none;display:inline-block;vertical-align:middle;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .c-button:hover,.c-button:focus{outline:none;text-decoration:none} .c-button:not(:disabled){cursor:pointer} .c-button--dropdown{padding:6px 34px 6px 12px;background-color:#2798ff;color:#fff;font-size:14px;width:100%;line-height:20px;min-height:32px;border-radius:3px;transition:background-color .2s linear} .c-button--dropdown:hover{background-color:#f9fafb;color:#4d5a68} .c-button--dropdown:after{content:"";position:absolute;top:14px;right:11px;width:0;height:0;border:5px solid transparent;border-top-color:#E6E9ED} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */ position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;/* fix firefox animation glitch */} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;/*overflow:hidden;*/ /* fix for flashing background */ -webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{opacity:0;top:100px} .topside__carousel:hover .owl-carousel .owl-nav button.owl-prev,.topside__carousel:hover .owl-carousel .owl-nav button.owl-next{opacity:1;top:80px} .owl-carousel .owl-nav button.owl-prev .icon,.owl-carousel .owl-nav button.owl-next .icon{color:#fff} .owl-carousel.owl-drag .owl-item{max-width:none;margin:0 auto;position:relative;z-index:100;padding-right:unset;padding-left:unset;margin-right:auto;margin-left:auto} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} /* No Js */ .no-js .owl-carousel{display:block} /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} /* * Owl Carousel - Auto Height Plugin */ .owl-height{transition:height 500ms ease-in-out} /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item{/** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease} .owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-prev,.owl-next{width:40px;height:40px;position:absolute;top:75px;z-index:200;text-align:center;line-height:40px;color:#ccc;font-size:16px;background-color:#151617!important} .owl-next{right:0;border-radius:4px 0 0 4px} .owl-prev{left:0;border-radius:0 4px 4px 0} /* ANIMATION---------- */ @-webkit-keyframes slideUpIn{100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(40px);transform:translateY(40px)}} @keyframes slideUpIn{100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(40px);transform:translateY(40px)}} /* MOB MENU---------- */ .menu{position: relative;top:120px;left:0;width:300px;height:calc(100vh - 120px);background-color:#fff} .menu{z-index:99999;top:0;width:100%;height:100vh;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s} .menu__wrap{position:absolute;top:3.5em;bottom:0;overflow:hidden;width:100%} .menu__level{background-color: #fff;z-index: 99999;position:absolute;top:65px;left:0;overflow:hidden;overflow-y:scroll;width:calc(100% + 50px);height:100%;margin:0;padding:0;list-style-type:none} .menu__level:focus{outline:none} .menu__level--current{visibility:visible} .menu__item{display:block;width:calc(100% - 50px)} .menu__link{font-weight:600;position:relative;display:block;font-size:19px;padding:1em 2.5em 1em 1.5em;-webkit-transition:color 0.1s;transition:color 0.1s;text-align:center} .menu__link[data-submenu]::after{content:'\f105';font-family:'FontAwesome';position:absolute;right:0;padding:0.25em 1.25em;color:#399AF2} .menu__link:hover,.menu__link:focus,.menu__link[data-submenu]:hover::after,.menu__link[data-submenu]:focus::after{color:#399AF2} .menu__link--current::before{content:'\00B7';font-size:2.5em;line-height:0;position:absolute;top:41%;left:8px;height:4px;color:#31C469} [class^='animate-'],[class*=' animate-']{visibility:visible} .animate-outToRight .menu__item{-webkit-animation:outToRight 0.6s both cubic-bezier(0.7,0,0.3,1);animation:outToRight 0.6s both cubic-bezier(0.7,0,0.3,1)} @-webkit-keyframes outToRight{to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} @keyframes outToRight{to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} .animate-outToLeft .menu__item{-webkit-animation:outToLeft 0.6s both cubic-bezier(0.7,0,0.3,1);animation:outToLeft 0.6s both cubic-bezier(0.7,0,0.3,1)} @-webkit-keyframes outToLeft{to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}} @keyframes outToLeft{to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}} .animate-inFromLeft .menu__item{-webkit-animation:inFromLeft 0.6s both cubic-bezier(0.7,0,0.3,1);animation:inFromLeft 0.6s both cubic-bezier(0.7,0,0.3,1)} @-webkit-keyframes inFromLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes inFromLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .animate-inFromRight .menu__item{-webkit-animation:inFromRight 0.6s both cubic-bezier(0.7,0,0.3,1);animation:inFromRight 0.6s both cubic-bezier(0.7,0,0.3,1)} @-webkit-keyframes inFromRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes inFromRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .menu__breadcrumbs{font-size:10px;line-height:1;position:relative;padding:2.5em 3.75em 1.5em 2.5em} .menu__breadcrumbs a{font-weight:bold;display:inline-block;cursor:pointer;vertical-align:top;letter-spacing:1px;text-transform:uppercase;color:#399AF2!important} .menu__breadcrumbs a:last-child{pointer-events:none} .menu__breadcrumbs a:hover,.menu__breadcrumbs a:focus{color:#31c469} .menu__breadcrumbs a:not(:last-child)::after{content:'\f105';font-family:'FontAwesome';display:inline-block;padding:0 0.5em;color:#399AF2} .menu__breadcrumbs a:not(:last-child):hover::after,.menu__breadcrumbs a:not(:last-child):focus::after{color:#33353e} .menu__back{font-size:1.05em;position:absolute;z-index:100;top:0;right:2.25em;margin:0;padding:1.365em 0.65em 0 0;cursor:pointer;color:#2a2b30;border:none;background:none} .menu__back--hidden{pointer-events:none;opacity:0} .menu__back:hover,.menu__back:focus{color:#fff;outline:none} /* Open and close buttons */ .action{display:block;margin:0;padding:0;cursor:pointer;border:none;background:none} .action:focus{outline:none} .action--open{display:none;font-size:20px;color:#fff;z-index:1000} .action--close{font-size:18px;top:0;right:0;padding:10px 8px;display:none;position:absolute;color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);box-shadow:0 2px 5px 0 rgba(55,161,255,0.26),0 4px 12px 0 rgba(121,155,254,0.25);background-image:-moz-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:-webkit-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:-ms-linear-gradient(90deg,#54adff 0%,#2296ff 100%);background-image:linear-gradient(90deg,#54adff 0%,#2296ff 100%)} .action--close .icon{color:#fff} @media screen and (max-width:70em){.action--open,.action--close{display:inline-block}.menu--open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* RESPONSIVE---------- */ @media screen and (max-width:1220px){}@media screen and (max-width:950px){#js__header-btn--menu,#js__header-btn--sidebar{display:block}.content{margin-top:65px}#h__top-menu,.h__bottom-menu,.h__in-bottom,.topside__right,.topside .scroll,.short__subtitle,.gridder-expanded-content .full__info{display:none}.logotype{font:23px 'BrandonGrotesque',Tahoma,Geneva,sans-serif}.logotype__second{font-size:12px}.header,.header__inner{height:65px}.h__bot-menu--right{height:60px;justify-content:flex-end}.topside__left{width:100%}.ts__left-header{font-size:26px;margin:-61px 0 0 -35%}.ts__left-item{padding-top:53.6%}.short__header h1,.short__header h2,.short__header h3{width:100%;font-size:18px}.short__header .button{width:100%}.login__box-dropdown{right:-64px}.favourite__list-dropdown{right:-138px}.grid__thumb .short{width:calc(100%/4);width:-webkit-calc(100%/4)}.short__list .short__description{width:67%}.full__news .related__news .short__image{padding-top:144%}.xfieldimagegallery li{width:32.5%}.full__content-poster{width:30%}.full__content-inner{width:70%;padding-left:0}.full__story-top{margin-top:0}} @media screen and (max-width:590px){.fancybox-slide--html .fancybox-close-small{right:0}.ya-share2,.ya-share2 *{display:none}.grid__thumb .gridder-navigation .gridder-close{right:-11px}.user-prof{padding:0;margin-top:20px}.up-first,.user-prof .tabs_box{flex:0 0 100%;max-width:100%}.grid__thumb .short__description,.coll_shortstory-full .short__description{padding:9px;font-size:16px}.schedule_item{width:calc(100%/2);width:-webkit-calc(100%/2)}.schedule-tabs{padding:7px 0}.full__content-poster img,.full__content-poster .badge{display:none}.full__header-inner{padding-bottom:0;text-align:left}.full__header-title{margin-left:5%;margin-right:5%}.full__header-title .full__content-poster{width:90px;display:block;float:left;margin-right:16px;margin-top:0;margin-bottom:10px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 3px 20px rgba(0,0,0,0.4);box-shadow:0 3px 20px rgba(0,0,0,0.4)}.full__header-subtitle{font-size:12px}.full__header-actions{margin-top:115px}.full__header-title h1,.full__manga .full__header-title h1,.gridder-expanded-content .full__header-title h1{font-size:18px}.full__header{position:relative;margin-top:-4px;margin-left:-15px;margin-right:-15px;padding:12px}.full__header-actions a{font-size:14px;width:auto;text-align:left;display:block;-webkit-border-radius:0;border-radius:0;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;color:#fff!important;margin:0}.full__content-poster{width:100%;float:none;margin-top:0;margin-bottom:30px;background:transparent}.full__content-inner,.full__content-actions{width:100%;padding:0}.full__header-title .full__content-poster img{display:block}.full__content-inner.half__inner{width:100%}.full__heroes .full__creators-item{width:120px;margin-right:20px}.xfieldimagegallery li{width:49.5%}.full__content-screens{margin-bottom:20px}.full__info li > span:first-child{width:90px}.related__news .short{width:calc(100%/2)!important;width:-webkit-calc(100%/2)!important}.col{flex-basis:unset;flex-grow:1;text-align:center;width:100%;max-width:100%}.footer__copyright{flex-direction:column}.grid__thumb .short{width:calc(100%/2);width:-webkit-calc(100%/2);padding:3px}.r__worldart span,.r__shikimori span{display:block}.short__list{padding:15px}.short__list .short__image{margin:0 auto;display:block;margin-bottom:10px}.short__list .short__description,.short__list .short_bottom{width:100%;display:block}.short__list .short_bottom > div{margin-bottom:0;display:inline-block;margin-right:25px;margin-left:25px}.short__list .short__description > a{font-size:25px}.short__subtitle{font-size:17px}.collection__main .coll__short{width:calc(100%/1);width:-webkit-calc(100%/1);margin-bottom:5px}.coll_shortstory-full{width:calc(100%/2);width:-webkit-calc(100%/2)}.c__sh-image{padding-top:45%}.c__sh-image img{top:0}.coll__short{width:calc(100%/1);width:-webkit-calc(100%/1)}.s_header-right{width:100%}.full__content{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.full__header-title{margin-left:0;margin-right:0;z-index:1;position:relative}.full__heacse .full__header,.full__news .full__header{margin:0;padding-left:0;padding-right:0;margin-bottom:30px}.full__heacse .full__header,.full__news .full__header{margin:0;padding-left:0;padding-right:0;margin-bottom:30px}.related__news .tabs__b,.full__footer .full__content-inner.half__inner{width:100%}.full__heacse .full__header h1,.full__news .full__header h1{font-size:19px}.full__content-desc h2{font-size:17px}} @media screen and (max-width:470px){} /*-- Mylist --*/ .mylists-switch, .mylists-tabs { list-style: none; padding: 20px; margin: 20px 0px; border: 1px solid #fde9c7; border-radius: 4px; font-size: 12px; } .mylists-switch li, .mylists-tabs li { display: inline-block; margin: 0px 10px 0px 0px; color: #eb5252; text-decoration: none; border-bottom: 1px dotted; padding: 3px 10px; } .mylists-switch li:hover, .mylists-tabs li:hover { color: #eb5252; cursor: pointer; } .mylists-switch li:last-child, .mylists-tabs li:last-child { margin: 0px; } .mylists-switch li.active, .mylists-tabs li.active { background: linear-gradient(to bottom, #eb7f7f 0%, #eb5252 100%); color: #fff; border: 0px; border-radius: 4px; } .mylists-tabs li.active a { color: #fff; }