/* BASIC LAYOUT ----------------------------------------------- */ .wrapper {min-width: 320px; position: relative;} .wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;} .wrapper-main {padding: 0 var(--indent);} .content {display: grid; grid-template-columns: minmax(200px,1fr) 300px; grid-gap: 40px 40px; padding: 20px 0; min-height: 80vh;} .header {background-color: var(--bg-dark); color: var(--tt-dark); padding-top: 20px; padding-bottom: 20px;} .footer {background-color: var(--bg-dark); color: var(--tt-dark); padding-top: 20px; padding-bottom: 20px;} .side-block--sticky {position: sticky; left: 0; top: 20px;} @media screen and (min-width: 1600px) { .wrapper {background-size: 100% auto;} } .share-btn {position: fixed; z-index: 990; right: 0; top: 50%; transform: rotate(-90deg); transform-origin: 100% 100%; background-color: #fff; border-radius: 8px 8px 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin-top: -150px; cursor: pointer; padding: 9px 20px; text-transform: uppercase; font-weight: 600; font-size: 16px;} .share-btn:hover {box-shadow: 0 0 30px rgba(0,0,0,0.5); color: var(--accent);} .share-box {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; border-radius: 10px; box-shadow: 0 0 30px rgba(0,0,0,0.6); width: 656px;} .share-box__text {padding: 30px;} .share-box__img {border-radius: 10px 10px 0 0; padding-top: 38.4%;} .share-box__close {position: absolute; right: 20px; top: 20px; cursor: pointer; font-size: 24px; color: #fff;} .c-orange {color: #fd823e;} .fbold {font-weight: 700;} .smf {margin-top: 20px; opacity: 0.6;} #scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 10px; z-index: 990; display: none; background-color: var(--bg); color: var(--tt-2); cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.1);} /* HEADER, NAV ----------------------------------------------- */ .logo {display: inline-flex; flex-direction: column; justify-content: center; height: 40px; letter-spacing: 1px; background: url(../images/logo.png) 0 center / 40px no-repeat; padding-left: 50px;} .logo__title {text-transform: uppercase; color: var(--accent); font-size: 24px; font-family: 'Black Ops One'; font-weight: 400; line-height: 1;} .logo__caption {font-size: 11px; color: #fff; text-transform: uppercase;} .header__search {position:relative; margin: 0 80px;} .header__search input, .header__search input:focus {padding: 0 20px; border-radius: 10px; background: #fff; box-shadow: none; color: #000;} .header__search input:not(:focus)::placeholder {color: #000; opacity: 0.4; font-size: 14px;} .header__search button {position:absolute; right: 0; top: 0; width: 60px; padding: 0; background: none; color: #000; font-size: 18px;} .header__ctrl li {cursor: pointer; margin-left: 20px; height: 40px; position: relative; display: flex; align-items: center; color: #fff; font-size: 18px;} .header__ctrl li .badge {display: inline-block; min-width: 20px; height: 20px; border-radius: 10px; line-height: 20px; text-align: center; font-size: 12px; background-color: #8dca00; color: #fff; padding: 0 6px; position: absolute; left: 9px; top: -6px;} .header__ctrl .fal {margin: 0 10px 0 0; font-size: 18px;} .header__ctrl li:hover {color: #ccc;} .nav {border-radius: 0 0 10px 10px; background-color: var(--accent); overflow: hidden;} .nav__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; white-space: nowrap; text-align: center;} .nav__menu li:not(:last-child) {border-right: 1px solid rgba(0,0,0,0.3); box-shadow: -2px 0 rgba(255,255,255,0.3);} .nav__menu a {display: block; line-height: 50px; color: #fff; padding: 0 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; background: linear-gradient(to top, rgba(0,0,0,0.2) 0%, transparent 80%);} .bgreen {background-color: #8dca00;} .bblue {background-color: #02b8e3;} .bred {background-color: #ff4f5b;} .bpurp {background-color: #fb55a3;} .byelo {background-color: #edcc3d;} .nav__menu a:hover {background-color: rgba(0,0,0,0.3);} .green {color: #8dca00;} .blue {color: #02b8e3;} .red {color: #ff4f5b;} .purple {color: #fb55a3;} .yellow {color: #edcc3d;} /* TOP SCROLLERS ----------------------------------------------- */ .sect-carou:not(.owl-carousel) {overflow: hidden; white-space: nowrap;} .sect-carou:not(.owl-carousel) .sect-scroller__item {display: inline-block; vertical-align: top; margin-right: 18px;} .sect-scroller {margin-top: 40px; padding: 0 0;} .sect-scroller123 {white-space: nowrap; overflow-y: hidden; overflow-x: auto; margin-top: 40px; padding: 0 0 20px 20px; scrollbar-width: thin; scrollbar-color: var(--accent) var(--bdc);} .sect-scroller::-webkit-scrollbar {width: 12px; height: 8px;} .sect-scroller::-webkit-scrollbar-thumb {border-radius: 0; background-color:var(--accent); border: 0;} .sect-scroller::-webkit-scrollbar-track {background-color:var(--bdc);} .sect-scroller__item {border-radius: 10px; background-color: #fff; padding: 20px; position: relative;} .sect-scroller__title {font-weight: 600; margin-bottom: 20px; font-size: 16px;} .sect-scroller__item .fal {position: absolute; right: 20px; top: 16px; font-size: 24px;} .sect-scroller__content {display: grid; grid-template-columns: repeat(7,minmax(54px,1fr)); grid-gap: 10px 10px;} .top {height: 56px; width: 56px; border-radius: 8px; display: block; position: relative; overflow: visible;} .top img {border-radius: 8px;} .top[data-count]::before {content: attr(data-count); position: absolute; left: 0; bottom: 0; padding: 3px; font-size: 12px; background-color: #8dca00; color: #fff;} .top::after {content: attr(title); position: absolute; left: 50%; bottom: 100%; transition: all .2s; background-color: #fff; padding: 6px 12px; border-radius: 6px; visibility: hidden; opacity: 0; pointer-events: none; display: block; transform: translate(-50%,-15px); z-index: 5; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2); white-space: nowrap; font-size: 12px;} .top:hover::after {opacity: 1; visibility: visible; transform: translate(-50%,0);} .toprek {text-align: center; margin-bottom: -35px; margin-top: 10px;} .top-adapt {width: 100%;height: 90px;text-align: center;background: #222b34;} .bottom-adapt-full {width: 100%;text-align: center;overflow: hidden;margin: 10px 0;height: 280px;} .sect-scroller__item--1 .sect-scroller__content {grid-template-columns: repeat(1,minmax(54px,1fr));} .sect-scroller__item--2 .sect-scroller__content {grid-template-columns: repeat(2,minmax(54px,1fr));} .sect-scroller__item--3 .sect-scroller__content {grid-template-columns: repeat(3,minmax(54px,1fr));} .sect-scroller__item--4 .sect-scroller__content {grid-template-columns: repeat(4,minmax(54px,1fr));} .sect-scroller__item--5 .sect-scroller__content {grid-template-columns: repeat(5,minmax(54px,1fr));} .sect-scroller__item--6 .sect-scroller__content {grid-template-columns: repeat(6,minmax(54px,1fr));} .sect-scroller__item--7 .sect-scroller__content {grid-template-columns: repeat(7,minmax(54px,1fr));} .sect-scroller__item--8 .sect-scroller__content {grid-template-columns: repeat(8,minmax(54px,1fr));} .sect-scroller__item--9 .sect-scroller__content {grid-template-columns: repeat(9,minmax(54px,1fr));} .sect-scroller__item--10 .sect-scroller__content {grid-template-columns: repeat(10,minmax(54px,1fr));} .sect-scroller__item--11 .sect-scroller__content {grid-template-columns: repeat(11,minmax(54px,1fr));} .sect-scroller__item--12 .sect-scroller__content {grid-template-columns: repeat(12,minmax(54px,1fr));} .sect-scroller__item--13 .sect-scroller__content {grid-template-columns: repeat(13,minmax(54px,1fr));} .sect-scroller__item--14 .sect-scroller__content {grid-template-columns: repeat(14,minmax(54px,1fr));} .sect-scroller__item--15 .sect-scroller__content {grid-template-columns: repeat(15,minmax(54px,1fr));} .sect-scroller__item--16 .sect-scroller__content {grid-template-columns: repeat(16,minmax(54px,1fr));} .sect-scroller__item--17 .sect-scroller__content {grid-template-columns: repeat(17,minmax(54px,1fr));} .sect-scroller__item--18 .sect-scroller__content {grid-template-columns: repeat(18,minmax(54px,1fr));} .sect-scroller__item--19 .sect-scroller__content {grid-template-columns: repeat(19,minmax(54px,1fr));} .sect-scroller__item--20 .sect-scroller__content {grid-template-columns: repeat(20,minmax(54px,1fr));} .sidebar .sect-scroller__item {display: block; margin-bottom: 20px;} .sidebar .sect-scroller__content {grid-template-columns: repeat(auto-fill,minmax(50px,1fr)); justify-items: center;} .sidebar .top {width: 100%;} /* SECTION ----------------------------------------------- */ .sect {margin-bottom: 40px;} .sect__header {margin-bottom: 20px;} .sect__title {font-size: 18px; font-weight: 600;} .descr {line-height: 1.6; color: #5c5c5c;} .descr--top {margin-bottom: 20px;} .descr h1 {font-size: 16px; font-weight: 600; color: var(--tt); margin-bottom: 5px;} .descr h2, .descr h3 {font-size: 16px; font-weight: 600; color: var(--tt);} .descr--btm, .descr__text {display: grid; grid-gap: 15px 0;} .descr a, .descr__btn {color: var(--tt); text-decoration: underline;} .descr__text.not-active p:first-child ~ p {display: none;} .descr__text.not-active p {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .descr__btn {cursor: pointer; margin-top: 5px;} .descr ul li {list-style:disc; margin-left:40px;} .descr ol li {list-style:decimal; margin-left:40px;} .speedbar {color: #5c5c5c; margin-top: 40px;} .speedbar .fal {color: var(--accent); margin-right: 8px;} .speedbar a:hover, .speedbar2 a:hover {text-decoration: underline;} .speedbar2 {position: absolute; left: 20px; top: 5px; right: 170px; z-index: 10; height: 30px; line-height: 30px; color: #e3e3e3; padding-left: 34px;} .speedbar2 a {color: var(--accent);} .speedbar2 .fal {width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; background-color: var(--accent); color: #000; position: absolute; left: 0px; top: 3px; font-size: 12px;} /* Speedbar ----------------------------------------------- */ .breadcrumbs { list-style: none; margin: 0; padding: 0px; display: flex; flex: 1 1 auto; min-width: 0; overflow: hidden; position: relative; } .breadcrumbs::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 2rem; pointer-events: none; background-image: var(--gradient-block-right); } .breadcrumbs > li { white-space: nowrap; } .breadcrumbs > li:not(:last-child)::after { content: "→"; margin: 0 .375rem 0 .125rem; opacity: .5; } .breadcrumbs > li:last-child { min-width: 0; } .breadcrumbs > li a:hover { opacity: .8; text-decoration: none !important; } /* CARD ITEM ----------------------------------------------- */ .card {position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.25);} .card__img {padding-top: 100%;} [data-label]::after {content: attr(data-label); position: absolute; left: -30px; top: 5px; z-index: 3; background-color: #edcc3d; color: #6b5c18; font-size: 12px; padding: 6px 0; text-transform: uppercase; font-weight: 600; transform: rotate(-45deg); width: 100px; text-align: center;} .card__title {position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; padding: 10px 12px; line-height: 1.3;text-shadow: #000000 0px 0px 4px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff !important; font-weight: 400;} .card__overlay {position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background-color: rgba(0,0,0,0.6); color: #fff; font-size: 44px; z-index: 3; line-height: 2;} .card__overlay::after {content: attr(data-text); font-weight: 600; font-size: 12px; text-transform: uppercase;} .card__rating {position: absolute; right: 0; top: 10px; border-radius: 4px 0 0 4px; font-size: 12px; font-weight: 600; width: 40px; text-align: center; padding: 3px 0; background-color: #8dca00; color: #fff;} .card__title:hover {opacity: 0;} .card:hover .card__overlay {opacity: 1;} .emoticons {display: flex; flex-wrap: wrap; gap: 9px; margin: 10px 0px;} .gamecon {display: inline-block;width: fit-content;padding: 3px 8px;border-radius: 12px;} .colortrending { background: #fff3e0; } .colorviral { background: #fce4ec; } .colornew { background: #e3f2fd; } /* FOOTER, PAGINATION ----------------------------------------------- */ .footer a:hover {text-decoration: underline;} .btn-accent {height: 40px; border-radius: 8px; padding: 0 20px; cursor: pointer; color: #fff; border: 2px solid var(--accent);} .footer__menu a {margin-right: 20px; display: inline-block; color: #fff;} .footer__text {line-height: 1.7; margin-left: 40px;} .footer__age {background-color: #ea121e; color: #fff; width: 60px; height: 40px; display: inline-block; border-radius: 8px; line-height: 40px; text-align: center; font-size: 18px; font-weight: 600;} .pagination {text-align: center; padding-top: 0px;} .pagination__btn-loader a, .pagination__btn-loader span {display: inline-flex; justify-content: center; align-items: center; height: 50px; padding: 0 50px; background: rgba(0,0,0,0.06); color: var(--tt); width: 100%; margin-bottom: 10px; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; border-radius: 10px;} .pagination__pages a, .pagination__pages span {display: inline-block; margin: 10px 5px 0 5px; line-height: 50px; padding: 0 10px; min-width: 50px; font-size: 18px; background-color: #fff; border-radius: 8px;} .pagination__pages span:not(.nav_ext), .pagination__pages a:hover, .pagination__btn-loader a:hover {background: var(--accent); color: #fff; border-color: var(--accent);} .pagination__pages--full a, .pagination__pages--full span {line-height: 30px; min-width: 30px; font-size: 14px;} /* INNER PAGE ----------------------------------------------- */ .page {display: grid; grid-template-columns: minmax(200px,1fr) 300px; grid-gap: 0px 40px; padding: 40px 0; min-height: 80vh; grid-template-areas: "main side" "desc side"; grid-template-rows: min-content 1fr;} .page__col-main {grid-area: main; border-radius: 10px 10px 0 0; padding: 20px; padding-top: 40px; background-color: var(--bg-dark); color: var(--tt-dark); position: relative;} .page__col-side {grid-area: side;} .page__col-desc {grid-area: desc;} .emotion {background-color:#fff;border-radius: 0 0 10px 10px;margin-bottom: 15px;} .game-plug {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;} .game-plug-in {cursor: pointer; max-width: calc(100% - 40px); max-width: 60%; color: #fff;} .game-plug__img {width: 150px; height: 150px; border-radius: 10px; margin-right: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.5);} .game-plug__desc h1 {font-weight: 600; font-size: 24px; margin: 5px 0 20px 0;} .game-plug__btn {height: 50px; border-radius: 10px; font-weight: 600; font-size: 16px; text-transform: uppercase; background-color: #8dca00;/*#222b34*/ box-shadow: 0 0 0 5px rgb(141, 202, 0, 0.5); padding: 0 40px; margin-bottom: 5px; width: 230px;} .game-plug__category {text-transform: uppercase; opacity: 0.6;} .gamenow:hover .game-plug__btn {box-shadow: 0 0 0 5px rgb(141, 202, 0, 0); color: #75a702; color: #fff;} #game iframe, #game {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 none; display: block; margin: 0; overflow: hidden !important;} #game_loading { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 none; display: block; margin: 0; } #game.game_load #game_loading { display: block; } #game_loading { display: none; } #game_loading { z-index: 10001; text-align: center; padding: 30% 0px; font-weight: bold; font-size: .875rem; text-transform: uppercase; pointer-events: none; color: #fad060; transition: opacity .3s linear; background: #222b34; } #game_loading::before { margin: 0 auto; content: ""; display: block; width: 40px; height: 40px; margin-bottom: 1.5rem; border: 4px solid #fad060; border-bottom-color: transparent; border-radius: 50%; transform-origin: 50% 50%; animation: game_load 1s linear infinite; } @keyframes game_load { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .play-game .game-plug, .play-game .gamelist__add1 {display: none !important;} .page__player {background-color: rgba(0,0,0,0.3); margin-bottom: 20px; position: relative; padding-top: 62.6%;} .page__subtitle {color: #fff; font-weight: 600; font-size: 18px; line-height: 1.3;} .page__meta {margin-left: 20px;} .page__compl a {color: var(--tt-dark);} .page__share-btn {cursor: pointer; color: var(--accent);} .page__fs {cursor: pointer; color: #fff; pointer-events: none; opacity: 0.8;} .play-game .page__fs {opacity: 1; pointer-events: auto;} .gamelist__add {position: absolute; right: 20px; top: 5px; z-index: 10; height: 30px; display: flex; align-items: center; font-size: 12px; background-color: var(--bg-dark); cursor: pointer; color: #fff;} .page__share-btn:hover, .page__fs:hover, .gamelist__add:hover, .page__compl a:hover {text-decoration: underline;} .psh {background-color: #fff; border-radius: 10px; padding: 60px 30px; text-align: center; width: 300px; position: fixed; z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-50%);} .psh-close {cursor: pointer; position: absolute; right: 15px; top: 15px; font-size: 24px;} .page__info {background-color: #fff; border-radius: 0 0 10px 10px; padding: 20px; margin-bottom: 20px;} .page__info-img {width: 80px; height: 80px; border-radius: 10px; float: left; margin: 0 20px 0 0; box-shadow: 0 5px 15px rgba(0,0,0,0.25);} .page__info--second {border-radius: 10px;} .page__info--second .page__info-img {width: 150px; height: 150px;} .page__related {margin-bottom: 20px;} .page__rating {position: relative; background-color: #fff; margin-bottom: 20px; border-radius: 10px; padding: 45px; padding-bottom: 100px;} .page__rating a {background-color: var(--bg-2); display: block; font-weight: 600; font-size: 16px; text-align: center; border-radius: 10px 10px 0 0; padding-bottom: 10px; width: calc((100% - 20px)/2);} .page__rating a .fal {display: block; height: 60px; border-radius: 10px; text-align: center; line-height: 60px; font-size: 28px; background-color: #91c523; color: #fff; margin-bottom: 10px;} .page__rating a + a .fal {background-color: #fb3832; transform: scale(-1,1);} .page__rating-bar {position: absolute; left: 20px; bottom: 20px; right: 20px; height: 30px; border-radius: 8px; overflow: hidden; background: repeating-linear-gradient(45deg,#e2332d,#e2332d 10px,#fb3832 10px,#fb3832 20px);} .page__rating-bar-progress {position: absolute; left: 0; top: 0; height: 100%; width: 50%; background: #6ab04c; background: repeating-linear-gradient(45deg,#57913e,#57913e 10px,#6ab04c 10px,#6ab04c 20px);} .page__rating-likes {position: absolute; z-index: 5; left: 0; bottom: 20px; line-height: 30px; text-align: center; width: 100%; font-size: 14px; color: #fff; white-space: nowrap;} .page__rating i {font-style: normal;} .page__rating-likes span {display: none;} .page__rating-votes {position: absolute; left: 0; bottom: 60px; width: 100%; color: #5c5c5c; text-align: center; font-size: 12px; text-transform: uppercase; white-space: nowrap;} .page__rating a:hover .fal {opacity: 0.8;} .page__ctrl {position: relative; background-color: #fff; margin-bottom: 20px; border-radius: 10px; padding: 20px; display: grid; grid-gap: 5px 0;} .page__ctrl-title {text-transform: uppercase; font-weight: 600; padding-bottom: 10px;} .page__ctrl i {font-style: normal; font-weight: 600;} .page__ctrl i::after {content: '-'; display: inline; margin: 0 10px;} .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1} .c-strelki::before {content: '\2191, \2190, \2193, \2192';} .c-wasd::before {content: 'W A S D';} .c-mouse::before {content: ''; width: 10px; height: 14px; background-size: 10px; background-repeat: no-repeat; display: inline-block; background-image: url('data:image/svg+xml,%3Csvg width="384" height="512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="mouse" role="img" class="svg-inline--fa fa-mouse fa-w-12 fa-2x"%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill="currentColor" d="M224 0h-64A160 160 0 0 0 0 160v192a160 160 0 0 0 160 160h64a160 160 0 0 0 160-160V160A160 160 0 0 0 224 0zM32 160A128.14 128.14 0 0 1 160 32h16v160H32zm320 192a128.14 128.14 0 0 1-128 128h-64A128.14 128.14 0 0 1 32 352V224h320zm0-160H208V32h16a128.14 128.14 0 0 1 128 128z" id="svg_1"/%3E%3C/g%3E%3C/svg%3E'); } .c-lkm::before {content: ''; width: 10px; height: 14px; background-size: 10px; background-repeat: no-repeat; display: inline-block; background-image: url('data:image/svg+xml,%3Csvg width="384" height="512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="mouse" role="img" class="svg-inline--fa fa-mouse fa-w-12 fa-2x"%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill="currentColor" d="m224,0l-64,0a160,160 0 0 0 -160,160l0,192a160,160 0 0 0 160,160l64,0a160,160 0 0 0 160,-160l0,-192a160,160 0 0 0 -160,-160zm-192,160a128.14,128.14 0 0 1 128,-128l16,0l-83,-8l-69,74l8,62zm320,192a128.14,128.14 0 0 1 -128,128l-64,0a128.14,128.14 0 0 1 -128,-128l0,-128l320,0l0,128zm0,-160l-144,0l0,-160l16,0a128.14,128.14 0 0 1 128,128l0,32z" id="svg_1"/%3E%3C/g%3E%3C/svg%3E'); } .c-pkm::before {content: ''; width: 10px; height: 14px; background-size: 10px; background-repeat: no-repeat; display: inline-block; background-image: url('data:image/svg+xml,%3Csvg width="384.00000000000006" height="512" xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-mouse fa-w-12 fa-2x" role="img" data-icon="mouse" data-prefix="fal" focusable="false" aria-hidden="true"%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id="svg_1" d="m226.04079,0l-64,0a160,160 0 0 0 -160,160l0,192a160,160 0 0 0 160,160l64,0a160,160 0 0 0 160,-160l0,-192a160,160 0 0 0 -160,-160zm-192,160a128.14,128.14 0 0 1 128,-128l16,0l0,160l-144,0l0,-32zm320,192a128.14,128.14 0 0 1 -128,128l-64,0a128.14,128.14 0 0 1 -128,-128l0,-128l320,0l0,128zm-12.24475,-280.40675l-76.65385,-51.01981l-55.1014,11.42657l16,0aNaN,NaN 0 0 136.16317,74.9394l-20.40792,-35.34615z" fill="currentColor"/%3E%3C/g%3E%3C/svg%3E'); } .c-scroll::before {content: ''; width: 10px; height: 14px; background-size: 10px; background-repeat: no-repeat; display: inline-block; background-image: url('data:image/svg+xml,%3Csvg width="384" height="512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="mouse" role="img" class="svg-inline--fa fa-mouse fa-w-12 fa-2x"%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill="currentColor" d="M224 0h-64A160 160 0 0 0 0 160v192a160 160 0 0 0 160 160h64a160 160 0 0 0 160-160V160A160 160 0 0 0 224 0zm112 352a112.12 112.12 0 0 1-112 112h-64A112.12 112.12 0 0 1 48 352V160A112.12 112.12 0 0 1 160 48h64a112.12 112.12 0 0 1 112 112zM192 96a32 32 0 0 0-32 32v32a32 32 0 0 0 64 0v-32a32 32 0 0 0-32-32z" id="svg_1"/%3E%3C/g%3E%3C/svg%3E'); } .c-space::before {content: 'Пробел';} .c-shift::before {content: 'shift';} .c-ctrl::before {content: 'ctrl';} .c-alt::before {content: 'alt';} .c-enter::before {content: 'enter';} .c-caps-lock::before {content: 'caps-lock';} .c-backspace::before {content: 'backspace';} .c-tab::before {content: 'tab';} .c-left::before {content: 'left';} .c-right::before {content: 'right';} .c-up::before {content: 'up';} .c-down::before {content: 'down';} .c-esc::before {content: 'esc';} .c-plus::before {content: 'plus';} .c-minus::before {content: 'minus';} .c-1-3::before {content: '1-3';} .c-1-5::before {content: '1-5';} .c-1-7::before {content: '1-7';} .c-1-9::before {content: '1-9';} .c-0::before {content: '0';} .c-1::before {content: '1';} .c-2::before {content: '2';} .c-3::before {content: '3';} .c-4::before {content: '4';} .c-5::before {content: '5';} .c-6::before {content: '6';} .c-7::before {content: '7';} .c-8::before {content: '8';} .c-9::before {content: '9';} .c-a::before {content: 'A';} .c-b::before {content: 'B';} .c-c::before {content: 'C';} .c-d::before {content: 'D';} .c-e::before {content: 'E';} .c-f::before {content: 'F';} .c-g::before {content: 'G';} .c-h::before {content: 'H';} .c-i::before {content: 'I';} .c-j::before {content: 'J';} .c-k::before {content: 'K';} .c-l::before {content: 'L';} .c-m::before {content: 'M';} .c-n::before {content: 'N';} .c-o::before {content: 'O';} .c-p::before {content: 'P';} .c-q::before {content: 'Q';} .c-r::before {content: 'R';} .c-s::before {content: 'S';} .c-t::before {content: 'T';} .c-u::before {content: 'U';} .c-v::before {content: 'V';} .c-w::before {content: 'W';} .c-x::before {content: 'X';} .c-y::before {content: 'Y';} .c-z::before {content: 'Z';} .game-desktop-only {color: #fff; text-align: center; font-size: 18px;} .game-desktop-only .fal {font-size: 60px; color: var(--accent);} .game-desktop-only__title {margin: 20px 0; font-weight: 600; font-size: 24px;} /* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK ----------------------------------------------- */ .full-text {line-height: 1.5; font-size: 15px; color: #5c5c5c; word-wrap: break-word;} .full-text a {text-decoration: underline; color: #5278b1;} .full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, .full-text > ul, .full-text > ol, .full-text table, .page__title {margin-bottom: 15px;} .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 > ul li, .full-text > ol li {padding-left: 60px; position: relative;} .full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; border: 3px solid var(--accent); position: absolute; top: 5px; left: 34px;} .full-text > ol {counter-reset: num;} .full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500; display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;} .full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); position: absolute; left: 41px; top: -2px; transform: scale(0.66,1.5); transform-origin: 0 0;} .full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;} .full-text table, .video-inside > * {width:100%;} .full-text table tr td {padding:10px; border:2px solid #fff;} .full-text table tr:nth-child(2n+1) {background-color:#f2f6f9;} .full-text table tr:nth-child(1) {background-color:#cee0ed;} .full-text table img:not(.emoji) {margin:0; max-width:350px} .full-text > *:last-child {margin-bottom: 0;} .video-responsive {padding-top: 60%; position: relative;} .video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; font-weight: 300;} .full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;} /* ADAPTIVE, MOBILE MENU ----------------------------------------------- */ .overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6; background-color: #000; cursor: pointer; display: none;} .mobile-menu {width: 300px; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; z-index: 999; position: fixed; left: -340px; top: 0; transition: left .4s; background-color: var(--bg); color: var(--tt);} .mobile-menu.is-active {left: 0;} .mobile-menu-close {cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0; background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;} .mobile-menu-close.is-active {top: 0px; opacity: 1;} body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;} .mobile-menu .nav__menu {margin: 0; padding: 0; display: block; background-color: var(--accent);} .mobile-menu .nav__menu > li {width: 100%; margin: 0; padding: 0; border: 0 !important; box-shadow: none !important;} .mobile-menu .nav__menu > li > a {height: 50px;} .mobile-menu .sect-scroller__content {grid-template-columns: repeat(auto-fill,minmax(40px,1fr)); justify-items: center;} .mobile-menu .top {width: 100%; height: 44px;} .mobile-menu .sect-scroller__item {margin: 0 -10px;} @media screen and (max-width: 1220px) { .wrapper {padding: 0; background-image: none;} .wrapper-container {max-width:1000px;} .nav {border-radius: 0; margin: 0 -20px -20px -20px;} .nav a {line-height: 48px; padding: 0 8px; font-size: 13px;} .header__search {margin: 0 20px;} .emotion {margin-top: -20px;} .header__btn-menu {cursor: pointer; font-size: 30px; margin-left: 20px; color: #fff; display: block;} #scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;} .content {grid-gap: 40px 20px;} .footer__text {margin-left: 20px;} /*.sect-scroller__item {padding: 10px; margin-right: 8px;} .sect-scroller__title {margin-bottom: 10px;} .sect-scroller__item .fal {right: 10px; top: 6px;}*/ .sect-scroller .js-this-in-mobile-menu {display: none !important;} .page {grid-gap: 20px 20px; grid-template-columns: minmax(200px,1fr) 240px;} .page__subtitle {min-width: 100%; text-align: center; white-space: normal;} .page__meta {margin: 20px 0 0 0;} } @media screen and (max-width: 950px) { .wrapper {overflow: hidden;} .wrapper-container {max-width:768px;} .content {display: block;} .sidebar {margin-top: 40px;} .footer {display: block; text-align: center;} .footer__menu {justify-content: center;} .footer__text {margin: 20px 0;} .footer__menu a {margin: 0 20px; margin-bottom: 20px;} .side-block--sticky {position: static;} .emotion {margin-top: -40px;} .page {grid-gap: 20px 20px; grid-template-columns: minmax(280px,1fr); grid-template-areas: "main" "side" "desc";} .page__col-side .side-block--sticky, .page__ctrl {display: none;} .page__info {border-radius: 10px;} .page__rating {margin: 0;} } @media screen and (max-width: 760px) { .wrapper-container {max-width:640px;} .header__search {min-width: 100%; margin: 0; order: 10; margin-top: 20px;} .logo {flex: 1 1 0; min-width: 50px; max-width: 100%;} .hm {display: none;} .header__ctrl .fal {margin: 0;} .header__btn-menu {margin-left: 40px;} .emotion {margin-left: -20px; margin-right: -20px; margin-top: -40px;} .page__col-main, .page__player {margin-left: -20px; margin-right: -20px; border-radius: 0;} .gamelist__add {font-size: 0;} .gamelist__add .fal {font-size: 18px; margin: 0;} .speedbar2 {right: 60px;} .page__rating {margin: -20px; margin-bottom: 0; border-radius: 0;} .page__info {margin: -20px; margin-bottom: 20px; border-radius: 0; border-top: 1px solid var(--bdc);} .page__info--second {margin-top: 0; border: 0;} .page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;} .add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;} .add-comments-form__btn {width: 100%; order: 10;} .add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;} .mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;} } @media screen and (min-width: 591px) { .page__info--second { display: grid; grid-template-columns: 150px 1fr; gap: 20px; } } @media screen and (max-width: 590px) { .wrapper-container {max-width:480px;} .game-plug-in, .game-plug__desc {display: block; text-align: center;} .game-plug__img {margin: 0 auto; margin-bottom: 20px; width: 100px; height: 100px;} .game-plug__desc h1 {font-size: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .game-plug__btn {height: 40px; padding: 0 20px; font-size: 14px;} .game-plug__category {font-size: 12px;} .game-plug-in {max-width: 90%;} .page__player {padding-top: 100%;} .speedbar2 {padding-left: 0;} .speedbar2 .fal, .page__info--second .page__info-img {display: none;} } @media screen and (max-width: 470px) { .wrapper-container22 {max-width:360px;} .logo > * {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .logo {padding-left: 40px; background-size: 30px;} .logo__title {font-size: 20px;} .emotion {margin-left: -20px; margin-right: -20px;margin-top: -25px;} .full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;} } .og {display: block; float: left; margin: 0 20px 20px 0; position: relative; width: 80px;} .og img {border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.25); display: block; width: 80px; height: 80px; margin: 0 !important; max-width: 100% !important;} .og a {display: block; text-align: center; padding-top: 10px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none;; color: #444;} .og a::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0;} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel {width: 100%; position: relative; z-index: 1;} .owl-carousel .owl-stage {position: relative; display:flex; justify-content:flex-start;} .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-item {position: relative; min-height: 10px;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;} .owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; opacity: 1;} .owl-carousel.owl-drag .owl-item {user-select: none;} .owl-carousel.owl-grab {cursor: move; cursor: grab;} .owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;} .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .owl-carousel .fadeOut {animation-name: fadeOut;} @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .owl-height {transition: height 500ms ease-in-out;} .owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;} .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;} .owl-nav {position: static; left: auto; right: 0; top: 50%; display: block !important;} .owl-stage-outer {-webkit-mask-image: linear-gradient(to right, transparent 0%, #f2f6f8 30px, #f2f6f8 calc(100% - 30px), transparent 100% );} .owl-prev, .owl-next {position: absolute; left: 0; top: 0; height: 100%; width: 60px; cursor: pointer; background: none !important; font-size: 18px; display: flex; justify-content: center; flex-direction: column; z-index: 10;} .owl-next {left: auto; right: 0;} .owl-nav button .fal {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; color: #444; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.4);} .owl-nav button:hover .fal {background-color: var(--accent); color: #fff;} .owl-dots {text-align: center; position: absolute; left: 0; right: 0; bottom: -25px;} .owl-dot {display: inline-block; width: 10px; height: 10px; border-radius: 50%; cursor: pointer; background: var(--bg-2); margin: 0 5px;} .owl-dot.active, .owl-dot:hover {background: var(--accent);} /* sprite.css */ .girls,.boys,.pop,.mult{background-repeat:no-repeat;display:inline-block;border:2px solid #8c8f92;border-radius:5px;margin:4px 1px;font-size:0;width:52px;height:52px}.girls{background-image:url(../img/sprite/52/girls.jpg)}.brodilki{background-position:0 0}.igry-barbi{background-position:0 -52px}.igry-bolnica{background-position:0 -104px}.igry-dlya-devochek-na-dvoih{background-position:0 -156px}.igry-dom{background-position:0 -208px}.igry-gotovim-edu{background-position:0 -260px}.igry-govoryaschaya-anzhela{background-position:0 -312px}.igry-koshki{background-position:0 -364px}.igry-kukly-lol{background-position:0 -416px}.igry-ledi-bag-i-super-kot{background-position:0 -468px}.igry-makiyazh{background-position:0 -520px}.igry-monster-hay{background-position:0 -572px}.igry-odevalki{background-position:0 -624px}.igry-papa-lui{background-position:0 -676px}.igry-parikmaherskaya{background-position:0 -728px}.igry-pianino{background-position:0 -780px}.igry-pony{background-position:0 -832px}.igry-princessy{background-position:0 -884px}.igry-princessy-disneya{background-position:0 -936px}.igry-raskraski{background-position:0 -988px}.igry-testy{background-position:0 -1040px}.igry-uhod-za-malishami{background-position:0 -1092px}.igry-uhod-za-zhivotnimi{background-position:0 -1144px}.igry-winx{background-position:0 -1196px}.boys{background-image:url(../img/sprite/52/boys.jpg)}.igry-draki{background-position:0 0}.igry-dzhipy{background-position:0 -52px}.igry-futbol{background-position:0 -104px}.igry-gonki{background-position:0 -156px}.igry-grabiteli{background-position:0 -208px}.igry-gruzoviki{background-position:0 -260px}.igry-gta{background-position:0 -312px}.igry-lego{background-position:0 -364px}.igry-mashiny{background-position:0 -416px}.igry-maynkraft{background-position:0 -468px}.igry-na-dvoih-dlya-malchikov{background-position:0 -520px}.igry-na-motociklah{background-position:0 -572px}.igry-nindzya{background-position:0 -624px}.igry-roboty{background-position:0 -676px}.igry-rycari{background-position:0 -728px}.igry-simulyatory{background-position:0 -780px}.igry-sport{background-position:0 -832px}.igry-stikmen{background-position:0 -884px}.igry-strategii{background-position:0 -936px}.igry-strelyalki{background-position:0 -988px}.igry-tanki{background-position:0 -1040px}.igry-transformery{background-position:0 -1092px}.igry-zombi{background-position:0 -1144px}.strashnye-igry{background-position:0 -1196px}.pop{background-image:url(../img/sprite/52/pop.jpg)}.igry-3-pandy{background-position:0 0}.igry-3d{background-position:0 -52px}.igry-5-nochey-s-freddi{background-position:0 -104px}.igry-adam-i-eva{background-position:0 -156px}.igry-am-nyam{background-position:0 -208px}.igry-angry-birds{background-position:0 -260px}.igry-brodilki{background-position:0 -312px}.igry-disney{background-position:0 -364px}.igry-futbol-golovami{background-position:0 -416px}.igry-geometriya-dash{background-position:0 -468px}.igry-geroi-udarnogo-otryada{background-position:0 -520px}.igry-golovolomki{background-position:0 -572px}.igry-govoryaschiy-kot-tom{background-position:0 -624px}.igry-gta{background-position:0 -676px}.igry-io{background-position:0 -728px}.igry-kartun-network{background-position:0 -780px}.igry-klikery{background-position:0 -832px}.igry-kogama{background-position:0 -884px}.igry-krasniy-shar{background-position:0 -936px}.igry-lego-nindzyago{background-position:0 -988px}.igry-logicheskie{background-position:0 -1040px}.igry-mario{background-position:0 -1092px}.igry-na-1-igroka{background-position:0 -1144px}.igry-na-lovkost{background-position:0 -1196px}.igry-nikelodeon{background-position:0 -1248px}.igry-ogon-i-voda{background-position:0 -1300px}.igry-plohoe-morozhenoe{background-position:0 -1352px}.igry-pobeg{background-position:0 -1404px}.igry-samolety{background-position:0 -1456px}.igry-shariki{background-position:0 -1508px}.igry-shou-delfinov{background-position:0 -1560px}.igry-tanki-v-labirinte{background-position:0 -1664px}.igry-trollfeys{background-position:0 -1716px}.igry-udarniy-otryad-kotyat{background-position:0 -1768px}.igry-ulitka-bob{background-position:0 -1820px}.igry-villi{background-position:0 -1872px}.igry-vorishka-bob{background-position:0 -1924px}.igry-vzorvi-eto{background-position:0 -1976px}.igry-zlaya-babushka{background-position:0 -2028px}.igry-zmeyki{background-position:0 -2080px}.igry-zombotron{background-position:0 -2132px}.mult{background-image:url(../img/sprite/52/mult.jpg)}.igry-avatar{background-position:0 0}.igry-bakugan{background-position:0 -52px}.igry-ben-10{background-position:0 -104px}.igry-betmen{background-position:0 -156px}.igry-chelovek-pauk{background-position:0 -208px}.igry-cherepashki-nindzya{background-position:0 -260px}.igry-devushki-ekvestrii{background-position:0 -312px}.igry-diego{background-position:0 -364px}.igry-doktor-plyusheva{background-position:0 -416px}.igry-dora{background-position:0 -468px}.igry-ever-after-hay{background-position:0 -520px}.igry-finis-i-ferb{background-position:0 -572px}.igry-gambol{background-position:0 -624px}.igry-graviti-fols{background-position:0 -676px}.igry-halk{background-position:0 -728px}.igry-hleboutki{background-position:0 -780px}.igry-holodnoe-serdce{background-position:0 -832px}.igry-kak-priruchit-drakona{background-position:0 -884px}.igry-kik-butovskiy{background-position:0 -936px}.igry-lilo-i-stich{background-position:0 -988px}.igry-masyanya{background-position:0 -1040px}.igry-mikki-maus{background-position:0 -1092px}.igry-minony{background-position:0 -1144px}.igry-moy-shumnyy-dom{background-position:0 -1196px}.igry-mstiteli{background-position:0 -1248px}.igry-naruto{background-position:0 -1300px}.igry-nasledniki{background-position:0 -1352px}.igry-ralf{background-position:0 -1404px}.igry-rapuncel{background-position:0 -1456px}.igry-reyndzhery-samurai{background-position:0 -1508px}.igry-sharlotta-zemlyanichka{background-position:0 -1560px}.igry-shchenyachiy-patrul{background-position:0 -1612px}.igry-shimmer-i-shayn{background-position:0 -1664px}.igry-simpsony{background-position:0 -1716px}.igry-skazochnyy-patrul{background-position:0 -1768px}.igry-skubi-du{background-position:0 -1820px}.igry-sofiya-prekrasnaya{background-position:0 -1872px}.igry-sonik{background-position:0 -1924px}.igry-spanch-bob{background-position:0 -1976px}.igry-tachki{background-position:0 -2028px}.igry-tom-i-djerri{background-position:0 -2080px}.igry-trolli{background-position:0 -2132px}.igry-umizumi{background-position:0 -2184px}.igry-vremya-priklucheniy{background-position:0 -2236px}.igry-vspysh-i-chudo-mashinki{background-position:0 -2288px}.igry-yunye-titany{background-position:0 -2340px}.igry-zheleznyy-chelovek{background-position:0 -2392px}.igry-zvezdnye-voyny{background-position:0 -2444px} /* GAME AD */ .game-plug-skip { position: absolute; right: 20px; bottom: 20px; border: 1px solid #838383; cursor: pointer; padding: 10px 15px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .game-plug-skip:hover { background: #fff; color: #838383; } /* COMMENTS ----------------------------------------------- */ .add-comments-form-wrapper {} .add-comments-form__input {margin-left: 20px;} .add-comments-form .hidden, .comments_subscribe + br {display: none;} .mass_comments_action {display: flex; align-items: center; max-width: 800px;} .mass_comments_action select {flex: 1 1 0; margin: 0 16px 0 20px;} .comment-item__title {font-weight: 500; font-size: 2rem; margin-bottom: 20px;} .comment-item {margin-top: 20px;} .comment-item__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;} .comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 500; position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 1.8rem;} .comment-item__author {font-weight: 400;} .comment-item__date {color: var(--secondary-text-color); margin-top: 2px; font-size: 12px;} .comment-item__main {margin: 6px 0 3px 0;} .comment-item__rating {margin-left: 20px; height: 30px; line-height: 30px; border-radius: 4px; background-color: #f2f6f9; padding: 0 10px; font-size: 1.2rem; color: #97a9b7;} .comment-item__rating a {color: #97a9b7;} .comment-item__rating > span {margin: 0 5px;} .comment-item__rating > span > span.ratingtypeplus, .comment-item__rating > span > span.ratingplus {color: #06b601;} .comment-item__rating > span > span.ratingminus {color: #ff0e0e;} .comment-item__reply a {color: var(--primary-color); border-bottom: 1px dotted var(--primary-color); font-size: 12px;} .comment-item__controls {text-align: right; font-size: 12px;} .comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 20px; line-height: 20px;} .comment-item__controls a:not(:hover) {color: var(--secondary-text-color);} .mass_comments_action { margin-top: 15px; } /* END */