/* BASIC LAYOUT ----------------------------------------------- */ .wrapper {min-width: 320px; position: relative; background: url(../images/bg.jpg) center -120px no-repeat;} .wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;} .header {background-color: var(--bg-black); margin-bottom: 120px; gap: 20px; position: relative; z-index: 100; color: #fff;} .header:after {content: ''; background: var(--gradient); height: 3px; position: absolute; left: 0; right: 0; bottom: -3px;} .carousel {background-color: var(--bg-darker); padding: 20px; margin: 0 20px; box-shadow: var(--bsh-content); isolation: isolate; position: relative;} .wrapper__cols {display: grid; grid-template-columns: 300px minmax(0,1fr); position: relative; z-index: 1; grid-template-areas: "sidebar content"; background-color: var(--bg); box-shadow: var(--bsh-content);} .content {min-height: 80vh; grid-area: content; padding: 40px var(--indent); position: relative;} .sidebar {background-color: var(--bg-darker); grid-area: sidebar; padding: 40px var(--indent);} .footer {background-color: var(--bg-darker); color: var(--tt-fade); padding: 40px var(--indent); gap: 20px; position: relative; margin: 0 20px; isolation: isolate;} .scrolltop {position: fixed; width: 40px; height: 40px; right: -60px; bottom: 10px; z-index: 990; border-radius: 50%; font-size: 20px; opacity: 0; transition: right 0.2s, opacity 0.2s;} .scrolltop.is-active {right: 10px; opacity: 1;} .ppp {margin: 0 auto; aspect-ratio: 1200 / 90; width: 100%;} .ppp--main {max-width: 1160px;} .ppp img, .ppp a {display: block;} /* HEADER ----------------------------------------------- */ .logo-block {display: flex; align-items: center; padding-left: 44px; position: relative; font-weight: 700; text-transform: uppercase; font-size: 28px; margin-right: 20px;} .logo-block svg path {fill: var(--accent-primary);} .logo-block svg, .logo-block img {width: 30px; height: 30px; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .header__logo {height: 80px; --tt: #fff;} .header__logo span {font-size: 18px; color: var(--accent-secondary); margin-left: 3px; margin-top: 6px;} .header__soc-link {border-radius: 15px; height: 30px; padding: 0 15px; background-color: #18a3e6; font-size: 12px;} .header__settings-btn {height: 60px; font-size: 24px; color: var(--accent-primary);} .header__settings-list {background-color: var(--bg); box-shadow: var(--bsh); padding: 20px; position: absolute; right: 0; top: 100%; width: 340px; z-index: 10; color: var(--tt); --tt: #000;} .header__btn-login, .header__btn-link a {color: var(--accent-secondary); font-weight: 700;} .header__btn-link {font-size: 14px; text-transform: uppercase; margin-left: -15px;} .header__settings-btn.is-active {background-color: var(--bg); color: var(--tt);} .search-block {position: relative; margin: 0 160px 0 20px; --bdc: var(--bdc-light); --tt: #fff;} .search-block__input, .search-block__input:focus {border-radius: 20px; padding: 0 60px 0 20px; border: 0; box-shadow: none; border: 1px solid var(--bdc); background-color: rgba(255,255,255,0.066); color: var(--tt);} .search-block__input:not(:focus)::placeholder {color: var(--tt-fadest); opacity: 1; font-size: 14px;} .search-block__btn {position: absolute; right: 0; top: 0; width: 60px; font-size: 16px; color: var(--accent-secondary); padding: 0;} .sb__design button {width: 30px; height: 30px; border-radius: 15px; padding: 0; background-color: var(--bg); border: 2px solid var(--bdc); color: var(--tt); font-weight: 400; font-size: 14px;} .sb__design--cols button, .sb__design--posters button {width: 100%; text-transform: none;} .sb__design--posters li {min-width: 40%;} .sb--btns .sb__caption {margin-bottom: 10px;} .sb__design li button.is-active {box-shadow: 0 0 0 1px var(--accent-primary); border-color: var(--bg); color: var(--tt);} .sb__design--btns li:nth-child(1) button {background-color: #e76d39;} .sb__design--btns li:nth-child(2) button {background-color: var(--red);} .sb__design--btns li:nth-child(3) button {background-color: var(--blue);} .sb__design--btns li:nth-child(4) button {background-color: var(--violet);} .sb__design--btns li:nth-child(5) button {background-color: var(--yellow);} .sb__design--btns li:nth-child(6) button {background-color: var(--green);} .sb__design--btns li:nth-child(7) button {background-color: var(--grey);} .header__settings-list .sb + .sb {margin-top: 20px;} /* CAROUSEL, UPDATE, COLLECTION ----------------------------------------------- */ .carousel::before, .carousel::after {content: ''; border: 10px solid transparent; position: absolute; bottom: 0; z-index: -1; border-bottom-color: var(--bg-darkest);} .carousel::before {border-right-color: var(--bg-darkest); left: -20px;} .carousel::after {border-left-color: var(--bg-darkest); right: -20px;} .carousel__content:not(.owl-carousel), .upd-items:not(.owl-carousel), .coll-items:not(.owl-carousel) {display: flex; overflow: hidden; gap: 20px;} .carousel__content:not(.owl-carousel) > * {flex-shrink: 0; width: calc((100% - 120px)/7);} .upd-items:not(.owl-carousel) > * {flex-shrink: 0; width: calc((100% - 60px)/4);} .coll-items:not(.owl-carousel) > .coll {flex-shrink: 0; width: calc((100% - 40px)/3);} .carou {display: block;} .carou__img {padding-top: 150%; border-bottom: 4px dashed var(--accent-secondary);} .carou__desc {margin-top: 15px; line-height: 1;} .carou__title {font-size: inherit; font-weight: 500;} .carou__category {color: var(--tt-fadest); font-size: 14px; margin-top: 10px;} .upd {background-color: var(--bg-darker); padding: 20px; font-size: 14px;} .upd__img {width: 40px; height: 40px; margin-right: 20px; box-shadow: var(--bsh-poster);} .upd__body {margin-top: 15px;} .upd__title {font-size: 16px; font-weight: 500;} .upd__voice {color: var(--tt-fadest); font-size: 14px; margin-top: 8px; line-height: 1;} .coll {display: block; padding-top: 0; height: 160px; text-align: center; box-shadow: var(--bsh-poster);} .coll__count {position: absolute; left: 0; top: 0; background-color: var(--accent-primary); color: #fff; position: absolute; left: 0; top: 0; z-index: 6; padding: 4px 10px;} .coll__title {position: absolute; inset: 0; color: #fff; background-color: rgba(0,0,0,0.5); padding: 20px; font-weight: 700; font-size: 22px; z-index: 5;} .poster2 .coll {grid-column: span 2;} .coll-items .coll {box-shadow: none;} /* SECTION ----------------------------------------------- */ .sect:not(:last-child) {margin-bottom: 40px;} .sect__header {margin-bottom: 20px; gap: 5px 10px;} .sect__title {font-size: 24px; text-transform: uppercase; font-weight: 700;} .sect__link {font-size: 14px; text-transform: uppercase; font-weight: 700; color: var(--accent-primary); display: flex; align-items: center; gap: 10px;} .sect__header--mb {margin-bottom: 40px;} .sect__btn-filter {color: var(--accent-primary);} .speedbar {color: var(--tt-fadest); max-width: calc(100% - 220px - var(--indent)*2); position: absolute; right: var(--indent); top: 34px; z-index: 10;} .speedbar a {color: #fff;} .speedbar2 {color: var(--tt-fade); margin-bottom: 15px; margin-top: -20px;} .descr {display: grid; grid-gap: 20px; line-height: 1.7; padding: 40px 0; color: var(--tt);} .descr h1, .descr h2, .descr h3 {font-size: 18px; text-transform: uppercase; font-weight: 700; color: var(--tt); line-height: 1.3;} .descr a {text-decoration: underline; color: var(--accent-third);} .descr ul li {position: relative; padding-left: 25px; margin-left: 25px;} .descr ul li::before {content:"\f00c"; font-weight: 900; font-family:'Font Awesome 6 Free'; color: var(--accent-primary); position: absolute; left: 0; top: 0;} /* SHORT STORY ----------------------------------------------- */ .card {padding: 20px; border: 1px solid var(--bdc); background-color: var(--bg); display: grid; gap: 0px 20px; grid-template-columns: 80px minmax(0,1fr); grid-template-rows: auto auto 1fr auto; grid-template-areas: "cimg cdesc" "cimg cmeta2" "cbody cbody" "cfooter cfooter";} .card__img {height: 120px; box-shadow: var(--bsh-poster); grid-area: cimg;} .card__meta2 {gap: 10px; margin-top: 10px; align-self: end; grid-area: cmeta2;} .card__meta2::before {margin-left: auto; font-size: 24px; color: var(--tt-fadest);} .card__series, .card__quality {height: 30px; display: flex; align-items: center; padding: 0 15px; border: 1px solid var(--bdc); border-radius: 15px; font-size: 12px; text-transform: uppercase;} .card__quality {background-color: var(--bg-darker); color: var(--accent-primary);} .card__title {font-size: 22px; line-height: 1.1;} .card__body {grid-area: cbody;} .card__footer {grid-area: cfooter;} .card__meta {font-size: 14px; color: var(--tt-fade); margin-top: 8px;} .card__list {display: grid; gap: 5px; font-size: 14px; margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--bdc); margin-bottom: 15px;} .card__list li > span:first-child {color: var(--tt-fade);} .card__text {-webkit-line-clamp: 4;} .card__footer {margin: -20px; margin-top: 20px; border-top: 1px solid var(--bdc); position: relative; z-index: 10;} .card__btn-trailer {background-color: var(--bg-darker); color: var(--tt-fade);} .poster1 .card__btn-trailer:after, .poster3 .card__btn-trailer:after, .poster4 .card__btn-trailer:after {content: attr(data-text);} .poster2 .d-grid-items--main {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 40px 20px;} .poster2 .pagination {padding-top: 10px;} .poster2 .card__body, .poster2 .card__meta2::before, .poster2 .card__btn-link, .poster1 .card__btn-trailer::before, .poster3 .card__meta2::before {display: none;} .poster2 .card {padding: 0; border: 0; background-color: transparent; display: block;} .poster2 .card__img {width: 100%; height: auto; padding-top: 150%; margin: 0; margin-bottom: 15px;} .poster2 .card__img img {position: absolute; inset: 0;} .poster2 .card__btn-trailer {left: 0; top: 40px; position: absolute; padding: 0; width: 40px; min-width: 40px; background-color: rgba(0,0,0,0.4); z-index: 10; color: #fff; backdrop-filter: blur(10px);} .poster2 .card__title {font-size: 18px; line-height: 1.4;} .poster2 .card__footer {border: 0; margin: 0; position: static;} .poster2 .card__quality {background-color: var(--accent-primary); border-radius: 0; border-color: var(--accent-primary); color: #fff;} .poster2 .card__series {background-color: var(--bg); border-color: var(--bg); border-radius: 0;} .poster2 .card__meta {white-space: normal;} .poster2 .card__meta2 {position: absolute; left: 0; top: 0; right: 0; aspect-ratio: 100 / 150; flex-direction: column; align-items: flex-start; justify-content: space-between; margin: 0;} @media screen and (min-width: 760px) { .poster3 .card {grid-column: 1 / -1; grid-template-columns: 200px minmax(0,1fr) max-content; gap: 20px; grid-template-rows: auto 1fr auto; grid-template-areas: "cimg cdesc cdesc" "cimg cbody cbody" "cimg cmeta2 cfooter";} .poster3 .card__img {height: 300px;} .poster3 .card__footer {margin: 0; border: 0;} .poster3 .card__meta2, .poster4 .card__meta2 {align-self: center; margin: 0;} .poster3 .card__list {margin-top: 0;} .poster4 .card {grid-column: 1 / -1; grid-template-columns: 105px minmax(0,1fr) max-content; grid-template-rows: auto 1fr auto; align-items: start; gap: 10px 20px; grid-template-areas: "cimg cdesc cfooter" "cimg cbody cbody" "cimg cmeta2 cmeta2";} .poster4 .card__img {height: 160px;} .poster4 .card__footer {margin: 0; border: 0; align-self: center;} .poster4 .card__footer > * {height: 32px; padding: 0 12px; font-size: 13px;} .poster4 .card__list, .poster4 .card__btn-trailer::before, .poster4 .card__btn-link:before {display: none;} .poster4 .card__title {font-size: 18px;} .poster4 .card__title, .poster4 .card__meta {display: block; white-space: nowrap; text-overflow: ellipsis;} .poster4 .card__text {font-size: 15px; -webkit-line-clamp: 3;} } .trl {background-color: rgba(0,0,0,0.9); position: fixed; z-index: 990; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; backdrop-filter: blur(10px);} .trl__close {position: absolute; right: 20px; top: 20px; font-size: 40px; color: #fff;} .trl__inner {width: 100%; max-width: 700px; margin: 0 auto; color: #fff; padding: 80px 20px 20px 20px;} .trl__btn {height: 60px; padding: 0 40px; margin-top: 15px; width: 100%;} .trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: 24px;} .trl .page__text, .sinfo .page__list li, .sinfo .page__text {display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden;} .trl-is-opened {overflow: hidden;} /* SIDEBAR ----------------------------------------------- */ .sb + .sb {margin-top: 40px;} .sb__title {text-transform: uppercase; font-weight: 700; margin-bottom: 20px; line-height: 1; font-size: 14px;} .menu-block {display: grid; gap: 6px;} .menu-block li {display: flex; align-items: center; justify-content: space-between;} .menu-block li span {color: var(--tt-fade); font-size: 14px;} .menu-block--main {gap: 10px; font-weight: 500;} .menu-block--main a {display: flex; align-items: center; gap: 20px; width: 100%;} .menu-block--main a::before {color: var(--tt-fadest); width: 19px; text-align: center;} .sb__grid {display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 10px; counter-reset: num;} .ftop-item {background-color: rgba(0,0,0,0.02); position: relative; padding-right: 10px;} .ftop-item__img {width: 50px; height: 75px; margin-right: 20px; z-index: 5; box-shadow: var(--bsh-poster);} .ftop-item::before {content: counter(num); counter-increment: num; color: var(--tt-fade); opacity: 0.3; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 30px; font-weight: 700;} .ftop-item__meta {margin-top: 4px; font-size: 14px; color: var(--tt-fade);} .lcomm:not(:last-child) {margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid var(--bdc);} .lcomm {font-size: 15px;} .lcomm__link {display: block; font-size: 13px; font-weight: 500; color: var(--accent-primary); text-transform: uppercase; letter-spacing: 1px; padding-left: 1px;} .lcomm__date {font-size: 13px; color: var(--tt-fade); margin-left: 10px;} .lcomm__text {margin: 8px 0 10px 0; -webkit-line-clamp: 3;} .lcomm__av {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;} /* FOOTER ----------------------------------------------- */ .footer__text {color: var(--tt-fade); font-size: 14px;} .footer__logo {min-width: 240px;} .footer__logo svg path {fill: var(--tt-fadest);} .footer__link {font-size: 14px; text-transform: uppercase; font-weight: 700; color: var(--accent-primary);} .footer::before, .footer::after {content: ''; border: 10px solid transparent; position: absolute; top: 0; z-index: -20; border-top-color: var(--bg-darkest);} .footer::before {border-right-color: var(--bg-darkest); left: -20px;} .footer::after {border-left-color: var(--bg-darkest); right: -20px;} /* PAGINATION ----------------------------------------------- */ .pagination {gap: 20px 20px; padding-top: 30px;} .pagination a, .pagination span {display: grid; place-items: center; font-size: 16px; background-color: var(--bg); height: 40px; min-width: 40px; padding: 0 10px; border: 1px solid var(--bdc); border-radius: 20px;} .pagination__pages {gap: 10px 10px; font-size: 18px;} .pagination__pages span:not(.nav_ext) {background-color: var(--bg-darker); color: var(--accent-primary); border-color: var(--bg-darkest);} /* INNER PAGE ----------------------------------------------- */ .page__header {background-color: var(--bg-black); margin: -40px var(--indent-negative) 40px var(--indent-negative); padding: 40px var(--indent); display: flex; flex-direction: column; justify-content: flex-end; gap: 20px; padding-left: calc(220px + var(--indent)); height: 300px;} .page h1 {text-transform: uppercase; font-size: 34px; font-weight: 700; line-height: 1.1;} .page h1 a {margin-left: 10px; font-size: 16px;} .page__header-one, .page__header-two {gap: 10px; z-index: 5; --tt: #fff; color: #fff;} .page__poster {width: 180px; height: 260px; box-shadow: var(--bsh-poster); position: absolute; left: var(--indent); bottom: 0; z-index: 5;} .page__poster .card__meta2 {position: absolute; inset: 0; margin: 0; padding: 0px; aspect-ratio: unset} .page__poster .card__series {background-color: var(--bg); border-color: var(--bg); color: var(--tt); border-radius: 0;} .page__poster .card__quality {background-color: var(--accent-primary); border-radius: 0; border-color: var(--accent-primary); color: #fff;} .page__meta {color: var(--tt-fadest);} .page__meta a {color: inherit;} .page__share, .page__fav a {display: flex; align-items: center; height: 50px; border-radius: 25px; padding: 0 25px; background-color: transparent; border: 2px solid rgba(255,255,255,0.3); justify-content: center;} .page__fav a {padding: 0; width: 50px; font-size: 18px; color: var(--red);} .page__rating-score, .page__comm-num {font-size: 16px;} .page__rating {margin: 0 10px;} .page__rating-likes a {display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 15px; background-color: var(--green); color: #fff; border-radius: 15px;} .page__rating-likes a + a {background-color: var(--red); color: #fff;} .page__poster-bg {position: absolute; inset: 0;} .page__poster-bg::before {content: ''; position: absolute; inset: 0; z-index: 1; background-color: rgba(100, 57, 31, 0.6); backdrop-filter: blur(6px) grayscale(0.6);} .page__actors a, .page__poster a {display: block;} .page__cols-right {width: 300px; margin-left: 40px;} .page__btns {margin-bottom: 34px; gap: 20px;} .page__btns button {height: 50px; border-radius: 0px; padding: 0 40px; position: relative; isolation: isolate;} .page__btn-watch::after {content: ''; position: absolute; inset: -5px; background-color: inherit; opacity: 0.2; border-radius: 0px; z-index: -1;} .page__btn-trailer {background-color: var(--bg-darker); color: var(--tt);} .js-hide-text {max-height: 150px; overflow: auto;} .show-text {position: absolute; z-index: 2; left: 0; bottom: 0px; cursor: pointer; font-weight: 500; font-size: 14px; text-transform: uppercase; color: var(--accent-primary);} .js-hide-text[style]::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient(to top, var(--bg) 0%, transparent 100%); z-index: 1;} .page__info-grid {display: grid; gap: 34px 20px; grid-template-columns: repeat(2,1fr);} .page__info--wide {grid-column: 1 / -1;} .page__info-caption {margin-bottom: 10px;} .page__actors {padding-top: 6px; gap: 20px;} .page__actors img {width: 50px; height: 50px; border-radius: 50%; object-fit: cover;} .page__list li + li {margin-top: 10px;} .page__list a {color: var(--accent-primary); text-decoration: underline;} .page__list li {position: relative; padding-left: 120px; min-height: 14px;} .page__list li > span:first-child {position: absolute; left: 0; top: 0; color: var(--tt-fade);} .page__list li.page__list-1 {padding-left: 0;} .page__list li.page__list-1 > span:first-child {position: static; display: block;} .page__subtitle {margin-bottom: 20px; font-size: 24px; font-weight: 700;} .page__player {position: relative;} .tabs-block__select {gap: 10px; margin-bottom: 10px;} .tabs-block__select button {height: 40px; padding: 0 20px; background-color: var(--bg-darker); color: var(--tt-fade);} .tabs-block__select button.is-active, .tabs-block__select button:hover {background: var(--accent-primary); color: #fff;} .page__complaint {position: absolute; right: 0; top: 9px; color: var(--red); --tt: var(--red);} .not-loaded .page__player-controls + .d-none {display: block;} @media screen and (min-width: 1220px) { .page__related .carousel__content:not(.owl-carousel) > * {width: calc((100% - 100px)/6);} } .page2__header {display: grid; gap: 20px 40px; grid-template-columns: 200px minmax(0,1fr); align-items: start; grid-template-rows: auto 1fr auto; grid-template-areas: "p2header p2header" "p2img p2list" "p2img p2ctrl";} .page2__header-header {grid-area: p2header;} .page2__header-img {grid-area: p2img;} .page2__header-list {grid-area: p2list;} .page2__header-ctrl {grid-area: p2ctrl;} .page2__header h1 {margin-bottom: 5px;} .page2 .page__poster {width: 200px; height: 300px; position: relative; left: 0; bottom: 0; margin-bottom: 20px;} .page2 .page__comm-num {margin-right: auto;} .page2 .page__rating {margin: 0;} .page2__header-ctrl {gap: 10px 20px;} .page2 .page__btn-watch {width: 100%; margin-top: 20px;} .page2 .page__btn-trailer {width: 200px; background-color: var(--bg-black) !important; color: #fff;} .page2 .page__fav a, .page2 .page__share {border-color: rgba(0,0,0,0.05); height: 40px; border-radius: 20px;} .page2 .page__fav a {width: 40px;} .page2 .page__share {color: var(--tt); padding: 0; flex-grow: 1; font-weight: 500;} .card__meta, .ftop-item__meta, .page__meta {word-wrap: break-word;} /* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK ----------------------------------------------- */ .page__title {margin-bottom: 30px; font-size: 24px;} .full-text {line-height: 1.6; font-size: 16px; 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 {margin-bottom: 25px;} .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 #fcc506; position: absolute; top: 6px; left: 34px;} .full-text > ol {counter-reset: num;} .full-text > ol li:before {content: counter(num); counter-increment: num; background-color: #fcc506; color: #000; position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600; 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: #fcc506; position: absolute; left: 41px; top: -3px; 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 > *:last-child {margin-bottom: 0;} .video-responsive {padding-top: 60%; position: relative; background-color: #000;} .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; margin-bottom: 20px;} /* COMMENTS ----------------------------------------------- */ .page__comments {margin-top: 0px;} .page__comments-title {font-size: 24px; margin-bottom: 20px; line-height: 1;} .page__comments-info {color: var(--tt-fade); display: block; margin: -5px 0 20px; padding-left: 23px; position: relative;} .page__comments-info::before {color: var(--ui-red); position: absolute; left: 0; top: 2px;} .ac-form {margin-bottom: 30px; position: relative;} .ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;} .ac-form__btn {padding: 0 60px;} .ac-form__bottom {gap: 25px;} .confidential-check {font-size: 14px;} .ac-form__header > span {margin-left: 15px;} .ac-form .comments_subscribe {margin-top: 0px;} .ac-form__header input, .ac-form__editor textarea {border-radius: 0; box-shadow: none;} .ac-form__editor textarea {height: 120px;} .ac-form .bb-pane {border-radius: 0;} .mass_comments_action {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;} .mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;} .mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;} .comm__title {font-size: 18px; margin-bottom: 20px;} .comm {margin-bottom: 30px; position: relative;} .comm__img {width: 40px; height: 40px; border-radius: 50%;} .comm__img::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--ui-red); position: absolute; right: -1px; top: -1px; z-index: 5; border: 2px solid var(--bg);} .comm--online .comm__img::before {background-color: var(--ui-green);} .comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit; position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: var(--ui-fw-bolder);} .comm__author, .comm__author a {text-transform: uppercase; font-weight: 500; font-size: 14px;} .comm__date {color: var(--tt-fade); margin-top: 2px; font-size: 14px;} .comm__main {margin: 6px 0 0 0; padding: 10px 10px 10px 40px; background-color: var(--bg-darker); border-bottom: 0;} .comm__action {gap: 20px; font-size: 14px;} .comm__footer {padding: 10px 10px 10px 40px; border: 1px solid var(--bdc); border-top: 0;} .comm__action li, .comm__action li a {color: var(--tt-fade); cursor: pointer; gap: 8px; display: flex; align-items: center;} .comm__ctrl, .comm__ctrl a {font-size: 15px; gap: 10px 15px; color: var(--tt-fade);} .comm__ctrl li.has-checkbox {transform: scale(0.8,0.8); margin: 0 -10px 0 -5px;} .comm__ctrl li.has-checkbox input {border-color: var(--tt-fade);} .comm__rating {gap: 1px; margin-bottom: -10px;} .comm__rating > * {display: flex; gap: 5px; height: 20px; align-items: center; background-color: var(--bg-darker); padding: 0 10px;} .comm__rating > * .fas {color: var(--green);} .comm__rating > * + * .fas {color: var(--red);} .comm__meta {display: flex; align-items: center; gap: 20px;} .comm__header {padding-left: 40px;} .comm__img {position: absolute; left: -20px; top: 0px; width: 50px; height: 50px;} /* LOGIN ----------------------------------------------- */ .login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: var(--ui-bg); width: 440px; border: 10px solid var(--ui-bg-darker); box-shadow: 0 15px 45px rgba(0,0,0,1); overflow-y: auto; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px);} .login__header {padding: 20px 50px 25px 50px; border-bottom: 1px solid var(--ui-bdc); position: relative;} .login__title {font-size: 24px; font-weight: var(--ui-fw-bolder);} .login__caption {font-size: 15px; color: var(--ui-tt-fade); margin-top: 3px;} .login__close {font-size: 23px; position: absolute; right: 10px; top: 10px; padding: 0; width: 40px; height: 40px;} .login__content {display: grid; gap: 20px; padding: 25px 50px; padding-bottom: 50px; position: relative;} .login__row, .login__row.fal, .login__row.fas {position: relative; display: grid; gap: 10px; justify-content: stretch;} .login__row-caption a, .login__caption a {margin-left: 10px;} .login__row::before {position: absolute; left: 2px; bottom: 0; width: 40px; height: 50px; display: grid; place-items: center; opacity: 0.4; font-size: 18px;} .login__input input {padding-left: 40px; border-radius: var(--ui-bdrs); height: 50px; line-height: 48px;} .login__row button {width: 100%; height: 40px; border-radius: var(--ui-bdrs);} .login__social {padding-top: 10px; text-align: center; gap: 10px; margin-bottom: -20px;} .login__social-caption {font-size: 13px; color: var(--ui-tt-fade); width: 100%;} .login__social a {padding: 0 10px; border-radius: 20px; position: relative; width: 40px; height: 40px; overflow: hidden; color: #fff; display: flex; align-items: center; justify-content: center;} .login__social a::before {content: ''; width: 40px; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; height: 100%;} .login__social a img {position: absolute; left: 10px; top: 50%; height: 20px; width: 20px; z-index: 1; display: block; filter: invert(1); transform: translateY(-50%);} .login__social-vk {background-color: #587ba1;} .login__social-ok {background-color: #ff9800;} .login__social-fb {background-color: #3b5998;} .login__social-ml {background-color: #2196f3;} .login__social-gg {background-color: #f44336;} .login__social-ya {background-color: #fc3f1d;} .header__login-img {width: 40px; height: 40px; border-radius: 50%; cursor: pointer;} .header__favlink {font-size: 24px; --tt: var(--accent-secondary);} .header__favlink span {position: absolute; padding: 0 4px; display: inline-block; padding: 0 6px; background-color: var(--accent-primary); color: #fff; font-size: 11px; right: -13px; top: -8px; border-radius: 4px;} .header__favlink span.count-0 {display: none;} .header__login-panel {position: absolute; right: 0; top: 100%; width: 240px; padding-bottom: 10px; background-color: var(--bg); box-shadow: var(--bsh); margin-top: 20px; z-index: 10;} .header__login-header {padding: 20px; color: var(--tt); font-weight: 700; gap: 20px; border-bottom: 1px solid var(--bdc); background-color: var(--ui-bg-darker); margin-bottom: 10px;} .header__login-avatar {width: 40px; height: 40px; border-radius: 50%;} .header__login-group span {font-size: 12px; font-weight: 400; margin-top: 2px; display: block; color: var(--ui-tt-fade) !important;} .header__login-menu a {display: flex; align-items: center; min-height: 30px; padding: 0 20px 0 0;} .header__login-menu a::before {width: 40px; text-align: center; color: var(--accent-primary);} .header__login-menu-border {border-top: 1px solid var(--bdc); margin-top: 10px; padding-top: 10px;} .header__login-menu a span {font-size: 12px; margin-left: auto;} /* 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: 280px; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);} .mobile-menu.is-active {left: 0;} body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;} .mobile-menu__header {padding: 15px 20px; gap: 10px; background-color: var(--bg-black); --tt: #fff;} .mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;} .mobile-menu__content {padding: 26px 20px;} .mobile-menu__header .logo-block {height: 40px;} @media screen and (max-width: 1220px) { :root {--indent-negative: -20px; --indent: 20px;} body {background-image: none;} .wrapper {padding: 0; background-image: none; overflow: hidden;} .wrapper__container {max-width:1000px; border-radius: 0;} .header .header__menu, .sidebar .js-this-in-mobile-menu, .sb--hide, .header__btn-link, .carousel::before, .carousel::after, .footer::before, .footer::after {display: none;} .header {gap: 10px; padding: 10px var(--indent); margin-bottom: 0px;} .header__logo {flex: 1 1 0; max-width: 100%; min-width: 60px; margin-right: 0; height: 40px;} .header__btn-menu {display: flex; padding: 0; width: 40px; font-size: 18px;} .header__btn-login {margin-right: 10px;} .search-block {min-width: 100%; order: 10; display: block; margin: 0;} .search-block__input, .search-block__input:focus {width: 100%;} .header__settings-btn {height: 60px; margin: -10px 0;} .wrapper__cols {display: block;} .carousel__content:not(.owl-carousel) > * {width: calc((100% - 100px)/6);} .carousel {padding: 20px 40px; --indent-negative: -20px; margin: 0;} .carousel .owl-nav button {background-color: transparent; border: 0;} .content {padding-top: 20px;} .sect__header--mb {margin-bottom: 20px;} .descr {padding-bottom: 0;} .sidebar {padding-top: 1px; padding-bottom: 20px;} .sb__grid {grid-template-columns: repeat(auto-fill,minmax(280px,1fr));} .footer__text {min-width: 100%; order: 10;} .poster2 .d-grid-items--main {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px;} .header__login-panel {margin-top: 0;} .header__favlink, .header__login-img {margin-left: 10px;} .footer {margin: 0; padding-top: 20px; padding-bottom: 20px;} .footer__logo {min-width: 0; margin-right: 20px; flex-grow: 1;} .speedbar2 {margin-top: 0;} .page__header {padding-left: calc(200px + var(--indent));} .page2__header {gap: 20px;} .speedbar {max-width: calc(100% - 200px - var(--indent)*2);} } @media screen and (max-width: 950px) { .wrapper__container {max-width:768px;} .pagination {gap: 10px;} .pagination__btn-loader a, .pagination__btn-loader span {width: 100%;} .pagination > a, .pagination > span {flex-grow: 1; order: 10;} .pagination__pages {min-width: 100%;} .pagination__pages a, .pagination__pages span {flex-grow: 1;} .carousel__content:not(.owl-carousel) > * {width: calc((100% - 60px)/4);} .d-grid-items--main {grid-template-columns: repeat(1,minmax(0,1fr));} .upd-items:not(.owl-carousel) > * {width: calc((100% - 40px)/3);} .coll-items:not(.owl-carousel) > .coll {width: calc((100% - 20px)/2);} .upd-items:not(#upd-carousel), .page__related .carousel__content:not(#related-carousel), .coll-items:not(#coll-carousel) {overflow-x: auto; scroll-snap-type: x mandatory; margin-right: var(--indent-negative);} .upd-items:not(#upd-carousel) > .upd, .coll-items:not(#coll-carousel) > .coll {scroll-snap-align: start; width: 320px;} .page__related .carousel__content:not(#related-carousel) > .carou {scroll-snap-align: start; width: 120px;} .page__cols-right {width: 100%; margin: 0; margin-top: 20px;} .page__btns, .page__header {margin-bottom: 20px;} .page__info-grid {gap: 20px;} .page__actors {gap: 10px;} .page h1 {font-size: 24px;} } @media screen and (max-width: 950px) and (min-width: 760px) { .poster3 .card__footer .btn::before, .poster3 .card__footer button::before {display: none;} } @media screen and (max-width: 760px) { .wrapper__container {max-width:640px;} .login__header, .login__content {padding: 20px;} .login__social {margin-bottom: 0;} .login__row::before {height: 40px;} .login__input input {height: 40px; line-height: 40px; box-shadow: none; border: 0; background-color: var(--bg-darker);} .login__social a {height: 30px; flex: 1 0 30%;} .login__social a img {left: 50%; margin-left: -10px;} .header__soc-link span, [data-poster="poster3"], [data-poster="poster4"], .speedbar {display: none;} .header__soc-link {padding: 0; width: 30px;} .carousel__content:not(.owl-carousel) > * {width: calc((100% - 40px)/3);} .upd-items:not(.owl-carousel) > * {width: calc((100% - 20px)/2);} .coll-items:not(.owl-carousel) > .coll {width: 100%;} .poster2 .d-grid-items--main {grid-template-columns: repeat(3,minmax(0,1fr));} .poster2 .coll {grid-column: 1 / -1;} .page__header {display: grid; gap: 20px; grid-template-columns: 120px minmax(0,1fr); margin-top: -20px; grid-template-areas: "pposter pone" "ptwo ptwo"; padding: 20px var(--indent); align-items: center; height: auto;} .page__header-one {grid-area: pone;} .page__header-two {grid-area: ptwo; gap: 10px 20px;} .page__header h1, .page__meta {min-width: 100%; line-height: 1.3;} .page__poster {grid-area: pposter; position: relative; left: 0; bottom: 0; width: 120px; height: 180px;} .page__poster .card__series {flex-direction: column; height: auto;} .page__info {grid-column: 1 / -1;} .page__subtitle {font-size: 16px; margin-right: 120px;} .page__complaint {top: 0; margin-top: -36px;} .tabs-block__select button {flex-grow: 1;} .page2__header {grid-template-columns: 120px minmax(0,1fr); grid-template-rows: auto auto auto; grid-template-areas: "p2img p2header" "p2ctrl p2ctrl" "p2list p2list";} .page2__header-img .page__poster {width: 120px; height: 180px; margin: 0;} .page2 .page__btn-watch, .page2__header-ctrl2 {position: absolute; bottom: 0; left: 140px; width: calc(100vw - 180px); margin: 0;} .page2__header-ctrl2 {bottom: 60px;} .page2 .page__btn-trailer {width: 100%;} .page2__header-header h1 {font-size: 18px; margin-bottom: 5px; line-height: 1.3;} .page2 .page__meta {font-size: 14px;} .page__title {font-size: 24px;} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 20px;} .page__intro, .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;} .ac-form__bottom {gap: 10px;} .ac-form__bottom button {padding: 0 20px; width: 100%;} .ac-form__header input + input {min-width: 100%; order: 10;} .ac-form__header > span, .comm__rating::before {display: none;} .ac-form #b_color {display: none;} .ac-toggle .ac-form__bottom button {position: static; width: 100%;} .comm__meta {display: block;} .comm__img {position: relative; left: 0; top: 0; margin-right: 10px; width: 40px; height: 40px;} .comm__main, .comm__footer {padding-left: 10px;} .comm__header {padding-left: 0;} .comm__rating > * {padding: 0 6px; font-size: 14px;} } @media screen and (max-width: 590px) { .wrapper__container {max-width:480px;} .carousel__content:not(.owl-carousel) {gap: 10px;} .carousel__content:not(.owl-carousel) > * {width: calc((100% - 20px)/3);} .footer__logo {margin: 0; width: 100%;} .header__soc-link, .header__settings {order: 11;} .search-block {min-width: calc(100% - 100px); margin-right: 10px;} .header__settings-btn {width: 40px;} .header__logo {font-size: 18px; overflow: hidden; white-space: nowrap;} .header__logo span {margin-top: 0px;} .sect__title {font-size: 18px; min-width: 100%;} .sect__btn-filter {height: auto; line-height: 1.4;} .header__settings-list {width: calc(100vw - 0px); right: var(--indent-negative);} } @media screen and (max-width: 470px) { .wrapper__container123 {max-width:360px;} .card {margin: 0 var(--indent-negative); border-radius: 0;} .d-grid-items--main {gap: 0;} .d-grid-items--main .pagination {padding-top: 40px;} .card__meta2::before, .footer__text br {display: none !important;} .carousel__content:not(.owl-carousel) > * {width: calc((100% - 10px)/2);} .upd-items:not(.owl-carousel) > * {width: calc((100% - 0px)/1);} .poster2 .d-grid-items--main {grid-template-columns: repeat(2,minmax(0,1fr));} .poster2 .card {margin: 0;} .poster2 .card__title {font-size: 16px;} .poster2 .card__meta {font-size: 14px;} .poster2 .card__img {margin-bottom: 14px;} .poster2 .pagination {padding-top: 10px;} .header__favlink + .header__favlink {display: none;} .header__login-img {margin-right: 10px;} .header__favlink {margin: 0;} .descr {padding-top: 0;} .poster1 .d-grid-items--main .coll, .poster3 .d-grid-items--main .coll {margin-bottom: 20px;} .upd-items:not(#upd-carousel) > .upd, .coll-items:not(#coll-carousel) > .coll {width: calc(100vw - 100px);} .page__related .carousel__content:not(#related-carousel) {gap: 20px;} .page__related .carousel__content:not(#related-carousel) > .carou {width: calc((100vw - 100px)/2);} .speedbar {display: block; right: auto; left: var(--indent); top: 15px; max-width: calc(100% - var(--indent)*2);} .page__header {padding-top: 56px;} .page__header-one {gap: 20px 10px;} .page__fav a {height: 40px; width: 40px;} .page__share {flex-grow: 1; height: 40px; border-radius: 20px; font-weight: 500; padding: 0;} .page__btns button {width: 100%;} .page__actors img {width: 40px; height: 40px;} .full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;} } .filter-block {margin-bottom: 40px;} .filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); grid-gap: 10px 10px;} .filter-block__cell--full-width {grid-column: 1 / -1;} .filter-block__cell-caption {margin-bottom: 10px;} .filter-block__cell-content > * {width: 100%; display: block;} .filter-block__cell-content--two-columns {display: flex; justify-content: space-between;} .filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;} .filter-block__cell-content select, .filter-block__cell-content input[type="text"], .filter-block__cell-content--check-group {height: 36px; line-height: 34px; background-position: right 8px top 50%; background-color: var(--bg-darker); color: var(--tt); border: 1px solid var(--bdc); border-radius: 4px; box-shadow: none; font-size: 15px; padding: 0 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .filter-block__cell-content select {padding: 0 16px 0 4px;} .filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: var(--tt); font-size: 14px;} .filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0; font-size: 15px;} .filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;} .filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none; height: 20px; width: 40px; border-radius: 10px; background-color: var(--bg-darker); cursor: pointer; transition: all .2s linear; box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;} .filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; position: absolute; left: 1px; top: 1px; background-color: var(--bg); transition: all .2s linear;} .filter-block__cell-content label input:checked {background-color: #6ab04c;} .filter-block__cell-content label input:checked::before {left: 21px;} .filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px;} .filter-block__cell-content input[type="button"][data-dlefilter="reset"] {background: var(--bg-darker); color: var(--tt);} .filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; flex: 1 1 0; min-width: 30px; max-width: 100%; background: var(--bg);} .filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 5;} .filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;} .filter-block__cell-content--check-group label + label {border-left: 1px solid var(--bg-darker);} .filter-block__cell-content--check-group label span {height: 36px; font-size: 15px; display: block;} .filter-block__cell-content--check-group label input:checked + span {background-color: var(--bg-darker); color: var(--tt);} @media screen and (max-width: 590px) { .filter-block {margin-bottom: 20px;} .filter-block__form {grid-template-columns: repeat(auto-fit,minmax(260px,1fr));} } /** * 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-stage {position: relative; display:flex; justify-content:flex-start;} .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);} .owl-item {position: relative; min-height: 10px;} .owl-nav.disabled,.owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;} .owl-carousel.owl-drag .owl-item {user-select: none;} .owl-carousel.owl-grab {cursor: move; cursor: grab;} .owl-nav {position: absolute; left: 0; right: 0; top: 50%;} .owl-prev, .owl-next {cursor: pointer; width: 40px; height: 40px; display: grid; place-items: center; position: absolute; top: 0; margin-top: -44px; font-size: 18px; border-radius: 50%; background-color: var(--accent-secondary); color: var(--accent-primary); border: 1px solid var(--accent-primary);} .owl-prev {left: calc(var(--indent-negative)*2);} .owl-next {right: calc(var(--indent-negative)*2);} .owl-prev:hover, .owl-next:hover {background-color: var(--accent-primary); color: #fff;} .sect--upd .owl-nav, .page__related .owl-nav, .sect--coll .owl-nav {left: auto; top: -8px; gap: 0px; display: flex;} .sect--upd .owl-nav button, .page__related .owl-nav button, .sect--coll .owl-nav button {position: static; color: var(--accent-primary); width: 30px; height: 30px; border: 0; background-color: transparent;} .sect--upd .owl-nav button:hover, .page__related .owl-nav button:hover, .sect--coll .owl-nav button:hover {background-color: var(--accent-primary); color: #fff;} /* === Стол заказов === */ .orderdesc-area{ padding: 20px; } .orderdesc-h{ font: bold 18px/30px Calibri; color: #fff; } .orderdesc-add{ float: right; height: 30px; padding: 0 20px; border: 1px solid #127ad0; background: #127ad0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAKUlEQVQImWNwnHqTiYGBgenPv/9MDAwMTH/hNAMq/z8aH0r/IVIdmnkANWQmm4eB2ycAAAAASUVORK5CYII=') repeat-x 0 0; border-radius: 2px; cursor: pointer; color: #fff; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,.5); } .orderdesc-add:hover{ background: #127ad0; } .orderdesc-add-area{ display: none; clear: both; margin-top: 15px; background: #2b2b2b; padding: 5px 10px; border-radius: 3px; } .orderdesc-add-area-row{ padding: 10px 10px 10px 150px; border-bottom: 1px solid #e0e0e0 } .orderdesc-add-area-row:last-child{ border: none; } .orderdesc-add-area-row:after{ content: ""; display: table; clear: both; } .orderdesc-add-area-row-t{ float: left; margin-left: -140px; padding-top: 6px; font: bold 14px Calibri; color: #127ad0; } .orderdesc-add-area-row-input{ background: #3a3a3a; width: 450px; height: 30px; border: 1px solid #ccc; border-radius: 3px; padding: 0 15px; } .orderdesc-add-area-row-input:focus{ border-color: #3a89c3; box-shadow: 0 0 3px rgba(60,140,200,.5); } @media (max-width: 768px) { /* Переносим заголовок над полем */ .orderdesc-add-area-row-t { float: none; display: block; margin-bottom: 5px; } /* Поле ввода занимает всю ширину */ .orderdesc-add-area-row-input { width: 100%; box-sizing: border-box; margin: 0 0 10px 0; /* небольшой отступ снизу */ } /* Кнопки переставляем блоками */ .orderdesc-doadd, .orderdesc-cancel { float: none; display: block; width: 100%; margin: 5px 0; /* отступ между кнопками */ box-sizing: border-box; } /* Общие отступы для рядов */ .orderdesc-add-area-row { padding: 10px; /* убираем фиксированные padding-left/right */ } } .orderdesc-cancel, .orderdesc-doadd{ padding: 5px 25px; cursor: pointer; margin-right: 7px; } .orderdesc-cancel:hover, .orderdesc-doadd:hover{ box-shadow: 0 0 3px rgba(60,140,200,.5); } .orderdesc-related{ display: none; margin: 10px 0 0; list-style: none; background: #127ad0; padding: 10px; border: 1px solid #ddd; box-shadow: 0 2px 5px rgba(0,0,0,.1); width: 460px; border-radius: 3px; } .orderdesc-related li{ height: 22px; line-height: 22px; border-bottom: 1px solid #eee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .orderdesc-related li:first-child, .orderdesc-related li:last-child{ border: none; } .orderdesc-related-h{ text-align: center; font-weight: bold; } .orderdesc-statusinfo{ list-style: none; padding: 0 5%; margin: 10px 0 0; } .orderdesc-statusinfo:after{ content: ""; display: table; clear: both; } .orderdesc-statusinfo li{ float: left; width: 20%; font: normal 12px/22px Arial; color: #444; text-align: center; } .orderdesc-statusinfo li a, .orderdesc-statusinfo li a:hover{ text-decoration: none; } .orderdesc-statusinfo li a:hover span{ text-decoration: underline; color: #ff5f43; } .od-all, .od-wait, .od-done, .od-deny, .od-top{ display: inline-block; height: 22px; width: 22px; background-repeat: no-repeat; background-position: 0 0; background: #f0f0f0; vertical-align: bottom; } .od-all{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAIAAABL1vtsAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAXRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTEtMDNUMjE6NTM6NTErMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTExLTAzVDIxOjU3OjA4KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTExLTAzVDIxOjU3OjA4KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkYzZkNzc5Yy1iN2MyLThhNDMtYTk1Yi1hN2JkZDk1ZjY3MDMiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2NTNmNWI2Mi0wNDYyLTg5NDYtYmI0Yi04OGNhNTc1NzA5N2QiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmZjM2NjcwZC0yMzU3LTNlNGYtYTFiYi04YjAxNGEwOTcxOTEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZmMzY2NzBkLTIzNTctM2U0Zi1hMWJiLThiMDE0YTA5NzE5MSIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0wM1QyMTo1Mzo1MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkYzZkNzc5Yy1iN2MyLThhNDMtYTk1Yi1hN2JkZDk1ZjY3MDMiIHN0RXZ0OndoZW49IjIwMjMtMTEtMDNUMjE6NTc6MDgrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fmyoCAAAEOUlEQVQ4jXWTW2xURRzGv5kzc/Z077stpYVakMY2aEFppCFV1BAUGpUaUBPCJaBowVjxBm+SKEpCQgDDg4IPJJQEjAqaGEOMuAIGaUq4yaUtl9Iu0mV3e9k9e/ZyLjM+VOg2yP9pJpn/b7755vuT2tpajK81S2s3tM7Kxkfcvf1pW2ne2p1MW3hwKaWlpfc2Eye625bVvTi3OjhB47aFwbRLJY9VQtECV6L6gxBMY7QizKRA/6A5b2Zo9fJ6mCbkvQNkzvRJ1RXZE+cFEcKtipytxDLKOMT65so3ngvAzsHIozwMSu67hU3SzBMt16ACCsDICwem9aXGKCygGU6gqVC3Rlrg4oxqHATxQ6hwdJhxMAVmzlYrbj9/0OFBLX2x8szHHm4DRQjYttQCVvlUIoC8l43EJWWEu4TbKIQeEpRwRze8j6aqFguVO4kySBQ9cxRBKBybmqD5lCTubGCtFOAcWhiD6lAspTOFEUhN77ZdE3guBgo44xB0bEUVIi13ifT5oGn4sP3nT/YdqAkp3ElzOzVqLQDYMCUB4JvkK0ZIQlDi9Xo8JW3fRU7fiH598vKOLw8FOdEYJdIZk04lhlDgroU7l2z7dpHnkTAABoBxJiQatn/f/vrTdrYw+73dCPl2bm1d31DVMzBICLnXz7NOjtMlW+ZOaZx6NZm4uOPlmk1HGABICaC+PGhazu7VzVHTmjOlYv38xvRAn2XbKucAJIRmUkbp0deWVtXNvj2UaMvblmkb9ZUMgG07lGDf8vn5rOFY1i+tiwC0R071Xbu6bsFTQ5mshNCEhzipyLSEFnwyMZx8N2MVhHz4bIzvOzdmJwAXY9/8eWEkrUf64is37rl+Ixr2eySRLuEhkp4K/erVehKp/Gj/lM4Bvvn4XS+YIiRW7P/tswWzjpzvXdceAaWr3m7Z89LMm7GkIlRdsS77f/eV9EfzgbaMaRI++fQt1+fHin6EEACX7ozEU9kf338lWBFa3DR971stBcqMvKkJLcfP6b7r10z/B7ppqr7qjqhn89GiaAG2ZVOCMx+9mjcywkHy0xUKVzu7rl/tutI0o17kE7PzSm6w5llyCyW+xTc75Fcdl6D+T7QAMEX5q6dfYUqvUWh8Z/uhSGdlWSik6LALz3QNLRqmDYb84eRhaY9LOAPAFColdv1xdllDzcafOqIHj2f0wow5M7atmpdJ9pdmu5C8CbVsL1topkcAE+NmfVQFpRLYcuzvnjvDh1ubo33x6jLfhS/e9LrdhpFycs6dYNPlyS1x/+OU2HKc7lEVUliCEBV9m1aaDrwM0V0b/Bop2OIfM6j4nxgONjpM5XbBcvGUu7Ic908qYzQ3zGLdXGZgOzlHVHk1mIqeTIQHeojCQCiRAoDDgy69G+S/cRtDxFJuJX1JRtZm71prAOAuqsfDvWehFDVIlKgiz5SRglqM+Bc0yO4dx7ITHgAAAABJRU5ErkJggg=='); } .od-wait{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAIAAABL1vtsAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAZVaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTEtMDNUMjE6NTM6NTErMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTExLTAzVDIyOjA2OjE5KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTExLTAzVDIyOjA2OjE5KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MDFlM2ZiNy0yYTJiLWY4NDMtYTA0Ni02YzllMDM1MjJjZDMiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5OWVkYTkzNC01NmZmLTg3NGEtYjU5OS0wZDljZTRkYTNlNzgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMmQ5MWFkZC0xZGZkLWNmNDQtOGI0Ni0xYWM4MmMwNGIzOTQiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5FNjUxRDBGRUIzQTQ2NUIwODVCMjg0QjJGQTI1RTU3RjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyZDkxYWRkLTFkZmQtY2Y0NC04YjQ2LTFhYzgyYzA0YjM5NCIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0wM1QyMTo1Mzo1MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MDFlM2ZiNy0yYTJiLWY4NDMtYTA0Ni02YzllMDM1MjJjZDMiIHN0RXZ0OndoZW49IjIwMjMtMTEtMDNUMjI6MDY6MTkrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz72cxxgAAAECklEQVQ4jW2UW29UVRTH/2uf0znt9DLQcuYCtGW4RSqUSwv4BSRRE0mIGBM+goEHLw8m4hsP+iYS9Qv4QPHBD6DikwKlFQikNML0wkzbaQdnptOemXP22fvvQwuWhPW2svP7r732XusvBw8exJbY39d3srfvuZcgKAD54kAgpG/s3XptenFpK+JuTQ74/kjCG3vyj/kffSWUyIf5vOzMPV5YfI3EAd8/4bXfKBVTXV1fed72tTXoCCQBisB16n76SrM1NjNz/vCbAF6quC/5ownvRqm4ravrh1xuqF5DNqPOnMH2XgJcWY5/+xXNIJfLfgyMPXz00eioKDVVLG1KHPDTJ7wtfK0KpeD77qefbRRgHEd3bkPrfeWl7zKZi+TY5OSFt04DmCqW1P50+kR7+wb/fS47VK3C86yIjSIGwWaTa2tiDEWhI7l/uXw1l/H9HT/duj2Szb6Ry6rTyvllodTb030tlx2q1tjuWYAAoxBRtKFgg8DqmADBONmRX176dmc2m07//PDR0VRKVWvV0Jgv8vmhynO0e5YkCCU0BmFIwABxsM5YWyWxkLDSmeyfffr5vsFWq1W21oVSAHotpc21JJQAsALG2gQBAAvEQWBNTAEgomBBJhKdxr7yI0ZAAZQQtABFQRsTBCCNpQkCGg23DUK7OWdKx/GmBB0HAF13o1UCFiIAtTZBYI0xxtr1dRJUIAAIBQB1pQKAIgrd3QAYhlZICKGEQsDS6iCIY6NjHTcDC0PIBk/XjSsVrq4CIKFYrwOgowhFCEgrtAKCRkeR42jXNZEGQYEVUDkMo+jpDDfvBFdIAIqEKIoQtAKAUNAT41YACB7ep6MIgQjJaHrKtmKFF89pRADUk0mrF9nmUrixn8Z18MfvEkUk1e2/6LTBcWwc6+nHurwMoN7Vg+cNCzgfjIxMt1p314PRwT29K0tIJCiwIET0pU+ic+fjk6dsJudOjsf1WjQ1Fa+sIELh+PDXcC05nEioP2u1C3vz/9ZqlwqF6T1521y3jgNL7tytjwyjsYq1NX14uNlohOMTplZFhKfHh7/0ktVq9d1duQfLK47t6Ah0/M7uXePl8s31YKR/d+/cPB2xQTMcPaV9P1JO/HhKrl2VWDNC4fjwZS+5Wq+fHRy4V1wohKHT19dXabVCa94eGJhcKt9shscEPbcmzLM5O3FH96RQeOJ9c0XNP2OMwrEjl9s7V+v19/YMPCiVCmEEQF4a36FtqZFM5vrMbGdn50UlXfcfYMd2hCEbAQDrotE/+GN3qtFovN/ff69YLLxYQtnqnYdSqdFM+vrcfBSGrzU+13XP7s3/PTNb0Po1xgdgql63wLlMZslLYGEBKxWmelCrbVazdpvvT8zNz27hAfwHSOVW2W/cGZEAAAAASUVORK5CYII='); } .od-done{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAIAAABL1vtsAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAZVaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTEtMDNUMjE6NTM6NTErMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTExLTAzVDIyOjA5OjI2KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTExLTAzVDIyOjA5OjI2KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MzRhNzIzZS1hNjFkLTg5NDAtYjdjMS0xY2E3OTk4MDUyNWMiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4YmE2YTAxYy1iNDQ4LTVjNDctODg0NS0wODVlZDdjYzc1N2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NGJjNzBjYS1iMjdlLTgyNDAtOGM5ZC05YjI4ODRmZTkwNWUiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5FNjUxRDBGRUIzQTQ2NUIwODVCMjg0QjJGQTI1RTU3RjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0YmM3MGNhLWIyN2UtODI0MC04YzlkLTliMjg4NGZlOTA1ZSIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0wM1QyMTo1Mzo1MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MzRhNzIzZS1hNjFkLTg5NDAtYjdjMS0xY2E3OTk4MDUyNWMiIHN0RXZ0OndoZW49IjIwMjMtMTEtMDNUMjI6MDk6MjYrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6b87Q3AAADaklEQVQ4jYWUz28bRRTH3/zYnfU23t1mrdh1koYmrkOcIiVt+WWHBoSEONNL/wXEIUrF/0GAC6KcuXDgwoETEoeSGEgUibQlCVURbWp77WB7196f3hkOjpzEack7jea9z/e9mTfzUD6fh9NmpsxrxbkLM3KcCULmCgAWJGg9Ye96f5b361Z9KB6dlGCM3bpdhDddT3EQQhRJBBEAiEXcExEX/EKk4V+TP3933/O8AUVM0+yvMpcyy5/edAoVJIOMZYooRrjvwghTRCUs9UjkTTbnbsy6e6FjO6ck0pn09dWr7ZSlEHVAnjWMsIQlV7XHF9LeI95XwQAgy/LbnyzYxqGC1ZfBJ41hxdXtGx+/qijKkcTyR0v1sX8S5Hy+J3ohDwQIhpVD8/l7d5YAAGuaRoqejOVz+YD7ydpospwFEAIEI4p4vWuaJr32VqGjtBWUOJ9vmuUvH1g168Pe+26pJmPm0NZrpQLW8sr/3N+A15qprbU9q2YZhoEnOEYEADDCI7MKJlmBYSAhQh70RG84f8vcXNutVqqarpVWF5ypGkUUACiisenhMOERIP3oGGL1t7GRmhnE/nH+Vmrrs71qpaob+tLqon2pzvDRqTEiIQuwABAIACDkASunfrz3U/mLP7RWKuD+oP5qpWoYRmll0ck2GFZOlCgAAEsu44L3JUmaG4ZRt+qba7tJ2xzpXNz6fK/yvKJpWmllwR63TvPABZcDRpY/eMe5+K+EJYywq7dz81fq2+1Go9HZCWsbrcpBRde1pbuLznhDwcNdi0TEnukkN5Un89HgetykMzN/pbHdatQbju3oul5cud6ZGKr/yGLRC+8TkiBq7t2pAHv91lJEvaQzMzdd3TokhNy6e9OZsM7mB4BYxCxSd759TFRVzSYm45kuRVLfRxH1NCdfyE0XJzuXX5y/3yz6i76z/hADQPmHTcNK+/x4BDDE3Mlm9/KhjNgLeT/2RpuZ9e9/h/43831/++v9pDMacH8QRBEd1HWW133zwTd/dztdGMwLu237j/hUYbKrthHglz15LuJA+Hpz7OFXT5/89aS/eTy1bNs+2LBeSeRoFjzc5YIjhBEgAODAIx5GIpIihW7o6/e2a5XaQBedHb/Z8ezVN6ZHZuVgtBuzUAghhYrUVIPHfHd9/9nTg6H4/wBrX4oKBi1z7QAAAABJRU5ErkJggg=='); } .od-deny{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAIAAABL1vtsAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAZVaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTEtMDNUMjE6NTM6NTErMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTExLTAzVDIyOjExOjIxKzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTExLTAzVDIyOjExOjIxKzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplMzhkYzcyMC1jMmEwLWFmNGQtYTIxNC1mYTcxYjk3YmMyNDAiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxZGI3MmU0Yi1iOWY0LTg1NDAtYmNmNy04OWY4MTA0ZjVhMGEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYjVkOWZiMC1kOTQ0LThlNDItYjBiZC02MDczMTA5ZDM0ODciPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5FNjUxRDBGRUIzQTQ2NUIwODVCMjg0QjJGQTI1RTU3RjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNiNWQ5ZmIwLWQ5NDQtOGU0Mi1iMGJkLTYwNzMxMDlkMzQ4NyIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0wM1QyMTo1Mzo1MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzhkYzcyMC1jMmEwLWFmNGQtYTIxNC1mYTcxYjk3YmMyNDAiIHN0RXZ0OndoZW49IjIwMjMtMTEtMDNUMjI6MTE6MjErMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4J8ikIAAADxUlEQVQ4jW1UXWgcVRT+7r0zs7Mz+5u7AXfX6kNN1PpHTNJaBEvoQxGpCIJGQakP6ovgm9QffNMWC774gygoMVrFhuqDiD60VSm2tdKSxCoSfFmzu82m2b/Zmdm583N92CZOTM7jPed8l/N95ztkdHQUmyMRhmO2fb9tjwtxYxBQoMrYQiJxxjAum6arKP+rJ3EIIuXedvuVVmskCLBd/MPY0VzuTD4fUroNhBYEr169Ou04ABZV9RvT/M0wPEWJpNTDcJfrPmrbk0IA+CGReLlYtDVtEwQNgg+q1X2e16T0paGh87mcH/tnEEzKsW736LVrO8LwiqpOl8tC0wAwzjmkfL1WO9jv/6koj5XLf6XTESFbp5CE1HT9ZCp1l+OM+/6tjvNdJgNCKICJdvtJ112l9IlSqaXrAHTf3wphBgGRsqdpz5XLfzO2X4ipZhMAVcLwSLMJ4AXOXV0HcKdlfVup7G634/0FzztRqRxqNKiUvqq+ODwM4M12W/N9OmrbN4XhoqIs5HIAMp53ol7fEYazjcYGSt7zZqrVnUFwuNOZ6HQALGUypxOJfBRNWhadsm0Ax1OpwfxdTXuW80HnbKNxb6eT87zZavWWIAAwYxiXUqlB9ot0GsABx1H2CgFg3jTXVSZnOX8a+HRtDcDnKystSnkUAfjYMN4qleS6Un8YhgR2C0FvDgIATcbik1/gfLpQcAmhwKD/XdOM9wOIKI2AQhRdf5Nb+F8yzV5M2guGITdvykaOVhgDkA/DeDrjeV9Wq8NRtPHyyerqWKcTr5FRRIEWpfSipgG43XU3cgP+BzZ5zzSfGRoCoADHV1YmY0rvdF0CXFJVeto0AUz3ekRKAKYQXy8v7woCAB8axjvF4i+FwlOcA6DAZ43GaLc7gHjcsgB8bxj0imlWGdsjxG3dLgCXsblkcsD/2+v8/cr5Ic4BLChKVdMAlHq9g/1+n5Dz6TTLDw8vSfmI697X73+VSgWqejGVOkfpXKEgYzItG8bPlM5w3tN1GgQf1Wo3RNFr2exiNss458u6PmLbE75/t+OcMgyhKLVkElucupJMCkVJBMGRWm2fEPOq+kaxKCllnHMQcsowpmx73PcPWNa8oqxqGrYz60iv9369/oAQFcamS6WB2f87OWkhjtXrU54H4MdEYi6d/j2Z9BkDwKLoDtd92LIe7PcBXFbV54vFjq5fX5D44VOi6KG1tcOdztD6Rgy2ZYOSHiHHstmTnIsYTWTr+c34/h7L2u849/h+IQwJ0KJ0XtN+SibPptOt9Xu3Ef8C6Syp82pbm1oAAAAASUVORK5CYII='); } .od-top{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAIAAABL1vtsAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAZVaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTEtMDNUMjE6NTM6NTErMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTExLTAzVDIyOjEzOjMxKzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTExLTAzVDIyOjEzOjMxKzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiZjJhNWVhZi1hOTcxLWU5NDAtYjZmNi1mMTQ2OWJmNGU2YzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNmU0ZGM0ZS01Yjc0LTA0NDYtOWVkZS03NWMzZDZlNzZhNjUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkMTczMjY0NS05YmQ1LWJiNDctYTY5OC0wZjgzYzhkNGRjMGMiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5FNjUxRDBGRUIzQTQ2NUIwODVCMjg0QjJGQTI1RTU3RjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmQxNzMyNjQ1LTliZDUtYmI0Ny1hNjk4LTBmODNjOGQ0ZGMwYyIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0wM1QyMTo1Mzo1MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZjJhNWVhZi1hOTcxLWU5NDAtYjZmNi1mMTQ2OWJmNGU2YzkiIHN0RXZ0OndoZW49IjIwMjMtMTEtMDNUMjI6MTM6MzErMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Ij2fFAAADR0lEQVQ4jWVUz2tcVRT+zrn3vTfzYjIzmZofk4Zgi1OhulDBqtjQotCluBKEIuquf4GIOxfiH+BGBUVcBpdKQfBHrQsXoqCrBtqiIZlJk8k0ycv7ce85LuZlkjc9vMXjvPN995zzvftRt9tFNULmS3PtKzX7FHzLO1Lds8E621+O3O3t3cS5iXqaoHijM/eW8eclhyiYQQQAqhAB0X82WhPzzUZfVMcQ0263R2/TUfTxyvzbxf4sFGxK/PhhBvOMuBclf67d+r3AYVFUKKbr9U+XZi8lQwRBefIoPKAAj5smMHeK9PJM/DOCgzTD+ONH5zpP7+8iCCpTevCC8IrAUSVvg5Wjw08WmoG1JcXrT55b7W8gqk3sSXMKrubhtVQ9JiMMn9nZeqf7BAAOrXlXjmDtZJEjXhRzsTAXnDnvtKBHWd5MBo16jV9Y6iwnD0sKBRw0J01JEwpeyaghCDS4nCMjPSLNCA4YqcGmlRxeW16yr8YhUhnhqaY0o9QQflzojNjnC2QEhb1YRNcT7bNssw5ZH5ImBAKYr7C3F/IExgKAgKa09l5CHY/R8DlBRvtDsJoBAEMHnH4e676BBYxZTBNu5RkMA4CB75n0q1g3DRRIj/GjAVOCQAecfR3LXYPR6pinfMEEBcpVUaD+nkm/iGXTwFSXx9ABZ1/G7h+L8CRNqjwMa/AnolFN/T1T3IxgtUIRanErcn9bqp/KiyQ25PWgQjGaiGa17MwCQYmhGUH114P4XlTjHzOPCckJfEZggLrKJst9i5rCgFtCXK30/lcE9vbGVu9saz5NYEwprQV3vO6x+ynMb0UoELyc26sZLwtiRX58K0QO6vH3Gz3TaDZ5buGlwwHscZd15Uiztbr7MyAACn/H+j9CAPqAkVLZdZauNRd/2NiibrdrmD/rLj+720cUlSw5YFARxUM9aKxFUdx9rHH9350kyxiAF/lgc+9+PI1jC0CISVHNKbxzO0H0/r5LslOXvTcc3niQ/BXPoMihVTlPhypcsR7WbxzInV6/JB+71kGefzdMpDm7QjLlHFRLv8Kx8Ykf2uBbE3+4ubt1mJwI+Kj9NsPwtfn2qtGz4qbEE/SATc+Gvznc3B70j9KJ+v8BKZJ5RAYL2skAAAAASUVORK5CYII='); } .orderdesc-related li .od-deny, .orderdesc-table td .od-deny{ cursor: help; } .orderdesc-table{ background: #212121; margin-top: 10px; width: 100%; border-top: 1px solid #ccc; border-collapse: collapse; } .orderdesc-table tr:nth-child(odd){ background: #212121; } .orderdesc-table tr:hover{ background: #000; } .orderdesc-table td{ height: 50px; margin: 0; padding: 0; text-align: center; font: bold 11px/22px Arial; color: #999; border-bottom: 1px solid #ccc; } .orderdesc-table td.od_td_title{ text-align: left; padding: 2px 0 2px 10px; height: 18px; line-height: 18px; } .orderdesc-rating{ width: 100%; font-weight: bold; height: 22px; line-height: 22px; display: block; background:#ddd; color: #999; cursor: pointer; border-radius:1px; } .orderdesc-rating-green{ text-shadow: 0 1px 3px rgba(0,0,0,.3); background: #74b52f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAIAAACOpGH9AAAAJElEQVQImWNoOmXGxMDAwPTv338mBgYGpv9wmgGvOIz/D7s4AAAVHIUkUImVAAAAAElFTkSuQmCC') repeat-x 0 0; color: #fff; } .orderdesc-edit{ font: normal 10px Arial; color: #d28c00; } .orderdesc-edit:hover{ color: #000; } #orderdesc-edit{ padding: 10px !important; } .orderdesc-navigation{ clear: both; margin-top: 15px; text-align: center; font: normal 12px Arial; color: #999; } .orderdesc-navigation *{ display: inline-block; margin: 0 2px 4px; padding: 7px 5px; border: 1px solid #eee; border-radius: 2px; } .orderdesc-navigation a{ border-color: #bedbf1; } .orderdesc-navigation a:hover{ color: #1e6faa; text-decoration: none; border-color: #3a89c3; box-shadow: 0 0 3px rgba(60,140,200,.5); } .show-alerts{ position: fixed; top: 0; right: 0; z-index: 1003; } .show-alerts>div{ background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAAGklEQVQImWP49esXEwMDA9P///+x0jBMI3kAMQInCeNawiQAAAAASUVORK5CYII=') 0 0 repeat-x; padding: 10px 15px; box-shadow: 0 2px 7px rgba(0,0,0,.2); border-left: 3px solid #f00; border-radius: 1px 0 0 1px; margin-top: 20px; color: #333; text-shadow: 0 1px 3px #fff; white-space: nowrap; display: none; width: auto; float: right; clear: both; cursor: default; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } div.showLoad{ display: block; height: 28px; width: 28px; background: url('data:image/gif;base64,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') no-repeat 50% 50%; } .back-link { display: inline-block; position: relative; padding: 6px 15px 6px 35px; color: #fff; background: #e76e39; /* желтый фон, можно менять */ border-radius: 5px; text-decoration: none; font-weight: bold; transition: background 0.3s; } .back-link::before { content: "←"; /* красивая стрелка */ position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 18px; } .back-link:hover { background: #e6a200; } /* Родитель НЕ должен резать высоту */ .page__player, .tabs-block { overflow: visible !important; height: auto !important; flex-direction: column; } /* Контент таба */ .tabs-block__content { height: auto !important; max-height: none !important; overflow: visible !important; } /* Специально для второго плеера */ .kinobd-player { min-height: 600px; /* можно 500–700 */ padding: 0; } /* Сам плеер */ #kinobd, #kinobd iframe { width: 100% !important; height: 500px !important; max-height: none !important; } /* делаем UL лентой */ .sequels-carousel > ul { list-style: none; padding: 0; margin: 12px 0 0; display: flex !important; flex-wrap: nowrap !important; gap: 12px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding-bottom: 6px; } /* прямые дети UL — это ссылки */ .sequels-carousel > ul > a.carou { flex: 0 0 auto !important; /* не сжимать и не переносить */ width: 150px; /* ширина карточки */ max-width: 150px; scroll-snap-align: start; display: flex; /* чтобы fd-column работал */ flex-direction: column; text-decoration: none; } /* если в твоей теме где-то прописано width:100% для .carou — перебьём */ .sequels-carousel .carou { width: 150px !important; } /* постер */ /* Карточка-постер: рамка с aspect-ratio */ .sequels-carousel .carou__img{ width: 100%; aspect-ratio: 2 / 3; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,0.06); position: relative; } /* ВАЖНО: принудительно “впихиваем” картинку в рамку */ .sequels-carousel .carou__img > img{ position: absolute; inset: 0; /* top/right/bottom/left:0 */ width: 100% !important; height: 100% !important; object-fit: cover; display: block; } /* подпись */ .sequels-carousel .carou__desc { margin-top: 8px; } /* Webkit (Chrome/Edge/Safari) */ .sequels-carousel > ul::-webkit-scrollbar{ height: 12px; /* толще */ } .sequels-carousel > ul::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.30); border-radius: 999px; border: 3px solid rgba(0,0,0,0); /* увеличивает “хват” */ background-clip: padding-box; } .sequels-carousel > ul::-webkit-scrollbar-track{ background: rgba(255,255,255,.08); border-radius: 999px; } .pagination-block{ margin-top: 20px; display: flex; justify-content: center; } /* UL внутри пагинации */ .pagination-block ul{ list-style: none; padding: 0; margin: 0; display: flex; gap: 6px; } /* LI */ .pagination-block li{ margin: 0; padding: 0; } /* кнопки */ .pagination-block a, .pagination-block span{ display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px; border-radius: 10px; font-size: 14px; text-decoration: none; background: rgba(255,255,255,0.06); color: #fff; transition: all .15s ease; } .pagination-block a:hover{ background: rgba(255,255,255,0.18); } /* активная страница */ .pagination-block span{ background: rgba(255,255,255,0.28); font-weight: 600; } .pagination-block ul, .pagination-block ol{ list-style: none !important; padding: 0 !important; margin: 0 !important; } .pagination-block li{ list-style: none !important; margin: 0 !important; padding: 0 !important; } .selections-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 12px; } /* если одна подборка — на всю ширину */ .selections-grid.one-selection { grid-template-columns: 1fr; } /* Карточка */ .selections-grid .coll { display: block; border-radius: 14px; overflow: hidden; position: relative; } /* Картинка подборки */ .selections-grid .coll img { width: 100%; height: 280px; /* фиксируем высоту */ object-fit: cover; /* чтобы не растягивалась */ display: block; } /* Заголовок */ .selections-grid .coll__title { padding: 10px; font-size: 16px; font-weight: 600; text-align: center; } /* Нижняя строка */ .selections-grid .coll__count { padding-bottom: 12px; font-size: 14px; opacity: 0.8; text-align: center; } .selections-block__title { margin-bottom: 10px; font-size: 16px; font-weight: 600; } /* ========================================= Подборки: убираем оранжевый hover-градиент и делаем мягкое затемнение ========================================= */ /* 1) Отключаем переменные темы (градиент/акцент) */ a.coll.img-mask, a.coll.grid-item { --gradient: none !important; --accent-primary: transparent !important; --accent-secondary: transparent !important; } /* 2) Если тема рисует оранжевый слой через псевдоэлемент */ a.coll.img-mask::before, a.coll.img-mask::after, a.coll.grid-item::before, a.coll.grid-item::after { background: transparent !important; opacity: 0 !important; } /* 3) Плавное затемнение картинки при наведении */ a.coll.img-mask img, a.coll.grid-item img { transition: 0.25s ease; } a.coll.img-mask:hover img, a.coll.grid-item:hover img { filter: brightness(0.75); } /* 4) Чтобы не было цветной подсветки у текста */ a.coll.img-mask:hover, a.coll.grid-item:hover { color: inherit !important; }