/* RESET STYLE---------- */ *{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} body{color:#4d5a68; max-width: 1800px; margin: 0 auto;background-color:#fff;height:100%;width:100%;min-height:100%;font-weight:400;font-size:1rem;line-height:1.5;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";/*font-family:'Roboto',sans-serif;*/} html{height:100%;min-height:100%} html,html a{-webkit-font-smoothing:antialiased} article,aside,details,figcaption,figure,figure img,hgroup,footer,header,hgroup,menu,nav,section,main{display:block} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} input,select{vertical-align:middle} img{max-width:100%;height:auto;vertical-align:middle} svg{overflow:hidden;vertical-align:middle} a{color:#4d5a68;text-decoration:none} a:hover{outline:none;text-decoration:underline} h1,h2,h3,h4,h5{font-weight:500;font-size:18px;color:#4d5a68;position:relative} b,strong{font-weight:500} a{text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects} a:hover{color:#000;text-decoration:underline} h1,h2,h3,h4,h5{font-weight:500;font-size:18px} input,textarea,select{padding:0;margin:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;width:100%;background-color:#f3f2f2} input:focus,textarea:focus,select:focus{outline:none} [tabindex="-1"]:focus{outline:0!important} button,input{overflow:visible} button,select{text-transform:none} button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none} input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0} input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox} button{padding:0;border:none;background-color:transparent;cursor:pointer} button:focus{outline:none} /*--- FONTS ---*/ @font-face{font-family:'fontello';src:url('../fonts/fontello.eot?5183');src:url('../fonts/fontello.eot?83#iefix') format('embedded-opentype'),url('../fonts/fontello.woff2?183') format('woff2'),url('../fonts/fontello.woff?25183') format('woff'),url('../fonts/fontello.ttf?527183') format('truetype'),url('../fonts/fontello.svg?5453#fontello') format('svg');font-weight:normal;font-style:normal} /*--- HELP STYLE ---*/ .clr{clear:both} .clearfix:after{content:"";display:table;clear:both} .button__mat{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;cursor:pointer;height:40px;width:40px;align-items:center;-ms-flex-pack:center;justify-content:center;padding-bottom:calc(5px - 1px);padding-left:10px;padding-right:10px;padding-top:calc(5px - 1px);text-align:center;white-space:nowrap;-webkit-border-radius:50px;border-radius:50px;background-size:300% 100%;margin-left:20px} .button__mat:hover{background-position:100%} .button__mat-orange{background-image:-moz-linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);background-image:-webkit-linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);background-image:-ms-linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);background-image:linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);-webkit-box-shadow:0 4px 15px 0 rgba(65,132,234,0.75);box-shadow:0 4px 15px 0 rgba(65,132,234,0.75)} .button__mat-orange:hover{background-image:-moz-linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);background-image:-webkit-linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);background-image:-ms-linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);background-image:linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);-webkit-box-shadow:0 4px 15px 0 rgba(65,132,234,0.75);box-shadow:0 4px 15px 0 rgba(65,132,234,0.75)} .button__mat-green{background-image:-moz-linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);background-image:-webkit-linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);background-image:-ms-linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);background-image:linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);-webkit-box-shadow:0 4px 15px 0 rgba(83,176,57,0.75);box-shadow:0 4px 15px 0 rgba(83,176,57,0.75)} .button__mat-green:hover{background-image:-moz-linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);background-image:-webkit-linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);background-image:-ms-linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);background-image:linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);-webkit-box-shadow:0 4px 15px 0 rgba(83,176,57,0.75);box-shadow:0 4px 15px 0 rgba(83,176,57,0.75)} .title__h{color:#363636;font-size:22px;font-weight:600;line-height:1.125;margin-bottom:20px} .title__h1{font-size:36px} .title__h2{font-size:29px} .title__h3{font-size:22px} .title__h4{font-size:15px} .title__h5{font-size:14px} .badge{font-weight:400;vertical-align:middle;text-align:center;line-height:normal;padding:2px 2px;display:flex;font-size:11px;border-radius:20px;background-color:#25aae1;color:#212529;position:absolute;right:-18px;color:#fff;top:10px;margin-bottom:15px} a,button,#menu_1,#menu_2,#menu_3,#menu_4,.menu > ul > li > ul > li,.body:before,.header__nav,.offside,.header__btn span,.header__search,.card__cover,.card__cover:before,.card__play,.content__tabs li,.content__tabs li:before,.footer__bottom,.login__box-dropdown,.button__mat{-webkit-transition:.4s ease;-moz-transition:.4s ease;transition:.4s ease} .body:before{content:'';position:fixed;display:block;top:0;left:0;right:0;bottom:0;z-index:0;background-color:rgba(43,43,49,0.75);opacity:0;pointer-events:none} .body--active:before{z-index:5;opacity:1;pointer-events:auto} .body:after{content:'';position:fixed;display:block;top:0;left:0;right:0;bottom:0;z-index:0;background-color:rgba(43,43,49,0.75);opacity:0;pointer-events:none} .active--body:after{z-index:102;opacity:1;pointer-events:auto} .active--body{overflow: hidden;} /*--- CSS GRID STYLE ---*/ .content{padding:0 0 20px} .container{width:100%;/*---padding-right:15px;padding-left:15px;---*/margin-right:auto;margin-left:auto} .row,#site-content{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;} .main > *,#site-content > *{width:100%} .container__margin > *{margin-left:0!important;margin-right:0!important} .main__position{margin-top:70px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px} .col-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-right:10px;padding-left:10px} /*--- HEADER STYLE ---*/ .header{display:block;position:fixed;top:0;left:0;right:0;background-color:#2b2b31;z-index:101} .header__wrap{position:relative;background-color:#2b2b31;z-index:2} .header__content{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:70px;position:relative} .offside__button{display:none} .active--body .header{z-index:9999} .header__logo{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;height:70px;padding:0 15px;background-color:#28282d;width:190px} .header__logo img{width:auto;max-width:190px;display:block} .header__logo-short{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;height:70px;padding:0 5px;background-color:#28282d;width:150px} .header__logo-short img{width:auto;max-width:93px;display:block} .header__nav,.offside{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:fixed;top:70px;right:0;bottom:0;overflow-y:auto;background-color:#2b2b31;z-index:99;width:260px;padding:20px 15px 0;-webkit-transform:translate3d(260px,0,0);-moz-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)} .header__nav--active,.offside--active{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .header__nav--active .badge{top:0;right:0} .header__nav-item{width:100%;display:block;margin-bottom:20px;position:relative} .header__nav-link{font-size:14px;font-weight:500;text-transform:uppercase;color:rgb(150,173,195);letter-spacing:0.2px} .header__nav-link:hover{color:#25aae1;background: #28282d;text-decoration: none;} .header__auth{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-right:44px} .header__search-btn,.header__message-btn{color:rgb(97,123,148);font-size:19px} .header__search-btn:hover,.header__search-btn.active,.header__message-btn:hover{color:#fff} .header__sign-in{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;height:40px;width:40px;-webkit-border-radius:50px;border-radius:50px;margin-left:12px;} .header__sign-in:hover{opacity:.85;text-decoration: none;} .header__btn{display:block;position:absolute;right:0;top:50%;margin-top:-22px;width:24px;height:40px;opacity:0.8} .header__btn span{display:block;position:absolute;height:2px;width:24px;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);top:13px;background-color:rgb(97,123,148);-webkit-border-radius:2px;border-radius:2px} .header__btn span:nth-child(2){top:21px} .header__btn span:nth-child(3){top:29px} .header__btn--active span:nth-child(1){top:21px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)} .header__btn--active span:nth-child(2){opacity:0} .header__btn--active span:nth-child(3){top:21px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)} .header__btn:hover{opacity:1} .header__btn--active{opacity:1} .header__sign-in span:last-child{display:none} .header__sign-in .icon{color:#fff;font-size:24px} .header__search{display:block;position:absolute;bottom:0;left:0;right:0;height:60px;width:100%;overflow:hidden;background-color:#2b2b31;z-index:1;-webkit-box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.05)} .header__search--active{bottom:-60px} .header__search-content{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:60px;position:relative} .header__search-content input{position:relative;height:60px;width:100%;background-color:#28282d;text-overflow: ellipsis;word-wrap: break-word;border:none;padding:0 120px 0 15px;font-size:15px;color:#fff} .header__search-content button{position:absolute;height:40px;width:90px;top:10px;right:15px;-webkit-border-radius:4px;border-radius:4px;opacity:1;font-size:12px;color:#fff;text-transform:uppercase;font-weight:500;letter-spacing:.6px} .header__search-content button:hover{color:#fff;opacity:.85} /*--- SLIDER STYLE ---*/ .slider{margin-top:70px;position:relative;display:block;background-color:#2b2b31;padding:40px 0} .slider__bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1} .slider .container{position:relative;z-index:2} .slider__cover{opacity:0.07} .slider__title{color:#fff;text-transform:uppercase;font-size:28px;font-weight:300;margin:0;padding-right:70px} .slider__title b{font-weight:700} .slider__carousel .item{margin-top:25px} .slider__carousel .card{margin-bottom:0} .slider__nav{font-size:25px;color:#fff;opacity:.7;position:absolute;top:50%;height:24px;margin-top:-12px;right:15px;display:block;z-index:2} .slider__nav .icon{line-height:24px;height:24px;display:block} .slider__nav i:before{line-height:24px} .slider__nav--prev{right:60px} .slider__nav:hover{opacity:1} .slider--bg:before{content:'';z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:url("../img/home/home__bg.jpg") no-repeat center/cover;opacity:0.06} /*--- SLIDER CAROUSEL ITEM STYLE ---*/ .slider__carousel .card{margin-bottom:0} .card__cover{cursor:pointer;position:relative;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px} .card__cover:hover{-webkit-box-shadow:0 0 20px 0 #25aae191;box-shadow:0 0 20px 0 #25aae191} .card__cover:before{content:'';position:absolute;display:block;top:0;left:0;right:0;bottom:0;background-image:-moz-linear-gradient(0deg,##fded3b 0%,#25aae1 100%);background-image:-webkit-linear-gradient(0deg,#fded3b 0%,#25aae1 100%);background-image:-ms-linear-gradient(0deg,#fded3b 0%,#25aae1 100%);background-image:linear-gradient(0deg,#fded3b 0%,#25aae1 100%);z-index:1;opacity:0} .card__cover:hover:before{opacity:0.65} .card__cover img{width:100%} .card__play{position:absolute;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;top:50%;left:50%;margin:-30px 0 0 -30px;z-index:2;font-size:30px;color:#fff;opacity:0} .card__cover:hover .card__play{color:#fff;opacity:1} .card__play .icon{margin:0 0 0 3px} .card__content{position:relative;display:block;color:#25aae1;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;background-color:#26262d;padding:5px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.06);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.06);box-shadow:0 2px 5px rgba(0,0,0,0.06)} .card__footer .label{position:absolute;top:18px;right:2px;width:37px;height:37px;line-height:36px;text-align:center;color:#fff;font-size:13px;border-radius:50px} .card__footer .label.label__rate{background-color:#25aae1} .card__title{font-size:15px;font-weight:400;color:#fff;margin:0;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:break-word} .card__title a{color:#fff} .card__category a{font-weight:600;font-size:14px;position:relative;color:#25aae1;margin-right:7px;opacity:.8} .card__category a:last-child{margin-right:0} .card__rate{font-size:16px;font-weight:500;color:#fff;position:relative;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:2px} .card__rate .icon{text-shadow:0 0 6px rgba(255,88,96,0.5);margin-right:5px} .card__short-rate{position:relative} .card__short-rate--num,.full__rate--num{display:none} .card__short-rate--perc{position:absolute;top:7px;left:1px;width:30px;height:30px;text-align:center;font-size:12px} .full__rate--num--perc{position:absolute;top:9px;left:7px;width:30px;font-weight:600;height:30px;text-align:center;font-size:16px} .card__short-rate--perc.high,.full__rate--num--perc.high{color:#43af43} .card__short-rate--perc.low,.full__rate--num--perc.low{color:#ff4141} .card__list{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center} .card__list li{border:1px solid rgba(255,255,255,0.1);padding:5px 5px 4px;line-height:100%;-webkit-border-radius:4px;border-radius:4px;margin-right:7px;font-size:12px;font-weight:700} .main .card__list{display:unset;margin-left:0} .card__list li{color:#fff} .progress__box{position:absolute;top:50%;left:50%;width:130px;margin-left:-67px;margin-top:-60px} .progress__sm{font-size:20px;color:#fff;text-align:center;margin-bottom:12px;background-color:#2b2b315e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative} .already__visible{-ie-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:none;animation:none} @-webkit-keyframes come-in{to{-ie-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes come-in{to{-ie-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}} /*--- QUICK VIEW STYLE ---*/ .content{position:relative} .main .detail .movie{cursor:pointer;position:static} .movie .card__cover.active{opacity:0} .movie .title{color:#525661;margin-bottom:4px} .movie .info,.card__category{font-size:11px;opacity:.8;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:break-word} .card__text,.card__bottom,.card__short-rate--star{opacity:0;overflow:hidden;height:0} .detail .card__rate,.detail .ias-noneleft{display:none!important} .detail .card__content{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .detail .card__content{position:static;display:unset;color:initial;white-space:unset;-o-text-overflow:unset;text-overflow:unset;word-wrap:unset;overflow:unset;background-color:transparent;padding:unset;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:none;box-shadow:none} /*-------------------- Detail --------------------*/ .detail{position:fixed;top:15%;right:0;left:0;width:70%;margin:0 auto;z-index:105;padding:37px 30px 30px 15px;display:none} .detail::before{content:'';background:#fff;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:15px;opacity:0;transition:all 0.4s cubic-bezier(0.67,0.13,0.1,0.81)} .detail .close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:25px;z-index:10} .detail .card__cover{position:relative;z-index:2;top:-10%;float:left;left:-6%;height:100%;border-radius:5px;transition:all 0.5s cubic-bezier(0.67,0.13,0.1,0.81)} .detail .card__cover:hover{-webkit-box-shadow:none;box-shadow:none} .detail .title,.detail .info,.detail .desc,.detail .play,.detail .close,.detail.ready .card__footer .label{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;transition:all 0.4s cubic-bezier(0.67,0.13,0.1,0.81)} .detail .close{-webkit-transform:translateX(10px);transform:translateX(10px)} .detail .title a{font-size:35px;font-weight:300;color:#525661;margin-bottom:5px} .detail .info{font-size:11px;opacity:0;margin-left:2px} .detail .desc{margin-top:30px;font-size:14px;line-height:1.6} .detail .play{border:none;color:#fff;font-size:12px;line-height:1.5;width:auto;padding:12px 60px;margin:30px 0 0 -2px;text-transform:uppercase;z-index:10;outline:none!important;cursor:pointer;opacity:0} .detail .play a{color:#fff;text-decoration: none;} .detail .play{vertical-align:middle;position:relative;top:-2px;margin-right:3px} .detail.ready::before{opacity:1} .detail.ready .info{opacity:.8} .detail.ready .card__short-rate--star{display:flex;margin-top:12px} .detail.ready .card__cover{opacity:1;transition-duration:.5s} .detail.ready .card__text,.detail.ready .card__bottom,.detail.ready .card__short-rate--star,.detail.ready .card__footer .label{overflow:visible;height:auto;opacity:1} .detail.ready .card__footer .label{top:55px;left:24%;z-index:2} .detail.ready .title,.detail.ready .info,.detail.ready .desc,.detail.ready .play,.detail.ready .close,.detail.ready .card__footer .label{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;transition-delay:0s;transition-duration:.5s} .detail.ready .title{transition-delay:.2s} .detail.ready .info{transition-delay:.3s} .detail.ready .desc{transition-delay:.4s} .detail.ready .play{transition-delay:.5s} .detail .come__in{-ie-transform:unset;-webkit-transform:unset;transform:unset;-webkit-animation:unset;animation:unset} /*--- OFFSIDE ---*/ .live__header{line-height:49px;height:49px;padding-left:20px;position:relative} .live__header:before{content:"";position:absolute;width:7px;height:7px;top:22px;left:0;background-color:#f90622;border-radius:50%} .live__title{color:#cacacb} .live__comments{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start} .live__comments-item{width:100%;display:block;margin-bottom:20px;position:relative;border-top:1px solid #222227;padding-top:5px} .live__comments-header,.live__comments--title{font-size:13px} .live__comments--author > a{color:#fff} .live__comments--title > a{color:#25aae1} .live__comments--title{text-decoration:underline} .live__comments-header,.live__comments-main{position:relative;margin-bottom:12px} .live__comments--text{color:rgba(255,255,255,0.7);font-size:13px;overflow-wrap:anywhere;} .live__comments--image{position:absolute;left:0;top:1px;width:25px;height:25px;border-radius:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden} .live__comments--online{display:block;width:10px;height:10px;position:absolute;left:-5px;border-radius:50%;background-color:#3fcc2c;-webkit-box-shadow:0 0 0 #3fcc2c7a;box-shadow:0 0 0 #3fcc2c7a;animation:pulse 2s infinite} .live__comments--online:hover{animation:none} .live__comments--offline{display:block;width:10px;height:10px;position:absolute;left:-5px;border-radius:50%;background-color:#f90622;-webkit-box-shadow:0 0 0 #f9062282;box-shadow:0 0 0 #f9062282} @-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 #3fcc2c7a}70%{-webkit-box-shadow:0 0 0 10px rgba(204,169,44,0)}100%{-webkit-box-shadow:0 0 0 0 #3fcc2c7a}} @keyframes pulse{0%{-moz-box-shadow:0 0 0 0 #3fcc2c7a;box-shadow:0 0 0 0 #3fcc2c7a}70%{-moz-box-shadow:0 0 0 10px rgba(204,169,44,0);box-shadow:0 0 0 10px rgba(204,169,44,0)}100%{-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);box-shadow:0 0 0 0 rgba(204,169,44,0)}} .live__comments--author,.live__comments--date{display: block;color: #818181;padding-left: 33px;margin-top: 0px;text-transform: lowercase;height: 18px;max-width: 200px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-wrap: break-word;} /*--- SIDEBAR NAV STYLE ---*/ .sidebar__nav{display:none} /*--- CONTENT STYLE ---*/ .content__head{background-color:#28282d;margin-bottom:30px;position:relative} .content__title{color:#fff;font-weight:300;font-size:28px;margin:20px 0 5px} .content__seo-text{margin-bottom:25px;font-weight:normal;color:rgba(150,173,195,0.68);font-size:14px} .content__tabs{-webkit-box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);margin-bottom:20px} .content__tabs{display:none} .content__mobile-tabs{position:relative} .content__mobile-tabs-btn{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:pointer;height:50px;opacity:0.75;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease} .content__mobile-tabs-btn input{display:block;position:relative;width:auto;background-color:transparent;border:none;font-size:14px;color:#fff;text-transform:uppercase;cursor:pointer;height:50px;margin-right:12px;letter-spacing:0.2px;font-weight:300} .content__mobile-tabs-btn span{position:relative;width:16px;height:16px;display:block} .content__mobile-tabs-btn span:before,.content__mobile-tabs-btn span:after{content:'';position:absolute;display:block;width:16px;height:2px;background-color:#fff;left:0;-webkit-border-radius:4px;border-radius:4px;top:50%;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease;margin-top:-5px} .content__mobile-tabs-btn span:after{margin-top:2px;width:10px} .content__mobile-tabs-btn[aria-expanded="true"]{opacity:1} .content__mobile-tabs-btn[aria-expanded="true"] span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);margin-top:-1px} .content__mobile-tabs-btn[aria-expanded="true"] span:after{margin-top:-1px;width:16px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)} .content__mobile-tabs-btn:hover{opacity:1} .content__mobile-tabs-menu{top:100%;left:0;margin-top:-10px;min-width:100%;padding:15px 20px;-webkit-box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);background-color:#2b2b31;display:block;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease;position:absolute;z-index:100;pointer-events:none;opacity:0} .content__mobile-tabs-menu a{display:block;line-height:40px;cursor:pointer;font-size:14px;color:rgba(255,255,255,0.75);position:relative;text-transform:uppercase;font-weight:300} .content__mobile-tabs-menu a:hover{color:#ff55a5} .content__mobile-tabs-menu a.active{display:none} .content__mobile-tabs-menu.show{pointer-events:auto;opacity:1;margin-top:0} .main .card__title,.main .card__title a,.main .card__short-rate{color:#152035} .main .card__title{font-weight:600} .main .card__content{background-color:#fff} .main .item{margin-bottom:0px} .main .card__list li{color:#152035} .main .card__content{-webkit-box-shadow:0 4px 15px 0 #bdbcbb38;-moz-box-shadow:0 4px 15px 0 #bdbcbb38;box-shadow:0 4px 15px 0 #bdbcbb38} #menu_1,#menu_2,#menu_3,#menu_4{display:none} /*--- FILTER STYLE ---*/ .filter{background-color:#28282d;-webkit-box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);margin-bottom:30px} .filter__item{position:relative;margin-bottom:20px} .filter__item-label{font-size:12px;display:block;color:rgb(150,173,195);font-weight:300;letter-spacing:0.2px} .filter__item-btn{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:pointer;height:30px;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease} .filter__item-btn input{display:block;position:relative;width:auto;background-color:transparent;border:none;font-size:16px;color:#fff;cursor:pointer;height:30px;margin-right:12px} .menu-trigger{position:relative;width:16px;height:16px} .menu-trigger,.menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box} .menu-trigger span{position:absolute;left:0;width:100%;height:1px;background-color:#fff;border-radius:4px} .menu-trigger span:nth-of-type(1){top:2px} .menu-trigger span:nth-of-type(2){top:7px;width:65%} .menu-trigger span:nth-of-type(3){bottom:3px;width:45%} .filter__item-btn[aria-expanded="true"] .menu-trigger span:nth-of-type(1){transform:translate(50%) scale(0)} .filter__item-btn[aria-expanded="true"] .menu-trigger span:nth-of-type(2){-webkit-transform:rotate(45deg);transform:rotate(45deg);width:100%} .filter__item-btn[aria-expanded="true"] .menu-trigger span:nth-of-type(3){transform:translate(-50%) scale(0);width:100%} .filter__item-btn[aria-expanded="true"] .menu-trigger span:nth-of-type(2)::after{position:absolute;top:0;left:0;content:'';width:100%;height:1px;background-color:#fff;border-radius:4px;transition:all .4s} .filter__item-btn[aria-expanded="true"] .menu-trigger span:nth-of-type(2)::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .filter__item-menu{top:100%;left:0;margin-top:0;min-width:200px;padding:15px 20px;-webkit-box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);background-color:#2b2b31;display:block;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease;position:absolute;z-index:100;pointer-events:none;opacity:0;max-height:190px} .filter__item-menu li{display:block;line-height:40px;font-size:14px;color:rgba(255,255,255,0.75);position:relative;text-transform:uppercase;font-weight:300;cursor:pointer;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease} .filter__item-menu li:hover{color:#25aae1} .filter__item-menu.show{pointer-events:auto;opacity:1;margin-top:10px} .filter__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px 0} .filter__range{font-size:16px;color:#fff;margin-right:12px;height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative} .filter__range div{position:relative} .filter__range div:first-child{margin-right:14px} .filter__range div:first-child:after{content:'-';position:absolute;display:block;left:100%;top:0;color:#fff;font-size:16px;font-weight:500;margin-left:4px} /* range slider */ .noUi-target{background:#28282d;-webkit-border-radius:4px;border-radius:4px;border:none;-webkit-box-shadow:none;box-shadow:none} .noUi-horizontal{height:4px;margin:10px 0} .noUi-connects{background-color:rgba(255,255,255,0.05);-webkit-border-radius:0;border-radius:0;border:none} .noUi-connect{background-image:-moz-linear-gradient(90deg,#ffc200 0%,#25aae1 100%);background-image:-webkit-linear-gradient(90deg,#ffc200 0%,#25aae1 100%);background-image:-ms-linear-gradient(90deg,#ffc200 0%,#25aae1 100%);background-image:linear-gradient(90deg,#ffc200 0%,#25aae1 100%)} .noUi-handle{border:none;-webkit-border-radius:50%;border-radius:50%;cursor:pointer} .noUi-handle:before,.noUi-handle:after{display:none} .noUi-handle:focus{outline:none} .noUi-handle.noUi-handle-lower{background-color:#25aae1;-webkit-box-shadow:0 0 20px 0 rgba(255,94,0,0.5);box-shadow:0 0 20px 0 rgba(255,94,0,0.49)} .noUi-handle.noUi-handle-upper{background-color:#25aae1;-webkit-box-shadow:0 0 20px 0 rgba(255,94,0,0.5);box-shadow:0 0 20px 0 rgba(255,94,0,0.49)} .noUi-horizontal .noUi-handle{width:16px;height:16px} html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{right:-8px} /*============================== mCustomScrollbar customization ==============================*/ /* scroll bar 1 */ .mCS-custom-bar{opacity:1} .mCS-custom-bar.mCSB_outside + .mCSB_scrollTools{right:2px;top:15px;bottom:15px} .mCS-custom-bar.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(255,255,255,0.05)} .mCS-custom-bar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-image:-moz-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:-webkit-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:-ms-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:linear-gradient(180deg,#f5ce62 0%,#e43603 100%);width:2px;-webkit-border-radius:0;border-radius:0} .mCS-custom-bar.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-image:-moz-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:-webkit-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:-ms-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:linear-gradient(180deg,#f5ce62 0%,#e43603 100%)} .mCS-custom-bar.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-custom-bar.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-image:-moz-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:-webkit-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:-ms-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:linear-gradient(180deg,#f5ce62 0%,#e43603 100%)} /* scroll bar 2 */ .mCS-custom-bar2{opacity:1} .mCS-custom-bar2.mCSB_outside + .mCSB_scrollTools{right:2px;top:20px;bottom:20px} .mCS-custom-bar2.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(255,255,255,0.05)} .mCS-custom-bar2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-image:-moz-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:-webkit-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:-ms-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);width:2px;-webkit-border-radius:0;border-radius:0} .mCS-custom-bar2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-image:-moz-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:-webkit-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:-ms-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:linear-gradient(180deg,#ff55a5 0%,#ff5860 100%)} .mCS-custom-bar2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-custom-bar2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-image:-moz-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:-webkit-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:-ms-linear-gradient(180deg,#ff55a5 0%,#ff5860 100%);background-image:linear-gradient(180deg,#ff55a5 0%,#ff5860 100%)} /*--- FOOTER STYLE ---*/ .footer{min-height:70px;overflow:hidden;font-size:13px;color:rgba(80,102,123,.5);border-top:1px dashed rgba(164,175,221,.2)} .footer__content,.footer__bottom{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0;line-height:normal} .footer__bottom{padding:10px 0;font-size:30px} .footer__bottom:hover{background-color:#f9f9f9} .footer__bottom .scrolltop{width:100%;text-align:center;cursor:pointer} .footer__icons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap} .footer__content>div:not(:last-child){margin-bottom:16px} .site-footer__icon{display:flex;flex-direction:row;transition:opacity .2s;opacity:.3} .footer a{color:inherit} .footer__links{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;text-align:center} .footer__icon{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;font-size:25px;flex-direction:row;transition:opacity .2s;opacity:.3;justify-content:center;align-items:center} .footer__icon .icon{color:#50667b;text-align:left;vertical-align:middle} .footer a:hover{color:#2c2d30} .footer__icon:hover{opacity:1} .footer__icon:not(:first-child){margin-left:13px} /*--- LOGIN STYLE ---*/ .login__box-dropdown{margin-top:162px;margin:5px 0 0;border:none;font-size:12px;width:300px;position:absolute;height:0;z-index:1000;top:0;background-color:#28282d;right:15px;left:auto;color:#fff;opacity:0;overflow:hidden;z-index:-1} .dropdown .lb__user{display:flex;flex-flow:row wrap;padding:15px;align-items:center;color:#ffffff;cursor:pointer;margin-right:-4px;background-color:#28282d} .dropdown .lb__user .lb__name-text{font-weight:normal} .dropdown .lb__user .lb__name{display:none} .lb__user{display:flex;flex-flow:row wrap;padding:15px;align-items:flex-start} .lb__avatar-drop{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #25aae1;margin-right:0px} .lb__avatar-drop img{vertical-align:top} .lb__name-text{font-size:18px;font-weight:500} .lb__menu-item{display:flex} .lb__menu-link{text-indent:20px;line-height:40px;width:100%;padding:0 10px;color:#fff} .lb__menu-link:hover{text-indent:30px;background-color:#28282d;color:#25aae1} .lb__menu-link .icon{font-size:16px} .lb__name{line-height:1.3} .drop__is--active .login__box-dropdown{transform:translate3d(0px,65px,0px);opacity:1;overflow:visible;z-index:1;height:auto} .login__box-dropdown{padding:20px;max-width:300px;width:100%} .lb__title{margin-bottom:35px;text-align:center} .lb__name-link{color:#617b94} .lb__name-link:hover{color:#25aae1} .sign__group{position:relative;margin-bottom:20px} .login__box-dropdown-dropdown input[type="text"],.login__box-dropdown input[type="password"],.lb__checkbox{display:block;margin-bottom:20px;width:100%} .login__box-dropdown input:-webkit-autofill,.login__box-dropdown textarea:-webkit-autofill,.login__box-dropdown select:-webkit-autofill{background-color:rgba(240,246,255,.7)!important} .login__box-dropdown button{width:100%;margin-bottom:20px;margin-top:20px;margin-left:0;color:#fff} .login__box-dropdown button:nth-child(2){background-color:#f4f6f8} .login__box-dropdown button:nth-child(2) > a{color:#4d5a68} .login__box-dropdown input[type="text"],.login__box-dropdown input[type="password"]{box-shadow:none;line-height:49px;background-color:#2b2b31;border:none;height:50px;position:relative;font-size:15px;width:250px;color:#fff;-webkit-border-radius:0;border-radius:0;padding:0 20px;letter-spacing:0.2px} .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:#25aae1} .sign__text{margin-top:7px;display:block;text-align:center} .sign__text a{position:relative;background-image:-webkit-linear-gradient(0deg,#f57e39 0%,#25aae1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#25aae1} .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:#2b2b31;border:1px solid #25aae1} .sign__group--checkbox input:not(:checked) + label:after,.sign__group--checkbox input:checked + label:after{font-family:'fontello';content:'\e887';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:#25aae1} .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)} /*--- BOTTOM NAVIGATION STYLE ---*/ .bottom__nav,.ias-noneleft,.ias-spinner{line-height:40px;text-align:center;font-size:16px;padding:20px 10px 30px 10px;display:flex;flex-direction:column;justify-content:flex-start;width:100%;align-items:center} .pagi__load{text-align:center;width:210px} .pagi__load > a{font-size:14px;color:#fff} .pagi__load > a > .icon{font-size:20px} .pagi__load{margin-top:30px} .ias-trigger-next{width:140px!important;margin:0 auto;color:#fff;cursor:pointer} /*--- FULL PAGE STYLE ---*/ .item__full{width:100%;position:relative;margin-top:70px} .item__full-sidebar{display:none;width:100%;background-color:#cbd1d833} .item__full-main{width:100%} .item__full-sidebar--section{padding:0;margin-bottom:42px} .item__full-title h1{padding-top:35px;font-size:22px;margin-bottom:15px} .item__full-sideba--header{margin-bottom:20px} .item__full-sideba--header a{color:#25aae1} .item__full-sidebar--sub{text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:.8px;margin-bottom:10px} .item__full-sidebar--description{font-size:14px} .item__full-main--embed{width:100%;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover} .item__full-main--player{width:100%;position:relative;padding:0;padding-top:80.2%} .item__full-main--player iframe,#player,.item__full-main--player object,.item__full-main--player embed,#player #pjsfrrsplayer{position:absolute!important;top:0;left:0;width:100%;height:100%} .item__full-main--rating{border-bottom:1px solid #e4e4e4;margin-bottom:0;padding:0 0 30px 0;position:relative;background: #f5f6f7;} .item__full-main--rating .fp__rate{position:relative} .item__full-main--progression-title{font-weight:400;font-size:14px;margin-bottom:5px} .item__full-main--progression-title > span{font-weight:700} .item__full-main--rating-wrp{padding:40px 30px 0 30px;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between} .item__full-main--progression-rate{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex} .item__full-main--progression-rate .rating{margin-right:15px} .progression__rate-declination{margin-left:4px} .item__full-main--tags,.item__full-main--complation{position:relative;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-flow:row wrap} .item__full-main--complation{padding:20px;align-items:center;justify-content:space-between;background-color:#f5f6f7} .item__full-main--tags > span{margin-bottom:10px;margin-right:10px;background-color:#f5f6f7;padding:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .item__full-main--tags > span:hover:before,.item__full-main--tags > span > a:hover{color:#25aae1} .item__full-main--tags > span:first-child{background-color:#43af43} .item__full-main--tags > span:first-child > a,.item__full-main--tags > span:first-child:before{color:#fff} .item__full-main--container{padding:40px 30px 0 30px;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column} .item__full-main--mobile{display:block} .item__full-main--mobile .item__full-sidebar--section{margin-bottom:0} .favorite__add{color:#43af43} .favorite__remove{color:#ff4141} .item__full .filter__item-label,.item__full .filter__item-btn input{color:inherit} .item__full .menu-trigger span,.item__full .filter__item-btn[aria-expanded="true"] .menu-trigger span:nth-of-type(2)::after{background-color:#2b2b31} .item__full .filter__item-menu{background-color:#f5f6f7;-webkit-box-shadow:rgba(0,0,0,0.06) 0 0 10px;box-shadow:rgba(0,0,0,0.06) 0 0 10px} .item__full .filter__item-menu li{color:#4d5a68} .item__full .filter__item-menu li:hover{color:#25aae1} .item__full-main--related-news .item__full-sidebar--sub{-ms-word-wrap:break-word;word-wrap:break-word;padding:0;margin:0 0 15px 0;font-weight:700;color:#333333;text-transform:uppercase;font-size:19px;letter-spacing:.8px} .schedule__item{margin-bottom:15px;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between} .schedule__item-link{font-weight:600} .schedule__item-date{color:#818181;font-size:12px} /*--- TABS STYLE ---*/ .tab{margin-bottom:30px} .tab__nav{border-bottom:1px solid #eee} .tab__nav ul{margin:0;padding:0;list-style:none} .tab__nav ul li{transition:all .2s ease-in-out;margin-bottom:5px} .tab__nav ul li a{-ms-word-wrap:break-word;word-wrap:break-word;padding:0;margin:0 0 15px 0;font-weight:600;color:#c3c3c3;font-size:17px} .tab__nav ul li a:hover,.tab__nav ul li a:focus,.tab__nav ul li a:active{outline:none} .tab__nav ul li a:hover,.tab__nav ul li a:active{color:#25aae1} .tab__nav ul li.active a{color:#25aae1} .tab__pane{padding:15px 0;display:none} .tab__pane h2{font-weight:500;color:#666;margin-top:0;margin-bottom:5px;font-size:14px;line-height:1.2} .tab__pane p{margin-top:0} .tab__pane.active{display:block} /*--- COMMENTS STYLE ---*/ .comms-title{line-height:40px;margin-bottom:20px} .comms-title > span{font-size:16px} .add-comm-form{position:relative;margin-bottom:20px;padding:20px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;display:none} .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-av img{-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-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:#f5f6f7;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:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;width:40px;height:40px} .comm-left.fx__row{-webkit-justify-content:left;justify-content:left} .comm-left-image{margin-right:10px} .comm-date{color:#818181;font-size:11px} .comm-left .up-status{bottom:-35px;left:-14px;width:80px} .comm-right{width:100%;padding:17px;margin-bottom:30px;word-wrap: break-word;} .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} .rate__like-dislike{position:absolute;right:10px;top:0;white-space:nowrap;font-weight:700} .rate__like-dislike a{cursor:pointer;width:28px;font-size:15px;color:#31c469;text-align:center} .rate__like-dislike a:last-child{color:#eb3344} .rate__like-dislike a:hover{opacity:0.5} .rate__like-dislike > span{color:#c4d3e3} .rate__like-dislike .ratingtypeplusminus{color:#4d5a68} .rate__like-dislike > a > span.ratingplus{font-size:18px;color:#88B669} .rate__like-dislike > 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;color:#818181} .comm-three li:first-child a{margin-left:0;color:#818181} .comm-three li .fb-check{top:11px} .add-comm-btn{color:#fff;width:150px} .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 #25aae1} .fb-check input:checked + span:before{background-color:#25aae14a} .fb-check input:checked + span:after{left:21px;background-color:#25aae1} .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} .spoiler-wrapperr{position:relative;padding:10px;margin-bottom:10px} .spoiler-title{font-weight:700;margin-bottom:5px} .spoiler-wrapperr.collapsed .spoiler-content{display:none} .spoiler-wrapperr.expanded .spoiler-content{display:block} .spoiler-overlay{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none} .spoiler-overlay-text{text-shadow: 0px 0px 8px white;font-weight:700;font-size:16px;pointer-events:auto;cursor:pointer;text-align:center;width:100%;height:100%;display:flex;justify-content:center;align-items:center} .spoile-comm-r{float:right} .spoile-comm-l{float:left} .form-checks-sp input{position:absolute;z-index:-1;opacity:0} .form-checks-sp input+label{display:inline-flex;align-items:center;user-select:none;margin-left:unset;cursor:pointer} .form-checks-sp input+label::before{content:'';display:inline-block;width:1em;height:1em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;border-radius:.25em;margin-right:.5em;background-repeat:no-repeat;background-position:center center;background-size:50% 50%} .form-checks-sp input:not(:disabled):not(:checked)+label:hover::before{border-color:#b3d7ff} .form-checks-sp input:not(:disabled):active+label::before{background-color:#b3d7ff;border-color:#b3d7ff} .form-checks-sp input:focus+label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)} .form-checks-sp input:focus:not(:checked)+label::before{border-color:#80bdff} .form-checks-sp input:checked+label::before{border-color:#3d8be9;background-color:#329ae5;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")} .form-checks-sp input:disabled+label::before{background-color:#e9ecef} /*--- USER POPUP STYLE ---*/ .user__popup{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;margin-right:-15px;margin-left:-15px} .upop__left{position:relative;margin-right:15px} .upop__left .live__comments--online,.upop__left .live__comments--offline{top:0;left:auto;right:-5px} .upop__right{font-size:14px} .upop__right li span{text-transform:uppercase;font-weight:700;margin-bottom:10px} .up__img{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden} .up__img img {max-height: 130px;} /*--- ERRORS STYLE ---*/ .berrors{background-color:#43af43;color:#fff;padding:14px;margin-bottom: 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} /*--- FULL STATIC STYLE ---*/ .video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{width:100%;max-width:100%!important;height:480px;display:block} .mejs-container{max-width:100%!important} .full-text{color:#0d191f;line-height:22px} .full-text img:not(.emoji){max-width:100%} .full-text > img[style*="left"],.full-text > .highslide img[style*="left"]{margin:0 10px 10px 0} .full-text > img[style*="right"],.full-text > .highslide img[style*="right"]{margin:0 0 10px 10px} .full-text a{text-decoration:underline;color:#547b97} .full-text a:hover{text-decoration:none} .full-text h2,.full-text h3,.full-text h4,.full-text h5{margin:0 0 10px 0;font-size:13px;text-transform:uppercase;font-weight:700} .full-text p{margin-bottom:10px} .full-text ul,.full-text ol{margin:0} .full-text ul li{list-style:disc;margin-left:40px} .full-text ol li{list-style:decimal;margin-left:40px} .full-text table{width:100%;text-align:left} .full-text table tr td{padding:10px;border:1px solid #ccc;font-size:12px} .full-text table tr:nth-child(2n+1){background-color:#f6f6f6} .full-text table img{display:block;margin:0;border:0;max-width:350px} /*--- USER PROFILE ---*/ .user__profile{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap} .user__profile-right{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:10px;margin:0 10px 10px 0;font-size:15px;border: 2px solid #0000000a;border-radius: 4px;} .user__profile-left{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;padding:10px;max-width:100%;font-size:15px;border: 2px solid #0000000a;border-radius: 4px;} .user__profile-right{text-align:center;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center} .up-img img{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .up-third li{margin-bottom:15px} .up-third li span{font-weight:700} .up-third li a,.up-first-inner li a{color:#ff5f02} .up-first-inner{position:relative} .up-first-inner .live__comments--online,.up-first-inner .live__comments--offline{top:7px;left:7px;width:13px;height:13px} @media screen and (max-width:600px){.header__logo{display:none;}.container{padding-right: 0px;padding-left: 0px;}} @media screen and (max-width:768px){.hidemob{display:none}} @media screen and (min-width:600px){.header__logo-short, .response_link {display:none;}} @media (min-width:576px){.col-sm-4{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.header__logo-short{width:100px;padding:0 15px}.slider__title{font-size:21px}.slider__title b{font-size:30px}.content__title{font-size:30px;margin:25px 0 5px}.content__tabs{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:hidden}.content__tabs li{margin-right:30px}.content__tabs li{display:block;line-height:50px;color:#fff;position:relative;text-transform:uppercase;font-size:14px;cursor:pointer;font-weight:300;letter-spacing:0.2px;color:rgba(255,255,255,0.5)}.content__tabs li:before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;display:block;background-image:-moz-linear-gradient(90deg,#ffa115 0%,#25aae1 100%);background-image:-webkit-linear-gradient(90deg,#ffa115 0%,#25aae1 100%);background-image:-ms-linear-gradient(90deg,#ffa115 0%,#25aae1 100%);background-image:linear-gradient(90deg,#ffa115 0%,#25aae1 100%);-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(2px);-moz-transform:translateY(2px);transform:translateY(2px)}.content__tabs li.active,.content__tabs li:hover{color:#fff;font-size:17px}.content__tabs li.active:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 0 20px 0 #25aae185;box-shadow:0 0 20px 0 #25aae185}.content__mobile-tabs{display:none}.tab__nav ul li{display:inline-block;margin-right:20px;padding-bottom:5px;border-bottom:2px solid transparent}.tab__nav ul li.active{border-bottom:2px solid #25aae1}} @media (min-width:768px){.header__content{height:70px}.header__logo{height:70px;width:240px;padding:0}.header__nav{top:90px}.header__auth{margin-right:54px}.header__sign-in{height:50px;width:140px;margin-left:30px;}.header__sign-in span{font-size:13px;color:#fff;text-transform:uppercase;font-weight:500;letter-spacing:1px}.header__sign-in span:last-child{display:block}.header__sign-in .icon{display:none}.slider{margin-top:70px;padding:60px 0}.slider__title{font-size:23px}.slider__title b{font-size:32px}.slider__carousel .item{margin-top:30px}.content{padding:0 0 30px}.content__head{margin-bottom:50px}.content__title{font-size:32px;margin:10px 0 10px}.footer__links{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row}.footer__links:not(:first-child){margin-left:32px}.progress__sm{font-size:25px}.filter{margin-bottom:50px}.item__full{margin-top:70px}.item__full-sidebar{width:26%;background-color:#cbd1d833}.item__full-main{width:74%}.item__full-sidebar{display:block}.item__full-main--mobile{display:none}.item__full-main--container,.item__full-main--rating-wrp{}.item__full-sidebar--section{padding:0 35px}.item__full-main--player{padding-top:50.2%}.item__full .filter__item-menu{left:auto;right:0}.user__profile-right{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.user__profile-left{-webkit-flex:0 0 74%;-ms-flex:0 0 74%;flex:0 0 74%;max-width:74%}.form-item{margin-bottom:20px;padding-left:200px;position:relative}.form-item > label{display:block;float:left;width:200px;margin-left:-200px;padding-top:10px}} @media (min-width:992px){.col-lg-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.wrapper{margin-left:110px}.sidebar__nav{position:fixed;top:0;left:0;height:100%;z-index:5;background-color:#fff;width:110px;padding-top:70px;display:block}.sidebar__nav:after{content:"";display:block;position:fixed;left:110px;width:1px;top:0;background:rgba(0,0,0,0.04);height:100%}.sidebar__nav-menu--list{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;webkit-font-smoothing:subpixel-antialiased;list-style:none;letter-spacing:0}.sidebar__nav-menu--item{list-style:none;margin:0;padding:0;text-align:center;width:100%;position:relative;white-space:nowrap}.sidebar__nav-menu--item.open{background-color:#2b2b31}.sidebar__nav-menu--item.open .sidebar__nav-menu--link{color:#25aae1}.sidebar__nav-menu--link{color:#25aae1;background:rgba(255,255,255,0);padding-top:26px;font-weight: 500;padding-bottom:26px;border-bottom:1px solid #f3f3f3;font-size:12px;display:block;padding:15px 0}.sidebar__nav-menu--link .icon{display:block;font-size:27px;margin-bottom:6px}#menu_1,#menu_2,#menu_3,#menu_4{visibility:hidden;opacity:0;display:block;position:fixed;left:0;top:0;z-index:99;height:100%;margin-left:110px;padding-top:70px;width:290px}#menu_1,#menu_2,#menu_3,,#menu_4,.menu__wrapper{width:290px}.menubtn_1_open #menu_1,.menubtn_2_open #menu_2,.menubtn_3_open #menu_3,.menubtn_4_open #menu_4{visibility:visible;opacity:1}.menu__wrapper{background-color:#2b2b31;padding:30px 30px 0;height:100%}.menu > ul > li > a,.menu > ul > li > ul > li > a{color:#fff}.menu > ul > li > a:hover,.menu > ul > li > ul > li > a:hover{text-decoration:none;color:#25aae1}.menu > ul > li > ul{margin-top:20px}.menu > ul > li > ul > li > a{line-height:40px;width:100%;padding:0 10px;position:relative;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between}.menu > ul > li > ul > li > a:hover{background-color:#28282d;text-indent:20px}.offside__button{display:block;color:#8f8f8f;text-align:center;width:90px;cursor: pointer;}.offside__button .main,.offside__button .sub{fill:#25aae1;transition:fill .3s;height:14px}.offside__button .sub{fill:rgb(97,123,148)}.sidebar__nav{transition:transform .3s}.active--offside .sidebar__nav{transform:translateX(-110px)}.active--offside .wrapper{margin-left:0}.wrapper{transition:margin-left .3s}.active--offside .wrapper{margin-left:0}.col-6{padding-right:15px;padding-left:15px}.main .card__list{display:inline-flex;margin-left:0}.dropdown .lb__user .lb__name{display:block}.dropdown .lb__user{margin-left:10px;margin-right:10px}.lb__avatar-drop{margin-right:0px}.drop__is--active .login__box-dropdown{transform:translate3d(0px,65px,0px)}.filter__content{flex-direction:row;justify-content:space-between;align-items:center;padding:0;height:90px}.filter__items{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.filter__item{margin-bottom:0;margin-right:22px}.filter__item-menu{margin-top:10px}.filter__item-menu.show{margin-top:16px}.card__title{font-size:18px}} @media (min-width:1200px){.header__content{justify-content:flex-start}.header__nav{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding:0;overflow: hidden;background-color:transparent;width:auto;flex-direction:row;align-items:center;position:relative;top:auto;right:auto;bottom:auto;margin-left:35px}.header__nav-item{margin:0 40px 0 0;width:auto}.this_page {box-shadow: inset 0 -2px 0 #25aae1}.header__nav-link{line-height:70px;display:block}.header__auth{margin-right:0}.header__auth{margin-left:auto}.header__sign-in{margin-left:45px;}.header__btn{display:none}.slider{padding:50px 0}.slider__title{font-size:27px}.slider__title b{font-size:33px}.card--big .card__play{width:80px;height:80px;margin:-40px 0 0 -40px;font-size:44px}.card--big .card__play .icon{margin:0 0 0 5px}.content__title{font-size:36px}.footer__content > div:not(:last-child){margin-bottom:0}.footer__icon:not(:first-child){margin-left:12px}.footer__links:not(:first-child){margin-left:16px}.active--offside .pullup__element{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.filter__item{margin-bottom:0;margin-right:40px}} @media screen and (min-width:1366px){.col-xl-2{-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.detail.ready .card__footer .label{left:20%}} @media screen and (min-width:1440px){.detail.ready .card__footer .label{left:12%}} @media screen and (min-width:1680px){}.loader{height:60px;width:60px;padding:0;list-style-type:none;position:absolute;bottom:15px;left:0;right:0;margin:auto}.loader__tabs{height:60px;width:60px;padding:0;list-style-type:none;position:absolute;bottom:10px;left:0;right:0;margin:auto}.loader__overlay{position:fixed;display:block;top:0;left:0;right:0;z-index:9999;pointer-events:auto;bottom:0;background-color:rgba(43,43,49,0.75);pointer-events:none}.loader li,.loader__tabs li{position:absolute;height:15px;width:15px;background-color:#25aae1;border-radius:2px;z-index:99999}.loader li:nth-child(1),.loader__tabs li:nth-child(1){bottom:0;left:0}.loader li:nth-child(2),.loader__tabs li:nth-child(2){bottom:15px;left:0}.loader li:nth-child(3),.loader__tabs li:nth-child(3){bottom:0;left:15px}.loader li:nth-child(4),.loader__tabs li:nth-child(4){bottom:15px;left:15px}.loader li:nth-child(5),.loader__tabs li:nth-child(5){bottom:30px;left:15px}.loader li:nth-child(6),.loader__tabs li:nth-child(6){left:30px;bottom:15px}.loader li:nth-child(7),.loader__tabs li:nth-child(7){bottom:30px;left:30px}.loader li:nth-child(1),.loader__tabs li:nth-child(1){animation:hide 2s ease infinite;animation-delay:0.1s}.loader li:nth-child(2),.loader__tabs li:nth-child(2){animation:hide 2s ease infinite;animation-delay:0.2s}.loader li:nth-child(3),.loader__tabs li:nth-child(3){animation:hide 2s ease infinite;animation-delay:0.3s}.loader li:nth-child(4),.loader__tabs li:nth-child(4){animation:hide 2s ease infinite;animation-delay:0.4s}.loader li:nth-child(5),.loader__tabs li:nth-child(5){animation:hide 2s ease infinite;animation-delay:0.5s}.loader li:nth-child(6),.loader__tabs li:nth-child(6){animation:hide 2s ease infinite;animation-delay:0.6s}.loader li:nth-child(7),.loader__tabs li:nth-child(7){animation:hide 2s ease infinite;animation-delay:0.7s}@keyframes hide{0%,100%{opacity:1}50%{opacity:0}} [class^="md-"]:before,[class*=" md-"]: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} .md-right-open:before{content:'\e803'} /* '' */ .md-left-open:before{content:'\e802'} /* '' */ .md-video:before{content:'\e801'} /* '' */ .md-tag-1:before { content: '\e804'; } /* '' */ .md-klout:before { content: '\e805'; } /* '' */ .md-th-list-1:before { content: '\e806'; } /* '' */ .md-cc:before { content: '\e807'; } /* '' */ .md-shareable:before { content: '\e808'; } /* '' */ .md-book:before { content: '\e809'; } /* '' */ .md-book-open:before { content: '\e80a'; } /* '' */ .md-archive:before { content: '\e80b'; } /* '' */ .md-emo-saint:before { content: '\e80f'; } /* '' */ .md-emo-shoot:before { content: '\e810'; } /* '' */ .md-emo-sunglasses:before { content: '\e811'; } /* '' */ .md-emo-unhappy:before { content: '\e812'; } /* '' */ .md-emo-cry:before { content: '\e813'; } /* '' */ .md-emo-devil:before { content: '\e80c'; } /* '' */ .md-emo-happy:before { content: '\e80d'; } /* '' */ .md-logo-facebook:before{content:'\e80e'} /* '' */ .md-logo-googleplus:before{content:'\e816'} /* '' */ .md-logo-telegram:before {content: "\F2C6";} /* '' */ .md-logo-instagram:before{content:'\e819'} /* '' */ .md-logo-skype:before{content:'\e82b'} /* '' */ .md-logo-vk:before{content:'\e835'} /* '' */ .md-logo-whatsapp:before{content:'\e836'} /* '' */ .md-logo-youtube:before{content:'\e83d'} /* '' */ .md-arrow-back:before{content:'\e84b'} /* '' */ .md-arrow-down:before{content:'\e84c'} /* '' */ .md-arrow-forward:before{content:'\e855'} /* '' */ .md-arrow-round-back:before{content:'\e856'} /* '' */ .md-arrow-round-down:before{content:'\e857'} /* '' */ .md-arrow-round-forward:before{content:'\e858'} /* '' */ .md-arrow-round-up:before{content:'\e859'} /* '' */ .md-arrow-up:before{content:'\e85a'} /* '' */ .md-backspace:before{content:'\e85d'} /* '' */ .md-bookmark:before{content:'\e86e'} /* '' */ .md-chatboxes:before{content:'\e883'} /* '' */ .md-chatbubbles:before{content:'\e884'} /* '' */ .md-checkbox-outline:before{content:'\e886'} /* '' */ .md-checkmark:before{content:'\e887'} /* '' */ .md-close:before{content:'\e88c'} /* '' */ .md-exit:before{content:'\e8b1'} /* '' */ .md-eye:before{content:'\e8b3'} /* '' */ .md-heart:before{content:'\e8d4'} /* '' */ .md-heart-dislike:before{content:'\e8d5'} /* '' */ .md-information:before{content:'\e8e2'} /* '' */ .md-list:before{content:'\e8ec'} /* '' */ .md-log-out:before{content:'\e8f1'} /* '' */ .md-menu:before{content:'\e8fd'} /* '' */ .md-more:before{content:'\e902'} /* '' */ .md-options:before{content:'\e90d'} /* '' */ .md-person:before{content:'\e915'} /* '' */ .md-pin:before{content:'\e91b'} /* '' */ .md-play:before{content:'\e91f'} /* '' */ .md-pricetag:before{content:'\e923'} /* '' */ .md-reorder:before{content:'\e934'} /* '' */ .md-search:before{content:'\e942'} /* '' */ .md-settings:before{content:'\e944'} /* '' */ .md-star:before{content:'\e94f'} /* '' */ .md-text:before{content:'\e95c'} /* '' */ .md-thumbs-down:before{content:'\e95e'} /* '' */ .md-thumbs-up:before{content:'\e95f'} /* '' */ .md-unlock:before{content:'\e96d'} /* '' */ .md-phone_desktop:before{content:'\ee74'} /* '' */ .md-search_right:before{content:'\ef24'} /* '' */ .md-video_camera_round:before{content:'\effb'} /* '' */ .md-isight:before{content:'\f039'} /* '' */ .md-polymer:before{content:'\e826'} /* '' */ .md-infinite:before{content:'\e8e1'} /* '' */ .md-download:before{content:'\e800'} /* '' */ .md-patreon:before{content:'\e900'} .fa-tiktok:before{content:'\e893' ; font-family: fontello; font-style: normal; } /* '' */ .fa-mono:before { content: '\e892'; font-family: fontello; font-style: normal; } a.sidebar__nav-menu--link:hover { text-decoration: none; } a.sidebar__nav-menu--link:hover { text-decoration: none; } a.offside__button:hover{text-decoration:none} .item__full-main--related-news.container{padding-right:0;padding-left:0} img.dsq-widget-avatar{padding:unset!important;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden} a.dsq-widget-user{font-weight:inherit!important;padding-left:5px!important;margin-top:4px;height:12px;color:#fff} .dsq-widget-comment{position:relative;font-size:13px;margin-bottom:12px} .dsq-widget-comment p{display:block!important;margin-top:12px;color:silver} .dsq-widget-meta{margin-top:10px!important} .dsq-widget-meta a{color:#25aae1} .dsq-widget-meta a:nth-child(2){color:#818181;display:block} li.dsq-widget-item{padding-bottom:10px;border-bottom:1px solid #222227} ::-webkit-scrollbar{width:20px} ::-webkit-scrollbar-track{background:#f5f6f7} ::-webkit-scrollbar-thumb{background:#25aae1} ::-webkit-scrollbar-thumb:hover{background:#187da7} .offside::-webkit-scrollbar{width:22px} .offside::-webkit-scrollbar-thumb{background-image:-webkit-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:-ms-linear-gradient(180deg,#f5ce62 0%,#e43603 100%);background-image:linear-gradient(180deg,#f5ce62 0%,#e43603 100%);border:10px solid #2b2b31} .offside::-webkit-scrollbar-track{background:#2b2b31} .card__category.info a{text-transform:uppercase} .md-patreon:before{background-image:url(../images/social/pateron.svg);background-size:27px 20px;display:inline-block;width:27px;content:"";height:20px} .xsort-area{margin-bottom:10px;margin-top:-25px;padding:0 15px;font:normal 12px/32px Arial;-ms-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none} .xsort-area:after{content:"";display:table;clear:both} .xsort-area>div{float:left;margin:0 10px 10px 0} .xsort-div{height:30px;line-height:30px;padding:0 10px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.06);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.06);box-shadow:0 3px 5px rgba(0,0,0,0.07);border-radius:3px;background:#fff;position:relative;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} .xsort-div:hover{-webkit-box-shadow:0 0 10px 0 #25aae191;box-shadow:0 0 10px 0 #25aae191} .xsort-active{box-shadow:0 0 0 2px #FFB114} .xsort-selected{cursor:pointer;padding-right:15px;position:relative} .xsort-selected:after{position:absolute;top:50%;margin-top:-2px;right:0;border:4px solid transparent;border-top-color:#777;content:""} .xsort-div-filler{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAvklEQVR42o3KsUqCYRiA0RPVZg6Fg2NgU0ME7g0KTg0SLtHaFYQ0VjRFDUGjEAhBi1vQ1Fx2BVJ4Aa4FQWT6tn38llTnWR//t+7MjY6mgh9mXYjUi4ZvzoVnDUXL9r35VJWxaqxvEcCGkSczkmNhR1ZHKEuuhZKsPWFbcimsyToS6pJd4YRkTs9IUZIzMLQFmNcSbk2oeBfuHDrVF8KHugllj0IIQ23daQsrNtUsIe9BWqbLuxde/WLBlQN/+wLDfD9iwnIihwAAAABJRU5ErkJggg==);background-position:50% 50%;width:32px;padding:0;background-repeat:no-repeat;cursor:pointer} .xsort-ul{display:none;background:#fff;position:absolute;top:100%;left:0;margin:0;padding:0;max-height:400px;overflow:auto;list-style:none;z-index:100;border:1px solid #ccc;box-sizing:content-box} .xsort-ul li{display:block;border-bottom:1px solid #eee;padding:0 35px 0 18px;line-height:30px;white-space:nowrap;cursor:pointer;color:#666} .xsort-ul li:last-child{border:none} .xsort-ul li.current{color:#333;font-weight:700;background:#f5f5f7;position:relative} .xsort-ul li.current:after{position:absolute;top:0;right:5px;bottom:0;width:5px;content:"";display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAJUlEQVQY01XIMQEAIAwDsDivroGe6Sg3OQNxBGLVCldVzbfECA+g/g9v8ooTNAAAAABJRU5ErkJggg==) no-repeat 50% 50%} .xsort-ul li:hover{background:#eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAHElEQVQImWP4+vUrEwMDA9P///+ZGBgY4JjGfAByHhgFbrteLwAAAABJRU5ErkJggg==) repeat-x 0 0;color:#000} .xsort-ul li.xdesc,.xsort-ul li.xasc{background-position:6px 50%;background-repeat:no-repeat} .xsort-ul li.xdesc,.xdesc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAIElEQVQY02NgYGBgSPsPggwwQDQXwoRBFAHsekECEBoASUcnDSh9+RUAAAAASUVORK5CYII=)} .xsort-ul li.xasc,.xasc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAHklEQVQYV2NgAIO0/xAaygFBFA5UAMGBq0BRTDwXAPWMJw0b8PLnAAAAAElFTkSuQmCC)} span.xasc,span.xdesc{padding-left:10px;background-position:0 50%;background-repeat:no-repeat} .xsort_empty{margin-top:15px;background:#fff;border:1px solid #ccc;padding:15px;text-align:center;color:#444;border-radius:3px;box-shadow:0 2px 7px rgba(0,0,0,.1)} .xsort-admin-area{padding:0 0 0 210px} .xsort-admin-area:after{content:"";display:block;clear:both} .xsort-admin-area ul{list-style:none;margin:0 0 0 -210px;padding:0;float:left;width:200px;border-right:1px solid #ddd} .xsort-admin-area ul.loading{background:url(data:image/GIF;base64,R0lGODlhFAAUAPUEAPz6/PT29Pz+/PTy9Hx+fHx6fIyKjLSytISChOzq7MTCxJyanOTm5NTS1Nza3MzOzKSmpJyenOTi5Ozu7IyOjMTGxMzKzJSWlLy6vKyurLS2tLy+vJSSlNze3KSipKyqrNTW1P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAEACwAAAAAFAAUAAAGY0CCcAgIDI6DAGDIJCKfyGWTYHwGqshAExsQMAVc51E7JQiyQqS3LMQSAGM2s3o9ruXmMRI/t/KHWEl/bX6DWXZ/Z0l0f4xqeIoDhIhlcHGTSXdmloJ9WVeBklOhUGRsdYVMQQAh+QQFBQACACwKAAAABwAGAAAGHECCAfIACASFZMHgEBwihAJBEjgGFIqjdssNBIIAIfkEBQUAAwAsAAABABQAEwAABjvAgXBILD6KyGShcBAknwMCgQlNJgzLY7WYkBoA26LiYgmbz+hnIj1YpwMDOHsNPtfTd7Z+75bvt31JQQAh+QQFBQAAACwPAAUABQALAAAGI0CAEBAQFgoPIoEAEUYKBuHhKC0QhBKFZjgQFhMAgXeYEAcBACH5BAUFAAcALAEAAQATABMAAAZWwINQODkUh8hkMqBsGp0HREE5CQicR2QVAH1Gr90kgcgMC6XCsnmYXQsHbm08UjDEAdJIu6soFB5uE1IGAQB7TRMLf3JciBOASYdeTQABe5JJjVmNSEEAIfkEBQUADQAsAQABABMAEwAABlbAhlA4aBSHyGTyqFQylQSCcxBoNhJTgVXIQBQM1a2yQHyKo0Rx06wWYttLuFwZNs7vV2SAnUwYyHF1QgAKUQUHTkoLBYwHWnoDZgcEBg9bYW8MD4INQQAh+QQFBQAAACwHAAUACwAPAAAGI0CAcChMEAjEpHLJbDqf0Kh0upREDocIkogpeL9cw9EASQYBACH5BAUFAAIALAIADwAMAAUAAAYhQMGDkxAYj8YOoYBQBJBGwKFAJUCQBOPDQIUiAw8IFxkEACH5BAUFAAMALAAACwASAAkAAAY1wA3kMCgaj0hIgQBAOouER6GgeDqZCAIiYXU2poYu1HiYEhRNY0CBQArGA48RUVCL79e6MwgAIfkEBQUAAQAsAAAEABQAEAAABkDAgHBILFKIgkCiyBwWhA+KokkVQgoEQLVpKES2xCuiUDiAiwRC+UwsdL/sOHMMkQuf9vyQgrf3q3VNSXpnWFVBACH5BAUFAAMALAAAAQASABEAAAY1wIFwwBgaj0PBoeBAOgfLwuJ5bBQKhgTVcAUgCAQtVUgYEAqKsXrNbrvf8Lh8/jSU3Xd4IAgAIfkECQUAAwAsBAAAABAADwAABjbAAeABMRAGyKSyYSg4C8oo0kmIHKRRgiIgRUCx4DAWQUAIxMojOvldRwiGNVuOVNPvkTtdHQQAIfkECQUACwAsBAAAABAAFAAABm3ABeABMRAGgwBgwWw2DIVoYTKgVpsLKSFyCASQDMRBwCwQFAGsIPCJHpiGCRbLgBYeC/kcOyEQEGR7cwpmeIJYAQQFEIdzEAUGjVhtBJJNB1GWTBGQmgEIi5qEdwmSfX9pmqpZjR+CgauClY1BACH5BAkFAAsALAQAAAAQABQAAAaGwAXgATEQBoMAYMFsNgyFaAFJXTalhMghEBgkkIErQRFuCrhgpiHRbC8E1DDb3YYjBXR6wHJ55N0BBAUQf24RBQaFbQcFBIpNjAWPTIeJjwEIg5MKUQ9zfwmZBgFroEYFfo0KVkwBCgiCB0yNjRAHBxGZUVtMD1BSwAZ+bQFEUAQGEA9lTUEAIfkECQUACwAsAQAAABMAFAAABozAhXABeEAMhMEgABg6hQ1DYVpQWpvPBZUQyQQCg4QykC0QFOSh4Dt+GhJZocCaFsLjciseD17us3N+f099BRmDQ4WHiAtgd4wLGREYkI0IBBCVClMPUgSPcQkIBQYBDwSkoE4JSAUPTgUIaE4ACpeGThlbEBkHEaNTGQJPnVTGpK9xRUcEBAYQD3VCQQAh+QQJBQALACwBAAAAEwAUAAAGlsCFcAF4QAyEwSAAGDqFDUNhWlBam07BgUqIHAKBQUIZcG4LhEp5KACToVND4sm2lhEEwpxeVy4IBRV8T2FLaFiDQgJkBRGJhAkBBQePToWTlUOXjpkLlwSIiYuGBQqZhQF4CHuDAFYLDXGsTwkUFUtCZ2mhARV5BQ9sZ2gQBwcRCFQHAk8PUlTQBsF8AUZSBAYRD2tDQQAh+QQFBQALACwBAAAAEwAUAAAGjMCFcAF4QAyEwSAAGDqFDUNhWlBam07BgUqIZAKBQUIZcG4LBEV5KACToVND4sm2lhEEwpxeVy4IBQp8T2FLaFiDQgJkBRGJhEoFGY9OhZKUQ2EJjZhCYQGHmIuRgZiFAVJ6j6MDCw+AcoOsa2cIalkAdmwZXBAZBxENY0t0D1JUUxCfg0VHeQYZiENBACH5BAkFAAIALAEAAgANABIAAAYxQIFwKDwQj8ikcslsOptG6HNKVSIICGajQCUIAMdAUeA1BM6BwQAJUbvXQ7FDnUgHggAh+QQJBQALACwAAAIAFAASAAAGasDFQnAoGAmRQyAwSAifz2KBUAlABVaosGE0OLXgJ4JA+IbDhELlzJ4C2OdCBK5NWAsHehivhw4Wcn1Pf26CC3cFCoZCYwhmfVwUDAJnb2AVCQMDAZRPApZhTJqbS0yPYEujqn90qZmkYEEAIfkEBQUACwAsAAACABQAEgAABoDAxUJwKBgJkUMgMEgMBgGhtFggKKJSwfKJXTSMhoR0PHxCFwAEgSAmjwXmxYNQULjdTCikCriT4VAGBRF+eE9GB4VkeXSJilJMCRobEo+QUHkClnAJAQBOXYUAXAuZiqNPQqgDmncAeV15UK1CAqidi2aYW05nhrrAoXiRXMILQQAh+QQJBQAAACwAAAIAFAAPAAAGNkCAcEgsGouVo3LJNBSYxwAokoQSA4OBwErMBrjdwRecyCbG4KwYLBywh25AnJuAv4foe3oYBAAh+QQFBQAFACwAAAEAFAATAAAGecCCsCAZCicD5ABgHAYmCAIhcggEBslBoHkdNBTboQCQDRfIk4CgKb5OmIVkAM4WkrFnrLkudAOeanxGAnp6glxpcodGaIaLfViKjwVPWlhri4RaAEh7fGhMkZifkpyXn110bkujBWNlXFlaVqtpdX9KkUp0t6ubbEEAOw==) no-repeat 50% 50%} .xsort-admin-area ul li{display:block;color:#f43;cursor:pointer;padding:1px 0} .xsort-admin-area ul li.current,.xsort-admin-area ul li:hover{color:#000} .xsort-admin-area ul li.current{font-weight:700} .xsort-admin-area p{margin:0;padding:7px 0 0} .xsort-admin-area code{max-height:400px;overflow:auto} .xsort-div-clearall{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAKklEQVQoz2NgGATA4L/Bf3QWmrTBfwSNQwEOSWQT8EjiNRqnCQRcPgAAAG+mJxC7ICdhAAAAAElFTkSuQmCC);background-position:50% 50%;width:32px;padding:0;background-repeat:no-repeat;cursor:pointer} .xsort-ul::-webkit-scrollbar {width: 5px;} .xsort-ul {z-index:100;} .linkstocomicsblock{margin:30px 0} .linkstocomics{padding:5px;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:0 0 3px 3px} .linkstocomics a{display:block;padding:9px;min-height:35px} .linkstocomics a:hover{color:inherit} .ltcitems{min-height:37px;background:#fdfdfd;margin:5px;border-radius:3px;padding:0 1px} .ltcitems:hover{background:#eaeef4} .ltcright{float:right;padding:10px 9px;text-align:center;min-width:60px} .ltcright-edti{float:left;padding:10px 9px;text-align:center;min-width:40px} .ltcrate{color:#d8232a;padding:10px 6px;max-width:60px;overflow:hidden} .ltcratev2{color:#f60} .ltcratev2 i{font-size:15px} .linkstocomicsid{float:left;padding:9px} .linkstocomicsfav{float:right} .linkstocomicsfav a{padding:0;min-height:auto;display:inherit} .linkstocomicsfav span{padding:9px 12px;margin-left:9px;display:block;max-height:36px;min-height:36px} .linkstocomicsfav a:focus,.linkstocomicsfav a:hover{text-transform:none;text-decoration:none;color:#2a2a2a} .linkstocomicsfav img {vertical-align: baseline;} .endcomicsblock .linkstocomicsfav span{padding:7px 12px;max-height:inherit;min-height:inherit;border:inherit;margin-left:0} .favread{font-size:0;cursor:pointer} .favread img{opacity:.6} .favread:hover{font-size:inherit} @media screen and (max-width:1220px) { .ltcright,.showstat,.sorter:before{display:none} } .mass_comments_action select{text-transform:none;float:left;max-width:fit-content;display:block;width:100%;height:40px;line-height:40px;padding:0 15px;color:#000;background-color:#fff;border-radius:4px;-webkit-appearance:none;box-shadow:0 0 0 1px #ededed} .fullinfostatsblok{border-radius:3px;background:#eee;padding:0 15px;border:1px solid #e6e6e6} .sprogressblok1{width:20%;margin:15px 5% 15px 0;float:left} .sprogressblok2{width:150px} .sprogresstitle{font-size:16px;text-align:center;color:#555} .userslistinfoblok{width:50%;margin:15px 0;float:left} @media screen and (max-width:1220px) { .sprogressblok1{width:26%} .userslistinfoblok{width:38%} } @media screen and (max-width:590px) { .sprogressblok1{width:49%;margin-right:0} .userslistinfoblok{width:100%} .tooltiptext{display:none} .sprogressblok2{margin:0 auto} .item__full-main--container{padding:20px 5px 0} } @media screen and (max-width:390px) { .sprogressblok1{width:100%} } .circle-progress{width:auto;height:150px} .seriesprogressbar .circle-progress-value{stroke-width:6px;stroke:#329ae5;stroke-linecap:round} .seriesprogressbar .circle-progress-circle{stroke-width:6px;stroke:#ddd} .seriesprogressbar .circle-progress-text{font-weight:700;fill:#329ae5} .seriesprogressbarreading .circle-progress-value{stroke-width:6px;stroke:#16b9b9;stroke-dasharray:4 1} .seriesprogressbarreading .circle-progress-circle{stroke-width:6px;stroke:#ddd} .seriesprogressbarreading .circle-progress-text{font-weight:700;fill:hsl(180,78.7%,40.6%)} .dyspnoneimp{display:none!important} .favdelread{color:#2196f3;cursor:pointer}.favdelread:hover{color:#2a2a2a} .goreadfirstbut{color:#fff;padding:7px 14px;margin-bottom:10px;border-radius:3px;cursor:pointer;background:#4daae1;max-width:260px;width:calc(100%/4);display:inline-table} .goreadfirstbut i{margin-right:10px;width:20px;text-align:center} .tooltip{position:relative;display:inline-block;cursor:help} .tooltip .tooltiptext{visibility:hidden;width:100px;background-color:#555;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-50px;opacity:0;transition:opacity .3s} .tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#555 transparent transparent} .tooltip:hover .tooltiptext{visibility:visible;opacity:1} .status_news_boxs {position: absolute;top: 5%;right: 5%;} .status_news_yesterday {font-size: 13px;color: #fff;text-align: center;padding: 2px;background-color: #1a9cee;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;position: relative;} .status_news_today {font-size: 13px;color: #fff;text-align: center;padding: 2px;background-color: #43af43;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;position: relative;} .status_chapp_boxs {position: relative; width: 48px;float: left;margin-right: 5px;} .status_chapp_yesterday {font-size: 13px;color: #fff;text-align: center;padding: 2px;background-color: #1a9cee;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;position: relative;} .status_chapp_today {font-size: 13px;color: #fff;text-align: center;padding: 2px;background-color: #43af43;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;position: relative;} .custom_block_text_edit{font-weight:500;color:#fff} .custom_block_text_edit a{text-decoration:none;color:#25aae1} .custom_block_text_edit a:hover{color:#fff} .add_plus_chapp{background:#25aae1;border-radius:6px;padding:7px;color:#fff;line-height:13px;cursor:pointer;margin-right:2px;float:right;-webkit-transition:.4s ease;-moz-transition:.4s ease;transition:.4s ease} .add_plus_chapp:hover{color:#000} .menu>ul>li>ul>li>span>a{color:#fff} .add_plus_text:hover{text-decoration:none;color:#25aae1} .manga_astatus_{display:none} .manga_astatus_planned{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_deferred{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_postponed{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_readed{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_read{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_reading{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_dropped{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_loved{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_reread{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_favorite{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_abandoned{text-transform: uppercase;width: 100%;display: flex;position: absolute;bottom: 0;} .manga_astatus_planned sup{background:rgba(247,210,80,0.9) none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_deferred sup{background:rgba(145,182,201,0.9) none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_postponed sup{background:rgba(145,182,201,0.9) none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_readed sup{background:rgba(145,182,201,0.9) none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_read sup{background:rgba(129,190,93,0.9) none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_reading sup{background:rgba(129,190,93,0.9) none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_dropped sup{background:#ff6161e6 none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_abandoned sup{background:#ff6161e6 none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_loved sup{background:#ff61fae6 none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_favorite sup{background:#ff61fae6 none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .manga_astatus_reread sup{background:#9661ffe6 none repeat scroll 0 0;width: 100%;text-align: center;color: #fff;font-size: 1em;} .news_mod{position: fixed;color: white;bottom: 0;left: 0;z-index: 9;background: #2f9ce4;border-radius: 3px;margin: 5px;padding: 10px;opacity: 0.4;font-weight: 400;transition-duration: 0.5s} .news_mod:hover{opacity:1} .watch__head{background-color:#28282d;position:relative} .watch__title{color:#fff;text-transform:uppercase;font-size:28px;font-weight:300;margin:0;padding-right:70px} .watch__container{width:100%;margin-right:auto;margin-left:auto} @media (max-width: 1100px) { .row_youwatched{flex-wrap:nowrap;overflow-x:scroll} .short-item_watched{flex:0 0 33.333%!important;max-width:33.333%!important} } .block_youwatched{flex:0 0 100%;max-width:100%;background-color:#28282d;display:block} .content-title_youwatched{padding-top:1rem;padding-bottom:1rem} .title_youwatched{text-transform:uppercase} .row_youwatched{padding:1rem;justify-content:flex-start;display:flex!important} .img-fit_watched{position:absolute;left:0;top:0;transition:all .3s;min-height:100%;width:100%;height:100%;object-fit:cover;display:block;border-style:none} .animebox-poster_watched{position:relative;margin-bottom:.5rem} .short-item_watched{flex:0 0 10%;max-width:10%;padding:0 .4375rem .9375rem;transition:all .3s} .poster-img_watched{position:relative;overflow:hidden;border-radius:.3 rem;padding-top:140%;background-color:#1e2029;display:block} .fx-column-reverse{flex-direction:column-reverse;display:flex!important} .blok_watched{text-align:center;display:block} .title_watched{color:#fff;font-size:.7rem;font-weight:500;margin-bottom:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .page-navigation { display: inline-block; font-size: 1.2rem;} .page-navigation a{ box-shadow: 0 2px 5px rgba(0,0,0,0.06); padding: 10px; text-decoration: none; border-radius: 3px; margin: 0 10px 10px 0px; min-width: 50px; background: white; display: inline-block; } .page-navigation a:hover{ background: #ffef3b;} .page-navigation span{ box-shadow: 0 2px 5px rgba(0,0,0,0.06); padding: 10px; text-decoration: none; color: #ffffff; border-radius: 3px; margin: 0 10px 10px 0px; min-width: 50px; background-image: linear-gradient(to right,#25aae1,#04befe); display: inline-block; } .short-date { min-height: 37px; background: #2b2b31; margin: 5px 5px 10px 5px; border-radius: 3px; padding: 0 1px; } .short-date span { display: block; padding: 9px; min-height: 35px; color: white; font-weight: 500; } .add_plus_text{display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; width: 170px; line-height: 30px; line-height: 35px; float: left; } .support-b { display: flex; justify-content: center; align-items: center; margin: 20px 0; } .support-block { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); display: flex; align-items: center; max-width: 800px; width: 100%; gap: 20px; position: relative; overflow: hidden; transition: all 0.3s ease; } .support-block::before { font-family: "ForkAwesome"; position: absolute; font-size: 10em; color: rgba(0, 0, 0, 0.1); top: 50%; right: 0%; transform: translate(-50%, -50%); z-index: 0; animation: colorCycle 8s infinite; content: ""; } @keyframes colorCycle { 0% { color: rgba(0, 0, 0, 0.1); } 100% { color: rgba(0, 0, 0, 0); } 50% { color: rgba(0, 0, 0, 0.1); } 75% { color: rgba(0, 0, 0, 0); } 100% { color: rgba(0, 0, 0, 0.1); } } .translator-photo { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; z-index: 1; } .text-content { display: flex; flex-direction: column; justify-content: center; flex: 1; z-index: 1; } .team-name { margin: 10px 0; font-size: 1.5em; color: #333; } .description { font-size: 1em; color: #666; margin-bottom: 20px; } .social-icons { display: flex; gap: 10px; } .social-icon { text-decoration: none; color: #555; font-size: 1.7em; transition: color 0.3s; } .social-icon:hover { color: #007BFF; } .support-block-variant0 { background-color: #ffffff; box-shadow: 0 0 5px rgb(142 142 142 / 20%); border-radius: 15px; } .support-block-variant1 { background-color: #f0f8ff; box-shadow: 0 0 5px rgba(0, 123, 255, 0.2); border-radius: 15px; } .support-block-variant2 { background-color: #fffbe0; box-shadow: 0 0 5px rgba(255, 165, 0, 0.2); border-radius: 15px; } .support-block-variant3 { background-color: #e6ffed; box-shadow: 0 0 5px rgba(40, 167, 69, 0.2); border-radius: 15px; } .support-block-variant4 { background-color: #fff0fb; box-shadow: 0 0 5px rgb(255 0 207 / 20%); border-radius: 15px; } .support-block-variant5 { background-color: #fff0f0; box-shadow: 0 0 5px rgb(255 0 0 / 20%); border-radius: 15px; } .icon-1::before { content: "\f0c0"; } .icon-2::before { content: "\f35f"; } .icon-3::before { content: "\f33a"; } .icon-4::before { content: "\f21b"; } .icon-5::before { content: "\f005"; } .icon-6::before { content: "\f186"; } .icon-7::before { content: "\f08a"; } .icon-8::before { content: "\f0e7"; } .icon-9::before { content: "\f046"; } .icon-10::before { content: "\f299"; } .icon-11::before { content: "\e80c"; font-family:"fontello"; } .icon-12::before { content: "\e811"; font-family:"fontello"; } /* Notifications */ .js-toggle-fav:not(:hover) { background-color: #435878; } .js-toggle-fav { width: 100%; box-shadow: 0 1px 3px rgb(0 0 0 / 30%); font-weight: 300; margin-top: 15px; } .nav-show-notification { margin-left: 10px; margin-right: 10px; position: relative; cursor: pointer; } .nav-show-notification i { font-size: 1.5em; color: #96adc3; margin: 0; position: relative; outline: none; } .nav-show-notification i:hover { color: #25aae1; } .guest__notification, .mail__notification { position: absolute; top: -4px; right: -5px; height: 12px; width: 12px; border-radius: 50%; background-color: #25aae1; color: #fff; display: flex; justify-content: center; align-items: center; font-size: .65em; font-weight: 500; } .dropdown-toggle { white-space: nowrap; } .animated--grow-in, .sidebar .nav-item .collapse { -webkit-animation-name: growIn; -webkit-animation-duration: .2s; -webkit-animation-timing-function: cubic-bezier(.18,1.25,.4,1); animation-name: growIn; animation-duration: .2s; animation-timing-function: cubic-bezier(.18,1.25,.4,1); } .shadow { box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; font-size: .85rem; color: #858796; text-align: left; list-style: none; background-clip: padding-box; border: 1px solid #e3e6f0; opacity: 0; animation: fadeInDropdown 0.3s ease forwards; } @keyframes fadeInDropdown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .dropdown-menu.show { display: block; opacity: 1; /* забезпечення видимості, коли меню показане */ } .dropdown-list { padding: 0; border: none; overflow: hidden; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #858796; white-space: nowrap; } .dropdown-list .dropdown-header { background-color: #28282d; border: 1px solid #28282d; color: #fff; padding: 13px 15px; } .align-items-center { align-items: center!important; } .d-flex2 { display: flex!important; flex-wrap: nowrap!important; } .dropdown-item { display: flex; align-items: center; padding: 10px; background-color: #f8f9fa; transition: background-color 0.3s; position: relative; } .dropdown-item:hover { background-color: #e2e6ea; } .dropdown-list-image { margin-right: 5px; flex-shrink: 0; } .dropdown-list-image img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; } .dropdown-opt { background-color: aliceblue; display: flex; padding: 3px; position: relative; justify-content: center; align-items: center; } .small { color: #6c757d; font-size: 11px; display: flex; align-items: center; justify-content: space-between; /*float: right;*/ } .delete-icon-container { position: relative; display: flex; align-items: center; justify-content: center; width: 24px; cursor: pointer; height: 2em; } .delete-icon-container .fa-trash { font-size: 14px; color: #dc3545; } .delete-icon-container .fa-trash:hover { color: #c82333; } .font-weight-bold { font-weight: 700!important; display: block; } .font-weight-bold a { color: #007bff; text-decoration: none; } .font-weight-bold a:hover { text-decoration: underline; } .dropdown-list .dropdown-item { white-space: normal; padding: 5px 10px; } .dropdown-item-bot { background-color: #28282d !important; color: #fff !important; width: 100%; display: block; padding: 0.5rem 1.5rem; font-size: .875rem; white-space: nowrap; text-align: center; } .dark .notification__seen { color: #cbcbcb; } .dark .notification__date { color: rgb(255 255 255 / 50%);} .dark .notification.unread { background-color: #4f4f4f;} .dark .dropdown-opt { background-color: #414141;} .dark .dropdown-item { background-color: #232323;} .mr-3 { margin-right: 5px!important; width: 50px; height: 40px; } .noti-text { width: 100%; position: relative; } .bg-success { background-color: #25aae1 !important; } .icon-circle { height: 100%; width: 100%; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .text-white { color: #fff!important; } .dell-dropdown { color: #333545; font-size: 16px; position: absolute; } .dropdown-item a { color: #00bcd4!important; } .text-center { text-align: center!important; } .dropdown-item .fa { cursor: pointer; } .dropdown-list .dropdown-item .dropdown-list-image img { max-width: 2.5rem!important; } .rounded-circle { border-radius: 50%!important; } .dropdown-list .dropdown-item .dropdown-list-image { position: relative; } .dropdown-list .dropdown-item .dropdown-list-image .status-indicator { background-color: #eaecf4; height: 0.75rem; width: 0.75rem; border-radius: 100%; position: absolute; bottom: 0; right: 0; border: 0.125rem solid #fff; } .notification-all { margin-bottom: 15px; } .notification { display: flex; margin-bottom: 8px; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 7%); padding: 10px; text-decoration: none; min-width: 50px; } .notification__controls { display: flex; margin-left: auto; } .notification__seen, .notification__delete { color: rgba(31,31,31,.7); cursor: pointer; } .notification__seen:hover, .notification__delete:hover { color: #f60; } .notification.unread { background-color: #dcdcdc; border-radius: 5px; } .notification__avatar { width: 50px; height: 50px; margin-right: 10px; flex-shrink: 0; } .notification__avatar img { border-radius: 5px; height: auto; width: 100%; display: block; } .notification__info { display: flex; flex-direction: column; } .notification__text { margin-bottom: 5px; } .notification__date { color: rgba(31,31,31,.5); font-size: 0.9em; } .notification__seen { margin-right: 15px; font-size: 1.5em; } .mark-as-read { text-decoration: none; cursor: pointer; padding-right: 5px; } .font-weight-bold a, .notification__text a { color: #00bcd4!important; } /* Adaptive notifications settings */ @media only screen and (min-width: 1025px) { .dropdown-menu.show { display: block; left: auto; } } @media (min-width: 576px) { .dropdown-list { width: 20rem!important; } } @media only screen and (max-width:1097px) { .dropdown-menu.show { display: block; min-width: 300px; left: auto; } } @media only screen and (max-width:768px) { .notification__text { font-size: 0.9em; } .dropdown-menu.show { display: block; min-width: 300px; left: auto; } } @media only screen and (max-width:480px) { .notification__seen { margin-right: 7px; } .dropdown-menu.show { display: block; } .ring { font-size: 100px; color: #ff9800; animation: shake 1.3s infinite; } @keyframes shake { 0% { transform: rotate(0deg); } 10% { transform: rotate(-15deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(15deg); } 40% { transform: rotate(0deg); } 50% { transform: rotate(0deg); } 60% { transform: rotate(0deg); } 70% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }