@charset "UTF-8"; @font-face { font-family: "Stafford"; src: url(https://bongdaplus.vn//fonts/SFUStaffordBold.ttf) format("truetype"); } @font-face { font-family: "Rockwell"; src: url(https://bongdaplus.vn//fonts/UTMRockwell.ttf) format("truetype"); } .match-box .mch-sco .half, header, footer, .clr, .cls, .clx, .clz, .spl, .spt, .splt, hr, .local-address .loc-city::after, .mix-files .lst li::after, .mix-files .cataloger .cata-opts ul li::after, .cataloger .cata-opts .mix-files ul li::after, .mix-files .board .news-lst li::after, .board .mix-files .news-lst li::after, .mix-files .board .news-strm li::after, .board .mix-files .news-strm li::after, .mix-boxer .lst li::after, .mix-boxer .cataloger .cata-opts ul li::after, .cataloger .cata-opts .mix-boxer ul li::after, .mix-boxer .board .news-lst li::after, .board .mix-boxer .news-lst li::after, .mix-boxer .board .news-strm li::after, .board .mix-boxer .news-strm li::after, .board::after, .owner-band::after, .side-bar .member::after, .comment .comm-wrap::after, .trophies .perc::after, .line-ups .line-cap::after, .line-ups::after, .live-box .liv-min .min-tik::after, .match-refbox .liv-min .min-tik::after, .live-box .liv-mch::after, .match-refbox .liv-mch::after, .mch-evt .event::after, .match-box .mch-sco::after, .fixt-board .fixt-list .fx-match::after, .match::after, .big-story a::after, .content .top-lst::after, .content .peakr.listing::after, .content .question .answer::after, .content .question .asker::after, .content .inter-view .ask-cont::after, .content .inter-view .int-asking::after, .content .inter-view .int-reply::after, .content .live-cont::after, .author-lst .auth-inf::after, .author-info::after, .quizbox::after, .selector ul li::after, .news::after, .media::after, .show::after, .menu-tags::after, .menu-bar::after, .fxt-line::after, .fixt-strm::after, .nav-menu::after, .fld-box::after, .bar > li::after, header.min .nav-bar ul > li::after, .bar-m > li::after, .bar-w > li::after, .lst > li::after, .board .news-lst > li::after, .board .news-strm > li::after, .board .search-news .news-strm > li::after, .search-news .board .news-strm > li::after, .cataloger .cata-opts ul > li::after, .bar::after, header.min .nav-bar ul::after, .bar-m::after, .bar-w::after, .lst::after, .board .news-lst::after, .board .news-strm::after, .board .search-news .news-strm::after, .search-news .board .news-strm::after, .cataloger .cata-opts ul::after, .box::after, .clfix::after, .cont-wrap::after, .cont-view::after, .content .layout::after, .details .summary::after, .row::after, .col::after, section::after, .local-address .loc-city::before, .mix-files .lst li::before, .mix-files .cataloger .cata-opts ul li::before, .cataloger .cata-opts .mix-files ul li::before, .mix-files .board .news-lst li::before, .board .mix-files .news-lst li::before, .mix-files .board .news-strm li::before, .board .mix-files .news-strm li::before, .mix-boxer .lst li::before, .mix-boxer .cataloger .cata-opts ul li::before, .cataloger .cata-opts .mix-boxer ul li::before, .mix-boxer .board .news-lst li::before, .board .mix-boxer .news-lst li::before, .mix-boxer .board .news-strm li::before, .board .mix-boxer .news-strm li::before, .board::before, .owner-band::before, .side-bar .member::before, .comment .comm-wrap::before, .trophies .perc::before, .line-ups .line-cap::before, .line-ups::before, .live-box .liv-min .min-tik::before, .match-refbox .liv-min .min-tik::before, .live-box .liv-mch::before, .match-refbox .liv-mch::before, .mch-evt .event::before, .match-box .mch-sco::before, .fixt-board .fixt-list .fx-match::before, .match::before, .big-story a::before, .content .top-lst::before, .content .peakr.listing::before, .content .question .answer::before, .content .question .asker::before, .content .inter-view .ask-cont::before, .content .inter-view .int-asking::before, .content .inter-view .int-reply::before, .content .live-cont::before, .author-lst .auth-inf::before, .author-info::before, .quizbox::before, .selector ul li::before, .news::before, .media::before, .show::before, .menu-tags::before, .menu-bar::before, .fxt-line::before, .fixt-strm::before, .nav-menu::before, .fld-box::before, .bar > li::before, header.min .nav-bar ul > li::before, .bar-m > li::before, .bar-w > li::before, .lst > li::before, .board .news-lst > li::before, .board .news-strm > li::before, .board .search-news .news-strm > li::before, .search-news .board .news-strm > li::before, .cataloger .cata-opts ul > li::before, .bar::before, header.min .nav-bar ul::before, .bar-m::before, .bar-w::before, .lst::before, .board .news-lst::before, .board .news-strm::before, .board .search-news .news-strm::before, .search-news .board .news-strm::before, .cataloger .cata-opts ul::before, .box::before, .clfix::before, .cont-wrap::before, .cont-view::before, .content .layout::before, .details .summary::before, .row::before, .col::before, section::before { display: table; float: none; margin: 0; padding: 0; clear: both; width: 100%; } .local-address .loc-city, .mix-files .lst li, .mix-files .cataloger .cata-opts ul li, .cataloger .cata-opts .mix-files ul li, .mix-files .board .news-lst li, .board .mix-files .news-lst li, .mix-files .board .news-strm li, .board .mix-files .news-strm li, .mix-boxer .lst li, .mix-boxer .cataloger .cata-opts ul li, .cataloger .cata-opts .mix-boxer ul li, .mix-boxer .board .news-lst li, .board .mix-boxer .news-lst li, .mix-boxer .board .news-strm li, .board .mix-boxer .news-strm li, .board, .owner-band, .side-bar .member, .comment .comm-wrap, .trophies .perc, .line-ups .line-cap, .line-ups, .live-box .liv-min .min-tik, .match-refbox .liv-min .min-tik, .live-box .liv-mch, .match-refbox .liv-mch, .mch-evt .event, .match-box .mch-sco, .fixt-board .fixt-list .fx-match, .match, .big-story a, .content .top-lst, .content .peakr.listing, .content .question .answer, .content .question .asker, .content .inter-view .ask-cont, .content .inter-view .int-asking, .content .inter-view .int-reply, .content .live-cont, .author-lst .auth-inf, .author-info, .quizbox, .selector ul li, .news, .media, .show, .menu-tags, .menu-bar, .fxt-line, .fixt-strm, .nav-menu, .fld-box, .bar > li, header.min .nav-bar ul > li, .bar-m > li, .bar-w > li, .lst > li, .board .news-lst > li, .board .news-strm > li, .cataloger .cata-opts ul > li, .bar, header.min .nav-bar ul, .bar-m, .bar-w, .lst, .board .news-lst, .board .news-strm, .cataloger .cata-opts ul, .box, .clfix, .cont-wrap, .cont-view, .content .layout, .details .summary, .row, .col, section { display: block; margin: 0; padding: 0; } .local-address .loc-city::after, .mix-files .lst li::after, .mix-files .cataloger .cata-opts ul li::after, .cataloger .cata-opts .mix-files ul li::after, .mix-files .board .news-lst li::after, .board .mix-files .news-lst li::after, .mix-files .board .news-strm li::after, .board .mix-files .news-strm li::after, .mix-boxer .lst li::after, .mix-boxer .cataloger .cata-opts ul li::after, .cataloger .cata-opts .mix-boxer ul li::after, .mix-boxer .board .news-lst li::after, .board .mix-boxer .news-lst li::after, .mix-boxer .board .news-strm li::after, .board .mix-boxer .news-strm li::after, .board::after, .owner-band::after, .side-bar .member::after, .comment .comm-wrap::after, .trophies .perc::after, .line-ups .line-cap::after, .line-ups::after, .live-box .liv-min .min-tik::after, .match-refbox .liv-min .min-tik::after, .live-box .liv-mch::after, .match-refbox .liv-mch::after, .mch-evt .event::after, .match-box .mch-sco::after, .fixt-board .fixt-list .fx-match::after, .match::after, .big-story a::after, .content .top-lst::after, .content .peakr.listing::after, .content .question .answer::after, .content .question .asker::after, .content .inter-view .ask-cont::after, .content .inter-view .int-asking::after, .content .inter-view .int-reply::after, .content .live-cont::after, .author-lst .auth-inf::after, .author-info::after, .quizbox::after, .selector ul li::after, .news::after, .media::after, .show::after, .menu-tags::after, .menu-bar::after, .fxt-line::after, .fixt-strm::after, .nav-menu::after, .fld-box::after, .bar > li::after, header.min .nav-bar ul > li::after, .bar-m > li::after, .bar-w > li::after, .lst > li::after, .board .news-lst > li::after, .board .news-strm > li::after, .board .search-news .news-strm > li::after, .search-news .board .news-strm > li::after, .cataloger .cata-opts ul > li::after, .bar::after, header.min .nav-bar ul::after, .bar-m::after, .bar-w::after, .lst::after, .board .news-lst::after, .board .news-strm::after, .board .search-news .news-strm::after, .search-news .board .news-strm::after, .cataloger .cata-opts ul::after, .box::after, .clfix::after, .cont-wrap::after, .cont-view::after, .content .layout::after, .details .summary::after, .row::after, .col::after, section::after, .local-address .loc-city::before, .mix-files .lst li::before, .mix-files .cataloger .cata-opts ul li::before, .cataloger .cata-opts .mix-files ul li::before, .mix-files .board .news-lst li::before, .board .mix-files .news-lst li::before, .mix-files .board .news-strm li::before, .board .mix-files .news-strm li::before, .mix-boxer .lst li::before, .mix-boxer .cataloger .cata-opts ul li::before, .cataloger .cata-opts .mix-boxer ul li::before, .mix-boxer .board .news-lst li::before, .board .mix-boxer .news-lst li::before, .mix-boxer .board .news-strm li::before, .board .mix-boxer .news-strm li::before, .board::before, .owner-band::before, .side-bar .member::before, .comment .comm-wrap::before, .trophies .perc::before, .line-ups .line-cap::before, .line-ups::before, .live-box .liv-min .min-tik::before, .match-refbox .liv-min .min-tik::before, .live-box .liv-mch::before, .match-refbox .liv-mch::before, .mch-evt .event::before, .match-box .mch-sco::before, .fixt-board .fixt-list .fx-match::before, .match::before, .big-story a::before, .content .top-lst::before, .content .peakr.listing::before, .content .question .answer::before, .content .question .asker::before, .content .inter-view .ask-cont::before, .content .inter-view .int-asking::before, .content .inter-view .int-reply::before, .content .live-cont::before, .author-lst .auth-inf::before, .author-info::before, .quizbox::before, .selector ul li::before, .news::before, .media::before, .show::before, .menu-tags::before, .menu-bar::before, .fxt-line::before, .fixt-strm::before, .nav-menu::before, .fld-box::before, .bar > li::before, header.min .nav-bar ul > li::before, .bar-m > li::before, .bar-w > li::before, .lst > li::before, .board .news-lst > li::before, .board .news-strm > li::before, .board .search-news .news-strm > li::before, .search-news .board .news-strm > li::before, .cataloger .cata-opts ul > li::before, .bar::before, header.min .nav-bar ul::before, .bar-m::before, .bar-w::before, .lst::before, .board .news-lst::before, .board .news-strm::before, .board .search-news .news-strm::before, .search-news .board .news-strm::before, .cataloger .cata-opts ul::before, .box::before, .clfix::before, .cont-wrap::before, .cont-view::before, .content .layout::before, .details .summary::before, .row::before, .col::before, section::before { content: ""; } table.horizon tbody tr, .tbl.horizon tbody tr, canvas { display: inline-block; } table, div, img, figure, nav, audio, video, body { margin: 0; padding: 0; } .authen-nav .drop-down, .paner-wrap, .slider .go-nav li, .slider .sld-lst .sld-chg, .slider .sld-wrap, .percent .pct-bar, .badge, .resp { overflow: hidden; } .multi-media .show .play-btn .play-ico, .slider .go-nav li, .slider .go-bck, .slider .go-nxt, .capt-cover .more-lnk, .badge.live::before, .badge.live::after, .avatar, .ico.blinkr::before, .ico.blinkr::after { border-radius: 50%; } .cataloger .cata-opts ul .alt-fld input::before, .gallery .gal-wrap .nav-btn::before, .gallery .gal-cap .ico.close::before, .gallery .gal-cap .ico.alls::before, .content .top-lst .top-idx::before, .content .top-lst .infor .indexr::before, .content .peakr.listing .top-idx::before, .content .peakr.listing .infor .indexr::before, .talk-lst .lst .ico > ::before, .talk-lst .board .news-lst .ico > ::before, .talk-lst .board .news-strm .ico > ::before, .board .talk-lst .news-lst .ico > ::before, .board .talk-lst .news-strm .ico > ::before, .talk-lst .cataloger .cata-opts ul .ico > ::before, .cataloger .cata-opts .talk-lst ul .ico > ::before, .home-slide .xcap::before, .home-slide .daily-betts .caption::before, .daily-betts .home-slide .caption::before, .paner .pan-capt .pan-close::before, .scroller::before, .slider .go-bck::before, .slider .go-nxt::before, .selector::before, .capt-cover .more-lnk::before, .badge.live::before, .dte-range::before, .ico.arrw-bck::before, .ico.arrw-nxt::before, .ico.arr-in::before, .ico.arr-out::before, .ico.close::before, .ico.dis::before, .ico.xplus::before, .ico.plus::before, .ico.blinkr::before, .cataloger .cata-opts ul .alt-fld input::after, .gallery .gal-wrap .nav-btn::after, .gallery .gal-cap .ico.close::after, .gallery .gal-cap .ico.alls::after, .content .top-lst .top-idx::after, .content .top-lst .infor .indexr::after, .content .peakr.listing .top-idx::after, .content .peakr.listing .infor .indexr::after, .talk-lst .lst .ico > ::after, .talk-lst .board .news-lst .ico > ::after, .talk-lst .board .news-strm .ico > ::after, .board .talk-lst .news-lst .ico > ::after, .board .talk-lst .news-strm .ico > ::after, .talk-lst .cataloger .cata-opts ul .ico > ::after, .cataloger .cata-opts .talk-lst ul .ico > ::after, .home-slide .xcap::after, .home-slide .daily-betts .caption::after, .daily-betts .home-slide .caption::after, .paner .pan-capt .pan-close::after, .scroller::after, .slider .go-bck::after, .slider .go-nxt::after, .selector::after, .capt-cover .more-lnk::after, .badge.live::after, .dte-range::after, .ico.arrw-bck::after, .ico.arrw-nxt::after, .ico.arr-in::after, .ico.arr-out::after, .ico.close::after, .ico.dis::after, .ico.xplus::after, .ico.plus::after, .ico.blinkr::after { content: ""; display: block; } * { box-sizing: border-box; letter-spacing: 0; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; -webkit-overflow-scrolling: touch; } *, *:invalid { box-shadow: none; outline: none; } html { height: 100%; width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { color: #28262c; font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 100%; overflow-x: hidden; line-height: 1.2; height: 100%; width: 100%; } a { background-color: transparent; color: #28262c; text-decoration: none; -webkit-tap-highlight-color: transparent; } a.inread { color: #2196f3; text-decoration: underline; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bold; } blockquote { display: block; margin: 0; padding: 0 0 0 1.5em; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } div, details, header, footer, main, menu, nav, section { display: block; } div, img, figure, nav, audio, video { border: none; } em, i { font-style: italic; } ol, ul { display: block; margin: 0 0 1rem 1.5rem; padding: 0; } li { display: list-item; margin: 0 0 0.25rem; padding: 0; } ul { list-style: square; } figure { display: block; margin: 0; overflow: hidden; } figure img, figure audio, figure video { display: block; margin: 0 auto; height: auto; width: auto; max-width: 100%; } figcaption { color: #5f5f5f; display: block; margin: 0; padding: 0 10px; font-size: 0.875rem; font-weight: normal; line-height: 1.25em; text-align: center; } figcaption + img { padding-top: 10px; } header, footer, main { width: 100%; } h1, h2, h3, h4, h5, h6, p { display: block; margin: 0; padding: 0; } h1 { font-size: 2rem; font-weight: bold; } .ft-x1 { font-size: 2rem !important; font-weight: bold; } h2 { font-size: 1.75rem; font-weight: bold; } .ft-x2 { font-size: 1.75rem !important; font-weight: bold; } h3 { font-size: 1.5rem; font-weight: bold; } .ft-x3 { font-size: 1.5rem !important; font-weight: bold; } h4 { font-size: 1.25rem; font-weight: bold; } .ft-x4 { font-size: 1.25rem !important; font-weight: bold; } h5 { font-size: 1.125rem; font-weight: bold; } .ft-x5 { font-size: 1.125rem !important; font-weight: bold; } h6 { font-size: 1rem; font-weight: bold; } .ft-x6 { font-size: 1rem !important; font-weight: bold; } .ft-lg { font-size: 2.5rem !important; } .ft-sm { font-size: 0.875rem !important; } .ft-tn { font-size: 0.75rem !important; } a h1, a h2, a h3, a h4, a h5, a h6, a p { font-size: inherit; font-weight: inherit; line-height: inherit; text-align: inherit; text-transform: inherit; } hr { box-shadow: none; border: none; background-color: #7a7a7a; overflow: hidden; height: 1px; } small, sub, sup { font-size: 75%; font-weight: 300; } sub, sup { line-height: 0; } sub { bottom: -0.25em; position: relative; vertical-align: baseline; } sup { top: -0.5em; padding: 3px; position: initial; vertical-align: initial; } summary { display: list-item; } template, [hidden] { display: block; margin: none; } form, fieldset, legend { display: block; } fieldset { border: solid 1px #eaeaea; margin: 0 0 0.5em 0; padding: 0.5em; } legend { font-size: 0.9em; line-height: 1.6em; margin: 0 0 0 1.5em; padding: 0 0.5em; max-width: 90%; white-space: normal; } label { display: inline-block; margin: 0; padding: 0 0.5em; font-size: 90%; line-height: 1.1em; } button, input, optgroup, option, select, textarea { font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.6em; overflow: visible; } button, input, select, textarea { background-color: #fff; border: solid 1px #eaeaea; border-radius: 3px; color: #28262c; display: inline-block; margin: 0; padding: 0.2em 0.5em; outline: none; vertical-align: middle; -webkit-tap-highlight-color: transparent; } button:focus, input:focus, select:focus, textarea:focus { border-color: #28262c; color: #28262c; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner { border: none; padding: 0; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 2em; } textarea { overflow: auto; resize: none; min-height: 2.4em; } [type=date], [type=datetime], [type=month], [type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } [type=password] { -webkit-text-security: circle !important; } [type=search] { outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; } ::-moz-placeholder { color: #28262c; opacity: 0.75; } ::placeholder { color: #28262c; opacity: 0.75; } input:focus::-moz-placeholder { opacity: 0.25; } input:focus::placeholder { opacity: 0.25; } .disabled, [disabled], [readonly] { background-color: #eaeaea !important; border-color: #5f5f5f !important; color: #5f5f5f !important; cursor: default; pointer-events: none; -webkit-user-select: text; -moz-user-select: text; user-select: text; outline-style: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .invalid, input:invalid, select:invalid, textarea:invalid { background-color: colorpl(alert, wht) !important; border-color: colorpl(alert, drk) !important; color: colorpl(alert, drk) !important; } .valid input, .valid select, .valid textarea { background-color: colorpl(score, wht) !important; border-color: colorpl(score, drk) !important; color: colorpl(score, drk) !important; } progress { display: block; margin: 0.5rem; padding: 0; } progress { vertical-align: baseline; } table { border-collapse: collapse; border-spacing: 0; caption-side: top; vertical-align: middle; } table, thead, tbody, tr { border: none; } thead, tbody, tr, th, td { border-color: inherit; } th, td { border: solid 1px #7a7a7a; margin: 0; padding: 2px; text-align: left; } thead th { text-align: center; } section { background: #fff; max-width: 100%; overflow-y: visible; overflow-x: clip; } a.anchor { clear: none; display: block; margin: 0; padding: 0; opacity: 0; height: 0; width: 0; scroll-margin: 90px; } .clr, .cls, .clx, .clz, .spl, .spt, .splt { background: transparent; font-size: 0; line-height: 0; overflow: hidden; } .clr { height: 0; } .cls { height: 5px; } .clx { height: 10px; } .clz { height: 20px; } .spl, .spt, .splt { border-bottom: solid 1px #eaeaea; } .spl { height: 5px; margin-bottom: 5px; } .spt { height: 10px; margin-bottom: 10px; } .splt { height: 20px; font-size: 0; margin-bottom: 20px; text-align: center; } .splt span { background: #fff; color: #bbbaba; font-size: 0.875rem; display: inline-block; margin: 0 0 -10px 0; padding: 10px 10px 0; line-height: 20px; height: 30px; } .nbox { display: inline-block !important; } .bar > li > a, header.min .nav-bar ul > li > a, .bar-m > li > a, .bar-w > li > a, .lst > li > a, .board .news-lst > li > a, .board .news-strm > li > a, .cataloger .cata-opts ul > li > a { display: block; } .bar > li, header.min .nav-bar ul > li { float: left; } .bar.flex, header.min .nav-bar ul.flex { display: flex; float: none; flex-flow: row wrap; } .nav, .tabber .tab-lst ul { display: flex; margin: 0; padding: 0; flex-flow: row nowrap; list-style: none; } .nav > li, .tabber .tab-lst ul > li { display: block; flex: 0 0 auto; } .no-ani { animation: unset !important; transition: none !important; } .no-trans { transition: none !important; } .no-bdr { border: none !important; } .no-padd { margin: 0 !important; padding: 0 !important; } .no-shad { box-shadow: none !important; } .no-over { overflow: hidden !important; } .reps { display: block; max-width: 100%; } .pos-fix { position: fixed; } .pos-abs { position: absolute; } .pos-sta { position: static; } .pos-stk { position: sticky; } @media only screen and (max-width: 1023.9px) { body { font-size: 14px; } footer { background: #fff; position: relative; z-index: 2; } .bar-m > li { float: left; } } @media only screen and (min-width: 1024px) { a:active, a:focus, a:hover, button:active, button:focus, button:hover, input:active, input:focus, input:hover, select:active, select:focus, select:hover, textarea:active, textarea:focus, textarea:hover { box-shadow: none; outline: none; } a:active, a:focus, a:hover { color: #ed1c24 !important; } button:active, button:focus, button:hover, input:active, input:focus, input:hover, select:active, select:focus, select:hover, textarea:active, textarea:focus, textarea:hover { border-color: #28262c; color: #28262c; } .clz { height: 30px; } .bar-w > li { float: left; } } .scrl-x { overflow-x: auto; padding-bottom: 15px; } .scrl-y { overflow-y: auto; padding-right: 15px; } .scrl-x::-webkit-scrollbar, .scrl-y::-webkit-scrollbar { width: 0px; height: 8px; } .scrl-x::-webkit-scrollbar-track, .scrl-y::-webkit-scrollbar-track { background-color: #f5f5f5; } .scrl-x::-webkit-scrollbar-thumb, .scrl-y::-webkit-scrollbar-thumb { border-radius: 10px; display: none; } .scrl-x:hover::-webkit-scrollbar, .scrl-y:hover::-webkit-scrollbar { width: 8px; } .scrl-x:hover::-webkit-scrollbar-thumb, .scrl-y:hover::-webkit-scrollbar-thumb { display: block; background-color: #8b8b8b; } .scrl-y::-webkit-scrollbar { width: 8px; height: 0px; } .scrl-y:hover::-webkit-scrollbar { height: 8px; } @media only screen and (max-width: 1023.9px) { .scrl-x { padding-bottom: 0; } .scrl-y { padding-right: 0; } } .xcap, .daily-betts .caption { display: block; font-family: "Stafford", serif; font-size: 0.875rem; } .xcap.lead, .daily-betts .lead.caption { font-size: 1.25rem; line-height: 32px; height: 32px; margin: 20px 0; } .all-cap, .xcap, .daily-betts .caption { text-transform: uppercase; } .ft-base { font-family: "Mulish", Arial, Helvetica, sans-serif !important; } .ft-read { font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif !important; } .ft-lgt { font-weight: 300 !important; } .ft-nom { font-weight: normal !important; } .ft-med { font-weight: 600 !important; } .ft-bold { font-weight: bold !important; } .ft-blk { font-weight: 900 !important; } .tx-lft { text-align: left !important; } .tx-rgt { text-align: right !important; } .tx-cen { text-align: center !important; } .tx-jst { text-align: justify !important; } .tx-ovr { text-decoration: overline; } .tx-und { text-decoration: underline; } .no-wrap { white-space: nowrap; text-overflow: ellipsis; } @media only screen and (max-width: 1023.9px) { .tx-lft-m { text-align: left !important; } .tx-rgt-m { text-align: right !important; } .tx-cen-m { text-align: center !important; } .tx-jst-m { text-align: justify !important; } } @media only screen and (min-width: 1024px) { .tx-lft-w { text-align: left !important; } .tx-rgt-w { text-align: right !important; } .tx-cen-w { text-align: center !important; } .tx-jst-w { text-align: justify !important; } } .hide { display: none !important; } .show { display: inherit !important; } .lft { float: left !important; } .mid { float: none !important; margin: auto !important; } .rgt { float: right !important; } .inlr { display: inline-block; } .quote-box { border-left: solid 1px #ed1c24; background-color: #eaeaea; color: #5f5f5f; display: block; margin: 0 3rem; padding: 1rem 2rem; font-size: 90%; font-weight: 300; line-height: 1.1em; } .quote-box .title { font-weight: bold; text-transform: uppercase; } .resp, .resp > * { display: block; margin: 0 auto; padding: 0; } .resp > * { max-width: 100%; height: auto; } .resp .fill { overflow: hidden; height: 100%; width: 100%; } .resp img.fill { -o-object-fit: cover; object-fit: cover; } .rbox { box-sizing: content-box; display: block; margin: 0; padding: 0 0 56.25% 0; position: relative; overflow: hidden; height: 0 !important; } .rbox.r34 { padding-bottom: 75%; } .rbox.r1016 { padding-bottom: 62.5%; } .rbox.r43 { padding-bottom: 133.33%; } .rbox > * { display: none; } .rbox > *:first-child { display: block; margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .bg-blk { background: #000; } .bg-trans-blk { background: rgba(0, 0, 0, 0.75); } .bg-wht { background: #fff; } .bg-trans-wht { background: rgba(255, 255, 255, 0.75); } .bg-none { background: none !important; } .bdr-none { border: none !important; } .bf-none::before, .bf-none::after { display: none !important; } .bdr-blk { border-color: #000 !important; } .bdr-wht { border-color: #fff !important; } .tx-blk { color: #000; } .tx-wht { color: #fff; } .bg-base { background-color: #7a7a7a !important; } .bdr-base { border-color: #7a7a7a !important; } .tx-base { color: #7a7a7a !important; } .bg-base-drk { background-color: #5f5f5f !important; } .bdr-base-drk { border-color: #5f5f5f !important; } .tx-base-drk { color: #5f5f5f !important; } .bg-base-lgt { background-color: #eaeaea !important; } .bdr-base-lgt { border-color: #eaeaea !important; } .tx-base-lgt { color: #eaeaea !important; } .bg-base-blk { background-color: #28262c !important; } .bdr-base-blk { border-color: #28262c !important; } .tx-base-blk { color: #28262c !important; } .bg-base-wht { background-color: #f5f5f5 !important; } .bdr-base-wht { border-color: #f5f5f5 !important; } .tx-base-wht { color: #f5f5f5 !important; } .bg-prime { background-color: #ed1c24 !important; } .bdr-prime { border-color: #ed1c24 !important; } .tx-prime { color: #ed1c24 !important; } .bg-prime-drk { background-color: #971217 !important; } .bdr-prime-drk { border-color: #971217 !important; } .tx-prime-drk { color: #971217 !important; } .bg-prime-lgt { background-color: #fac1c3 !important; } .bdr-prime-lgt { border-color: #fac1c3 !important; } .tx-prime-lgt { color: #fac1c3 !important; } .bg-prime-blk { background-color: #570b0e !important; } .bdr-prime-blk { border-color: #570b0e !important; } .tx-prime-blk { color: #570b0e !important; } .bg-prime-wht { background-color: #fdeaeb !important; } .bdr-prime-wht { border-color: #fdeaeb !important; } .tx-prime-wht { color: #fdeaeb !important; } .bg-media { background-color: #2196f3 !important; } .bdr-media { border-color: #2196f3 !important; } .tx-media { color: #2196f3 !important; } .bg-media-drk { background-color: #1565c0 !important; } .bdr-media-drk { border-color: #1565c0 !important; } .tx-media-drk { color: #1565c0 !important; } .bg-media-lgt { background-color: #bbdefb !important; } .bdr-media-lgt { border-color: #bbdefb !important; } .tx-media-lgt { color: #bbdefb !important; } .bg-media-blk { background-color: #0d47a1 !important; } .bdr-media-blk { border-color: #0d47a1 !important; } .tx-media-blk { color: #0d47a1 !important; } .bg-media-wht { background-color: #f5f8fd !important; } .bdr-media-wht { border-color: #f5f8fd !important; } .tx-media-wht { color: #f5f8fd !important; } .bg-radio { background-color: #6e25b0 !important; } .bdr-radio { border-color: #6e25b0 !important; } .tx-radio { color: #6e25b0 !important; } .bg-radio-drk { background-color: #541d86 !important; } .bdr-radio-drk { border-color: #541d86 !important; } .tx-radio-drk { color: #541d86 !important; } .bg-radio-lgt { background-color: #bfa6d7 !important; } .bdr-radio-lgt { border-color: #bfa6d7 !important; } .tx-radio-lgt { color: #bfa6d7 !important; } .bg-radio-blk { background-color: #3a145c !important; } .bdr-radio-blk { border-color: #3a145c !important; } .tx-radio-blk { color: #3a145c !important; } .bg-radio-wht { background-color: #efe8f5 !important; } .bdr-radio-wht { border-color: #efe8f5 !important; } .tx-radio-wht { color: #efe8f5 !important; } .bg-score { background-color: #4caf50 !important; } .bdr-score { border-color: #4caf50 !important; } .tx-score { color: #4caf50 !important; } .bg-score-drk { background-color: #2e7d32 !important; } .bdr-score-drk { border-color: #2e7d32 !important; } .tx-score-drk { color: #2e7d32 !important; } .bg-score-lgt { background-color: #c8e6c9 !important; } .bdr-score-lgt { border-color: #c8e6c9 !important; } .tx-score-lgt { color: #c8e6c9 !important; } .bg-score-blk { background-color: #1b5e20 !important; } .bdr-score-blk { border-color: #1b5e20 !important; } .tx-score-blk { color: #1b5e20 !important; } .bg-score-wht { background-color: #e8f5e9 !important; } .bdr-score-wht { border-color: #e8f5e9 !important; } .tx-score-wht { color: #e8f5e9 !important; } .bg-voice { background-color: #00bba0 !important; } .bdr-voice { border-color: #00bba0 !important; } .tx-voice { color: #00bba0 !important; } .bg-voice-drk { background-color: #007565 !important; } .bdr-voice-drk { border-color: #007565 !important; } .tx-voice-drk { color: #007565 !important; } .bg-voice-lgt { background-color: #cbfaf2 !important; } .bdr-voice-lgt { border-color: #cbfaf2 !important; } .tx-voice-lgt { color: #cbfaf2 !important; } .bg-voice-blk { background-color: #00453b !important; } .bdr-voice-blk { border-color: #00453b !important; } .tx-voice-blk { color: #00453b !important; } .bg-voice-wht { background-color: #dffcf8 !important; } .bdr-voice-wht { border-color: #dffcf8 !important; } .tx-voice-wht { color: #dffcf8 !important; } .bg-alert { background-color: #fdd835 !important; } .bdr-alert { border-color: #fdd835 !important; } .tx-alert { color: #fdd835 !important; } .bg-alert-drk { background-color: #f9a825 !important; } .bdr-alert-drk { border-color: #f9a825 !important; } .tx-alert-drk { color: #f9a825 !important; } .bg-alert-lgt { background-color: #fff9c4 !important; } .bdr-alert-lgt { border-color: #fff9c4 !important; } .tx-alert-lgt { color: #fff9c4 !important; } .bg-alert-blk { background-color: #7a3f0b !important; } .bdr-alert-blk { border-color: #7a3f0b !important; } .tx-alert-blk { color: #7a3f0b !important; } .bg-alert-wht { background-color: #fffde7 !important; } .bdr-alert-wht { border-color: #fffde7 !important; } .tx-alert-wht { color: #fffde7 !important; } .col { padding-left: 10px; padding-right: 10px; } .cont-wrap, .cont-view, .content .layout, .details .summary { margin: 0 auto; padding: 0; min-width: 300px; } .cont-wrap { max-width: 1296px; } .cont-view, .content .layout, .details .summary { max-width: 856px; } .row { margin-left: -10px; margin-right: -10px; padding: 0; } .row.flex { display: flex; flex-flow: row wrap; } .col { float: left; min-height: 1px; width: auto; max-width: 100%; } .row.flex .col { float: none; flex: 0 0 auto; } .row.flex .col .hei-fil { height: 100%; } @media only screen and (max-width: 1023.9px) { .col.pad-300, .col.fit-300 { float: none; width: 100%; } .hide-m { display: none !important; } .lft-m { float: left !important; } .mid-m { margin: auto !important; } .rgt-m { float: right !important; } .cont-expand { margin-left: -15px; margin-right: -15px; } } @media screen and (max-width: 1296px) { .cont-wrap { padding: 0 10px; } } @media screen and (max-width: 856px) { .cont-view, .content .layout, .details .summary { padding: 0; } } .m1 { width: 8.33%; } .m2 { width: 16.66%; } .m3 { width: 25%; } .m4 { width: 33.33%; } .m5 { width: 41.66%; } .m6 { width: 50%; } .m7 { width: 58.33%; } .m8 { width: 66.66%; } .m9 { width: 75%; } .m10 { width: 83.33%; } .m11 { width: 91.66%; } .m12 { width: 100%; } @media only screen and (min-width: 1024px) { .col { padding-left: 10px; padding-right: 10px; } .col.fit-300, .col.fix-300 { width: 320px; } .col.pad-300, .col.pad-300 { width: calc(100% - 320px); } .col.fit-300.rev, .col.pad-300.rev { float: right; } .row { margin-left: -10px; margin-right: -10px; } .hide-w { display: none !important; } .lft-w { float: left !important; } .mid-w { margin: auto !important; } .rgt-w { float: right !important; } .w1 { width: 8.33%; } .w2 { width: 16.66%; } .w3 { width: 25%; } .w4 { width: 33.33%; } .w5 { width: 41.66%; } .w6 { width: 50%; } .w7 { width: 58.33%; } .w8 { width: 66.66%; } .w9 { width: 75%; } .w10 { width: 83.33%; } .w11 { width: 91.66%; } .w12 { width: 100%; } .cont-expand { margin-left: -110px; margin-right: -110px; } } table.tbl, .tbl table { border: solid 1px #eaeaea; width: 100%; } .tbl caption { display: block; margin: 0; padding: 0; font-size: 120%; font-weight: bold; line-height: 1.6em; text-align: center; text-transform: uppercase; } .tbl th, .tbl td, .tbl tr { border-color: #eaeaea; } .tbl th, .tbl td { border-width: 0 0 0 1px; padding: 3px; } .tbl th { font-weight: bold; } .tbl thead th { background-color: #f5f5f5; border-color: #7a7a7a; color: #7a7a7a; font-size: 75%; font-weight: normal; text-transform: uppercase; } table.cellfocus, .tbl.cellfocus { border-collapse: separate; } table.horizon tr, table.horizon th, table.horizon td, table .flat tr, table .flat th, table .flat td, table.flat tr, table.flat th, table.flat td, .tbl.horizon tr, .tbl.horizon th, .tbl.horizon td, .tbl .flat tr, .tbl .flat th, .tbl .flat td, .tbl.flat tr, .tbl.flat th, .tbl.flat td { border-width: 0; } table.horizon, .tbl.horizon { display: block; position: relative; } table.horizon thead, table.horizon tbody, table.horizon tr, table.horizon th, table.horizon td, .tbl.horizon thead, .tbl.horizon tbody, .tbl.horizon tr, .tbl.horizon th, .tbl.horizon td { display: block; } table.horizon th, table.horizon td, .tbl.horizon th, .tbl.horizon td { min-height: 2em; } table.horizon thead, .tbl.horizon thead { background-color: #eaeaea; border-width: 0; float: left; } table.horizon thead th, .tbl.horizon thead th { font-size: inherit; line-height: inherit; text-align: right; } table.horizon tbody, .tbl.horizon tbody { position: relative; overflow-x: auto; width: auto; white-space: nowrap; } table.horizon tbody tr, .tbl.horizon tbody tr { border-left-width: 1px; } table .flat tr, table.flat tr, .tbl .flat tr, .tbl.flat tr { border-bottom-width: 1px; } table .striped th, table .striped td, table.striped th, table.striped td, .tbl .striped th, .tbl .striped td, .tbl.striped th, .tbl.striped td { border-color: #eaeaea; } table .striped th:first-child, table .striped td:first-child, table.striped th:first-child, table.striped td:first-child, .tbl .striped th:first-child, .tbl .striped td:first-child, .tbl.striped th:first-child, .tbl.striped td:first-child { border-left-width: 0; } table .striped > tr:nth-child(2n), table .striped tbody tr:nth-child(2n), table.striped > tr:nth-child(2n), table.striped tbody tr:nth-child(2n), .tbl .striped > tr:nth-child(2n), .tbl .striped tbody tr:nth-child(2n), .tbl.striped > tr:nth-child(2n), .tbl.striped tbody tr:nth-child(2n) { background-color: #f5f5f5; } table .striped thead, table.striped thead, .tbl .striped thead, .tbl.striped thead { border-bottom-width: 1px; } table .separator th, table .separator td, .tbl .separator th, .tbl .separator td { border-bottom-width: 1px; padding: 0; height: 0; } table .blk, .tbl .blk { background-color: #5f5f5f; border-color: #28262c; color: #f5f5f5; } table .drk, .tbl .drk { background-color: #eaeaea; border-color: #7a7a7a; color: #28262c; } table .lgt, .tbl .lgt { background-color: #f5f5f5; border-color: #eaeaea; color: #7a7a7a; } table.prime, .tbl.prime { background-color: transparent; border-color: #fac1c3; color: #971217; } table.prime .hovable > tr:hover, table.prime .hovable tbody tr:hover, table.prime.hovable > tr:hover, table.prime.hovable tbody tr:hover, .tbl.prime .hovable > tr:hover, .tbl.prime .hovable tbody tr:hover, .tbl.prime.hovable > tr:hover, .tbl.prime.hovable tbody tr:hover { background-color: #fac1c3; } table.prime .striped > tr:nth-child(2n), table.prime .striped tbody tr:nth-child(2n), table.prime.striped > tr:nth-child(2n), table.prime.striped tbody tr:nth-child(2n), .tbl.prime .striped > tr:nth-child(2n), .tbl.prime .striped tbody tr:nth-child(2n), .tbl.prime.striped > tr:nth-child(2n), .tbl.prime.striped tbody tr:nth-child(2n) { background-color: #fac1c3; } table .prime-blk, table.prime .blk, .tbl .prime-blk, .tbl.prime .blk { background-color: #971217; border-color: #570b0e; color: #fdeaeb; } table .prime-drk, table.prime .drk, .tbl .prime-drk, .tbl.prime .drk { background-color: #fac1c3; border-color: #ed1c24; color: #570b0e; } table .prime-lgt, table.prime .lgt, .tbl .prime-lgt, .tbl.prime .lgt { background-color: #fdeaeb; border-color: #fac1c3; color: #971217; } table.media, .tbl.media { background-color: transparent; border-color: #bbdefb; color: #1565c0; } table.media .hovable > tr:hover, table.media .hovable tbody tr:hover, table.media.hovable > tr:hover, table.media.hovable tbody tr:hover, .tbl.media .hovable > tr:hover, .tbl.media .hovable tbody tr:hover, .tbl.media.hovable > tr:hover, .tbl.media.hovable tbody tr:hover { background-color: #bbdefb; } table.media .striped > tr:nth-child(2n), table.media .striped tbody tr:nth-child(2n), table.media.striped > tr:nth-child(2n), table.media.striped tbody tr:nth-child(2n), .tbl.media .striped > tr:nth-child(2n), .tbl.media .striped tbody tr:nth-child(2n), .tbl.media.striped > tr:nth-child(2n), .tbl.media.striped tbody tr:nth-child(2n) { background-color: #bbdefb; } table .media-blk, table.media .blk, .tbl .media-blk, .tbl.media .blk { background-color: #1565c0; border-color: #0d47a1; color: #f5f8fd; } table .media-drk, table.media .drk, .tbl .media-drk, .tbl.media .drk { background-color: #bbdefb; border-color: #2196f3; color: #0d47a1; } table .media-lgt, table.media .lgt, .tbl .media-lgt, .tbl.media .lgt { background-color: #f5f8fd; border-color: #bbdefb; color: #1565c0; } table.radio, .tbl.radio { background-color: transparent; border-color: #bfa6d7; color: #541d86; } table.radio .hovable > tr:hover, table.radio .hovable tbody tr:hover, table.radio.hovable > tr:hover, table.radio.hovable tbody tr:hover, .tbl.radio .hovable > tr:hover, .tbl.radio .hovable tbody tr:hover, .tbl.radio.hovable > tr:hover, .tbl.radio.hovable tbody tr:hover { background-color: #bfa6d7; } table.radio .striped > tr:nth-child(2n), table.radio .striped tbody tr:nth-child(2n), table.radio.striped > tr:nth-child(2n), table.radio.striped tbody tr:nth-child(2n), .tbl.radio .striped > tr:nth-child(2n), .tbl.radio .striped tbody tr:nth-child(2n), .tbl.radio.striped > tr:nth-child(2n), .tbl.radio.striped tbody tr:nth-child(2n) { background-color: #bfa6d7; } table .radio-blk, table.radio .blk, .tbl .radio-blk, .tbl.radio .blk { background-color: #541d86; border-color: #3a145c; color: #efe8f5; } table .radio-drk, table.radio .drk, .tbl .radio-drk, .tbl.radio .drk { background-color: #bfa6d7; border-color: #6e25b0; color: #3a145c; } table .radio-lgt, table.radio .lgt, .tbl .radio-lgt, .tbl.radio .lgt { background-color: #efe8f5; border-color: #bfa6d7; color: #541d86; } table.score, .tbl.score { background-color: transparent; border-color: #c8e6c9; color: #2e7d32; } table.score .hovable > tr:hover, table.score .hovable tbody tr:hover, table.score.hovable > tr:hover, table.score.hovable tbody tr:hover, .tbl.score .hovable > tr:hover, .tbl.score .hovable tbody tr:hover, .tbl.score.hovable > tr:hover, .tbl.score.hovable tbody tr:hover { background-color: #c8e6c9; } table.score .striped > tr:nth-child(2n), table.score .striped tbody tr:nth-child(2n), table.score.striped > tr:nth-child(2n), table.score.striped tbody tr:nth-child(2n), .tbl.score .striped > tr:nth-child(2n), .tbl.score .striped tbody tr:nth-child(2n), .tbl.score.striped > tr:nth-child(2n), .tbl.score.striped tbody tr:nth-child(2n) { background-color: #c8e6c9; } table .score-blk, table.score .blk, .tbl .score-blk, .tbl.score .blk { background-color: #2e7d32; border-color: #1b5e20; color: #e8f5e9; } table .score-drk, table.score .drk, .tbl .score-drk, .tbl.score .drk { background-color: #c8e6c9; border-color: #4caf50; color: #1b5e20; } table .score-lgt, table.score .lgt, .tbl .score-lgt, .tbl.score .lgt { background-color: #e8f5e9; border-color: #c8e6c9; color: #2e7d32; } table.voice, .tbl.voice { background-color: transparent; border-color: #cbfaf2; color: #007565; } table.voice .hovable > tr:hover, table.voice .hovable tbody tr:hover, table.voice.hovable > tr:hover, table.voice.hovable tbody tr:hover, .tbl.voice .hovable > tr:hover, .tbl.voice .hovable tbody tr:hover, .tbl.voice.hovable > tr:hover, .tbl.voice.hovable tbody tr:hover { background-color: #cbfaf2; } table.voice .striped > tr:nth-child(2n), table.voice .striped tbody tr:nth-child(2n), table.voice.striped > tr:nth-child(2n), table.voice.striped tbody tr:nth-child(2n), .tbl.voice .striped > tr:nth-child(2n), .tbl.voice .striped tbody tr:nth-child(2n), .tbl.voice.striped > tr:nth-child(2n), .tbl.voice.striped tbody tr:nth-child(2n) { background-color: #cbfaf2; } table .voice-blk, table.voice .blk, .tbl .voice-blk, .tbl.voice .blk { background-color: #007565; border-color: #00453b; color: #dffcf8; } table .voice-drk, table.voice .drk, .tbl .voice-drk, .tbl.voice .drk { background-color: #cbfaf2; border-color: #00bba0; color: #00453b; } table .voice-lgt, table.voice .lgt, .tbl .voice-lgt, .tbl.voice .lgt { background-color: #dffcf8; border-color: #cbfaf2; color: #007565; } table.alert, .tbl.alert { background-color: transparent; border-color: #fff9c4; color: #f9a825; } table.alert .hovable > tr:hover, table.alert .hovable tbody tr:hover, table.alert.hovable > tr:hover, table.alert.hovable tbody tr:hover, .tbl.alert .hovable > tr:hover, .tbl.alert .hovable tbody tr:hover, .tbl.alert.hovable > tr:hover, .tbl.alert.hovable tbody tr:hover { background-color: #fff9c4; } table.alert .striped > tr:nth-child(2n), table.alert .striped tbody tr:nth-child(2n), table.alert.striped > tr:nth-child(2n), table.alert.striped tbody tr:nth-child(2n), .tbl.alert .striped > tr:nth-child(2n), .tbl.alert .striped tbody tr:nth-child(2n), .tbl.alert.striped > tr:nth-child(2n), .tbl.alert.striped tbody tr:nth-child(2n) { background-color: #fff9c4; } table .alert-blk, table.alert .blk, .tbl .alert-blk, .tbl.alert .blk { background-color: #f9a825; border-color: #7a3f0b; color: #fffde7; } table .alert-drk, table.alert .drk, .tbl .alert-drk, .tbl.alert .drk { background-color: #fff9c4; border-color: #fdd835; color: #7a3f0b; } table .alert-lgt, table.alert .lgt, .tbl .alert-lgt, .tbl.alert .lgt { background-color: #fffde7; border-color: #fff9c4; color: #f9a825; } .tbl-strip th, .tbl-strip td { border-top: none; border-left: none; border-right: none; } .tbl-extra th, .tbl-extra td { border: none; padding: 5px 3px 10px; } .tbl-extra th { color: rgba(0, 0, 0, 0.5); padding-right: 17px; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; } table.cellfocus td:active, table.cellfocus td:focus, table.cellfocus td:hover, .tbl.cellfocus td:active, .tbl.cellfocus td:focus, .tbl.cellfocus td:hover { border: solid 1px #ed1c24; display: block; } table .hovable > tr:active, table .hovable > tr:focus, table .hovable > tr:hover, table .hovable tbody tr:active, table .hovable tbody tr:focus, table .hovable tbody tr:hover, table.hovable > tr:active, table.hovable > tr:focus, table.hovable > tr:hover, table.hovable tbody tr:active, table.hovable tbody tr:focus, table.hovable tbody tr:hover, .tbl .hovable > tr:active, .tbl .hovable > tr:focus, .tbl .hovable > tr:hover, .tbl .hovable tbody tr:active, .tbl .hovable tbody tr:focus, .tbl .hovable tbody tr:hover, .tbl.hovable > tr:active, .tbl.hovable > tr:focus, .tbl.hovable > tr:hover, .tbl.hovable tbody tr:active, .tbl.hovable tbody tr:focus, .tbl.hovable tbody tr:hover { background-color: #f5f5f5; } table .hovable > tr:active .lgt, table .hovable > tr:focus .lgt, table .hovable > tr:hover .lgt, table .hovable tbody tr:active .lgt, table .hovable tbody tr:focus .lgt, table .hovable tbody tr:hover .lgt, table.hovable > tr:active .lgt, table.hovable > tr:focus .lgt, table.hovable > tr:hover .lgt, table.hovable tbody tr:active .lgt, table.hovable tbody tr:focus .lgt, table.hovable tbody tr:hover .lgt, .tbl .hovable > tr:active .lgt, .tbl .hovable > tr:focus .lgt, .tbl .hovable > tr:hover .lgt, .tbl .hovable tbody tr:active .lgt, .tbl .hovable tbody tr:focus .lgt, .tbl .hovable tbody tr:hover .lgt, .tbl.hovable > tr:active .lgt, .tbl.hovable > tr:focus .lgt, .tbl.hovable > tr:hover .lgt, .tbl.hovable tbody tr:active .lgt, .tbl.hovable tbody tr:focus .lgt, .tbl.hovable tbody tr:hover .lgt { background-color: #eaeaea; } table .hovable > tr:active .drk, table .hovable > tr:focus .drk, table .hovable > tr:hover .drk, table .hovable tbody tr:active .drk, table .hovable tbody tr:focus .drk, table .hovable tbody tr:hover .drk, table.hovable > tr:active .drk, table.hovable > tr:focus .drk, table.hovable > tr:hover .drk, table.hovable tbody tr:active .drk, table.hovable tbody tr:focus .drk, table.hovable tbody tr:hover .drk, .tbl .hovable > tr:active .drk, .tbl .hovable > tr:focus .drk, .tbl .hovable > tr:hover .drk, .tbl .hovable tbody tr:active .drk, .tbl .hovable tbody tr:focus .drk, .tbl .hovable tbody tr:hover .drk, .tbl.hovable > tr:active .drk, .tbl.hovable > tr:focus .drk, .tbl.hovable > tr:hover .drk, .tbl.hovable tbody tr:active .drk, .tbl.hovable tbody tr:focus .drk, .tbl.hovable tbody tr:hover .drk { background-color: #7a7a7a; } table .hovable > tr:active .blk, table .hovable > tr:focus .blk, table .hovable > tr:hover .blk, table .hovable tbody tr:active .blk, table .hovable tbody tr:focus .blk, table .hovable tbody tr:hover .blk, table.hovable > tr:active .blk, table.hovable > tr:focus .blk, table.hovable > tr:hover .blk, table.hovable tbody tr:active .blk, table.hovable tbody tr:focus .blk, table.hovable tbody tr:hover .blk, .tbl .hovable > tr:active .blk, .tbl .hovable > tr:focus .blk, .tbl .hovable > tr:hover .blk, .tbl .hovable tbody tr:active .blk, .tbl .hovable tbody tr:focus .blk, .tbl .hovable tbody tr:hover .blk, .tbl.hovable > tr:active .blk, .tbl.hovable > tr:focus .blk, .tbl.hovable > tr:hover .blk, .tbl.hovable tbody tr:active .blk, .tbl.hovable tbody tr:focus .blk, .tbl.hovable tbody tr:hover .blk { background-color: #28262c; } .emo, .ico { display: inline-block; margin: 0; padding: 0; min-height: 1em; min-width: 1em; vertical-align: middle; } button.emo, button.ico { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; font-size: inherit; line-height: inherit; } .emo { background: transparent; text-align: center; } .emo.like { background: url(https://bongdaplus.vn//img/emo_like.png) center no-repeat; background-size: contain; } .emo.like:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.dislike { background: url(https://bongdaplus.vn//img/emo_dislike.png) center no-repeat; background-size: contain; } .emo.dislike:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.heart { background: url(https://bongdaplus.vn//img/emo_heart.png) center no-repeat; background-size: contain; } .emo.heart:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.love { background: url(https://bongdaplus.vn//img/emo_love.png) center no-repeat; background-size: contain; } .emo.love:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.crying { background: url(https://bongdaplus.vn//img/emo_crying.png) center no-repeat; background-size: contain; } .emo.crying:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.angry { background: url(https://bongdaplus.vn//img/emo_angry.png) center no-repeat; background-size: contain; } .emo.angry:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.astonish { background: url(https://bongdaplus.vn//img/emo_astonish.png) center no-repeat; background-size: contain; } .emo.astonish:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.star { background: url(https://bongdaplus.vn//img/emo_star.png) center no-repeat; background-size: contain; } .emo.star:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.comment { background: url(https://bongdaplus.vn//img/emo_comment.png) center no-repeat; background-size: contain; } .emo.comment:not(:empty) { background-position: left center; padding-left: 1.25em; } .emo.share { background: url(https://bongdaplus.vn//img/emo_share.png) center no-repeat; background-size: contain; } .emo.share:not(:empty) { background-position: left center; padding-left: 1.25em; } .ico { background: transparent center no-repeat; background-size: contain; position: relative; } .ico:not(:empty) { background-position: left center; background-size: 1em; padding-left: 1.35em; } .ico.ico24 { height: 24px; width: 24px; } .ico.blinkr { color: #ed1c24; padding-left: 25px; position: relative; } .ico.blinkr::before, .ico.blinkr::after { background-color: #ed1c24; height: 9px; width: 9px; margin: -4.5px; position: absolute; top: 50%; left: 12px; } .ico.blinkr::after { height: 15px; width: 15px; margin: -7.5px; opacity: 0.25; animation: live-wave 1.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s infinite; } .ico.nbell::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOCwxNmMuOSwwLDEuNi0uNywxLjYtMS42aC0zLjNjMCwuOS43LDEuNiwxLjYsMS42WiIvPjxwYXRoIGQ9Ik0xNCwxMi4zbC0xLjEtMS4xdi00LjFjMC0yLjUtMS4zLTQuNi0zLjctNS4ydi0uNmMwLS43LS41LTEuMi0xLjItMS4ycy0xLjIuNS0xLjIsMS4ydi42Yy0yLjQuNi0zLjcsMi43LTMuNyw1LjJ2NC4xbC0xLjEsMS4xYy0uNS41LS4yLDEuNC42LDEuNGgxMC44Yy43LDAsMS4xLS45LjYtMS40Wk0xMS4zLDEyaC02LjZ2LTQuOWMwLTIsMS4yLTMuNywzLjMtMy43czMuMywxLjcsMy4zLDMuN3Y0LjlaIi8+PC9zdmc+) center no-repeat; background-size: contain; content: ""; display: inline-block; margin: 0; padding: 0; min-height: 1em; min-width: 1em; vertical-align: middle; } .ico.nbell:not(:empty)::before { background-position: left center; background-size: 1em; padding-left: 1.35em; } .ico.home { background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LDEuNGMtLjYtLjItMS4zLS4yLTIsMC0uMywwLS43LjMtMS4xLjYtLjUuMy0xLC44LTEuOCwxLjRsLS4zLjNjLS45LjgtMS4zLDEuMS0xLjYsMS40LS4zLjQtLjUuOC0uNiwxLjMtLjEuNC0uMS45LS4xLDIuMXYzLjJjMCwxLjYsMS4zLDMsMywzcy44LS40LjgtLjh2LTIuOWMwLTEuNiwxLjMtMi44LDIuOC0yLjhzMi44LDEuMywyLjgsMi44djIuOWMwLC40LjQuOC44LjgsMS42LDAsMy0xLjMsMy0zdi0zLjJjMC0xLjIsMC0xLjctLjEtMi4xLS4xLS41LS4zLS45LS42LTEuMy0uMy0uNC0uNy0uNy0xLjYtMS40bC0uMy0uM2MtLjgtLjYtMS4zLTEuMS0xLjgtMS40LS41LS4zLS44LS41LTEuMS0uNlpNNi43LjJjLjktLjIsMS44LS4yLDIuNywwLC41LjEsMSwuNCwxLjUuOC41LjQsMS4xLjgsMS45LDEuNGgwcy4zLjMuMy4zYzAsMCwwLDAsMCwwLC44LjcsMS40LDEuMSwxLjgsMS42LjQuNS43LDEuMS44LDEuNy4yLjYuMiwxLjMuMiwyLjRoMHYzLjNjMCwyLjQtMS45LDQuMy00LjMsNC4zcy0yLjEtLjktMi4xLTIuMXYtMi45YzAtLjgtLjctMS41LTEuNS0xLjVzLTEuNS43LTEuNSwxLjV2Mi45YzAsMS4yLS45LDIuMS0yLjEsMi4xQzIsMTYsLjEsMTQuMS4xLDExLjd2LTMuMnMwLDAsMCwwYzAtMS4xLDAtMS44LjItMi40LjItLjYuNC0xLjIuOC0xLjcuNC0uNS45LS45LDEuOC0xLjYsMCwwLDAsMCwwLDBsLjMtLjNoMGMuOC0uNiwxLjQtMS4xLDEuOS0xLjUuNS0uNCwxLS42LDEuNS0uOFoiIGZpbGw9IiNlZDFjMjQiLz48L3N2Zz4=); } .ico.cup { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0ZGQjkwMCI+PHBhdGggZD0iTTExLjQsMTQuMUg1Yy0wLjUsMC0xLDAuNC0xLDFjMCwwLjUsMC40LDEsMSwxaDYuNGMwLjUsMCwxLTAuNCwxLTFTMTEuOSwxNC4xLDExLjQsMTQuMXoiLz48cGF0aCBkPSJNMTUuNywxLjNMMTUuNywxLjNsLTEuNiwwdi0xYzAtMC4yLTAuMS0wLjMtMC4zLTAuM0gyLjJDMi4xLDAsMS45LDAuMSwxLjksMC4zdjFIMC4zQzAuMSwxLjMsMCwxLjQsMCwxLjYgYzAsMi4yLDAuOSw0LjksMi45LDUuOGMwLjgsMS4yLDIsMi4xLDMuNCwyLjZDNi43LDEwLjEsNywxMC42LDYuOSwxMWMtMC4xLDAuNy0wLjMsMS43LTAuOCwyLjRoMy43Yy0wLjQtMC43LTAuNy0xLjctMC44LTIuNCBDOSwxMC42LDkuMywxMC4xLDkuNywxMGMxLjQtMC40LDIuNi0xLjQsMy40LTIuNmMyLTAuOSwyLjktMy42LDIuOS01LjhDMTYsMS40LDE1LjksMS4zLDE1LjcsMS4zeiBNMC42LDEuOUwwLjYsMS45TDAuNiwxLjloMS4zIHYyLjJjMCwwLjcsMC4xLDEuNCwwLjQsMi4xQzEuMyw1LjMsMC43LDMuNSwwLjYsMS45eiBNMTAuMywzLjdMOS4xLDQuNmwwLjUsMS41YzAuMSwwLjItMC4yLDAuNC0wLjQsMC4zTDgsNS41TDYuOCw2LjMgQzYuNiw2LjUsNi40LDYuMyw2LjQsNi4xbDAuNS0xLjVMNS43LDMuN0M1LjUsMy42LDUuNiwzLjMsNS44LDMuM2gxLjRsMC41LTEuNWMwLjEtMC4yLDAuNC0wLjIsMC41LDBsMC41LDEuNWgxLjQgQzEwLjQsMy4zLDEwLjUsMy42LDEwLjMsMy43eiBNMTMuNyw2LjNjMC4yLTAuNywwLjQtMS40LDAuNC0yLjFWMS45aDEuM0MxNS4zLDMuNSwxNC43LDUuMywxMy43LDYuM3oiLz48L3N2Zz4=); } .ico.crown { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjMuMSw4LjdjMCwwLDAsLjEsMCwuMmwtMS41LDYuNmMwLC4zLS4zLjYtLjYuNmgtOC45YzAsMCwwLDAsMCwwSDMuMWMtLjMsMC0uNi0uMi0uNy0uNmwtMS41LTYuNmMwLDAsMC0uMiwwLS4yLS42LS4yLTEtLjgtMS0xLjVzLjYtMS42LDEuNC0xLjYsMS40LjcsMS40LDEuNi0uMi45LS41LDEuMmwxLjksMi4xYy41LjUsMS4xLjgsMS44LjhzMS41LS40LDItMS4xbDMtNC41Yy0uMy0uMy0uNC0uNy0uNC0xLjEsMC0uOS42LTEuNiwxLjQtMS42czEuNC43LDEuNCwxLjYtLjEuOC0uNCwxLjFjMCwwLDAsMCwwLDBsMyw0LjVjLjUuNywxLjIsMS4xLDIsMS4xczEuMy0uMywxLjgtLjhsMS45LTIuMWMtLjMtLjMtLjUtLjctLjUtMS4yLDAtLjkuNi0xLjYsMS40LTEuNnMxLjQuNywxLjQsMS42LS40LDEuMy0uOSwxLjVaTTIxLjQsMTguNWMwLS40LS4zLS44LS43LS44SDMuM2MtLjQsMC0uNy4zLS43Ljh2MS44YzAsLjQuMy44LjcuOGgxNy40Yy40LDAsLjctLjMuNy0uOHYtMS44WiIgZmlsbD0iI0Y3REE0QiIvPjwvc3ZnPg==); } .ico.flash { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEuOSw4LjljLS4xLS4xLS4zLS4yLS42LS4yaC03LjdjMCwwLDMuNS04LjEsMy41LTguMSwwLS4yLDAtLjQtLjMtLjUtLjMsMC0uNiwwLS44LjFMMi4xLDEyLjZjLS4xLjEtLjIuMywwLC40LjEuMS4zLjIuNi4yaDZsLTQuOSwxMC4yYzAsLjIsMCwuNC4zLjUsMCwwLC4yLDAsLjMsMCwuMiwwLC40LDAsLjUtLjJsMTctMTQuNWMuMS0uMS4yLS4zLDAtLjRaIiBmaWxsPSIjRjdEQTRCIi8+PC9zdmc+); } .ico.premium { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMuMSwybDQuMiw0LjEsMi40LTQuMWgtNi42Wk0wLDYuNEwzLjUsMi4zbDIuNCw0LjFIMFpNMTMuMiwyMS4ybDQuNS0xMy45aDYuM2wtMTAuOCwxMy45Wk0yMC41LDIuM2wtMi40LDQuMWg1LjhsLTMuNC00LjFaTTAsNy4zaDYuM2w0LjUsMTMuOUwwLDcuM1pNNi44LDYuMWwtMi40LTQuMWg2LjZsLTQuMiw0LjFaTTcuMyw3LjNsNC43LDE0LjcsNC43LTE0LjdINy4zWk03LjcsNi40bDQuMy00LjIsNC4zLDQuMkg3LjdaIiBmaWxsPSIjRjdEQTRCIi8+PC9zdmc+); } .ico.dwload { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTEyLjUsNS41Yy0wLjMtMC4zLTAuOC0wLjMtMS4xLDBMOC44LDguMlYxYzAtMC40LTAuMy0wLjgtMC44LTAuOFM3LjIsMC42LDcuMiwxdjcuMkw0LjUsNS41IGMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwcy0wLjMsMC44LDAsMS4xbDQsNGMwLjEsMC4xLDAuMywwLjIsMC41LDAuMnMwLjQtMC4xLDAuNS0wLjJsNC00QzEyLjgsNi4yLDEyLjgsNS44LDEyLjUsNS41eiIvPjxwYXRoIGQ9Ik0xNC42LDE2SDEuNGMtMC40LDAtMC43LTAuMS0xLTAuNEMwLjIsMTUuNCwwLDE1LDAsMTQuNnYtNC40YzAtMC40LDAuMy0wLjgsMC44LTAuOHMwLjgsMC4zLDAuOCwwLjh2My45IGMwLDAuMiwwLjIsMC40LDAuNCwwLjRsMTIuMiwwYzAuMiwwLDAuNC0wLjIsMC40LTAuNHYtMy44YzAtMC40LDAuMy0wLjgsMC44LTAuOFMxNiw5LjgsMTYsMTAuMnY0LjRjMCwwLjQtMC4yLDAuNy0wLjQsMSBDMTUuMywxNS45LDE1LDE2LDE0LjYsMTZ6Ii8+PC9zdmc+); } .ico.fulscr { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTE1LjIsMTZoLTMuOGMtMC40LDAtMC44LTAuMy0wLjgtMC44czAuMy0wLjgsMC44LTAuOGgzdi0zYzAtMC40LDAuMy0wLjgsMC44LTAuOHMwLjgsMC4zLDAuOCwwLjh2My44IEMxNiwxNS43LDE1LjcsMTYsMTUuMiwxNnoiLz48cGF0aCBkPSJNMC44LDUuMkMwLjMsNS4yLDAsNC45LDAsNC41VjAuOEMwLDAuMywwLjMsMCwwLjgsMGgzLjhjMC40LDAsMC44LDAuMywwLjgsMC44UzQuOSwxLjUsNC41LDEuNWgtM3YzIEMxLjUsNC45LDEuMiw1LjIsMC44LDUuMnoiLz48cGF0aCBkPSJNMTUuMiw1LjJjLTAuNCwwLTAuOC0wLjMtMC44LTAuOHYtM2gtM2MtMC40LDAtMC44LTAuMy0wLjgtMC44UzExLjEsMCwxMS41LDBoMy44QzE1LjcsMCwxNiwwLjMsMTYsMC44djMuOCBDMTYsNC45LDE1LjcsNS4yLDE1LjIsNS4yeiIvPjxwYXRoIGQ9Ik00LjUsMTZIMC44QzAuMywxNiwwLDE1LjcsMCwxNS4ydi0zLjhjMC0wLjQsMC4zLTAuOCwwLjgtMC44czAuOCwwLjMsMC44LDAuOHYzaDNjMC40LDAsMC44LDAuMywwLjgsMC44IFM0LjksMTYsNC41LDE2eiIvPjwvc3ZnPg==); } .ico.fb-color { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI2NCIgY3k9IjY0IiBmaWxsPSIjMTc2QUU2IiByPSI2NCIvPjxwYXRoIGQ9Ik04Ny4zMDgsODEuMDExbDIuNzM4LTE2Ljc1NmgtMTkuMzlWNTEuNDc5YzAtNS4yNzYsMS40MTUtOS4wMjksOC45ODEtOS4wMjlsMTEuMiwwLjAwNVYyNS41NTkgYzAsMC03LjEwOC0xLjU1OS0xMy43NzYtMS41NTljLTEzLjkxNSwwLTIzLjEyNCw5LjE5LTIzLjEyNCwyNC43OXYxNS40NjZIMzcuMTYydjE2Ljc1NmgxNi43NzF2NDYuMTkzIGMzLjI4MSwwLjUxOSw2LjY0MiwwLjc5NSwxMC4wNjcsMC43OTVjMi4yNDgsMCw0LjQ2OC0wLjExOSw2LjY1Ni0wLjM0NVY4MS4wMTFIODcuMzA4eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==); } .ico.gg-color { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNDQuNSAyMEgyNHY4LjVoMTEuOEMzNC43IDMzLjkgMzAuMSAzNyAyNCAzN2MtNy4yIDAtMTMtNS44LTEzLTEzczUuOC0xMyAxMy0xM2MzLjEgMCA1LjkgMS4xIDguMSAyLjlsNi40LTYuNEMzNC42IDQuMSAyOS42IDIgMjQgMiAxMS44IDIgMiAxMS44IDIgMjRzOS44IDIyIDIyIDIyYzExIDAgMjEtOCAyMS0yMiAwLTEuMy0uMi0yLjctLjUtNHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjRkJCQzA1IiBkPSJNMCAzN1YxMWwxNyAxM3oiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiNFQTQzMzUiIGQ9Ik0wIDExbDE3IDEzIDctNi4xTDQ4IDE0VjBIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiMzNEE4NTMiIGQ9Ik0wIDM3bDMwLTIzIDcuOSAxTDQ4IDB2NDhIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiM0Mjg1RjQiIGQ9Ik00OCA0OEwxNyAyNGwtNC0zIDM1LTEweiIvPjwvc3ZnPg==); } .ico.menubar { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMCwzLjFjMC0wLjMsMC4zLTAuNiwwLjYtMC42aDE0LjhjMC4zLDAsMC42LDAuMywwLjYsMC42YzAsMC4zLTAuMywwLjYtMC42LDAuNkgwLjZDMC4zLDMuNywwLDMuNCwwLDMuMXogTTAsOCBjMC0wLjMsMC4zLTAuNiwwLjYtMC42aDYuNmMwLjMsMCwwLjYsMC4zLDAuNiwwLjZjMCwwLjMtMC4zLDAuNi0wLjYsMC42SDAuNkMwLjMsOC42LDAsOC4zLDAsOHogTTAuNiwxMi4zYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjYgczAuMywwLjYsMC42LDAuNmgxMC43YzAuMywwLDAuNi0wLjMsMC42LTAuNnMtMC4zLTAuNi0wLjYtMC42SDAuNnoiLz48L3N2Zz4=); } .ico.mnu-sch { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48Y2lyY2xlIGN4PSIxNC41IiBjeT0iMi4xIiByPSIxLjIiIGZpbGw9IiNlZDFjMjQiLz48cGF0aCBkPSJNMCw0LjljMC0uMy4zLS42LjYtLjZoMTQuM2MuMywwLC42LjMuNi42cy0uMy42LS42LjZILjZjLS4zLDAtLjYtLjMtLjYtLjZaTTAsOS42YzAtLjMuMy0uNi42LS42aDQuOGMuMywwLC42LjMuNi42cy0uMy42LS42LjZILjZjLS4zLDAtLjYtLjMtLjYtLjZaTS42LDEzLjhjLS4zLDAtLjYuMy0uNi42cy4zLjYuNi42aDYuNGMuMywwLC42LS4zLjYtLjZzLS4zLS42LS42LS42SC42WiIgc3R5bGU9Im9wYWNpdHk6IC41OyIvPjxwYXRoIGQ9Ik04LjQsMTAuNmMwLTEuNywxLjQtMy4xLDMuMS0zLjFzMy4xLDEuNCwzLjEsMy4xLTEuNCwzLjEtMy4xLDMuMS0zLjEtMS40LTMuMS0zLjFaTTExLjUsNi41Yy0yLjMsMC00LjEsMS44LTQuMSw0LjFzMS44LDQuMSw0LjEsNC4xLDEuOC0uMywyLjUtLjlsMS4xLDEuMWMuMi4yLjUuMi43LDBzLjItLjUsMC0uN2wtMS4xLTEuMWMuNS0uNy45LTEuNi45LTIuNSwwLTIuMy0xLjgtNC4xLTQuMS00LjFaIiBzdHlsZT0ib3BhY2l0eTogLjU7Ii8+PC9zdmc+); } .ico.fire { background-image: url(https://bongdaplus.vn//img/fire.gif); margin-top: -0.35em; } .ico.fire-stil { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOC4wNTkxIiB5MT0iMTUuNTk5OSIgeDI9IjcuOTMyOSIgeTI9IjMuMTA2MSI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkE5RTA0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkQ1MjE0Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzAwMDAwMDYxNDYzOTU4NDEyNDc2NDQzNDEwMDAwMDE2ODk3ODc1NTY1ODEzOTcxODUxXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI4LjA2MiIgeTE9IjE1Ljg4MzQiIHgyPSI3LjkwMjMiIHkyPSI3LjQ2OTUxOGUtMDIiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZEOUEwMSIvPjxzdG9wIG9mZnNldD0iMS42NzU5NzhlLTAyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkQ5QTAxIi8+PHN0b3Agb2Zmc2V0PSIyLjIzNDYzN2UtMDIiIHN0eWxlPSJzdG9wLWNvbG9yOiNFRjRFMDIiLz48c3RvcCBvZmZzZXQ9IjAuMTIyOSIgc3R5bGU9InN0b3AtY29sb3I6I0VGNEUwMiIvPjxzdG9wIG9mZnNldD0iMC4xNjQ4IiBzdHlsZT0ic3RvcC1jb2xvcjojQjYwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjMwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKTtzdHJva2U6dXJsKCNTVkdJRF8wMDAwMDA2MTQ2Mzk1ODQxMjQ3NjQ0MzQxMDAwMDAxNjg5Nzg3NTU2NTgxMzk3MTg1MV8pO3N0cm9rZS13aWR0aDowLjI1O3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTgsMTUuOGMtMy4xLDAuMS01LTEuNS01LjEtMS44YzAsMCwwLTAuMSwwLTAuMmMwLDAsMC4yLDAsMC4zLDAuMWMwLjEsMCwwLjIsMCwwLjMsMGMtMC4zLTAuMy0xLjktMi4yLTEuOC00LjNjMC0wLjMsMC4xLTEuMiwwLjctMiBjMCwwLDAuNS0wLjYsMC43LTAuNUMzLjQsNywzLjEsNy42LDMuNCw4LjFjMC4yLDAuNCwwLjksMC44LDEuMiwwLjZDNS4xLDguNSw0LjksNy43LDUuMiw2YzAuMS0wLjMsMC41LTIuNSwxLjEtMi41IGMwLjEsMCwwLjEsMC4xLDAuMiwwLjFjMC41LDAsMC44LTEsMS0xLjdjMC4yLTEtMC4xLTEuNCwwLjItMS42QzguMS0wLjEsOS4zLDAuOCwxMCwxLjRjMC40LDAuNCwxLjMsMS4yLDEuOCwyLjcgYzAuNiwxLjksMCwzLjcsMC41LDMuOGMwLjEsMCwwLjItMC4xLDAuNC0wLjJDMTMsNy41LDEzLDcsMTMuMyw2LjljMCwwLDAuMSwwLDAuMiwwLjFjMC42LDAuNCwwLjcsMS41LDAuNywxLjUgYzAuMSwwLjcsMC40LDMuMS0xLDQuNGMtMC4yLDAuMi0wLjksMC44LTAuOCwxYzAsMC4xLDAuMiwwLDAuMywwLjJjMCwwLDAuMSwwLjEsMC4xLDAuMkMxMi43LDE0LjQsMTAuOCwxNS43LDgsMTUuOHoiLz48cGF0aCBzdHlsZT0iZmlsbDojRkI1NzEzO3N0cm9rZTojQjMwMDAwO3N0cm9rZS13aWR0aDowLjI1O3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTIuOCw2LjFjLTAuMi0wLjEtMC4yLTAuNi0wLjEtMWMwLjEtMC4yLDAuMS0wLjMsMC4zLTAuNmMwLjItMC4yLDAuNC0wLjYsMC43LTFjMC4xLDAuMywwLjEsMC43LDAsMS4yIEMzLjYsNS41LDMsNi4yLDIuOCw2LjF6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8wMDAwMDExOTA4MjY5Njk2Mzg2NTE2MjMyMDAwMDAxNDgxOTAyMDAyOTY4MTA3MDczNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy44ODQ3IiB5MT0iMTUuMjAyNiIgeDI9IjguMDk4IiB5Mj0iNi4wMTczIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRUU3M0IiLz48c3RvcCBvZmZzZXQ9IjAuNjY1NyIgc3R5bGU9InN0b3AtY29sb3I6I0ZFQTAzMCIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZFODIyQiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8wMDAwMDExOTA4MjY5Njk2Mzg2NTE2MjMyMDAwMDAxNDgxOTAyMDAyOTY4MTA3MDczNl8pOyIgZD0iTTcuOSwxNS43YzAuOCwwLDEuMywwLDEuOC0wLjQgYzAuNC0wLjMsMC42LTAuNiwwLjctMC44YzAuNC0wLjIsMS0wLjUsMS42LTEuMmMwLjYtMC42LDAuOS0xLjIsMS4xLTEuNmMwLDAtMC44LDAuMS0xLTAuMmMwLTAuMS0wLjEtMC4yLDAtMC40IGMwLjEtMC41LDAuMy0wLjksMC4zLTFjMC4xLTAuMywwLjMtMC44LDAuMS0xLjVjLTAuMSwwLjEtMC40LDAuNS0xLDAuNmMtMC4xLDAtMC40LDAtMC43LTAuMmMtMC4zLTAuMy0wLjMtMC43LTAuMi0xLjMgYzAtMSwwLTEuOC0wLjEtMi41Yy0wLjItMC43LTAuNC0xLjEtMC42LTEuNUM5LjQsMi45LDguOSwyLjMsOC42LDJjMCwwLjEsMCwwLjMsMCwwLjVDOC40LDQsNi45LDQuMyw2LjMsNkM2LjEsNi40LDYuMSw2LjgsNiw3LjggQzUuOSw4LjksNS45LDkuNSw1LjUsOS45Yy0wLjEsMC4xLTAuNCwwLjQtMC45LDAuNWMtMC42LDAtMS4yLTAuNC0xLjUtMUMzLDkuNywyLjgsMTAuMywyLjksMTAuOWMwLjEsMS4zLDAuOCwyLjIsMS4yLDIuNiBjMC4xLDAuMSwwLjUsMC40LDEuMywxLjJjMC42LDAuNiwwLjgsMC43LDEuMSwwLjlDNi45LDE1LjgsNy4yLDE1LjgsNy45LDE1Ljd6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8wMDAwMDA2NzIyNzUyOTEzMzQzMjA4OTM0MDAwMDAwNjkwNzI3NDY1NDE2MTE0NjUyOV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy44NDE0IiB5MT0iMTQuNzE0NyIgeDI9IjguMDgxOCIgeTI9IjQuMzYzMiI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkVFNzNCIi8+PHN0b3Agb2Zmc2V0PSIwLjY2NTciIHN0eWxlPSJzdG9wLWNvbG9yOiNGRUEwMzAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRTgyMkIiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMDAwMDAwNjcyMjc1MjkxMzM0MzIwODkzNDAwMDAwMDY5MDcyNzQ2NTQxNjExNDY1MjlfKTsiIGQ9Ik04LjIsMTUuMWMxLDAsMS43LTAuOCwxLjktMSBjMC42LTAuNCwwLjktMC44LDEtMS4xYzAuMy0wLjYsMC4zLTEuMiwwLjItMS43YzAtMC41LTAuMS0wLjktMC4yLTEuMmMtMC4xLDAuMS0wLjMsMC4yLTAuNSwwLjJjLTAuMywwLTAuNS0wLjItMC41LTAuMiBjLTAuMy0wLjMtMC4yLTAuOS0wLjItMmMwLTAuNywwLjEtMS4zLDAtMS44QzkuOCw1LjUsOS41LDQuOSw5LjMsNC41YzAsMC4yLTAuMSwwLjUtMC4zLDAuOEM4LjcsNS45LDguMSw1LjgsNy41LDYuMyBjLTAuNywwLjYtMSwxLjctMS4xLDIuNGMwLDAuNiwwLjEsMC45LTAuMSwxLjVjLTAuMSwwLjItMC4yLDAuNi0wLjYsMC44Yy0wLjUsMC4zLTEuMiwwLjEtMS4yLDBjMCwwLjUsMC4yLDEuNSwwLjgsMi40IGMwLjEsMC4yLDAuNCwwLjYsMSwxQzYuOCwxNC43LDcuNCwxNS4yLDguMiwxNS4xeiIvPjxyYWRpYWxHcmFkaWVudCBpZD0iU1ZHSURfMDAwMDAxMzcwOTA0NTQ5MjUyMDA0MjA1NTAwMDAwMDg5NDg5NDAxMTkwNjAyNzM4NDNfIiBjeD0iOC4xODEiIGN5PSIxMi45Mjc4IiByPSIyLjk5MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZFRkRFNCIvPjxzdG9wIG9mZnNldD0iMC4yNjU2IiBzdHlsZT0ic3RvcC1jb2xvcjojRkVGN0I5Ii8+PHN0b3Agb2Zmc2V0PSIwLjc2ODMiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRUVDNkMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRUU4NEQiLz48L3JhZGlhbEdyYWRpZW50PjxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMDAwMDAxMzcwOTA0NTQ5MjUyMDA0MjA1NTAwMDAwMDg5NDg5NDAxMTkwNjAyNzM4NDNfKTsiIGQ9Ik03LjIsMTUuNUM3LDE1LjMsNywxNS4yLDYuOCwxNC45IGMtMC4zLTAuNC0wLjQtMC4zLTAuNy0wLjdjLTAuMS0wLjEtMC40LTAuNS0wLjYtMWMtMC4xLTAuMy0wLjItMC42LTAuMy0wLjhjMC4xLDAsMC4yLDAuMSwwLjQsMC4xYzAuNSwwLDAuOS0wLjcsMS0wLjggYzAuMy0wLjYsMC4xLTAuOSwwLjQtMS45YzAuMi0wLjUsMC40LTAuOSwwLjUtMUM3LjYsOC4zLDgsNy43LDguOCw3LjJDOC42LDcuOSw4LjYsOC41LDguNiw4LjljMCwwLjIsMC4yLDIuMSwxLjEsMi4zIGMwLjIsMC4xLDAuNSwwLDAuNi0wLjFjMCwwLTAuMywwLjMtMC4yLDAuN2MwLDAsMC4xLDAuNCwwLjUsMC41YzAuMywwLjEsMC42LTAuMSwwLjYtMC4xYy0wLjIsMC43LTAuNCwxLjEtMC43LDEuMyBDMTAuMiwxNCwxMCwxNCw5LjcsMTQuNGMtMC41LDAuNi0wLjMsMC44LTAuNywxLjFDOC40LDE1LjksNy42LDE1LjksNy4yLDE1LjV6Ii8+PC9zdmc+); margin-top: -0.35em; } .ico.facebook, .ico.fb-lnk:active, .ico.fb-lnk:focus, .ico.fb-lnk:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjkgMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4LjIwNzEgMTQuMTg5N0MyOC4yMDcxIDYuMzUyOTYgMjEuODkyNyAwIDE0LjEwMzYgMEM2LjMxNDM3IDAgMCA2LjM1Mjk2IDAgMTQuMTg5N0MwIDIxLjI3MjEgNS4xNTc0NCAyNy4xNDI2IDExLjg5OTkgMjguMjA3MVYxOC4yOTE1SDguMzE4ODlWMTQuMTg5N0gxMS44OTk5VjExLjA2MzZDMTEuODk5OSA3LjUwNzI2IDE0LjAwNTUgNS41NDI4NyAxNy4yMjcgNS41NDI4N0MxOC43Njk2IDUuNTQyODcgMjAuMzg0IDUuODIwMDEgMjAuMzg0IDUuODIwMDFWOS4zMTIwMkgxOC42MDU3QzE2Ljg1MzcgOS4zMTIwMiAxNi4zMDcyIDEwLjQwNTkgMTYuMzA3MiAxMS41MjkyVjE0LjE4OTdIMjAuMjE4OEwxOS41OTM1IDE4LjI5MTVIMTYuMzA3MlYyOC4yMDcxQzIzLjA0OTcgMjcuMTQyNiAyOC4yMDcxIDIxLjI3MjEgMjguMjA3MSAxNC4xODk3WiIgZmlsbD0iIzA4NjZmZiIgLz48L3N2Zz4=); } .ico.facebook-gs, .ico.fb-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjkgMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4LjIwNzEgMTQuMTg5N0MyOC4yMDcxIDYuMzUyOTYgMjEuODkyNyAwIDE0LjEwMzYgMEM2LjMxNDM3IDAgMCA2LjM1Mjk2IDAgMTQuMTg5N0MwIDIxLjI3MjEgNS4xNTc0NCAyNy4xNDI2IDExLjg5OTkgMjguMjA3MVYxOC4yOTE1SDguMzE4ODlWMTQuMTg5N0gxMS44OTk5VjExLjA2MzZDMTEuODk5OSA3LjUwNzI2IDE0LjAwNTUgNS41NDI4NyAxNy4yMjcgNS41NDI4N0MxOC43Njk2IDUuNTQyODcgMjAuMzg0IDUuODIwMDEgMjAuMzg0IDUuODIwMDFWOS4zMTIwMkgxOC42MDU3QzE2Ljg1MzcgOS4zMTIwMiAxNi4zMDcyIDEwLjQwNTkgMTYuMzA3MiAxMS41MjkyVjE0LjE4OTdIMjAuMjE4OEwxOS41OTM1IDE4LjI5MTVIMTYuMzA3MlYyOC4yMDcxQzIzLjA0OTcgMjcuMTQyNiAyOC4yMDcxIDIxLjI3MjEgMjguMjA3MSAxNC4xODk3WiIgZmlsbD0iIzVGNUY1RiIgLz48L3N2Zz4=); } .ico.youtube, .ico.yt-lnk:active, .ico.yt-lnk:focus, .ico.yt-lnk:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjkgMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjMyODMgMEgxNC44NzA1QzE1LjM2OSAwLjA2MjI0MDYgMTUuODcwMyAwLjExMDE2IDE2LjM2NTQgMC4xODk0NzZDMTguODExIDAuNTk0MzE1IDIxLjAxNDIgMS41NTk4NyAyMi45MzM3IDMuMTMwNzZDMjUuNzY5OCA1LjQ1MDE5IDI3LjQ4MjMgOC40MjM0MSAyOC4wMzU4IDEyLjA1MzdDMjguMTAwOCAxMi40Nzc5IDI4LjE0NiAxMi45MDUzIDI4LjIwMSAxMy4zMzExVjE0Ljg3MzNDMjguMTM5NCAxNS4zNjMgMjguMDk1MyAxNS44NTQ4IDI4LjAxMzggMTYuMzQxMkMyNy40Nzg0IDE5LjU0MyAyNi4wMjU5IDIyLjI1OTYgMjMuNjQyNiAyNC40NjE3QzIxLjUxOCAyNi40MjM2IDE5LjAxOTcgMjcuNjE3IDE2LjE0NzkgMjguMDQxOUMxNS43MjMyIDI4LjEwNDEgMTUuMjk2OSAyOC4xNTIgMTQuODcxNiAyOC4yMDcxSDEzLjMyODNDMTIuOTY1OSAyOC4xNjQ3IDEyLjYwMjkgMjguMTI4MyAxMi4yNDE2IDI4LjA3ODJDOS40MDY1OSAyNy42ODIyIDYuODk4NzkgMjYuNTU4NiA0Ljc2MTY4IDI0LjY1QzIuMjIyNDkgMjIuMzgwNyAwLjY3OTY4OSAxOS41NTYyIDAuMTY1MjQxIDE2LjE4MkMwLjA5OTE0NDMgMTUuNzQ5MSAwLjA1NTA4MDIgMTUuMzEyOCAwIDE0Ljg3NzdWMTMuMzM1NUMwLjAxNzA3NDkgMTMuMjU1NiAwLjAzODU1NTUgMTMuMTc2OCAwLjA1MDEyMjMgMTMuMDk1OUMwLjE0NTk2MiAxMi40MjYxIDAuMjA0MzQ3IDExLjc0ODEgMC4zNDAzOTUgMTEuMDg2NUMxLjQ5MzIyIDUuNDY2MTYgNi4zNTA3NCAwLjkzNjM2MyAxMi4wMjQgMC4xNjUyNDFDMTIuNDU4NiAwLjEwNjMwNSAxMi44OTM3IDAuMDU1MDgwMiAxMy4zMjgzIDBaTTE0LjA4ODQgMTkuNzczOFYxOS43MzYzQzE0LjI3MTggMTkuNzM2MyAxNC40NTU4IDE5Ljc0MzUgMTQuNjM5MiAxOS43MzYzQzE2LjI3ODQgMTkuNjYwMyAxNy45MTg3IDE5LjYwNDcgMTkuNTU1NyAxOS40OTQ1QzIwLjUxMDIgMTkuNDMwMSAyMS4xMTQ0IDE4Ljg1NzggMjEuMzMzNyAxNy45Mjg2QzIxLjM5OTYgMTcuNjUyOSAyMS40NDc4IDE3LjM3MzIgMjEuNDc4IDE3LjA5MTRDMjEuNjg1OCAxNS4xMjg0IDIxLjY2OTQgMTMuMTQ4MiAyMS40Mjg5IDExLjE4OUMyMS4yNjg3IDkuOTA2NzIgMjAuNTk4OSA5LjIzNTMgMTkuMzAyOCA5LjEzODM1QzE4LjI1MTkgOS4wNTk0MSAxNy4xOTk1IDkuMDAwMSAxNi4xNDU3IDguOTYwNDVDMTMuNjk3NCA4Ljg2MjI1IDExLjI0NTMgOC45MjE0OSA4LjgwNDU3IDkuMTM3OEM3LjY3MjY3IDkuMjQyNDYgNi45ODY5MiA5LjgzMTI2IDYuODI4MjkgMTAuOTU1NEM2LjY5Nzg1IDExLjkyNjkgNi42MTcxNCAxMi45MDQ0IDYuNTg2NDkgMTMuODg0MUM2LjUzMTI4IDE1LjE4NjEgNi42MTEwMiAxNi40OTA0IDYuODI0NDMgMTcuNzc2QzYuOTg0NzIgMTguNzA2OSA3LjUzNDk3IDE5LjI4MzYgOC40NjAzMSAxOS40Njk3QzguODE5NjYgMTkuNTQyNCA5LjE4NDEgMTkuNTg3MSA5LjU1MDM1IDE5LjYwMzZDMTEuMDYyOSAxOS42NzA4IDEyLjU3NTkgMTkuNzE4NyAxNC4wODg0IDE5Ljc3MzhaIiBmaWxsPSIjRkYwMDAwIiAvPjxwYXRoIGQ9Ik0xMi43MTQ3IDE2Ljg5ODRWMTIuMjQzNkwxNi40MzkyIDE0LjU2OTZMMTIuNzE0NyAxNi44OTg0WiIgZmlsbD0iI0ZGMDAwMCIgLz48L3N2Zz4=); } .ico.youtube-gs, .ico.yt-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjkgMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjMyODMgMEgxNC44NzA1QzE1LjM2OSAwLjA2MjI0MDYgMTUuODcwMyAwLjExMDE2IDE2LjM2NTQgMC4xODk0NzZDMTguODExIDAuNTk0MzE1IDIxLjAxNDIgMS41NTk4NyAyMi45MzM3IDMuMTMwNzZDMjUuNzY5OCA1LjQ1MDE5IDI3LjQ4MjMgOC40MjM0MSAyOC4wMzU4IDEyLjA1MzdDMjguMTAwOCAxMi40Nzc5IDI4LjE0NiAxMi45MDUzIDI4LjIwMSAxMy4zMzExVjE0Ljg3MzNDMjguMTM5NCAxNS4zNjMgMjguMDk1MyAxNS44NTQ4IDI4LjAxMzggMTYuMzQxMkMyNy40Nzg0IDE5LjU0MyAyNi4wMjU5IDIyLjI1OTYgMjMuNjQyNiAyNC40NjE3QzIxLjUxOCAyNi40MjM2IDE5LjAxOTcgMjcuNjE3IDE2LjE0NzkgMjguMDQxOUMxNS43MjMyIDI4LjEwNDEgMTUuMjk2OSAyOC4xNTIgMTQuODcxNiAyOC4yMDcxSDEzLjMyODNDMTIuOTY1OSAyOC4xNjQ3IDEyLjYwMjkgMjguMTI4MyAxMi4yNDE2IDI4LjA3ODJDOS40MDY1OSAyNy42ODIyIDYuODk4NzkgMjYuNTU4NiA0Ljc2MTY4IDI0LjY1QzIuMjIyNDkgMjIuMzgwNyAwLjY3OTY4OSAxOS41NTYyIDAuMTY1MjQxIDE2LjE4MkMwLjA5OTE0NDMgMTUuNzQ5MSAwLjA1NTA4MDIgMTUuMzEyOCAwIDE0Ljg3NzdWMTMuMzM1NUMwLjAxNzA3NDkgMTMuMjU1NiAwLjAzODU1NTUgMTMuMTc2OCAwLjA1MDEyMjMgMTMuMDk1OUMwLjE0NTk2MiAxMi40MjYxIDAuMjA0MzQ3IDExLjc0ODEgMC4zNDAzOTUgMTEuMDg2NUMxLjQ5MzIyIDUuNDY2MTYgNi4zNTA3NCAwLjkzNjM2MyAxMi4wMjQgMC4xNjUyNDFDMTIuNDU4NiAwLjEwNjMwNSAxMi44OTM3IDAuMDU1MDgwMiAxMy4zMjgzIDBaTTE0LjA4ODQgMTkuNzczOFYxOS43MzYzQzE0LjI3MTggMTkuNzM2MyAxNC40NTU4IDE5Ljc0MzUgMTQuNjM5MiAxOS43MzYzQzE2LjI3ODQgMTkuNjYwMyAxNy45MTg3IDE5LjYwNDcgMTkuNTU1NyAxOS40OTQ1QzIwLjUxMDIgMTkuNDMwMSAyMS4xMTQ0IDE4Ljg1NzggMjEuMzMzNyAxNy45Mjg2QzIxLjM5OTYgMTcuNjUyOSAyMS40NDc4IDE3LjM3MzIgMjEuNDc4IDE3LjA5MTRDMjEuNjg1OCAxNS4xMjg0IDIxLjY2OTQgMTMuMTQ4MiAyMS40Mjg5IDExLjE4OUMyMS4yNjg3IDkuOTA2NzIgMjAuNTk4OSA5LjIzNTMgMTkuMzAyOCA5LjEzODM1QzE4LjI1MTkgOS4wNTk0MSAxNy4xOTk1IDkuMDAwMSAxNi4xNDU3IDguOTYwNDVDMTMuNjk3NCA4Ljg2MjI1IDExLjI0NTMgOC45MjE0OSA4LjgwNDU3IDkuMTM3OEM3LjY3MjY3IDkuMjQyNDYgNi45ODY5MiA5LjgzMTI2IDYuODI4MjkgMTAuOTU1NEM2LjY5Nzg1IDExLjkyNjkgNi42MTcxNCAxMi45MDQ0IDYuNTg2NDkgMTMuODg0MUM2LjUzMTI4IDE1LjE4NjEgNi42MTEwMiAxNi40OTA0IDYuODI0NDMgMTcuNzc2QzYuOTg0NzIgMTguNzA2OSA3LjUzNDk3IDE5LjI4MzYgOC40NjAzMSAxOS40Njk3QzguODE5NjYgMTkuNTQyNCA5LjE4NDEgMTkuNTg3MSA5LjU1MDM1IDE5LjYwMzZDMTEuMDYyOSAxOS42NzA4IDEyLjU3NTkgMTkuNzE4NyAxNC4wODg0IDE5Ljc3MzhaIiBmaWxsPSIjNUY1RjVGIiAvPjxwYXRoIGQ9Ik0xMi43MTQ3IDE2Ljg5ODRWMTIuMjQzNkwxNi40MzkyIDE0LjU2OTZMMTIuNzE0NyAxNi44OTg0WiIgZmlsbD0iIzVGNUY1RiIgLz48L3N2Zz4=); } .ico.zalo, .ico.zl-lnk:active, .ico.zl-lnk:focus, .ico.zl-lnk:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LDQuNkMxOS4zLTAuMywxMS40LTEsNS44LDMuMWMtNi40LDQuNi03LjEsMTMuNi0xLjMsMTkuMWMwLjIsMC4yLDAuMywwLjUsMC4zLDAuOGMwLDEuOCwwLDMuNywwLDUuNSBjMCwwLjEsMCwwLjIsMC4xLDAuMWMxLjctMSwzLjMtMiw0LjktMi45YzAuMS0wLjEsMC4zLTAuMSwwLjQtMC4yYzAuMSwwLDAuMywwLDAuNCwwYzMuNCwwLjgsNi43LDAuNCw5LjgtMS4yIEMyOC4xLDIwLjQsMjkuOCwxMC43LDI0LDQuNnogTTkuNiwxNS44YzAsMC4zLTAuMiwwLjUtMC41LDAuNWMtMS44LDAtMy42LDAtNS40LDBjLTAuMSwwLTAuMSwwLTAuMS0wLjFjMC0wLjIsMC0wLjQsMC0wLjUgYzAtMC4yLDAuMS0wLjMsMC4yLTAuNWMxLjMtMS42LDIuNi0zLjIsMy45LTQuN2MwLDAsMCwwLDAuMS0wLjFjMCwwLTAuMSwwLTAuMSwwYy0xLjMsMC0yLjUsMC0zLjgsMGMtMC4xLDAtMC4xLDAtMC4xLTAuMSBjMC0wLjQsMC0wLjcsMC0xLjFjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMS45LDAsMy45LDAsNS44LDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLjQsMCwwLjctMC4yLDFjLTAuMSwwLjItMC4zLDAuMy0wLjQsMC41IGMtMS4yLDEuNS0yLjQsMi45LTMuNSw0LjRjMCwwLDAsMCwwLDAuMWMwLDAsMC4xLDAsMC4xLDBjMS4zLDAsMi43LDAsNCwwYzAuMSwwLDAuMSwwLDAuMSwwLjFDOS42LDE1LjQsOS42LDE1LjYsOS42LDE1Ljh6IE0xNS41LDE2LjNjLTAuMSwwLTAuMiwwLTAuNCwwYy0wLjEsMC0wLjEsMC0wLjIsMGMtMC4zLDAtMC41LTAuMi0wLjUtMC41Yy0wLjcsMC41LTEuNCwwLjYtMi4yLDAuNWMtMC43LTAuMS0xLjItMC41LTEuNi0xIGMtMC44LTEtMC45LTIuNC0wLjEtMy41YzAuNS0wLjYsMS4xLTEsMS44LTEuMWMwLjgtMC4xLDEuNCwwLjEsMi4xLDAuNWMwLDAsMC0wLjEsMC0wLjFjMC0wLjEsMC0wLjIsMC0wLjJjMCwwLDAtMC4xLDAuMS0wLjEgYzAuMywwLDAuNywwLDEsMGMwLDAsMC4xLDAsMC4xLDAuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMHYwYzAsMS43LDAsMy40LDAsNS4yQzE1LjYsMTYuMywxNS42LDE2LjMsMTUuNSwxNi4zeiBNMTcuNywxNi4zIGMtMC4yLDAtMC41LDAtMC43LDBjLTAuMiwwLTAuNC0wLjEtMC40LTAuM2MwLDAsMCwwLDAsMGMwLDAsMC0wLjEsMC0wLjFjMC0yLjIsMC00LjQsMC02LjZjMCwwLDAsMCwwLTAuMWMwLjQsMCwwLjgsMCwxLjIsMCBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDAuMUMxNy44LDExLjYsMTcuOCwxMy45LDE3LjcsMTYuM0MxNy44LDE2LjMsMTcuOCwxNi4zLDE3LjcsMTYuM3ogTTIyLjEsMTYuMyBjLTAuMiwwLTAuMywwLjEtMC41LDAuMWgtMC4xaDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAuMSwwLDAuMSwwYzAsMCwwLDAsMCwwYzAsMC0wLjEsMC0wLjEsMGgwYzAsMC0wLjEsMC0wLjEsMCBjMCwwLDAsMCwwLDBjMCwwLTAuMSwwLTAuMSwwYzAsMCwwLDAsMCwwYzAsMCwwLjEsMCwwLjEsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGgwaC0wLjFjLTEuMi0wLjEtMi4yLTAuOC0yLjUtMS45IGMtMC41LTEuNiwwLjUtMy4yLDIuMS0zLjZjMS42LTAuMywzLjEsMC42LDMuNCwyLjJDMjQuNiwxNC40LDIzLjYsMTUuOSwyMi4xLDE2LjN6IiBmaWxsPSIjMDA2OEZGIi8+PHBhdGggZD0iTTEyLjUsMTEuNWMtMC45LDAtMS43LDAuNy0xLjcsMS42YzAsMC45LDAuOCwxLjYsMS43LDEuNmMwLjksMCwxLjctMC43LDEuNy0xLjZDMTQuMSwxMi4yLDEzLjQsMTEuNSwxMi41LDExLjUgeiIgZmlsbD0iIzAwNjhGRiIgLz48cGF0aCBkPSJNMjEuMiwxMS41Yy0wLjksMC0xLjcsMC43LTEuNywxLjZjMCwwLjksMC43LDEuNywxLjcsMS43YzAuOSwwLDEuNy0wLjcsMS43LTEuNkMyMi45LDEyLjIsMjIuMSwxMS41LDIxLjIsMTEuNSB6IiBmaWxsPSIjMDA2OEZGIi8+PC9zdmc+); } .ico.zalo-gs, .ico.zl-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LDQuNkMxOS4zLTAuMywxMS40LTEsNS44LDMuMWMtNi40LDQuNi03LjEsMTMuNi0xLjMsMTkuMWMwLjIsMC4yLDAuMywwLjUsMC4zLDAuOGMwLDEuOCwwLDMuNywwLDUuNSBjMCwwLjEsMCwwLjIsMC4xLDAuMWMxLjctMSwzLjMtMiw0LjktMi45YzAuMS0wLjEsMC4zLTAuMSwwLjQtMC4yYzAuMSwwLDAuMywwLDAuNCwwYzMuNCwwLjgsNi43LDAuNCw5LjgtMS4yIEMyOC4xLDIwLjQsMjkuOCwxMC43LDI0LDQuNnogTTkuNiwxNS44YzAsMC4zLTAuMiwwLjUtMC41LDAuNWMtMS44LDAtMy42LDAtNS40LDBjLTAuMSwwLTAuMSwwLTAuMS0wLjFjMC0wLjIsMC0wLjQsMC0wLjUgYzAtMC4yLDAuMS0wLjMsMC4yLTAuNWMxLjMtMS42LDIuNi0zLjIsMy45LTQuN2MwLDAsMCwwLDAuMS0wLjFjMCwwLTAuMSwwLTAuMSwwYy0xLjMsMC0yLjUsMC0zLjgsMGMtMC4xLDAtMC4xLDAtMC4xLTAuMSBjMC0wLjQsMC0wLjcsMC0xLjFjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMS45LDAsMy45LDAsNS44LDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLjQsMCwwLjctMC4yLDFjLTAuMSwwLjItMC4zLDAuMy0wLjQsMC41IGMtMS4yLDEuNS0yLjQsMi45LTMuNSw0LjRjMCwwLDAsMCwwLDAuMWMwLDAsMC4xLDAsMC4xLDBjMS4zLDAsMi43LDAsNCwwYzAuMSwwLDAuMSwwLDAuMSwwLjFDOS42LDE1LjQsOS42LDE1LjYsOS42LDE1Ljh6IE0xNS41LDE2LjNjLTAuMSwwLTAuMiwwLTAuNCwwYy0wLjEsMC0wLjEsMC0wLjIsMGMtMC4zLDAtMC41LTAuMi0wLjUtMC41Yy0wLjcsMC41LTEuNCwwLjYtMi4yLDAuNWMtMC43LTAuMS0xLjItMC41LTEuNi0xIGMtMC44LTEtMC45LTIuNC0wLjEtMy41YzAuNS0wLjYsMS4xLTEsMS44LTEuMWMwLjgtMC4xLDEuNCwwLjEsMi4xLDAuNWMwLDAsMC0wLjEsMC0wLjFjMC0wLjEsMC0wLjIsMC0wLjJjMCwwLDAtMC4xLDAuMS0wLjEgYzAuMywwLDAuNywwLDEsMGMwLDAsMC4xLDAsMC4xLDAuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMHYwYzAsMS43LDAsMy40LDAsNS4yQzE1LjYsMTYuMywxNS42LDE2LjMsMTUuNSwxNi4zeiBNMTcuNywxNi4zIGMtMC4yLDAtMC41LDAtMC43LDBjLTAuMiwwLTAuNC0wLjEtMC40LTAuM2MwLDAsMCwwLDAsMGMwLDAsMC0wLjEsMC0wLjFjMC0yLjIsMC00LjQsMC02LjZjMCwwLDAsMCwwLTAuMWMwLjQsMCwwLjgsMCwxLjIsMCBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDAuMUMxNy44LDExLjYsMTcuOCwxMy45LDE3LjcsMTYuM0MxNy44LDE2LjMsMTcuOCwxNi4zLDE3LjcsMTYuM3ogTTIyLjEsMTYuMyBjLTAuMiwwLTAuMywwLjEtMC41LDAuMWgtMC4xaDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAuMSwwLDAuMSwwYzAsMCwwLDAsMCwwYzAsMC0wLjEsMC0wLjEsMGgwYzAsMC0wLjEsMC0wLjEsMCBjMCwwLDAsMCwwLDBjMCwwLTAuMSwwLTAuMSwwYzAsMCwwLDAsMCwwYzAsMCwwLjEsMCwwLjEsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGgwaC0wLjFjLTEuMi0wLjEtMi4yLTAuOC0yLjUtMS45IGMtMC41LTEuNiwwLjUtMy4yLDIuMS0zLjZjMS42LTAuMywzLjEsMC42LDMuNCwyLjJDMjQuNiwxNC40LDIzLjYsMTUuOSwyMi4xLDE2LjN6IiBmaWxsPSIjNUY1RjVGIi8+PHBhdGggZD0iTTEyLjUsMTEuNWMtMC45LDAtMS43LDAuNy0xLjcsMS42YzAsMC45LDAuOCwxLjYsMS43LDEuNmMwLjksMCwxLjctMC43LDEuNy0xLjZDMTQuMSwxMi4yLDEzLjQsMTEuNSwxMi41LDExLjUgeiIgZmlsbD0iIzVGNUY1RiIgLz48cGF0aCBkPSJNMjEuMiwxMS41Yy0wLjksMC0xLjcsMC43LTEuNywxLjZjMCwwLjksMC43LDEuNywxLjcsMS43YzAuOSwwLDEuNy0wLjcsMS43LTEuNkMyMi45LDEyLjIsMjIuMSwxMS41LDIxLjIsMTEuNSB6IiBmaWxsPSIjNUY1RjVGIi8+PC9zdmc+); } .ico.google { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNy40NCAxNC4zMTc3QzI3LjQ0IDEzLjMyNSAyNy4zNTA5IDEyLjM3MDUgMjcuMTg1NSAxMS40NTQxSDE0VjE2Ljg2OTZIMjEuNTM0NUMyMS4yMSAxOC42MTk2IDIwLjIyMzYgMjAuMTAyMyAxOC43NDA5IDIxLjA5NVYyNC42MDc3SDIzLjI2NTVDMjUuOTEyNyAyMi4xNzA1IDI3LjQ0IDE4LjU4MTQgMjcuNDQgMTQuMzE3N1oiIGZpbGw9IiM0Mjg1RjQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjk5OTIgMjguMDAwMkMxNy43NzkyIDI4LjAwMDIgMjAuOTQ4MyAyNi43NDY1IDIzLjI2NDYgMjQuNjA4M0wxOC43NDAxIDIxLjA5NTZDMTcuNDg2NSAyMS45MzU2IDE1Ljg4MjggMjIuNDMyIDEzLjk5OTIgMjIuNDMyQzEwLjM1MjggMjIuNDMyIDcuMjY2NDYgMTkuOTY5MiA2LjE2NTU1IDE2LjY2MDJIMS40ODgyOFYyMC4yODc0QzMuNzkxOTIgMjQuODYyOSA4LjUyNjQ2IDI4LjAwMDIgMTMuOTk5MiAyOC4wMDAyWiIgZmlsbD0iIzM0QTg1MyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4xNjYzNiAxNi42NjAyQzUuODg2MzYgMTUuODIwMiA1LjcyNzI3IDE0LjkyMjkgNS43MjcyNyAxNC4wMDAyQzUuNzI3MjcgMTMuMDc3NCA1Ljg4NjM2IDEyLjE4MDIgNi4xNjYzNiAxMS4zNDAyVjcuNzEyODlIMS40ODkwOUMwLjU0MDkwOSA5LjYwMjg5IDAgMTEuNzQxMSAwIDE0LjAwMDJDMCAxNi4yNTkzIDAuNTQwOTA5IDE4LjM5NzQgMS40ODkwOSAyMC4yODc0TDYuMTY2MzYgMTYuNjYwMloiIGZpbGw9IiNGQkJDMDUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjk5OTIgNS41NjgxOEMxNi4wNTQ2IDUuNTY4MTggMTcuOTAwMSA2LjI3NDU1IDE5LjM1MSA3LjY2MTgyTDIzLjM2NjUgMy42NDYzNkMyMC45NDE5IDEuMzg3MjcgMTcuNzcyOCAwIDEzLjk5OTIgMEM4LjUyNjQ2IDAgMy43OTE5MiAzLjEzNzI3IDEuNDg4MjggNy43MTI3M0w2LjE2NTU1IDExLjM0QzcuMjY2NDYgOC4wMzA5MSAxMC4zNTI4IDUuNTY4MTggMTMuOTk5MiA1LjU2ODE4WiIgZmlsbD0iI0VBNDMzNSIvPjwvc3ZnPg==); } .ico.cmt-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjQsMC41SDEuNkMwLjcsMC41LDAsMS4zLDAsMi4xdjguNWMwLDAuOSwwLjcsMS42LDEuNiwxLjZoMS42djIuN2MwLDAuMiwwLjEsMC40LDAuMywwLjUgYzAuMSwwLDAuMiwwLjEsMC4yLDAuMWMwLjEsMCwwLjIsMCwwLjMtMC4xbDMuOS0zLjFoNi41YzAuOSwwLDEuNi0wLjcsMS42LTEuNlYyLjFDMTYsMS4zLDE1LjMsMC41LDE0LjQsMC41eiBNOCw4SDMuNyBDMy40LDgsMy4yLDcuOCwzLjIsNy41czAuMi0wLjUsMC41LTAuNUg4YzAuMywwLDAuNSwwLjIsMC41LDAuNVM4LjMsOCw4LDh6IE0xMi4zLDUuOUgzLjdjLTAuMywwLTAuNS0wLjItMC41LTAuNXMwLjItMC41LDAuNS0wLjUgaDguNWMwLjMsMCwwLjUsMC4yLDAuNSwwLjVTMTIuNiw1LjksMTIuMyw1Ljl6Ii8+PC9zdmc+); } .ico.bmk-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjQsMEgzLjZDMi44LDAsMi4xLDAuNywyLjEsMS41VjE1YzAsMC40LDAuMiwwLjcsMC41LDAuOWMwLjMsMC4yLDAuNywwLjEsMS0wLjFsMCwwTDgsMTIuMWw0LjMsMy43bDAsMCBjMC4yLDAuMSwwLjQsMC4yLDAuNiwwLjJjMC4xLDAsMC4zLDAsMC40LTAuMWMwLjMtMC4yLDAuNS0wLjUsMC41LTAuOVYxLjVDMTMuOSwwLjcsMTMuMiwwLDEyLjQsMHoiLz48L3N2Zz4=); } .ico.prt-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjIsMy4xVjIuM2MwLTEuMy0xLjEtMi4zLTIuMy0yLjNINS4xQzMuOCwwLDIuOCwxLjEsMi44LDIuM3YwLjhIMTMuMnoiLz48cGF0aCBkPSJNMy43LDEwdjMuOHYwLjh2MC41YzAsMC41LDAuNCwwLjksMC45LDAuOWg2LjdjMC41LDAsMC45LTAuNCwwLjktMC45di0wLjV2LTAuOFYxMEgzLjd6IE05LjIsMTRINi43IGMtMC4zLDAtMC41LTAuMi0wLjUtMC41UzYuNSwxMyw2LjcsMTNoMi41YzAuMywwLDAuNSwwLjIsMC41LDAuNVM5LjUsMTQsOS4yLDE0eiBNOS4yLDEySDYuN2MtMC4zLDAtMC41LTAuMi0wLjUtMC41UzYuNSwxMSw2LjcsMTEgaDIuNWMwLjMsMCwwLjUsMC4yLDAuNSwwLjVTOS41LDEyLDkuMiwxMnoiLz48cGF0aCBkPSJNMTMuNiw0SDIuNEMxLjEsNCwwLDUuMSwwLDYuNHYzLjhjMCwxLjMsMS4xLDIuMywyLjMsMi4zaDAuNFYxMEgyLjVDMi4yLDEwLDIsOS44LDIsOS41UzIuMiw5LDIuNSw5aDAuOGg5LjUgaDAuOEMxMy43LDksMTQsOS4yLDE0LDkuNVMxMy43LDEwLDEzLjUsMTBoLTAuM3YyLjVoMC40YzEuMywwLDIuMy0xLjEsMi4zLTIuM1Y2LjRDMTYsNS4xLDE0LjksNCwxMy42LDR6IE00LDdIMi41IEMyLjIsNywyLDYuOCwyLDYuNVMyLjIsNiwyLjUsNkg0YzAuMywwLDAuNSwwLjIsMC41LDAuNVM0LjIsNyw0LDd6Ii8+PC9zdmc+); } .ico.cpy-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTguNCwxMi45Yy0wLjcsMC44LTEuNCwxLjctMi4yLDIuM2MtMS41LDEuMy0zLjksMS01LjItMC41Yy0xLjQtMS41LTEuMy0zLjgsMC4xLTUuM0MyLjUsOCwzLjksNi42LDUuMyw1LjIgYzEuNS0xLjQsMy44LTEuNCw1LjIsMGMwLjUsMC41LDAuNSwxLDAuMiwxLjRDMTAuNCw3LDkuOSw3LDkuMyw2LjZDOC40LDUuOCw3LjQsNS45LDYuNSw2LjdDNS4yLDgsMy45LDkuMywyLjYsMTAuNiBjLTAuOSwwLjktMC45LDIuMS0wLjEsMi45YzAuOCwwLjgsMiwwLjgsMi44LTAuMWMwLjUtMC41LDEtMSwxLjgtMC42QzcuNiwxMi45LDguMSwxMi44LDguNCwxMi45eiIvPjxwYXRoIGQ9Ik03LjcsMy4yQzguMywyLjQsOSwxLjUsOS45LDAuOGMxLjYtMS4yLDMuOC0wLjksNS4xLDAuNmMxLjMsMS41LDEuMywzLjgtMC4xLDUuMmMtMS40LDEuNS0yLjgsMi45LTQuMyw0LjMgYy0xLjQsMS40LTMuOCwxLjQtNS4yLDBjLTAuNS0wLjUtMC42LTEtMC4yLTEuNEM1LjYsOSw2LjEsOSw2LjcsOS40YzEsMC44LDIsMC43LDIuOS0wLjJjMS4zLTEuMywyLjYtMi42LDMuOS0zLjkgYzAuOS0wLjksMC45LTIsMC4xLTIuOWMtMC44LTAuOC0yLTAuOC0yLjgsMC4xYy0wLjUsMC42LTEsMS0xLjksMC42QzguNCwzLjEsNy45LDMuMiw3LjcsMy4yeiIvPjwvc3ZnPg==); } .ico.shr-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjcsMTAuNGMtMC45LDAtMS43LDAuNS0yLjMsMS4xTDYsOS4zQzYuMSw5LDYuMSw4LjcsNi4xLDguNWMwLTAuNC0wLjEtMC43LTAuMi0xLjFsNC42LTIuOCBjMC41LDAuNiwxLjMsMSwyLjEsMWMxLjYsMCwyLjgtMS4zLDIuOC0yLjhTMTQuMiwwLDEyLjcsMFM5LjksMS4zLDkuOSwyLjhjMCwwLjQsMC4xLDAuNywwLjIsMUw1LjQsNi42Yy0wLjUtMC42LTEuMy0xLTIuMS0xIGMtMS42LDAtMi44LDEuMy0yLjgsMi44YzAsMS42LDEuMywyLjgsMi44LDIuOGMwLjksMCwxLjgtMC41LDIuMy0xLjJsNC40LDIuM2MtMC4xLDAuMy0wLjEsMC41LTAuMSwwLjhjMCwxLjYsMS4zLDIuOCwyLjgsMi44IHMyLjgtMS4zLDIuOC0yLjhTMTQuMiwxMC40LDEyLjcsMTAuNHoiLz48L3N2Zz4=); } .ico.fnt-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjUsMTVMOC41LDBINy41TDEuNywxNUgwdjFoNXYtMUgyLjdsMS41LTMuOGg1LjVsMS42LDMuOEg5Ljh2MUgxNnYtMUgxNC41eiBNNC42LDEwLjFsMi4zLTUuOWwyLjQsNS45SDQuNnoiLz48L3N2Zz4=); } .ico.like-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTExLDJMMTEsMmMxLjksMCwzLjgsMS41LDMuOCwzLjdjMCwyLjUtMS44LDQuNi0zLjIsNS45Yy0wLjcsMC43LTEuNiwxLjMtMi40LDEuOGMtMC40LDAuMi0wLjcsMC40LTAuOSwwLjUgQzguMSwxMy45LDguMSwxNCw4LDE0Yy0wLjEsMC0wLjEtMC4xLTAuMi0wLjFjLTAuMi0wLjEtMC41LTAuMi0wLjktMC41Yy0wLjgtMC41LTEuNy0xLjEtMi40LTEuOEMzLDEwLjMsMS4yLDguMiwxLjIsNS43IEMxLjIsMy41LDMuMiwyLDUsMmMwLjksMCwxLjYsMC4zLDIuMSwwLjhDNy4zLDMuMSw3LjYsMy4yLDgsMy4yYzAsMCwwLDAsMCwwYzAuNCwwLDAuNy0wLjEsMC45LTAuNEM5LjQsMi4zLDEwLjEsMiwxMSwyIE0xMSwwLjggQzkuOSwwLjgsOC44LDEuMSw4LDJDNy4yLDEuMSw2LDAuOCw1LDAuOGMtMi41LDAtNSwyLjEtNSw1YzAsMi44LDEuOCw1LjIsMy42LDYuOGMwLjksMC44LDEuOSwxLjUsMi42LDEuOWMwLjQsMC4yLDAuNywwLjQsMSwwLjUgYzAuMSwwLjEsMC4zLDAuMSwwLjQsMC4xYzAuMSwwLDAuMiwwLjEsMC4zLDAuMWMwLjEsMCwwLjIsMCwwLjMtMC4xYzAuMSwwLDAuMi0wLjEsMC40LTAuMWMwLjMtMC4xLDAuNi0wLjMsMS0wLjUgYzAuOC0wLjQsMS43LTEuMSwyLjYtMS45YzEuOC0xLjYsMy42LTQsMy42LTYuOEMxNiwyLjgsMTMuNSwwLjgsMTEsMC44QzExLDAuOCwxMSwwLjgsMTEsMC44TDExLDAuOHoiLz48L3N2Zz4=); } .ico.comm-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLDEuNmMxLjYsMCwyLjksMS4zLDIuOSwyLjlsMCw4YzAsMC40LTAuMSwxLjMtMC41LDEuN2MtMC4xLDAuMS0wLjIsMC4xLTAuNCwwLjFjLTAuNCwwLTAuNS0wLjEtMC44LTAuMyBjLTAuNi0wLjQtMS4yLTAuNy0yLjctMC43SDRjLTEuNiwwLTIuOS0xLjMtMi45LTIuOXYtNmMwLTEuNiwxLjMtMi45LDIuOS0yLjlIMTIgTTEyLDAuNUg0Yy0yLjIsMC00LDEuOC00LDR2NmMwLDIuMiwxLjgsNCw0LDQgYzAsMCw0LjMsMCw2LjUsMHMxLjgsMSwzLjUsMWMyLDAsMi0zLDItM3YtOEMxNiwyLjMsMTQuMiwwLjUsMTIsMC41TDEyLDAuNXoiLz48cGF0aCBkPSJNMTAuNSw1LjloLTZjLTAuMywwLTAuNi0wLjMtMC42LTAuNnMwLjMtMC42LDAuNi0wLjZoNmMwLjMsMCwwLjYsMC4zLDAuNiwwLjZTMTAuOCw1LjksMTAuNSw1Ljl6Ii8+PHBhdGggZD0iTTcuNSw4LjloLTNjLTAuMywwLTAuNi0wLjMtMC42LTAuNnMwLjMtMC42LDAuNi0wLjZoM2MwLjMsMCwwLjYsMC4zLDAuNiwwLjZTNy44LDguOSw3LjUsOC45eiIvPjwvc3ZnPg==); } .ico.soc-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTAuNiwxNC41Yy0wLjEsMC0wLjEsMC0wLjIsMEMwLjIsMTQuNCwwLDE0LjIsMCwxMy45YzAtNS4zLDIuOC04LjIsNy45LTguNVYyLjFjMC0wLjIsMC4xLTAuNCwwLjMtMC41IGMwLjItMC4xLDAuNC0wLjEsMC42LDAuMWw2LjksNS45QzE1LjksNy43LDE2LDcuOCwxNiw4YzAsMC4yLTAuMSwwLjMtMC4yLDAuNGwtNi45LDUuOWMtMC4yLDAuMS0wLjQsMC4yLTAuNiwwLjEgYy0wLjItMC4xLTAuMy0wLjMtMC4zLTAuNXYtMy40Yy0zLjIsMC4xLTUuNCwxLjMtNi44LDMuN0MxLDE0LjQsMC44LDE0LjUsMC42LDE0LjV6IE04LjUsOS40YzAuMywwLDAuNiwwLjMsMC42LDAuNnYyLjdMMTQuNSw4IEw5LjEsMy4zdjIuN2MwLDAuMy0wLjMsMC42LTAuNiwwLjZjLTQuMiwwLTYuNiwxLjgtNy4yLDUuNEMzLDEwLjMsNS40LDkuNCw4LjUsOS40eiIvPjwvc3ZnPg==); } .ico.refresh { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuMjUgMTJDMS4yNSA2LjA2NDU0IDYuMDI4NjMgMS4yNSAxMiAxLjI1QzE1LjU1MzYgMS4yNSAxOC4yMTY3IDIuNzE4OTcgMTkuOTc3MyA0LjE3MTQ3QzIwLjQ3MDYgNC41Nzg0NCAyMC44OTQ3IDQuOTg1MzUgMjEuMjUgNS4zNjA2M1Y0QzIxLjI1IDMuNTg1NzkgMjEuNTg1OCAzLjI1IDIyIDMuMjVDMjIuNDE0MiAzLjI1IDIyLjc1IDMuNTg1NzkgMjIuNzUgNFY3LjVDMjIuNzUgNy45MTQyMSAyMi40MTQyIDguMjUgMjIgOC4yNUgxOC41QzE4LjA4NTggOC4yNSAxNy43NSA3LjkxNDIxIDE3Ljc1IDcuNUMxNy43NSA3LjA4NTc5IDE4LjA4NTggNi43NSAxOC41IDYuNzVIMjAuNDg2OUMyMC4xMTU0IDYuMzI1NzkgMTkuNjI3IDUuODI3MSAxOS4wMjI3IDUuMzI4NTNDMTcuNDUgNC4wMzEwMyAxNS4xMTMxIDIuNzUgMTIgMi43NUM2Ljg2MDI2IDIuNzUgMi43NSA2Ljg4OTc3IDIuNzUgMTJDMi43NSAxMi40MTQyIDIuNDE0MjEgMTIuNzUgMiAxMi43NUMxLjU4NTc5IDEyLjc1IDEuMjUgMTIuNDE0MiAxLjI1IDEyWk0yMiAxMS4yNUMyMi40MTQyIDExLjI1IDIyLjc1IDExLjU4NTggMjIuNzUgMTJDMjIuNzUgMTcuOTM3MSAxNy45MzcxIDIyLjc1IDEyIDIyLjc1QzguOTgyODMgMjIuNzUgNi41NjI0NSAyMS4yNDkyIDQuOTMyOTUgMTkuODEyNkM0LjQ4MjEyIDE5LjQxNTEgNC4wODY2MiAxOS4wMTgxIDMuNzUgMTguNjUxM1YyMEMzLjc1IDIwLjQxNDIgMy40MTQyMSAyMC43NSAzIDIwLjc1QzIuNTg1NzkgMjAuNzUgMi4yNSAyMC40MTQyIDIuMjUgMjBWMTYuNUMyLjI1IDE2LjA4NTggMi41ODU3OSAxNS43NSAzIDE1Ljc1SDYuNUM2LjkxNDIxIDE1Ljc1IDcuMjUgMTYuMDg1OCA3LjI1IDE2LjVDNy4yNSAxNi45MTQyIDYuOTE0MjEgMTcuMjUgNi41IDE3LjI1SDQuNTEyMjZDNC44NzkyOSAxNy42Nzk0IDUuMzUzNzcgMTguMTgzOSA1LjkyNDkxIDE4LjY4NzRDNy40MTQ3IDIwLjAwMDggOS40OTQzMiAyMS4yNSAxMiAyMS4yNUMxNy4xMDg2IDIxLjI1IDIxLjI1IDE3LjEwODYgMjEuMjUgMTJDMjEuMjUgMTEuNTg1OCAyMS41ODU4IDExLjI1IDIyIDExLjI1WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); } .ico.link { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zNDc5IDEyLjY1MUwxMi42NTEyIDcuMzQ3NjYiIHN0cm9rZT0iIzdBN0E3QSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTExLjMyNTIgMTMuOTc3NEw5LjExNTUyIDE2LjE4NzFDOC40MTIyNiAxNi44OTAzIDcuNDU4NDMgMTcuMjg1NCA2LjQ2Mzg3IDE3LjI4NTRDNS40NjkzMSAxNy4yODU0IDQuNTE1NDggMTYuODkwMyAzLjgxMjIyIDE2LjE4NzFDMy4xMDg5NiAxNS40ODM4IDIuNzEzODcgMTQuNTMgMi43MTM4NyAxMy41MzU0QzIuNzEzODcgMTIuNTQwOSAzLjEwODk2IDExLjU4NyAzLjgxMjIyIDEwLjg4MzhMNi4wMjE5MiA4LjY3NDA3IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMy45NzczIDExLjMyNTNMMTYuMTg3IDkuMTE1NTVDMTYuODkgOC40MTIyNSAxNy4yODQ5IDcuNDU4NDkgMTcuMjg0OSA2LjQ2NDAzQzE3LjI4NDggNS40Njk1OCAxNi44ODk3IDQuNTE1ODkgMTYuMTg2NSAzLjgxMjcxQzE1LjQ4MzMgMy4xMDk1MiAxNC41Mjk2IDIuNzE0NDQgMTMuNTM1MiAyLjcxNDM2QzEyLjU0MDcgMi43MTQyNyAxMS41ODcgMy4xMDkxOSAxMC44ODM3IDMuODEyMjVMOC42NzM5NSA2LjAyMTk2IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==); } .ico.heart { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI0LjAzNjMiIHkxPSIxNCIgeDI9IjEuODE4OTg5ZS0xMiIgeTI9IjE0Ij48c3RvcCBzdG9wLWNvbG9yPSIjOUIyNzIyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkMxNTFEIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsMEM1LjQsMCwwLDUuNCwwLDEyczUuNCwxMiwxMiwxMnMxMi01LjQsMTItMTJTMTguNiwwLDEyLDB6IE0xMiwxOGMtMC43LDAtNi43LTMuMy02LjctOGMwLTIuMywyLTQsNC00IGMxLDAsMiwwLjMsMi43LDEuM2MwLjctMSwxLjctMS4zLDIuNy0xLjNjMiwwLDQsMS43LDQsNEMxOC43LDE0LjcsMTIuNywxOCwxMiwxOHoiIGZpbGw9InVybCgjZ3JhZCkiLz48L3N2Zz4=); } .ico.gear { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjA2NzEgNi42NTQwOEwxNC43MzU1IDYuNDg0NzlDMTQuNjI1NyA2LjE0NjkyIDE0LjQ5MDQgNS44MjEwOCAxNC4zMzI0IDUuNTExNTRMMTUuMTU0OCA0LjQ1MjU4QzE1LjQ4NzcgNC4wMjQwNCAxNS40NDg4IDMuNDE5MTMgMTUuMDY4NCAzLjA1MDc5TDEzLjk1MjcgMS45MzUxN0MxMy41ODA5IDEuNTUxMjUgMTIuOTc2IDEuNTEzIDEyLjU0NjcgMS44NDUyMUwxMS40ODkyIDIuNjY3NThDMTEuMTc5NiAyLjUwOTYyIDEwLjg1MzggMi4zNzQzMyAxMC41MTUyIDIuMjY0NTRMMTAuMzQ1OSAwLjkzNUMxMC4yODIyIDAuNDAxNjI1IDkuODI5NTQgMCA5LjI5MzMzIDBINy43MDY2N0M3LjE3MDQ2IDAgNi43MTc4MyAwLjQwMTYyNSA2LjY1NDA4IDAuOTMyODc1TDYuNDg0NzkgMi4yNjQ1NEM2LjE0NjIxIDIuMzc0MzMgNS44MjAzNyAyLjUwODkyIDUuNTEwODMgMi42Njc1OEw0LjQ1MjU4IDEuODQ1MjFDNC4wMjQ3NSAxLjUxMyAzLjQxOTgzIDEuNTUxMjUgMy4wNTA3OSAxLjkzMTYyTDEuOTM1MTcgMy4wNDY1NEMxLjU1MTI1IDMuNDE5MTMgMS41MTIyOSA0LjAyNDA0IDEuODQ1MjEgNC40NTMyOUwyLjY2NzU4IDUuNTExNTRDMi41MDg5MiA1LjgyMTA4IDIuMzc0MzMgNi4xNDY5MiAyLjI2NDU0IDYuNDg0NzlMMC45MzUgNi42NTQwOEMwLjQwMTYyNSA2LjcxNzgzIDAgNy4xNzA0NiAwIDcuNzA2NjdWOS4yOTMzM0MwIDkuODI5NTQgMC40MDE2MjUgMTAuMjgyMiAwLjkzMjg3NSAxMC4zNDU5TDIuMjY0NTQgMTAuNTE1MkMyLjM3NDMzIDEwLjg1MzEgMi41MDk2MiAxMS4xNzg5IDIuNjY3NTggMTEuNDg4NUwxLjg0NTIxIDEyLjU0NzRDMS41MTIyOSAxMi45NzYgMS41NTEyNSAxMy41ODA5IDEuOTMxNjIgMTMuOTQ5MkwzLjA0NzI1IDE1LjA2NDhDMy40MTk4MyAxNS40NDggNC4wMjQwNCAxNS40ODYzIDQuNDUzMjkgMTUuMTU0MUw1LjUxMTU0IDE0LjMzMTdDNS44MjEwOCAxNC40OTA0IDYuMTQ2OTIgMTQuNjI1NyA2LjQ4NDc5IDE0LjczNDdMNi42NTQwOCAxNi4wNjM2QzYuNzE3ODMgMTYuNTk4NCA3LjE3MDQ2IDE3IDcuNzA2NjcgMTdIOS4yOTMzM0M5LjgyOTU0IDE3IDEwLjI4MjIgMTYuNTk4NCAxMC4zNDU5IDE2LjA2NzFMMTAuNTE1MiAxNC43MzU1QzEwLjg1MzEgMTQuNjI1NyAxMS4xNzg5IDE0LjQ5MDQgMTEuNDg4NSAxNC4zMzI0TDEyLjU0NzQgMTUuMTU0OEMxMi45NzYgMTUuNDg3NyAxMy41ODA5IDE1LjQ0ODggMTMuOTQ5MiAxNS4wNjg0TDE1LjA2NDggMTMuOTUyN0MxNS40NDg3IDEzLjU4MDIgMTUuNDg3NyAxMi45NzYgMTUuMTU0OCAxMi41NDY3TDE0LjMzMjQgMTEuNDg4NUMxNC40OTExIDExLjE3ODkgMTQuNjI2NCAxMC44NTMxIDE0LjczNTUgMTAuNTE1MkwxNi4wNjQzIDEwLjM0NTlDMTYuNTk3NyAxMC4yODIyIDE2Ljk5OTMgOS44Mjk1NCAxNi45OTkzIDkuMjkzMzNWNy43MDY2N0MxNyA3LjE3MDQ2IDE2LjU5ODQgNi43MTc4MyAxNi4wNjcxIDYuNjU0MDhaTTguNSAxMi4wNDE3QzYuNTQ3MTIgMTIuMDQxNyA0Ljk1ODMzIDEwLjQ1MjkgNC45NTgzMyA4LjVDNC45NTgzMyA2LjU0NzEyIDYuNTQ3MTIgNC45NTgzMyA4LjUgNC45NTgzM0MxMC40NTI5IDQuOTU4MzMgMTIuMDQxNyA2LjU0NzEyIDEyLjA0MTcgOC41QzEyLjA0MTcgMTAuNDUyOSAxMC40NTI5IDEyLjA0MTcgOC41IDEyLjA0MTdaIiAvPjwvc3ZnPg==); } .ico.trash { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTYuNiw2LjFjLTAuMywwLTAuNSwwLjItMC41LDAuNXY0LjljMCwwLjMsMC4yLDAuNSwwLjUsMC41YzAuMywwLDAuNS0wLjIsMC41LTAuNVY2LjZDNy4xLDYuMyw2LjksNi4xLDYuNiw2LjF6Ii8+PHBhdGggZD0iTTE1LDIuNmgtMS40aC0yLjRWMi41QzExLDIsMTAuOCwxLjYsMTAuNiwxLjNDMTAuMywxLDEwLjEsMC44LDkuNywwLjZDOS40LDAuNSw4LjksMC41LDguNCwwLjVIOC4zSDcuNyBjLTAuNywwLTEuMSwwLTEuNCwwLjFDNS45LDAuOCw1LjcsMSw1LjQsMS4zQzUuMiwxLjYsNSwyLDQuOSwyLjV2MC4xSDIuNEgxYy0wLjMsMC0wLjUsMC4yLTAuNSwwLjVjMCwwLjMsMC4yLDAuNSwwLjUsMC41aDAuOSBsMC40LDYuNXYwLjFjMCwwLjgsMC4xLDEuMywwLjIsMS43YzAuNCwxLjgsMS45LDMuMiwzLjcsMy41YzAuNCwwLjEsMC45LDAuMSwxLjcsMC4xSDhoMC4xYzAuOCwwLDEuMywwLDEuNy0wLjEgYzEuOC0wLjMsMy4zLTEuNywzLjctMy41YzAuMS0wLjQsMC4xLTAuOSwwLjItMS43di0wLjFsMC40LTYuNUgxNWMwLjMsMCwwLjUtMC4yLDAuNS0wLjVDMTUuNSwyLjgsMTUuMywyLjYsMTUsMi42eiBNNi4yLDEuOSBjMC4xLTAuMSwwLjMtMC4yLDAuNC0wLjNDNi44LDEuNSw3LDEuNSw3LjcsMS41aDAuNmMwLjcsMCwwLjksMC4xLDEsMC4xYzAuMiwwLjEsMC40LDAuMiwwLjUsMC4zQzkuOSwyLDkuOSwyLjIsMTAuMSwyLjZINS45IEM2LjEsMi4yLDYuMSwyLDYuMiwxLjl6IE0xMi42LDEwYy0wLjEsMC45LTAuMSwxLjMtMC4yLDEuNmMtMC4zLDEuNC0xLjUsMi41LTIuOSwyLjdjLTAuMywwLjEtMC43LDAuMS0xLjYsMC4xIGMtMC45LDAtMS4zLDAtMS42LTAuMUM0LjksMTQsMy43LDEzLDMuNCwxMS42Yy0wLjEtMC4zLTAuMS0wLjctMC4yLTEuNkwzLDMuNmgyLjJoNS42SDEzTDEyLjYsMTB6Ii8+PHBhdGggZD0iTTkuNCw2LjFjLTAuMywwLTAuNSwwLjItMC41LDAuNXYyLjhjMCwwLjMsMC4yLDAuNSwwLjUsMC41YzAuMywwLDAuNS0wLjIsMC41LTAuNVY2LjZDOS45LDYuMyw5LjcsNi4xLDkuNCw2LjF6Ii8+PC9zdmc+); } .ico.xpress { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIzLjUsMC4xSDQuNmMtMC4yLDAtMC40LDAuMi0wLjQsMC40djEwLjRjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDB2MTAuNGMwLDAuOS0wLjgsMS43LTEuNywxLjdjLTAuOSwwLTEuNy0wLjgtMS43LTEuN1Y2LjQgaDEuN2MwLjIsMCwwLjQtMC4yLDAuNC0wLjRTMi44LDUuNiwyLjYsNS42SDAuNUMwLjMsNS42LDAuMSw1LjgsMC4xLDZ2MTUuNGMwLDEuMywxLjEsMi40LDIuNCwyLjRoMTguOWMxLjMsMCwyLjQtMS4xLDIuNC0yLjRWMC41IEMyMy45LDAuMywyMy43LDAuMSwyMy41LDAuMXogTTIzLjEsMjEuNGMwLDAuOS0wLjgsMS43LTEuNywxLjdINC4zYzAuNC0wLjQsMC43LTEsMC43LTEuN1YxMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMHYtMTBoMTguMSBWMjEuNHoiLz48cGF0aCBkPSJNNi45LDcuM2gxNC40YzAuMiwwLDAuNC0wLjIsMC40LTAuNFYzLjZjMC0wLjItMC4yLTAuNC0wLjQtMC40SDYuOWMtMC4yLDAtMC40LDAuMi0wLjQsMC40VjdDNi41LDcuMiw2LjcsNy4zLDYuOSw3LjN6IE03LjIsNGgxMy42djIuNkg3LjJWNHoiLz48cGF0aCBkPSJNNi45LDE4LjVoNy4yYzAuMiwwLDAuNC0wLjIsMC40LTAuNHYtOWMwLTAuMi0wLjItMC40LTAuNC0wLjRINi45QzYuNyw4LjgsNi41LDksNi41LDkuMnY5QzYuNSwxOC40LDYuNywxOC41LDYuOSwxOC41eiBNNy4yLDkuNmg2LjR2OC4ySDcuMlY5LjZ6Ii8+PHBhdGggZD0iTTIxLjMsOC44aC01Yy0wLjIsMC0wLjQsMC4yLTAuNCwwLjRzMC4yLDAuNCwwLjQsMC40aDVjMC4yLDAsMC40LTAuMiwwLjQtMC40UzIxLjUsOC44LDIxLjMsOC44eiIvPjxwYXRoIGQ9Ik0yMS4zLDExLjFoLTVjLTAuMiwwLTAuNCwwLjItMC40LDAuNHMwLjIsMC40LDAuNCwwLjRoNWMwLjIsMCwwLjQtMC4yLDAuNC0wLjRTMjEuNSwxMS4xLDIxLjMsMTEuMXoiLz48cGF0aCBkPSJNMjEuMywxMy4zaC01Yy0wLjIsMC0wLjQsMC4yLTAuNCwwLjRzMC4yLDAuNCwwLjQsMC40aDVjMC4yLDAsMC40LTAuMiwwLjQtMC40UzIxLjUsMTMuMywyMS4zLDEzLjN6Ii8+PHBhdGggZD0iTTIxLjMsMTUuNmgtNWMtMC4yLDAtMC40LDAuMi0wLjQsMC40czAuMiwwLjQsMC40LDAuNGg1YzAuMiwwLDAuNC0wLjIsMC40LTAuNFMyMS41LDE1LjYsMjEuMywxNS42eiIvPjxwYXRoIGQ9Ik0yMS4zLDE3LjhoLTVjLTAuMiwwLTAuNCwwLjItMC40LDAuNHMwLjIsMC40LDAuNCwwLjRoNWMwLjIsMCwwLjQtMC4yLDAuNC0wLjRTMjEuNSwxNy44LDIxLjMsMTcuOHoiLz48cGF0aCBkPSJNNi45LDIwLjhoMTQuNGMwLjIsMCwwLjQtMC4yLDAuNC0wLjRTMjEuNSwyMCwyMS4zLDIwSDYuOWMtMC4yLDAtMC40LDAuMi0wLjQsMC40UzYuNywyMC44LDYuOSwyMC44eiIvPjwvc3ZnPg==); } .ico.gal-exp { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuOTE1MDEgMC43NUM5LjkxNTAxIDAuNDczODU4IDEwLjEzODkgMC4yNSAxMC40MTUgMC4yNUgxNS4yNDc1QzE1LjUyMzcgMC4yNSAxNS43NDc1IDAuNDczODU4IDE1Ljc0NzUgMC43NVY1LjU4MjVDMTUuNzQ3NSA1Ljg1ODY1IDE1LjUyMzcgNi4wODI1IDE1LjI0NzUgNi4wODI1QzE0Ljk3MTQgNi4wODI1IDE0Ljc0NzUgNS44NTg2NSAxNC43NDc1IDUuNTgyNVYxLjk1NzExTDEyLjc4MjEgMy45MjI1MUwxMC43Njg2IDUuOTM2MDZDMTAuNTczMyA2LjEzMTMyIDEwLjI1NjcgNi4xMzEzMiAxMC4wNjE1IDUuOTM2MDZDOS44NjYxOSA1Ljc0MDggOS44NjYxOSA1LjQyNDIxIDEwLjA2MTUgNS4yMjg5NUwxMi4wNzUgMy4yMTU0MUwxNC4wNDA0IDEuMjVIMTAuNDE1QzEwLjEzODkgMS4yNSA5LjkxNTAxIDEuMDI2MTQgOS45MTUwMSAwLjc1Wk0wLjc1IDkuOTE1MDFDMS4wMjYxNCA5LjkxNTAxIDEuMjUgMTAuMTM4OSAxLjI1IDEwLjQxNVYxNC4wNDA0TDMuMjE1NDEgMTIuMDc1TDUuMjI4OTUgMTAuMDYxNUM1LjQyNDIxIDkuODY2MTkgNS43NDA4IDkuODY2MTkgNS45MzYwNiAxMC4wNjE1QzYuMTMxMzIgMTAuMjU2NyA2LjEzMTMyIDEwLjU3MzMgNS45MzYwNiAxMC43Njg2TDMuOTIyNTEgMTIuNzgyMUwxLjk1NzExIDE0Ljc0NzVINS41ODI1QzUuODU4NjUgMTQuNzQ3NSA2LjA4MjUgMTQuOTcxNCA2LjA4MjUgMTUuMjQ3NUM2LjA4MjUgMTUuNTIzNyA1Ljg1ODY1IDE1Ljc0NzUgNS41ODI1IDE1Ljc0NzVIMC43NUMwLjQ3Mzg1OCAxNS43NDc1IDAuMjUgMTUuNTIzNyAwLjI1IDE1LjI0NzVWMTAuNDE1QzAuMjUgMTAuMTM4OSAwLjQ3Mzg1OCA5LjkxNTAxIDAuNzUgOS45MTUwMVoiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4=); } .ico.gal-shr { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjcsMTAuNGMtMC45LDAtMS43LDAuNS0yLjMsMS4xTDYsOS4zQzYuMSw5LDYuMSw4LjcsNi4xLDguNWMwLTAuNC0wLjEtMC43LTAuMi0xLjFsNC42LTIuOCBjMC41LDAuNiwxLjMsMSwyLjEsMWMxLjYsMCwyLjgtMS4zLDIuOC0yLjhTMTQuMiwwLDEyLjcsMFM5LjksMS4zLDkuOSwyLjhjMCwwLjQsMC4xLDAuNywwLjIsMUw1LjQsNi42Yy0wLjUtMC42LTEuMy0xLTIuMS0xIGMtMS42LDAtMi44LDEuMy0yLjgsMi44YzAsMS42LDEuMywyLjgsMi44LDIuOGMwLjksMCwxLjgtMC41LDIuMy0xLjJsNC40LDIuM2MtMC4xLDAuMy0wLjEsMC41LTAuMSwwLjhjMCwxLjYsMS4zLDIuOCwyLjgsMi44IHMyLjgtMS4zLDIuOC0yLjhTMTQuMiwxMC40LDEyLjcsMTAuNHoiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4=); } .ico.play { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyNSAzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy45NTk2MSAzMy4zNzk4TDIzLjU3MzYgMTguNjc5OEMyNC43MDc2IDE3LjgzOTggMjQuNzA3NiAxNi4xNTk4IDIzLjU3MzYgMTUuMzE5OEwzLjk1OTYxIDAuNjE5ODQ4QzIuNTczNjEgLTAuNDMwMTUyIDAuNTk5NjA5IDAuNTc3ODQ4IDAuNTk5NjA5IDIuMjk5ODVWMzEuNjk5OEMwLjU5OTYwOSAzMy40MjE4IDIuNTczNjEgMzQuNDI5OCAzLjk1OTYxIDMzLjM3OThaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==) left 55% top 50% no-repeat; } .ico.notify { background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzggMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM3LjQ2NzIgMTUuNDM1NkMzNi4zMjU4IDE1LjgwMTYgMzUuMTA5MSAxNS45OTkyIDMzLjg0NjIgMTUuOTk5MkMyNy4zMDM3IDE1Ljk5OTIgMjIgMTAuNjk1NSAyMiA0LjE1MzA3QzIyIDMuMTQwNTQgMjIuMTI3IDIuMTU3NjcgMjIuMzY2IDEuMjE5NTVDMjEuMjczNSAxLjAyNDI0IDIwLjE0ODcgMC45MjIzMDIgMTkgMC45MjIzMDJDOC41MDY1OSAwLjkyMjMwMiAwIDkuNDI4ODkgMCAxOS45MjIzQzAgMzAuNDE1NyA4LjUwNjU5IDM4LjkyMjMgMTkgMzguOTIyM0MyOS40OTM0IDM4LjkyMjMgMzggMzAuNDE1NyAzOCAxOS45MjIzQzM4IDE4LjM3NjcgMzcuODE1NCAxNi44NzQyIDM3LjQ2NzIgMTUuNDM1NloiIGZpbGw9IiMzQTQzNTciLz48cGF0aCBkPSJNMTIuNjY2MiAyNS41NDYxSDI0LjU1NzhDMjUuMzIzOCAyNS41NDYxIDI1Ljc5MjMgMjUuMTI5NiAyNS43OTIzIDI0LjUwNDlDMjUuNzkyMyAyMy43MTY2IDI1LjA3ODQgMjMuMDM5OSAyNC40MDkgMjIuNDAwM0MyMy44ODEgMjEuODg3MiAyMy43NjIgMjAuODE2MiAyMy42NjUzIDE5LjgyNzFDMjMuNTQ2MyAxNy4xMDUyIDIyLjc1MDYgMTUuMTg2NSAyMC44MjQ0IDE0LjQ5NDlDMjAuNTE5NSAxMy41MTMyIDE5LjcwODkgMTIuNzU0NiAxOC42MDgyIDEyLjc1NDZDMTcuNTE1IDEyLjc1NDYgMTYuNzA0NCAxMy41MTMyIDE2LjM5MjEgMTQuNDk0OUMxNC40NzMzIDE1LjE4NjUgMTMuNjcwMSAxNy4xMDUyIDEzLjU1ODYgMTkuODI3MUMxMy40NjE5IDIwLjgxNjIgMTMuMzM1NSAyMS44ODcyIDEyLjgxNDkgMjIuNDAwM0MxMi4xNDU2IDIzLjAzOTkgMTEuNDMxNiAyMy43MTY2IDExLjQzMTYgMjQuNTA0OUMxMS40MzE2IDI1LjEyOTYgMTEuOTAwMiAyNS41NDYxIDEyLjY2NjIgMjUuNTQ2MVpNMTguNjA4MiAyOC42MTAxQzE5LjkzMiAyOC42MTAxIDIwLjg5MTQgMjcuNjY1NiAyMC45ODgxIDI2LjU4NzNIMTYuMjM1OUMxNi4zMzI2IDI3LjY2NTYgMTcuMjkxOSAyOC42MTAxIDE4LjYwODIgMjguNjEwMVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center no-repeat; } .ico.bell { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMTQsMTIuMWwtMS4xLTEuMXYtNC4xYzAtMi41LTEuMy00LjYtMy43LTUuMnYtLjZjMC0uNy0uNS0xLjItMS4yLTEuMnMtMS4yLjUtMS4yLDEuMnYuNmMtMi40LjYtMy43LDIuNy0zLjcsNS4ydjQuMWwtMS4xLDEuMWMtLjUuNS0uMiwxLjQuNiwxLjRoMTAuOGMuNywwLDEuMS0uOS42LTEuNFpNNC43LDExLjl2LTQuOWMwLTIsMS4yLTMuNywzLjMtMy43czMuMywxLjcsMy4zLDMuN3Y0LjloLTYuNlpNOS42LDE0LjRjMCwuOS0uNywxLjYtMS42LDEuNnMtMS42LS43LTEuNi0xLjZoMy4zWiIgZmlsbD0iI2FkYjViYSIvPjwvc3ZnPg==); } .ico.live::before { background-color: #ed1c24; border-radius: 5px; color: #fff; content: "Live"; display: block; float: left; margin: 0; padding: 0 5px; font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; font-style: normal; line-height: 18px; height: 18px; text-transform: uppercase; } .ico.plus, .ico.minus, .ico.xplus { border: solid 1px #eaeaea; position: relative; } .ico.plus { margin-bottom: 40px; } .ico.plus::before, .ico.plus::after { background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ico.plus::before { height: 10px; width: 2px; } .ico.plus::after { height: 2px; width: 10px; } .ico.xplus::before, .ico.xplus::after { background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ico.xplus::before { height: 16px; width: 1px; } .ico.xplus::after { height: 1px; width: 16px; } .ico.minus::after { background: #000; content: ""; display: block; margin: -1px -5px; padding: 0; height: 2px; width: 10px; position: absolute; top: 50%; left: 50%; } .ico.none { position: relative; } .ico.none::before { background-color: #5f5f5f; content: ""; display: block; margin: -1px -6px; height: 1px; width: 12px; position: absolute; top: 50%; left: 50%; } .ico.check { position: relative; } .ico.check::before { border-bottom: solid 1px #ed1c24; border-left: solid 1px #ed1c24; content: ""; display: block; margin: 0; height: 6px; width: 13px; position: absolute; top: 0; left: 0; transform: rotate(-50deg); } .ico.dots { letter-spacing: -1px; font-style: normal; text-align: center; } .ico.dots::before { content: "• • •"; } .ico.vdots { letter-spacing: -1px; font-style: normal; text-align: center; } .ico.vdots::before { content: "•••"; display: block; font-size: 60%; letter-spacing: 2px; transform: rotate(90deg); } .ico.dis { position: relative; } .ico.dis::before, .ico.dis::after { transform: translate(-50%, -50%); } .ico.dis::before { border: solid 2px #ed1c24; border-radius: 50%; height: 1em; width: 1em; position: absolute; top: 50%; left: 50%; } .ico.dis::after { background-color: #ed1c24; border-radius: 1px; height: 2px; width: 0.6em; position: absolute; top: 50%; left: 50%; } .ico.img-upl { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0ZGMDAwMCI+PHBhdGggZD0iTTE2LDhjMC0wLjMtMC4zLTAuNi0wLjYtMC42UzE0LjgsNy43LDE0LjgsOHYyLjlMMTQsMTAuM2MtMC45LTAuOC0yLjItMC45LTMuMS0wLjFsLTEuMSwwLjlMNy45LDkgYy0wLjUtMC41LTEuMi0wLjgtMi0wLjhjMCwwLDAsMCwwLDBjLTAuOCwwLTEuNSwwLjMtMiwwLjhsLTIuNiwyLjZWNC4zYzAtMS43LDEuNC0zLjEsMy4xLTMuMUg4YzAuMywwLDAuNi0wLjMsMC42LTAuNlM4LjMsMCw4LDAgSDQuM0MxLjksMCwwLDEuOSwwLDQuM3Y3LjRjMCwwLjUsMC4xLDAuOSwwLjIsMS4zYzAsMC4xLDAsMC4xLDAuMSwwLjJjMC42LDEuNiwyLjIsMi44LDQsMi44aDcuNGMyLjEsMCwzLjktMS42LDQuMi0zLjYgYzAsMCwwLTAuMSwwLTAuMWMwLTAuMiwwLjEtMC40LDAuMS0wLjZWOHogTTQuMywxNC44Yy0xLjIsMC0yLjItMC43LTIuNy0xLjdsMy4yLTMuMmMwLjMtMC4zLDAuNy0wLjUsMS4xLTAuNSBjMC41LDAsMC44LDAuMiwxLjEsMC41bDQuOCw0LjljMCwwLDAsMC0wLjEsMEg0LjN6IE0xMy4xLDE0LjRMMTAuOCwxMmwxLTAuOWMwLjQtMC40LDEtMC4zLDEuNCwwbDEuNCwxLjQgQzE0LjQsMTMuMywxMy45LDE0LDEzLjEsMTQuNHoiLz48cGF0aCBkPSJNMTAuMiw0LjFoMS43djEuN2MwLDAuMywwLjMsMC42LDAuNiwwLjZzMC42LTAuMywwLjYtMC42VjQuMWgxLjdjMC4zLDAsMC42LTAuMywwLjYtMC42cy0wLjMtMC42LTAuNi0wLjZoLTEuNyBWMS4yYzAtMC4zLTAuMy0wLjYtMC42LTAuNnMtMC42LDAuMy0wLjYsMC42djEuN2gtMS43Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZTOS45LDQuMSwxMC4yLDQuMXoiLz48L3N2Zz4=); } .ico.vdo-upl { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0ZGMDAwMCI+PHBhdGggZD0iTTEyLjcsNS44YzEuMSwwLDIuMSwwLjksMi4xLDIuMXY0LjljMCwxLjEtMC45LDIuMS0yLjEsMi4xSDMuM2MtMS4xLDAtMi4xLTAuOS0yLjEtMi4xVjcuOCBjMC0xLjEsMC45LTIuMSwyLjEtMi4xSDEyLjcgTTEyLjcsNC41SDMuM0MxLjUsNC41LDAsNiwwLDcuOHY0LjlDMCwxNC41LDEuNSwxNiwzLjMsMTZoOS40YzEuOCwwLDMuMy0xLjUsMy4zLTMuM1Y3LjggQzE2LDYsMTQuNSw0LjUsMTIuNyw0LjVMMTIuNyw0LjV6Ii8+PHBhdGggZD0iTTcuMywxMy4xYy0wLjIsMC0wLjUtMC4xLTAuNy0wLjJjLTAuNC0wLjItMC43LTAuNy0wLjctMS4yVjljMC0wLjUsMC4zLTEsMC43LTEuMmMwLjQtMC4yLDEtMC4yLDEuNCwwbDIuMiwxLjQgYzAuNCwwLjMsMC42LDAuNywwLjYsMS4yYzAsMC41LTAuMiwwLjktMC42LDEuMmwtMi4yLDEuNEM3LjgsMTMsNy42LDEzLjEsNy4zLDEzLjF6IE03LjMsOC44QzcuMyw4LjgsNy4zLDguOCw3LjMsOC44IEM3LjIsOC45LDcuMiw4LjksNy4yLDl2Mi44YzAsMC4xLDAsMC4xLDAuMSwwLjFjMCwwLDAuMSwwLDAuMSwwbDIuMi0xLjRjMC4xLDAsMC4xLTAuMSwwLjEtMC4xYzAsMCwwLTAuMS0wLjEtMC4xTDcuMyw4LjggQzcuNCw4LjgsNy4zLDguOCw3LjMsOC44eiIvPjxwYXRoIGQ9Ik0xMi41LDMuNWgtOWMtMC4zLDAtMC42LTAuMy0wLjYtMC42czAuMy0wLjYsMC42LTAuNmg5YzAuMywwLDAuNiwwLjMsMC42LDAuNlMxMi44LDMuNSwxMi41LDMuNXoiLz48cGF0aCBkPSJNMTAuOSwxLjJoLTZDNC42LDEuMiw0LjMsMSw0LjMsMC42UzQuNiwwLDQuOSwwaDZjMC4zLDAsMC42LDAuMywwLjYsMC42UzExLjMsMS4yLDEwLjksMS4yeiIvPjwvc3ZnPg==); } .ico.poll-upl { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0ZGMDAwMCI+PHBhdGggZD0iTTMsMS40QzIuMSwxLjQsMS40LDIuMSwxLjQsM3YxMGMwLDAuOSwwLjcsMS41LDEuNiwxLjVzMS42LTAuNywxLjYtMS41VjNDNC42LDIuMSwzLjksMS40LDMsMS40eiBNMy40LDEzIGMwLDAuMi0wLjIsMC41LTAuNCwwLjVTMi42LDEzLjIsMi42LDEzVjNjMC0wLjIsMC4yLTAuNCwwLjQtMC40UzMuNCwyLjgsMy40LDNWMTN6Ii8+PHBhdGggZD0iTTgsNy40QzcuMSw3LjQsNi40LDguMSw2LjQsOXY0YzAsMC45LDAuNywxLjUsMS42LDEuNXMxLjUtMC43LDEuNS0xLjVWOUM5LjUsOC4xLDguOSw3LjQsOCw3LjR6IE04LjUsMTMgYzAsMC4yLTAuMiwwLjUtMC41LDAuNWMtMC4yLDAtMC40LTAuMi0wLjQtMC41VjljMC0wLjIsMC4yLTAuNSwwLjQtMC41YzAuMiwwLDAuNSwwLjIsMC41LDAuNVYxM3oiLz48cGF0aCBkPSJNMTMsNC40Yy0wLjksMC0xLjUsMC43LTEuNSwxLjZ2N2MwLDAuOSwwLjcsMS41LDEuNSwxLjVzMS41LTAuNywxLjUtMS41VjZDMTQuNSw1LjEsMTMuOSw0LjQsMTMsNC40eiBNMTMuNSwxMyBjMCwwLjItMC4yLDAuNS0wLjUsMC41cy0wLjUtMC4yLTAuNS0wLjVWNmMwLTAuMiwwLjItMC40LDAuNS0wLjRzMC41LDAuMiwwLjUsMC40VjEzeiIvPjwvc3ZnPg==); } .ico.close::before, .ico.close::after { background: #000; border-radius: 0.6em; display: block; height: 1em; width: 0.12em; position: absolute; top: 50%; left: 50%; } .ico.close::before { transform: rotate(45deg) translate(-50%, -50%); margin-left: -0.35em; margin-top: -0.1em; } .ico.close::after { transform: rotate(-45deg) translate(-50%, -50%); margin-left: 0.35em; margin-top: -0.15em; } .ico.arrw-bck, .ico.arrw-nxt, .ico.arr-in, .ico.arr-out { cursor: pointer; display: inline-block; margin: 0; padding: 0; min-height: 1em; position: relative; } .ico.arrw-bck::before, .ico.arrw-bck::after, .ico.arrw-nxt::before, .ico.arrw-nxt::after, .ico.arr-in::before, .ico.arr-in::after, .ico.arr-out::before, .ico.arr-out::after { position: absolute; top: 50%; left: 50%; } .ico.arrw-bck::before, .ico.arrw-nxt::before, .ico.arr-in::before, .ico.arr-out::before { border-radius: 1px; background-color: #28262c; height: 0.07em; width: 1em; transform: translate(-50%, -50%); } .ico.arrw-bck::after, .ico.arrw-nxt::after, .ico.arr-in::after, .ico.arr-out::after { border-top: solid 0.07em #28262c; border-left: solid 0.07em #28262c; margin-top: -0.28em; height: 0.5em; width: 0.5em; } .ico.arrw-bck::after, .ico.arr-out::after { margin-left: -0.08em; transform: rotate(-45deg) translate(-50%, -50%); } .ico.arrw-nxt::after, .ico.arr-in::after { margin-left: -0.5em; transform: rotate(135deg) translate(-50%, -50%); } .ico.arr-in::before { background-color: #45AA63; height: 0.1em; } .ico.arr-in::after { margin-top: -0.31em; border-top: solid 0.1em #45AA63; border-left: solid 0.1em #45AA63; } .ico.arr-out::before { background-color: #DE2340; height: 0.1em; } .ico.arr-out::after { margin-top: -0.31em; border-top: solid 0.1em #DE2340; border-left: solid 0.1em #DE2340; } .ico.abck, .ico.anxt { cursor: pointer; display: inline-block; margin: 0; padding: 0; min-height: 1em; position: relative; } .ico.abck::before, .ico.anxt::before { border-top: solid 1px #28262c; border-left: solid 1px #28262c; content: ""; display: block; margin-top: -0.28em; height: 0.4em; width: 0.4em; position: absolute; top: 50%; left: 50%; } .ico.abck::before { margin-left: 0.2em; transform: rotate(-45deg) translate(-50%, -50%); } .ico.anxt::before { margin-left: -0.7em; transform: rotate(135deg) translate(-50%, -50%); } .ico.rcard, .ico.ycard, .ico.card2 { position: relative; } .ico.rcard::before, .ico.ycard::before, .ico.card2::before { background: currentColor; content: ""; display: block; height: 0.8em; width: 0.5em; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 1; } .ico.rcard { color: #FF0000; } .ico.ycard, .ico.card2 { color: #FCCD52; } .ico.card2::after { background: #FF0000; content: ""; display: block; height: 0.8em; width: 0.5em; position: absolute; top: 0; left: 60%; transform: rotate(15deg); z-index: 0; } .ico.injury-time { background: #fff9c4; border-radius: 50%; border: solid 1px #fdd835; height: 1.2em; width: 1.2em; } .ico.injury-time::before, .ico.injury-time::after { background: #ed1c24; content: ""; display: block; height: 0.7em; width: 0.2em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ico.injury-time::after { height: 0.2em; width: 0.7em; } .ico.tweet { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcwNyAwLjczNTg0MkwxMS4xNzcxIDAuNzM1ODQyQzExLjAxNTMgMC43MzU4NDIgMTAuODg0MSAwLjg2NzAzMyAxMC44ODQxIDEuMDI4ODFMMTAuODg0MSAxLjYxODMyTDkuOTk5MiAxLjYxODMyTDkuOTk5MiAxLjAyODgxQzkuOTk5MiAwLjg2NzAzMyA5Ljg2ODAxIDAuNzM1ODQyIDkuNzA2MjMgMC43MzU4NDJMNS4yOTM3NyAwLjczNTg0MUMzLjMyNjAyIDAuNzM1ODQgMS42NzY2IDIuMTIzNTUgMS4yNzE5MiAzLjk3MTU5TDAuODgxMzA4IDMuOTcxNTlDMC4zOTUzNjEgMy45NzE2MiAtNi4zNDg4OWUtMDcgNC4zNjY5OCAtNy4xOTg1NWUtMDcgNC44NTI5M0MtOC4yMzQzMWUtMDcgNS40NDUzMSAwLjAyMDc5OTkgNi4wNDUyMyAwLjA2MTc4NjEgNi42MzYwOEwwLjM1MTIzOSAxMC44MDg1QzAuNDA1MjYyIDExLjU2NjEgMS4xNTc1MiAxMi4xMTUzIDEuOTQ2MTkgMTEuODM5MkMyLjY0Njc0IDExLjU5NDEgMy4wMjEwOSAxMC43NzQgMi42NzUzIDEwLjA1OTRDMS4wODUwMSA2Ljc0MjU4IDAuODU3NTQ4IDYuNTUyMDYgMC42Nzc0ODkgNS43MTAxNkMwLjgzOTE3OSA1Ljc0ODYyIDAuOTI3MjQ1IDUuNzI4NjcgMS4yNzE5MiA1LjczNDIxQzEuNjc2NTQgNy41ODIzMiAzLjMyNjAxIDguOTcwMDUgNS4yOTM4IDguOTcwMDVDNy40ODM3NCA4Ljk3MDA1IDkuMjc5ODQgNy4yNTE1IDkuNDA0MDMgNS4wOTIxMUwxNC43Njc0IDMuOTYyOThDMTQuOTAzIDMuOTM0NDUgMTUgMy44MTQ4MyAxNSAzLjY3NjMxTDE1IDEuMDI4ODRDMTUgMC44NjcwMzQgMTQuODY4OCAwLjczNTg0MiAxNC43MDcgMC43MzU4NDJaTTIuMTQ4NjYgMTAuMzE2MkMyLjMzNjg5IDEwLjcwNTIgMi4xMzQ1MSAxMS4xNDYzIDEuNzU5MjIgMTEuMjgzMkMxLjM0MjA5IDExLjQzNTUgMC45NjMxNjIgMTEuMTUyMiAwLjkzNTc0MSAxMC43Njc0TDAuNjk5ODQzIDcuMzY3MTZMMi4xNDg2NiAxMC4zMTYyWk0xLjE4NzM0IDUuMTQ4MjdMMC44ODEzMDggNS4xNDgyN0MwLjcxODQxNyA1LjE0ODI3IDAuNTg1OTM3IDUuMDE1NzkgMC41ODU5MzcgNC44NTI5M0MwLjU4NTkzNyA0LjY5MDA0IDAuNzE4NDE3IDQuNTU3NTYgMC44ODEzMDggNC41NTc1NkwxLjE4NzM0IDQuNTU3NTZDMS4xNzM2OSA0Ljc0OTQ4IDEuMTcyNTIgNC45NCAxLjE4NzM0IDUuMTQ4MjdaTTE0LjQxNDEgMy40Mzg1N0w5LjA1NzU0IDQuNTY2MjZDOC45MjE5OCA0LjU5NDggOC44MjQ5NSA0LjcxNDQyIDguODI0OTUgNC44NTI5M0M4LjgyNDk1IDYuODAwMDMgNy4yNDA5IDguMzg0MDggNS4yOTM4IDguMzg0MDhDMy4zNDY3IDguMzg0MDggMS43NjI2MiA2LjgwMDAzIDEuNzYyNjIgNC44NTI5M0MxLjc2MjYyIDIuOTA1ODMgMy4zNDY3IDEuMzIxNzggNS4yOTM4IDEuMzIxNzhMOS40MTMyNiAxLjMyMTc4TDkuNDEzMjYgMS45MTEyOUM5LjQxMzI2IDIuMDczMDcgOS41NDQ0NSAyLjIwNDI2IDkuNzA2MjMgMi4yMDQyNkwxMS4xNzcxIDIuMjA0MjZDMTEuMzM4OCAyLjIwNDI2IDExLjQ3IDIuMDczMDcgMTEuNDcgMS45MTEyOUwxMS40NyAxLjMyMTc4TDE0LjQxNDEgMS4zMjE3OEwxNC40MTQxIDMuNDM4NTdaIiAvPgo8L3N2Zz4=); } .ico.search { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEuNCw3LjZjMC0zLjQsMi44LTYuMiw2LjItNi4yYzMuNCwwLDYuMiwyLjgsNi4yLDYuMnMtMi44LDYuMi02LjIsNi4yQzQuMiwxMy44LDEuNCwxMS4xLDEuNCw3LjZ6IE03LjYsMCBDMy40LDAsMCwzLjQsMCw3LjZjMCw0LjIsMy40LDcuNiw3LjYsNy42YzEuOSwwLDMuNi0wLjcsNC45LTEuOGwyLjMsMi4zYzAuMywwLjMsMC43LDAuMywxLDBjMC4zLTAuMywwLjMtMC43LDAtMWwtMi4zLTIuMyBjMS4xLTEuMywxLjgtMywxLjgtNC45QzE1LjIsMy40LDExLjgsMCw3LjYsMHoiLz48L3N2Zz4=); } .ico.srch { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEuNCw3LjZjMC0zLjQsMi44LTYuMiw2LjItNi4yYzMuNCwwLDYuMiwyLjgsNi4yLDYuMnMtMi44LDYuMi02LjIsNi4yQzQuMiwxMy44LDEuNCwxMS4xLDEuNCw3LjZ6IE03LjYsMCBDMy40LDAsMCwzLjQsMCw3LjZjMCw0LjIsMy40LDcuNiw3LjYsNy42YzEuOSwwLDMuNi0wLjcsNC45LTEuOGwyLjMsMi4zYzAuMywwLjMsMC43LDAuMywxLDBjMC4zLTAuMywwLjMtMC43LDAtMWwtMi4zLTIuMyBjMS4xLTEuMywxLjgtMywxLjgtNC45QzE1LjIsMy40LDExLjgsMCw3LjYsMHoiLz48L3N2Zz4=); } .ico.account { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjcsMTZjLTAuMywwLTAuNS0wLjItMC41LTAuNXYtMS43YzAtMC44LTAuMy0xLjUtMC44LTJzLTEuMi0wLjgtMi0wLjhINC43Yy0wLjcsMC0xLjUsMC4zLTIsMC44Yy0wLjUsMC41LTAuOCwxLjItMC44LDIgdjEuN2MwLDAuMy0wLjIsMC41LTAuNSwwLjVzLTAuNS0wLjItMC41LTAuNXYtMS43YzAtMSwwLjQtMiwxLjEtMi43QzIuNywxMC40LDMuNywxMCw0LjcsMTBoNi43YzEsMCwyLDAuNCwyLjcsMS4xczEuMSwxLjcsMS4xLDIuNyB2MS43QzE1LjIsMTUuOCwxNC45LDE2LDE0LjcsMTZ6IE04LDcuN2MtMi4xLDAtMy44LTEuNy0zLjgtMy44QzQuMiwxLjcsNS45LDAsOCwwYzIuMSwwLDMuOCwxLjcsMy44LDMuOEMxMS44LDUuOSwxMC4xLDcuNyw4LDcuN3ogTTgsMUM2LjQsMSw1LjIsMi4zLDUuMiwzLjhjMCwxLjYsMS4zLDIuOCwyLjgsMi44czIuOC0xLjMsMi44LTIuOEMxMC44LDIuMyw5LjYsMSw4LDF6Ii8+PC9zdmc+); } .ico.booked { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjIsMEgzLjZDMywwLDIuNCwwLjMsMS45LDAuN2MtMC40LDAuNC0wLjcsMS0wLjcsMS43djEyLjV2MC42YzAsMC4zLDAuMiwwLjUsMC41LDAuNUgxM2MwLjMsMCwwLjUtMC4yLDAuNS0wLjUgUzEzLjMsMTUsMTMsMTVIMi4ydi0wLjFjMC0wLjQsMC4xLTAuNywwLjQtMWMwLjMtMC4zLDAuNi0wLjQsMS0wLjRoMTAuNmMwLjMsMCwwLjUtMC4yLDAuNS0wLjVWMC41QzE0LjgsMC4yLDE0LjUsMCwxNC4yLDB6IE03LjIsMSBoNHY2TDkuNSw1LjdjLTAuMi0wLjEtMC40LTAuMS0wLjYsMEw3LjIsN1YxeiBNMTMuOCwxMi41SDMuNmMtMC41LDAtMSwwLjItMS40LDAuNFYyLjRjMC0wLjQsMC4xLTAuNywwLjQtMUMyLjksMS4xLDMuMywxLDMuNiwxIGgyLjZ2N2MwLDAuMiwwLjEsMC40LDAuMywwLjRzMC40LDAuMSwwLjUsMGwyLjItMS42bDIuMiwxLjZjMC4xLDAuMSwwLjIsMC4xLDAuMywwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWMwLjItMC4xLDAuMy0wLjMsMC4zLTAuNCBWMWgxLjVWMTIuNXoiLz48L3N2Zz4=); } .ico.chart { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE1LjUsMTMuOGgtMC43VjEuN2MwLTAuMy0wLjItMC41LTAuNS0wLjVoLTQuMmMtMC4zLDAtMC41LDAuMi0wLjUsMC41djMuMUg1LjlDNS42LDQuOCw1LjQsNSw1LjQsNS4zdjMuMUgxLjcgYy0wLjMsMC0wLjUsMC4yLTAuNSwwLjV2NC45SDAuNUMwLjIsMTMuOCwwLDE0LDAsMTQuM3MwLjIsMC41LDAuNSwwLjVoOS42aDQuMmgxLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41UzE1LjgsMTMuOCwxNS41LDEzLjh6TTYuNCw1LjhoMy4ydjhINi40VjUuOHogTTIuMiw5LjRoMy4ydjQuNEgyLjJWOS40eiBNMTAuNiwxMy44VjIuMmgzLjJ2MTEuNkgxMC42eiIvPjwvc3ZnPg==); } .ico.chated { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEuMSwxNS4zYy0wLjIsMC0wLjMsMC0wLjUtMC4xYy0wLjItMC4xLTAuNC0wLjItMC41LTAuNEMwLjEsMTQuNiwwLDE0LjQsMCwxNC4yVjEuOEMwLDEuNSwwLjEsMS4yLDAuMywxczAuNS0wLjMsMC44LTAuMyBoMTMuOGMwLjMsMCwwLjYsMC4xLDAuOCwwLjNDMTUuOSwxLjIsMTYsMS41LDE2LDEuOHYxMGMwLDAuMy0wLjEsMC42LTAuMywwLjhjLTAuMiwwLjItMC41LDAuMy0wLjgsMC4zTDQuMywxM2wtMi41LDIuMSBjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4zQzEuMiwxNS4zLDEuMiwxNS4zLDEuMSwxNS4zeiBNMS4xLDEuN0wxLDEuOHYxMi40YzAsMCwwLjEsMC4xLDAuMSwwLjFsMC4xLDBsMi42LTIuMmMwLDAsMC4xLTAuMSwwLjEtMC4xIEw0LjIsMTJjMC4xLDAsMC4xLDAsMC4yLDBoMTAuNWwwLjEtMC4xdi0xMGwtMC4xLTAuMUgxLjF6Ii8+PHBhdGggZD0iTTEwLjUsNmgtNUM1LjIsNiw1LDUuOCw1LDUuNVM1LjIsNSw1LjUsNWg1QzEwLjgsNSwxMSw1LjMsMTEsNS41UzEwLjgsNiwxMC41LDZ6Ii8+PHBhdGggZD0iTTEwLjUsOC41aC01QzUuMiw4LjUsNSw4LjMsNSw4czAuMi0wLjUsMC41LTAuNWg1QzEwLjgsNy41LDExLDcuOCwxMSw4UzEwLjgsOC41LDEwLjUsOC41eiIvPjwvc3ZnPg==); } .ico.cloud { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsMTQuNmMtMC4zLDAtMC41LTAuMi0wLjUtMC41VjkuMmwtMS45LDEuOWMtMC4yLDAuMi0wLjUsMC4yLTAuNywwcy0wLjItMC41LDAtMC43bDIuNy0yLjcgYzAsMCwwLjEtMC4xLDAuMS0wLjFsMCwwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzAuMSwwLDAuMSwwLDAuMiwwYzAsMCwwLDAsMCwwIGwwLDBoMGMwLjEsMCwwLjEsMCwwLjIsMGMwLDAsMCwwLDAsMGwwLDBjMC4xLDAsMC4xLDAuMSwwLjIsMC4xYzAsMCwwLDAsMCwwbDIuNywyLjdjMC4yLDAuMiwwLjIsMC41LDAsMC43cy0wLjUsMC4yLTAuNywwTDguNSw5LjIgdjQuOUM4LjUsMTQuNCw4LjMsMTQuNiw4LDE0LjZ6IE0xMy43LDEyLjljLTAuMiwwLTAuMy0wLjEtMC40LTAuM2MtMC4xLTAuMiwwLTAuNSwwLjItMC43YzAuNi0wLjMsMS0wLjgsMS4zLTEuNCBjMC4zLTAuNiwwLjMtMS4zLDAuMi0xLjljLTAuMi0wLjYtMC41LTEuMi0xLTEuNmMtMC41LTAuNC0xLjEtMC42LTEuOC0wLjZoLTAuOWMtMC4yLDAtMC40LTAuMi0wLjUtMC40Yy0wLjItMC43LTAuNS0xLjQtMS0yIEM5LjIsMy41LDguNiwzLjEsOCwyLjhDNy4zLDIuNSw2LjUsMi4zLDUuOCwyLjRDNSwyLjQsNC4zLDIuNiwzLjYsMi45QzMsMy4zLDIuNCwzLjgsMiw0LjRDMS41LDUsMS4yLDUuNywxLjEsNi40IEMwLjksNy4yLDEsNy45LDEuMiw4LjdjMC4yLDAuNywwLjYsMS40LDEuMSwxLjljMC4yLDAuMiwwLjIsMC41LDAsMC43Yy0wLjIsMC4yLTAuNSwwLjItMC43LDBjLTAuNi0wLjctMS0xLjUtMS4zLTIuMyBDMCw4LjEtMC4xLDcuMSwwLjEsNi4zYzAuMi0wLjksMC41LTEuNywxLjEtMi40YzAuNS0wLjcsMS4yLTEuMywyLTEuN0M0LDEuNiw0LjgsMS40LDUuNywxLjRjMC45LDAsMS44LDAuMSwyLjYsMC41IGMwLjgsMC40LDEuNiwwLjksMi4xLDEuNmMwLjUsMC42LDAuOSwxLjMsMS4xLDJoMC41YzAuOSwwLDEuNywwLjMsMi40LDAuOGMwLjcsMC41LDEuMiwxLjMsMS40LDIuMXMwLjEsMS43LTAuMiwyLjUgYy0wLjMsMC44LTEsMS41LTEuNywxLjlDMTMuOSwxMi44LDEzLjgsMTIuOSwxMy43LDEyLjl6Ii8+PC9zdmc+); } .ico.eyed { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsMTMuM2MtNS42LDAtNy45LTQuOS04LTUuMUMwLDguMSwwLDcuOSwwLDcuOGMwLjEtMC4yLDIuMy01LjEsOC01LjFjNS42LDAsNy45LDQuOSw4LDUuMUMxNiw3LjksMTYsOC4xLDE2LDguMiBDMTUuOSw4LjQsMTMuNiwxMy4zLDgsMTMuM3ogTTEuMSw4YzAuNSwwLjksMi41LDQuMyw2LjksNC4zYzQuNCwwLDYuNS0zLjQsNi45LTQuM0MxNC41LDcuMSwxMi40LDMuNyw4LDMuN0MzLjYsMy43LDEuNSw3LjEsMS4xLDh6Ii8+PHBhdGggZD0iTTgsMTEuMmMtMS44LDAtMy4yLTEuNC0zLjItMy4yUzYuMiw0LjgsOCw0LjhzMy4yLDEuNCwzLjIsMy4yUzkuOCwxMS4yLDgsMTEuMnogTTgsNS44Yy0xLjIsMC0yLjIsMS0yLjIsMi4yczEsMi4yLDIuMiwyLjIgczIuMi0xLDIuMi0yLjJTOS4yLDUuOCw4LDUuOHoiLz48L3N2Zz4=); } .ico.gift { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjksNC41aC0zYzAsMCwwLDAsMCwwYzAuNC0wLjQsMC43LTEsMC43LTEuN2MwLTAuNi0wLjItMS4yLTAuNy0xLjdjLTAuOS0wLjktMi41LTAuOS0zLjQsMEM4LjMsMS40LDguMSwxLjcsOCwyIEM3LjksMS43LDcuNywxLjQsNy41LDEuMkM2LjYsMC4zLDUsMC4zLDQuMSwxLjJjLTAuNCwwLjQtMC43LDEtMC43LDEuN2MwLDAuNiwwLjMsMS4yLDAuNywxLjdjMCwwLDAsMCwwLDBoLTNDMC41LDQuNSwwLDUsMCw1LjcgdjIuNWMwLDAuNiwwLjUsMS4xLDEuMSwxLjFoMC4xdjUuMWMwLDAuMywwLjEsMC42LDAuMywwLjhjMC4yLDAuMiwwLjUsMC4zLDAuOCwwLjNoMTEuMmMwLjMsMCwwLjYtMC4xLDAuOC0wLjMgYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC44VjkuM2gwLjFjMC42LDAsMS4xLTAuNSwxLjEtMS4xVjUuN0MxNiw1LDE1LjUsNC41LDE0LjksNC41eiBNOS4yLDEuOWMwLjMtMC4zLDAuNi0wLjQsMS0wLjQgYzAuNCwwLDAuNywwLjEsMSwwLjRzMC40LDAuNiwwLjQsMWMwLDAuNC0wLjEsMC43LTAuNCwxYy0wLjQsMC40LTEuNywwLjctMi43LDAuN0M4LjYsMy42LDguOCwyLjMsOS4yLDEuOXogTTQuOCwxLjkgYzAuMy0wLjMsMC42LTAuNCwxLTAuNGMwLjQsMCwwLjcsMC4xLDEsMC40YzAuNCwwLjQsMC43LDEuNywwLjcsMi43Yy0xLTAuMS0yLjItMC4zLTIuNy0wLjdjLTAuMy0wLjMtMC40LTAuNi0wLjQtMSBDNC40LDIuNSw0LjYsMi4xLDQuOCwxLjl6IE0xLDguMlY1LjdjMC0wLjEsMC4xLTAuMSwwLjEtMC4xaDYuNHYyLjhIMS4xQzEuMSw4LjMsMSw4LjIsMSw4LjJ6IE0yLjIsMTQuNFY5LjNoNS4ydjUuM0gyLjRMMi4yLDE0LjR6IE0xMy43LDE0LjRsLTAuMSwwLjFIOC41VjkuM2g1LjJWMTQuNHogTTE1LDguMmMwLDAuMS0wLjEsMC4xLTAuMSwwLjFIOC41VjUuNWg2LjRjMC4xLDAsMC4xLDAuMSwwLjEsMC4xVjguMnoiIC8+PC9zdmc+); } .ico.depos { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMi44LDE0LjFzMCwwLS4xLDBjLS4xLDAtLjMsMC0uNC0uMS0uMSwwLS4yLS4yLS4zLS4zLDAtLjEtLjEtLjItLjItLjQsMCwwLDAsMCwwLDBMMCw1LjhjMC0uMiwwLS40LDAtLjYsMC0uMi4yLS40LjMtLjUuMi0uMS4zLS4yLjUtLjIuMiwwLC40LDAsLjYsMGwzLjUsMS42LDIuMS0zLjdjMC0uMi4yLS4zLjQtLjQuMy0uMi43LS4yLDEuMSwwLC4yLDAsLjMuMi40LjRsMiwzLjcsMy42LTEuNWMuMiwwLC40LS4xLjYsMCwuMiwwLC40LjEuNS4yLjEuMS4zLjMuMy41LDAsLjIsMCwuNCwwLC42bC0xLjgsNy41YzAsLjEsMCwuMy0uMi40LDAsLjEtLjIuMi0uMy4zLS4xLDAtLjMuMS0uNC4xLS4yLDAtLjMsMC0uNCwwLTMuMi0uOS02LjYtLjktOS44LDAsMCwwLS4yLDAtLjMsMFpNOCwxMi40YzEuOCwwLDMuNS4yLDUuMi43bDEuOC03LjUtMy42LDEuNWMtLjIuMS0uNS4xLS44LDAtLjIsMC0uNS0uMy0uNi0uNWwtMi0zLjctMi4xLDMuN2MtLjEuMi0uMy40LS42LjUtLjIsMC0uNSwwLS44LDBsLTMuNS0xLjYsMS43LDcuNnMwLDAsMCwwYzEuNy0uNSwzLjUtLjcsNS4yLS43WiIvPjwvc3ZnPg==); } .ico.group { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE1LjUsMTQuNmMtMC4zLDAtMC41LTAuMi0wLjUtMC41di0xLjRjMC0wLjUtMC4yLTEtMC41LTEuNHMtMC43LTAuNy0xLjItMC44Yy0wLjMtMC4xLTAuNC0wLjMtMC40LTAuNiBjMC4xLTAuMywwLjMtMC40LDAuNi0wLjRjMC43LDAuMiwxLjMsMC42LDEuNywxLjFzMC43LDEuMywwLjcsMnYxLjRDMTYsMTQuNCwxNS44LDE0LjYsMTUuNSwxNC42eiBNMTEuNCwxNC42IGMtMC4zLDAtMC41LTAuMi0wLjUtMC41di0xLjRjMC0wLjYtMC4yLTEuMi0wLjctMS42Yy0wLjQtMC40LTEtMC43LTEuNi0wLjdIMy4yYy0wLjYsMC0xLjIsMC4yLTEuNiwwLjdjLTAuNCwwLjQtMC43LDEtMC43LDEuNnYxLjQgYzAsMC4zLTAuMiwwLjUtMC41LDAuNVMwLDE0LjQsMCwxNC4xdi0xLjRjMC0wLjgsMC4zLTEuNywwLjktMi4zYzAuNi0wLjYsMS40LTAuOSwyLjMtMC45aDUuNWMwLjksMCwxLjcsMC4zLDIuMywwLjkgYzAuNiwwLjYsMC45LDEuNCwwLjksMi4zdjEuNEMxMS45LDE0LjQsMTEuNywxNC42LDExLjQsMTQuNnogTTYsNy44Yy0xLjgsMC0zLjItMS40LTMuMi0zLjJjMC0xLjgsMS40LTMuMiwzLjItMy4yczMuMiwxLjQsMy4yLDMuMiBDOS4yLDYuNCw3LjcsNy44LDYsNy44eiBNNiwyLjRjLTEuMiwwLTIuMiwxLTIuMiwyLjJzMSwyLjIsMi4yLDIuMnMyLjItMSwyLjItMi4yUzcuMiwyLjQsNiwyLjR6IE0xMC43LDcuN2MtMC4yLDAtMC40LTAuMS0wLjUtMC40IGMtMC4xLTAuMywwLjEtMC41LDAuNC0wLjZjMC41LTAuMSwwLjktMC40LDEuMi0wLjhjMC4zLTAuNCwwLjUtMC45LDAuNS0xLjRzLTAuMi0xLTAuNS0xLjRjLTAuMy0wLjQtMC43LTAuNy0xLjItMC44IGMtMC4zLTAuMS0wLjQtMC4zLTAuNC0wLjZjMC4xLTAuMywwLjMtMC40LDAuNi0wLjRjMC43LDAuMiwxLjMsMC42LDEuNywxLjFjMC40LDAuNiwwLjcsMS4zLDAuNywyUzEzLDYsMTIuNiw2LjYgYy0wLjQsMC42LTEuMSwxLTEuNywxLjFDMTAuOCw3LjcsMTAuOCw3LjcsMTAuNyw3Ljd6Ii8+PC9zdmc+); } .ico.history { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsMEM1LjYsMCwzLjYsMSwyLjMsMkMxLjcsMi4zLDEuMywyLjcsMSwzVjEuMkMxLDEsMC44LDAuOCwwLjUsMC44QzAuMiwwLjgsMCwxLDAsMS4ydjMgYzAsMC4zLDAuMiwwLjUsMC41LDAuNWgyLjZjMC4zLDAsMC41LTAuMiwwLjUtMC41YzAtMC4zLTAuMi0wLjUtMC41LTAuNUgxLjZjMC4zLTAuMywwLjctMC42LDEuMi0xQzQuMSwxLjksNS45LDEsOCwxIGMyLjEsMCwzLjksMC43LDUuMSwxLjlTMTUsNS45LDE1LDhjMCwyLjEtMC43LDMuOS0xLjksNS4xUzEwLjEsMTUsOCwxNWMtNC4yLDAtNy0zLjUtNy03YzAtMC4zLTAuMi0wLjUtMC41LTAuNUMwLjIsNy41LDAsNy43LDAsOCBjMCw0LDMuMiw4LDgsOGMyLjQsMCw0LjQtMC44LDUuOC0yLjJDMTUuMiwxMi40LDE2LDEwLjQsMTYsOGMwLTIuNC0wLjgtNC40LTIuMi01LjhDMTIuNCwwLjgsMTAuNCwwLDgsMHogTTguNSw1IGMwLTAuMy0wLjItMC41LTAuNS0wLjVDNy43LDQuNSw3LjUsNC43LDcuNSw1djNjMCwwLjIsMC4xLDAuMywwLjIsMC40TDEwLDkuOWMwLjIsMC4xLDAuNSwwLjEsMC43LTAuMWMwLjEtMC4yLDAuMS0wLjUtMC4xLTAuNyBsLTItMS40VjV6Ii8+PC9zdmc+); } .ico.logout { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE2LDcuOEMxNiw3LjgsMTYsNy44LDE2LDcuOGMwLTAuMS0wLjEtMC4xLTAuMS0wLjJsLTMuNi0zLjZjLTAuMi0wLjItMC41LTAuMi0wLjcsMHMtMC4yLDAuNSwwLDAuN2wyLjcsMi43SDYgQzUuNyw3LjUsNS41LDcuNyw1LjUsOFM1LjcsOC41LDYsOC41aDguM2wtMi43LDIuN2MtMC4yLDAuMi0wLjIsMC41LDAsMC43YzAuMSwwLjEsMC4yLDAuMSwwLjQsMC4xczAuMywwLDAuNC0wLjFsMy42LTMuNiBDMTYsOC4yLDE2LDgsMTYsNy44eiIvPjxwYXRoIGQ9Ik02LDE1SDEuMmMwLDAtMC4xLDAtMC4xLTAuMWMwLDAtMC4xLTAuMS0wLjEtMC4xVjEuMmMwLDAsMC0wLjEsMC4xLTAuMVMxLjEsMSwxLjIsMUg2YzAuMywwLDAuNS0wLjIsMC41LTAuNVM2LjIsMCw2LDBIMS4yIEMwLjksMCwwLjYsMC4xLDAuMywwLjNDMC4xLDAuNiwwLDAuOSwwLDEuMnYxMy42YzAsMC4zLDAuMSwwLjYsMC4zLDAuOEMwLjYsMTUuOSwwLjksMTYsMS4yLDE2SDZjMC4zLDAsMC41LTAuMiwwLjUtMC41IFM2LjIsMTUsNiwxNXoiLz48L3N2Zz4=); } .ico.mak-fil { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTYsMC41TDYsMC41bDMuOSwwbDAsMGMwLjYsMCwxLDAsMS40LDBjMC40LDAsMC43LDAuMSwxLjEsMC4zQzEyLjksMSwxMy4zLDEuNSwxMy42LDJjMC4yLDAuMywwLjIsMC43LDAuMywxLjEgYzAsMC40LDAsMC44LDAsMS40djBWMTVjMCwwLjItMC4xLDAuNC0wLjMsMC41Yy0wLjIsMC4xLTAuNCwwLjEtMC41LDBMOCwxMi44bC01LjEsMi43Yy0wLjIsMC4xLTAuNCwwLjEtMC41LDAgYy0wLjItMC4xLTAuMy0wLjMtMC4zLTAuNVY0LjV2MGMwLTAuNiwwLTEsMC0xLjRjMC0wLjQsMC4xLTAuNywwLjMtMS4xQzIuNywxLjUsMy4xLDEsMy42LDAuOGMwLjMtMC4yLDAuNy0wLjIsMS4xLTAuMyBDNSwwLjUsNS41LDAuNSw2LDAuNXoiIGZpbGw9IiNlZDFjMjQiLz48L3N2Zz4=); } .ico.mak-lne { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjksM2MwLTAuNC0wLjEtMC43LTAuMy0xLjFjLTAuMy0wLjUtMC43LTAuOS0xLjItMS4yYy0wLjMtMC4yLTAuNy0wLjItMS4xLTAuM2MtMC40LDAtMC44LDAtMS40LDBoMEg2LjFoMCBjLTAuNiwwLTEsMC0xLjQsMGMtMC40LDAtMC43LDAuMS0xLjEsMC4zQzMuMSwxLDIuNywxLjUsMi40LDJDMi4yLDIuMywyLjIsMi42LDIuMSwzYzAsMC40LDAsMC44LDAsMS40djBWMTVjMCwwLjIsMC4xLDAuNCwwLjMsMC41IGMwLjIsMC4xLDAuNCwwLjEsMC41LDBMOCwxMi44bDUuMSwyLjdjMC4yLDAuMSwwLjQsMC4xLDAuNSwwYzAuMi0wLjEsMC4zLTAuMywwLjMtMC41VjQuNXYwQzEzLjksMy45LDEzLjksMy40LDEzLjksM3ogTTEyLjgsMTQuMSBsLTQuNi0yLjRjLTAuMi0wLjEtMC4zLTAuMS0wLjUsMGwtNC42LDIuNFY0LjVjMC0wLjYsMC0xLDAtMS40YzAtMC4zLDAuMS0wLjUsMC4xLTAuN2MwLjItMC4zLDAuNC0wLjUsMC43LTAuNyBjMC4xLTAuMSwwLjMtMC4xLDAuNy0wLjFjMC4zLDAsMC44LDAsMS40LDBoMy45YzAuNiwwLDEsMCwxLjQsMGMwLjMsMCwwLjUsMC4xLDAuNywwLjFjMC4zLDAuMiwwLjUsMC40LDAuNywwLjcgYzAuMSwwLjEsMC4xLDAuMywwLjEsMC43YzAsMC4zLDAsMC44LDAsMS40VjE0LjF6Ii8+PC9zdmc+); } .ico.share { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE1LjgsNC42bC00LjUtNC40bC0wLjEtMC4xYy0wLjQtMC4zLTAuOSwwLTAuOSwwLjV2Mi4xbC0wLjIsMEM2LjYsMyw0LjUsNS4zLDQsOS40Yy0wLjEsMC41LDAuNSwwLjksMC45LDAuNSBjMS40LTEuMywyLjktMi4xLDQuNC0yLjRjMC4yLTAuMSwwLjUtMC4xLDAuNy0wLjFsMC4zLDB2Mi4xbDAsMC4xYzAuMSwwLjUsMC42LDAuNywwLjksMC4zbDQuNS00LjRsMC4xLTAuMSBDMTYuMSw1LjEsMTYsNC44LDE1LjgsNC42eiBNMTEuNCw4LjRWNi4yTDEwLDYuNGwwLDBjLTEuNywwLjItMy4zLDAuOS00LjgsMkM1LjUsNyw2LDYsNi43LDUuM2MwLjgtMC45LDItMS40LDMuNi0xLjZsMS4yLTAuMXYtMiBMMTQuOCw1TDExLjQsOC40eiIvPjxwYXRoIGQ9Ik0xMy41LDEyYy0wLjMsMC0wLjUsMC4yLTAuNSwwLjV2MWMwLDAuOC0wLjcsMS41LTEuNSwxLjVoLTlDMS43LDE1LDEsMTQuMywxLDEzLjV2LTlDMSwzLjcsMS43LDMsMi41LDNoMyBDNS44LDMsNiwyLjgsNiwyLjVDNiwyLjIsNS44LDIsNS41LDJoLTNDMS4xLDIsMCwzLjEsMCw0LjV2OUMwLDE0LjksMS4xLDE2LDIuNSwxNmg5YzEuNCwwLDIuNS0xLjEsMi41LTIuNXYtMSBDMTQsMTIuMiwxMy44LDEyLDEzLjUsMTJ6Ii8+PC9zdmc+); } .ico.saved { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjksM2MwLTAuNC0wLjEtMC43LTAuMy0xLjFjLTAuMy0wLjUtMC43LTAuOS0xLjItMS4yYy0wLjMtMC4yLTAuNy0wLjItMS4xLTAuM2MtMC40LDAtMC44LDAtMS40LDBoMEg2LjFoMCBjLTAuNiwwLTEsMC0xLjQsMGMtMC40LDAtMC43LDAuMS0xLjEsMC4zQzMuMSwxLDIuNywxLjUsMi40LDJDMi4yLDIuMywyLjIsMi42LDIuMSwzYzAsMC40LDAsMC44LDAsMS40djBWMTVjMCwwLjIsMC4xLDAuNCwwLjMsMC41IGMwLjIsMC4xLDAuNCwwLjEsMC41LDBMOCwxMi44bDUuMSwyLjdjMC4yLDAuMSwwLjQsMC4xLDAuNSwwYzAuMi0wLjEsMC4zLTAuMywwLjMtMC41VjQuNXYwQzEzLjksMy45LDEzLjksMy40LDEzLjksM3ogTTEyLjgsMTQuMSBsLTQuNi0yLjRjLTAuMi0wLjEtMC4zLTAuMS0wLjUsMGwtNC42LDIuNFY0LjVjMC0wLjYsMC0xLDAtMS40YzAtMC4zLDAuMS0wLjUsMC4xLTAuN2MwLjItMC4zLDAuNC0wLjUsMC43LTAuNyBjMC4xLTAuMSwwLjMtMC4xLDAuNy0wLjFjMC4zLDAsMC44LDAsMS40LDBoMy45YzAuNiwwLDEsMCwxLjQsMGMwLjMsMCwwLjUsMC4xLDAuNywwLjFjMC4zLDAuMiwwLjUsMC40LDAuNywwLjcgYzAuMSwwLjEsMC4xLDAuMywwLjEsMC43YzAsMC4zLDAsMC44LDAsMS40VjE0LjF6Ii8+PC9zdmc+); } .ico.book { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE1LjcsMS41Yy0wLjItMC4yLTAuNS0wLjMtMC44LTAuM2gtNC42Yy0wLjgsMC0xLjUsMC4zLTIsMC44QzguMiwyLjEsOC4xLDIuMiw4LDIuNEM3LjksMi4yLDcuOCwyLjEsNy43LDIgYy0wLjUtMC41LTEuMi0wLjgtMi0wLjhIMS4xYy0wLjMsMC0wLjYsMC4xLTAuOCwwLjNDMC4xLDEuNywwLDEuOSwwLDIuMnY5LjJjMCwwLjMsMC4xLDAuNiwwLjMsMC44YzAuMiwwLjIsMC41LDAuMywwLjgsMC4zaDQuNiBjMC41LDAsMC45LDAuMiwxLjMsMC41YzAuMywwLjMsMC41LDAuOCwwLjUsMS4zYzAsMC4zLDAuMiwwLjUsMC41LDAuNXMwLjUtMC4yLDAuNS0wLjVjMC0wLjUsMC4yLTAuOSwwLjUtMS4zIGMwLjMtMC4zLDAuOC0wLjUsMS4zLTAuNWg0LjZjMC4zLDAsMC42LTAuMSwwLjgtMC4zYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC44VjIuMkMxNiwxLjksMTUuOSwxLjcsMTUuNywxLjV6IE01LjcsMTEuNWwtNC43LDAgYzAsMCwwLDAsMC0wLjFWMi4ybDAuMS0wLjFoNC42YzAuNSwwLDAuOSwwLjIsMS4zLDAuNUM3LjMsMyw3LjUsMy41LDcuNSw0djguMkM3LDExLjgsNi40LDExLjUsNS43LDExLjV6IE0xNSwxMS41TDE1LDExLjUgbC00LjcsMC4xYy0wLjcsMC0xLjMsMC4yLTEuOCwwLjdWNEM4LjUsMy41LDguNywzLDksMi43YzAuMy0wLjMsMC44LTAuNSwxLjMtMC41aDQuNkwxNSwyLjJWMTEuNXoiLz48L3N2Zz4=); } .ico.calendar { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMSw4LjRjLTAuNCwwLTAuNywwLjMtMC43LDAuN3MwLjMsMC43LDAuNywwLjdjMC40LDAsMC43LTAuMywwLjctMC43UzUuNSw4LjQsNS4xLDguNHoiLz48cGF0aCBkPSJNOCw4LjRjLTAuNCwwLTAuNywwLjMtMC43LDAuN1M3LjYsOS44LDgsOS44czAuNy0wLjMsMC43LTAuN1M4LjQsOC40LDgsOC40eiIvPjxwYXRoIGQ9Ik01LjEsMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdDNS44LDExLjYsNS41LDExLjIsNS4xLDExLjJ6Ii8+PHBhdGggZD0iTTgsMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN3MwLjctMC4zLDAuNy0wLjdDOC43LDExLjYsOC40LDExLjIsOCwxMS4yeiIvPjxwYXRoIGQ9Ik0xNS42LDQuNGMwLTAuNi0wLjItMS4xLTAuNC0xLjVjLTAuNC0wLjctMS0xLjMtMS43LTEuN2MtMC40LTAuMi0wLjktMC4zLTEuNS0wLjRjLTAuMiwwLTAuNCwwLTAuNywwVjAuNCBjMC0wLjItMC4yLTAuNC0wLjQtMC40cy0wLjQsMC4yLTAuNCwwLjR2MC4zYy0wLjIsMC0wLjUsMC0wLjgsMGgwSDYuM2gwYy0wLjMsMC0wLjUsMC0wLjgsMFYwLjRDNS41LDAuMiw1LjQsMCw1LjEsMCBTNC43LDAuMiw0LjcsMC40djAuM2MtMC4yLDAtMC41LDAtMC43LDBjLTAuNiwwLTEuMSwwLjItMS41LDAuNGMtMC43LDAuNC0xLjMsMS0xLjcsMS43QzAuNiwzLjMsMC41LDMuOCwwLjQsNC40YzAsMC42LDAsMS4zLDAsMi4zIHYwVjEwdjBjMCwxLDAsMS43LDAsMi4zYzAsMC42LDAuMiwxLjEsMC40LDEuNWMwLjQsMC43LDEsMS4zLDEuNywxLjdDMi45LDE1LjgsMy40LDE1LjksNCwxNmMwLjYsMCwxLjMsMCwyLjMsMGgwaDBoMGgwaDMuM2gwaDBoMCBoMGMxLDAsMS43LDAsMi4zLDBjMC42LDAsMS4xLTAuMiwxLjUtMC40YzAuNy0wLjQsMS4zLTEsMS43LTEuN2MwLjItMC40LDAuMy0wLjksMC40LTEuNWMwLTAuNiwwLTEuMywwLTIuM3YwdjB2MHYwVjYuN3YwdjB2MHYwIEMxNS42LDUuNywxNS42LDUsMTUuNiw0LjR6IE0xNC44LDEwYzAsMSwwLDEuNywwLDIuMmMwLDAuNi0wLjEsMC45LTAuMywxLjJjLTAuMywwLjYtMC44LDEtMS4zLDEuM2MtMC4zLDAuMi0wLjcsMC4yLTEuMiwwLjMgYy0wLjYsMC0xLjMsMC0yLjIsMEg2LjNjLTEsMC0xLjcsMC0yLjIsMGMtMC42LDAtMC45LTAuMS0xLjItMC4zYy0wLjYtMC4zLTEtMC44LTEuMy0xLjNjLTAuMi0wLjMtMC4yLTAuNy0wLjMtMS4yIGMwLTAuNiwwLTEuMywwLTIuMlY2LjdjMC0xLDAtMS43LDAtMi4yYzAtMC42LDAuMS0wLjksMC4zLTEuMmMwLjMtMC42LDAuOC0xLDEuMy0xLjNjMC4zLTAuMiwwLjctMC4yLDEuMi0wLjNjMC4yLDAsMC40LDAsMC42LDB2MSBDNC43LDIuOCw0LjksMyw1LjEsM3MwLjQtMC4yLDAuNC0wLjR2LTFjMC4yLDAsMC41LDAsMC44LDBoMy4zYzAuMywwLDAuNSwwLDAuOCwwdjFjMCwwLjIsMC4yLDAuNCwwLjQsMC40czAuNC0wLjIsMC40LTAuNHYtMSBjMC4yLDAsMC40LDAsMC42LDBjMC42LDAsMC45LDAuMSwxLjIsMC4zYzAuNiwwLjMsMSwwLjgsMS4zLDEuM2MwLjIsMC4zLDAuMiwwLjcsMC4zLDEuMmMwLDAuNiwwLDEuMywwLDIuMlYxMHoiLz48cGF0aCBkPSJNMTEuNiw1SDQuNEM0LjIsNSw0LDUuMiw0LDUuNXMwLjIsMC40LDAuNCwwLjRoNy4yYzAuMiwwLDAuNC0wLjIsMC40LTAuNFMxMS44LDUsMTEuNiw1eiIvPjxwYXRoIGQ9Ik0xMC45LDguNGMtMC40LDAtMC43LDAuMy0wLjcsMC43czAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdTMTEuMyw4LjQsMTAuOSw4LjR6Ii8+PHBhdGggZD0iTTEwLjksMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdDMTEuNiwxMS42LDExLjMsMTEuMiwxMC45LDExLjJ6Ii8+PC9zdmc+); } .ico.key { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQ5MiAxLjUwODAzQzEyLjQ4MTIgLTAuNTAyNjkxIDkuMjA5NTYgLTAuNTAyNjYgNy4xOTg4NCAxLjUwODAzQzUuODI1NTMgMi44ODEzNCA1LjM0ODY2IDQuOTA1NjggNS45NDMwNiA2Ljc0MTg3TDAuMTM3MzQ0IDEyLjU0NzZDMC4wNDk0MDYyIDEyLjYzNTUgMCAxMi43NTQ4IDAgMTIuODc5MVYxNS41MzEyQzAgMTUuNzkwMSAwLjIwOTkwNiAxNiAwLjQ2ODgxMiAxNkgzLjEyMDg3QzMuMjQ1MjUgMTYgMy4zNjQ0NCAxNS45NTA2IDMuNDUyNDEgMTUuODYyN0w0LjExNTUzIDE1LjE5OTVDNC4yMTY4MSAxNS4wOTgyIDQuMjY2MjUgMTQuOTU2MiA0LjI0OTY5IDE0LjgxMzlMNC4xNjY5NCAxNC4xMDE5TDUuMTUzOTQgMTQuMDA4OUM1LjM3ODA2IDEzLjk4NzcgNS41NTU1NiAxMy44MTAzIDUuNTc2NjkgMTMuNTg2Mkw1LjY2OTc4IDEyLjU5OUw2LjM4MTgxIDEyLjY4MThDNi41MTQ3NSAxMi42OTczIDYuNjQ3ODEgMTIuNjU1MiA2Ljc0Nzc1IDEyLjU2NjJDNi44NDc2MiAxMi40NzczIDYuOTA0NzggMTIuMzQ5OSA2LjkwNDc4IDEyLjIxNjFWMTEuMzQzSDcuNzYxOTdDNy44ODUzNyAxMS4zNDMgOC4wMDM3OCAxMS4yOTQ0IDguMDkxNTYgMTEuMjA3Nkw5LjI1NjMxIDEwLjA1NjNDMTEuMDkyOSAxMC42NTE3IDEzLjExODMgMTAuMTc0OSAxNC40OTIgOC44MDExMkMxNi41MDI3IDYuNzkwNDMgMTYuNTAyNyAzLjUxODcyIDE0LjQ5MiAxLjUwODAzWk0xMy44MjkgOC4xMzgxNUMxMi42NDU3IDkuMzIxNDMgMTAuODcwNyA5LjY5MDc4IDkuMzA3IDkuMDc5MjJDOS4xMzQ0NCA5LjAxMTc1IDguOTM4MzcgOS4wNTIxOSA4LjgwNjY1IDkuMTgyNEw3LjU2OTM3IDEwLjQwNTRINi40MzU5NEM2LjE3NzAzIDEwLjQwNTQgNS45NjcxMiAxMC42MTUzIDUuOTY3MTIgMTAuODc0MlYxMS42ODk2TDUuMzAyMTIgMTEuNjEyM0M1LjE3Njg0IDExLjU5NzggNS4wNTEwMyAxMS42MzQzIDQuOTUzIDExLjcxMzZDNC44NTUgMTEuNzkzIDQuNzkzMDYgMTEuOTA4NCA0Ljc4MTIyIDEyLjAzNEw0LjY3OTU2IDEzLjExMThMMy42MDE4NyAxMy4yMTMzQzMuNDc2MzEgMTMuMjI1MiAzLjM2MDg0IDEzLjI4NzEgMy4yODE0NyAxMy4zODUxQzMuMjAyMTIgMTMuNDgzMSAzLjE2NTU5IDEzLjYwOSAzLjE4MDE2IDEzLjczNDJMMy4yOTIwOSAxNC42OTY5TDIuOTI2NjYgMTUuMDYyNEgwLjkzNzU5NFYxMy4wNzM0TDYuODE1NjIgNy4xOTUzNEM2Ljk0NzMxIDcuMDYzNjUgNi45ODg1OSA2Ljg2NjUgNi45MjA3NSA2LjY5MzA2QzYuMzA5MTIgNS4xMjkzNyA2LjY3ODUzIDMuMzU0NDMgNy44NjE4MSAyLjE3MTA5QzkuNTA3IDAuNTI1OTY1IDEyLjE4MzggMC41MjU5NjUgMTMuODI4OSAyLjE3MTA5QzE1LjQ3NDEgMy44MTYxOCAxNS40NzQxIDYuNDkzMDMgMTMuODI5IDguMTM4MTVaIi8+PHBhdGggZD0iTTEzLjE2NTkgMi44MzQxNEMxMi42MTc2IDIuMjg1NzQgMTEuNzI1MyAyLjI4NTc3IDExLjE3NjkgMi44MzQxNEMxMC42Mjg1IDMuMzgyNTIgMTAuNjI4NSA0LjI3NDggMTEuMTc2OSA0LjgyMzE4QzExLjcyNTMgNS4zNzE1NSAxMi42MTc2IDUuMzcxNjEgMTMuMTY1OSA0LjgyMzE4QzEzLjcxNDMgNC4yNzQ4IDEzLjcxNDMgMy4zODI1MiAxMy4xNjU5IDIuODM0MTRaTTEyLjUwMjkgNC4xNjAxOEMxMi4zMjAyIDQuMzQyOTYgMTIuMDIyOCA0LjM0Mjk5IDExLjgzOTkgNC4xNjAxOEMxMS42NTcyIDMuOTc3MzkgMTEuNjU3MiAzLjY3OTk5IDExLjgzOTkgMy40OTcxOEMxMi4wMjMyIDMuMzEzOTMgMTIuMzE5NyAzLjMxMzkzIDEyLjUwMjkgMy40OTcxOEMxMi42ODYyIDMuNjgwNDMgMTIuNjg2MiAzLjk3NjkzIDEyLjUwMjkgNC4xNjAxOFoiIC8+PC9zdmc+); } .ico.corner { position: relative; } .ico.corner::before, .ico.corner::after { content: ""; display: block; position: absolute; top: 0; left: 50%; } .ico.corner::before { border-top: solid 0.3em transparent; border-bottom: solid 0.3em transparent; border-left: solid 0.6em #aaa; height: 0; width: 0; } .ico.corner::after { border-left: solid 0.15em #5f5f5f; border-bottom: solid 0.15em #5f5f5f; height: 1em; width: 0.5em; } .ico.ball, .ico.goal { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNNSwuNmMtMSwuNC0xLjksMS0yLjYsMS44LS44LjgtMS40LDEuNy0xLjgsMi42LS40LDEtLjYsMi0uNiwzcy4yLDIuMS42LDNjLjQsMSwxLDEuOSwxLjgsMi42LjguOCwxLjcsMS40LDIuNiwxLjgsMSwuNCwyLC42LDMsLjZzMi4xLS4yLDMtLjZjMS0uNCwxLjktMSwyLjYtMS44LjgtLjgsMS40LTEuNywxLjgtMi42LjQtMSwuNi0yLC42LTNzLS4yLTIuMS0uNi0zYy0uNC0xLTEtMS45LTEuOC0yLjYtLjgtLjgtMS43LTEuNC0yLjYtMS44LTEtLjQtMi0uNi0zLS42cy0yLjEuMi0zLC42Wk0yLDExLjRjLS40LS4yLS43LS41LTEuMS0uOC0uNS0xLjQtLjYtMi44LS4yLTQuMi4xLS4zLjMtLjYuNS0uOSwwLDAsLjEtLjIuMi0uM2wxLjgsMS4xaDBjMCwxLDAsMiwuMywyLjksMCwwLDAsMCwwLDBsLTEuNCwyLjJzMCwwLDAsMFpNNy40LDE1LjFjLjMuMi42LjMsMSwuNC0xLjQsMC0yLjgtLjMtNC4xLTFsMywuNXMwLDAsMCwwWk03LjQsMTQuNWwtMy42LS42Yy0uNC0uNS0uOC0xLTEuMS0xLjYsMC0uMS0uMi0uMy0uMi0uNGwxLjQtMi4yczAsMCwuMSwwYy45LjIsMS44LjQsMi43LjUsMCwwLDAsMCwuMSwwbDEuNywyLjljLS4zLjQtLjYuOC0uOSwxLjIsMCwwLS4xLjEtLjIuMlpNMTMuMywxMy4zYy0uMy4zLS42LjUtLjkuOCwwLS40LS4xLS44LS4zLTEuMmwxLjgtMy4zYy41LS4yLDEtLjUsMS40LS44LDAsMCwuMSwwLC4xLS4xLS4xLDEuNy0uOSwzLjQtMi4yLDQuN1pNMTMuMiw5YzAsLjEuMS4zLjIuNGwtMS43LDMuMnMwLDAsMCwwYy0uOS4yLTEuOS4zLTIuOC4zbC0xLjctM2MuMy0uNS41LTEsLjgtMS41LjItLjMuNC0uNy41LTFsMy42LS40Yy40LjYuOSwxLjMsMS4yLDJaTTEyLjUsNS4xYy0uMi40LS40LjktLjUsMS4zbC0zLjUuNGMwLDAsMC0uMS0uMS0uMi0uNC0uNS0uOC0uOS0xLjItMS40LDAsMCwwLDAsMCwwLS4yLS4yLS4zLS4zLS41LS41bDEtMi45YzAsMCwuMSwwLC4yLDAsLjUsMCwxLjEtLjEsMS42LS4xLjMsMCwuNiwwLDEsMGwyLjQsMi43YzAsLjMtLjIuNS0uMy44Wk0xMy4zLDIuN2MuNy43LDEuMiwxLjQsMS41LDIuMi0uNC0uMy0uOS0uNi0xLjQtLjgsMCwwLS4yLDAtLjIsMGwtMi40LTIuN2MwLS4xLDAtLjIsMC0uMy45LjQsMS43LjksMi41LDEuNlpNNS42LjlzMCwwLDAsMGMuNS4yLDEsLjUsMS41LjhsLS45LDIuN3MwLDAsMCwwYy0uMiwwLS40LjEtLjYuMi0uOC4zLTEuNS43LTIuMiwxLjJsLTEuOC0xLjFjMCwwLDAtLjEsMC0uMi4xLS4zLjItLjYuNC0xLC4xLS4yLjItLjUuNC0uNywwLDAsLjItLjIuMy0uMy44LS44LDEuOC0xLjQsMi45LTEuOCwwLDAsMCwwLDAsMFoiIGZpbGw9IiNFRDFDMjQiLz48L3N2Zz4=); } .ico.penalty, .ico.own-goal { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNNSwuNmMtMSwuNC0xLjksMS0yLjYsMS44LS44LjgtMS40LDEuNy0xLjgsMi42LS40LDEtLjYsMi0uNiwzcy4yLDIuMS42LDNjLjQsMSwxLDEuOSwxLjgsMi42LjguOCwxLjcsMS40LDIuNiwxLjgsMSwuNCwyLC42LDMsLjZzMi4xLS4yLDMtLjZjMS0uNCwxLjktMSwyLjYtMS44LjgtLjgsMS40LTEuNywxLjgtMi42LjQtMSwuNi0yLC42LTNzLS4yLTIuMS0uNi0zYy0uNC0xLTEtMS45LTEuOC0yLjYtLjgtLjgtMS43LTEuNC0yLjYtMS44LTEtLjQtMi0uNi0zLS42cy0yLjEuMi0zLC42Wk0yLDExLjRjLS40LS4yLS43LS41LTEuMS0uOC0uNS0xLjQtLjYtMi44LS4yLTQuMi4xLS4zLjMtLjYuNS0uOSwwLDAsLjEtLjIuMi0uM2wxLjgsMS4xaDBjMCwxLDAsMiwuMywyLjksMCwwLDAsMCwwLDBsLTEuNCwyLjJzMCwwLDAsMFpNNy40LDE1LjFjLjMuMi42LjMsMSwuNC0xLjQsMC0yLjgtLjMtNC4xLTFsMywuNXMwLDAsMCwwWk03LjQsMTQuNWwtMy42LS42Yy0uNC0uNS0uOC0xLTEuMS0xLjYsMC0uMS0uMi0uMy0uMi0uNGwxLjQtMi4yczAsMCwuMSwwYy45LjIsMS44LjQsMi43LjUsMCwwLDAsMCwuMSwwbDEuNywyLjljLS4zLjQtLjYuOC0uOSwxLjIsMCwwLS4xLjEtLjIuMlpNMTMuMywxMy4zYy0uMy4zLS42LjUtLjkuOCwwLS40LS4xLS44LS4zLTEuMmwxLjgtMy4zYy41LS4yLDEtLjUsMS40LS44LDAsMCwuMSwwLC4xLS4xLS4xLDEuNy0uOSwzLjQtMi4yLDQuN1pNMTMuMiw5YzAsLjEuMS4zLjIuNGwtMS43LDMuMnMwLDAsMCwwYy0uOS4yLTEuOS4zLTIuOC4zbC0xLjctM2MuMy0uNS41LTEsLjgtMS41LjItLjMuNC0uNy41LTFsMy42LS40Yy40LjYuOSwxLjMsMS4yLDJaTTEyLjUsNS4xYy0uMi40LS40LjktLjUsMS4zbC0zLjUuNGMwLDAsMC0uMS0uMS0uMi0uNC0uNS0uOC0uOS0xLjItMS40LDAsMCwwLDAsMCwwLS4yLS4yLS4zLS4zLS41LS41bDEtMi45YzAsMCwuMSwwLC4yLDAsLjUsMCwxLjEtLjEsMS42LS4xLjMsMCwuNiwwLDEsMGwyLjQsMi43YzAsLjMtLjIuNS0uMy44Wk0xMy4zLDIuN2MuNy43LDEuMiwxLjQsMS41LDIuMi0uNC0uMy0uOS0uNi0xLjQtLjgsMCwwLS4yLDAtLjIsMGwtMi40LTIuN2MwLS4xLDAtLjIsMC0uMy45LjQsMS43LjksMi41LDEuNlpNNS42LjlzMCwwLDAsMGMuNS4yLDEsLjUsMS41LjhsLS45LDIuN3MwLDAsMCwwYy0uMiwwLS40LjEtLjYuMi0uOC4zLTEuNS43LTIuMiwxLjJsLTEuOC0xLjFjMCwwLDAtLjEsMC0uMi4xLS4zLjItLjYuNC0xLC4xLS4yLjItLjUuNC0uNywwLDAsLjItLjIuMy0uMy44LS44LDEuOC0xLjQsMi45LTEuOCwwLDAsMCwwLDAsMFoiIGZpbGw9IiM3YTdhN2EiLz48L3N2Zz4=); position: relative; } .ico.penalty::after, .ico.own-goal::after { background: #fff; border-radius: 50%; color: #ed1c24; content: "P"; display: block; font-size: 0.75rem; font-weight: 900; font-style: normal; line-height: 1em; text-shadow: 0 0 2px 0 #fff; position: absolute; bottom: -0.3em; right: -0.3em; } .ico.own-goal::after { content: "O"; } .ico.clip { position: relative; } .ico.clip::before { background: rgba(0, 0, 0, 0.5) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyNSAzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy45NTk2MSAzMy4zNzk4TDIzLjU3MzYgMTguNjc5OEMyNC43MDc2IDE3LjgzOTggMjQuNzA3NiAxNi4xNTk4IDIzLjU3MzYgMTUuMzE5OEwzLjk1OTYxIDAuNjE5ODQ4QzIuNTczNjEgLTAuNDMwMTUyIDAuNTk5NjA5IDAuNTc3ODQ4IDAuNTk5NjA5IDIuMjk5ODVWMzEuNjk5OEMwLjU5OTYwOSAzMy40MjE4IDIuNTczNjEgMzQuNDI5OCAzLjk1OTYxIDMzLjM3OThaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==) left 55% top 50% no-repeat; background-size: 0.5em auto; border-radius: 50%; content: ""; display: block; float: left; margin: 1px 0 0 -1.35em; padding: 0; height: 1.1em; width: 1.1em; } .ico.rdo-play { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjZmZmIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04LDBoMGM0LjQsMCw4LDMuNiw4LDhoMGMwLDQuNC0zLjYsOC04LDhoMEMzLjYsMTYsMCwxMi40LDAsOGgwQzAsMy42LDMuNiwwLDgsMFoiIGZpbGw9IiNlZDFjMjQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02LjIsMy4zYy0uNS0uMy0xLjEsMC0xLjEuNnY4LjFjMCwuNS42LjksMS4xLjZsNi42LTRjLjUtLjMuNS0uOSwwLTEuMkw2LjIsMy4zWiIvPjwvc3ZnPg==) center no-repeat; background-size: 100%; } .ico.rdo-pause { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNOCwwaDBjNC40LDAsOCwzLjYsOCw4aDBjMCw0LjQtMy42LDgtOCw4aDBDMy42LDE2LDAsMTIuNCwwLDhoMEMwLDMuNiwzLjYsMCw4LDBaIiBmaWxsPSIjZWQxYzI0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNyw0Ljd2Ni43YzAsLjIsMCwuMy0uMi41LS4xLjEtLjMuMi0uNS4yaC0xLjVjLS4yLDAtLjMsMC0uNS0uMi0uMS0uMS0uMi0uMy0uMi0uNXYtNi43YzAtLjIsMC0uMy4yLS41LjEtLjEuMy0uMi41LS4yaDEuNWMuMiwwLC4zLDAsLjUuMi4xLjEuMi4zLjIuNVpNNi41LDRoLTEuNWMtLjIsMC0uMywwLS41LjItLjEuMS0uMi4zLS4yLjV2Ni43YzAsLjIsMCwuMy4yLjUuMS4xLjMuMi41LjJoMS41Yy4yLDAsLjMsMCwuNS0uMi4xLS4xLjItLjMuMi0uNXYtNi43YzAtLjIsMC0uMy0uMi0uNS0uMS0uMS0uMy0uMi0uNS0uMloiLz48L3N2Zz4=) center no-repeat; background-size: 100%; } .ico.hd-phone { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNNy41LDBDMy41LjMuNCwzLjguNCw3Ljh2NS42YzAsMS40LDEuMSwyLjUsMi41LDIuNWguOGMuOSwwLDEuNy0uOCwxLjctMS43di0zLjRjMC0uOS0uOC0xLjctMS43LTEuN2gtMS43di0xLjRjMC0zLjIsMi41LTYsNS43LTYuMSwzLjMsMCw2LjEsMi42LDYuMSw1Ljl2MS43aC0xLjdjLS45LDAtMS43LjgtMS43LDEuN3YzLjRjMCwuOS44LDEuNywxLjcsMS43aC44YzEuNCwwLDIuNS0xLjEsMi41LTIuNXYtNS45QzE1LjYsMy4yLDExLjktLjMsNy41LDBaIi8+PC9zdmc+) center no-repeat; background-size: 100%; } .ico.mpin { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOCwxNmMtLjIsMC0uMywwLS41LS4yLS4xLS4xLS4yLS4yLS4zLS40LS4zLS43LS42LTEuNC0xLTIuMS0uNC0uNy0uOS0xLjQtMS42LTIuMy0uNy0uOS0xLjItMS43LTEuNy0yLjUtLjQtLjgtLjYtMS44LS42LTIuOXMuNS0yLjksMS42LTRjMS4xLTEuMSwyLjQtMS42LDQtMS42czIuOS41LDQsMS42YzEuMSwxLjEsMS42LDIuNCwxLjYsNHMtLjIsMi4yLS43LDNjLS41LjgtMSwxLjYtMS42LDIuNC0uNywxLTEuMywxLjgtMS42LDIuNC0uNC42LS43LDEuMy0uOSwyLDAsLjItLjIuMy0uMy40LS4xLDAtLjMuMS0uNS4xWk04LDcuNmMuNiwwLDEtLjIsMS40LS42LjQtLjQuNi0uOS42LTEuNHMtLjItMS0uNi0xLjRjLS40LS40LS45LS42LTEuNC0uNnMtMSwuMi0xLjQuNmMtLjQuNC0uNi45LS42LDEuNHMuMiwxLC42LDEuNGMuNC40LjkuNiwxLjQuNloiIGZpbGw9IiMyMTk2ZjMiLz48L3N2Zz4=); } .active > .ico.account, a:active > .ico.account, a:focus > .ico.account, a:hover > .ico.account, button:active > .ico.account, button:focus > .ico.account, button:hover > .ico.account, .ico:active.account, .ico:focus.account, .ico:hover.account { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjcsMTZjLTAuMywwLTAuNS0wLjItMC41LTAuNXYtMS43YzAtMC44LTAuMy0xLjUtMC44LTJzLTEuMi0wLjgtMi0wLjhINC43Yy0wLjcsMC0xLjUsMC4zLTIsMC44Yy0wLjUsMC41LTAuOCwxLjItMC44LDIgdjEuN2MwLDAuMy0wLjIsMC41LTAuNSwwLjVzLTAuNS0wLjItMC41LTAuNXYtMS43YzAtMSwwLjQtMiwxLjEtMi43QzIuNywxMC40LDMuNywxMCw0LjcsMTBoNi43YzEsMCwyLDAuNCwyLjcsMS4xczEuMSwxLjcsMS4xLDIuNyB2MS43QzE1LjIsMTUuOCwxNC45LDE2LDE0LjcsMTZ6IE04LDcuN2MtMi4xLDAtMy44LTEuNy0zLjgtMy44QzQuMiwxLjcsNS45LDAsOCwwYzIuMSwwLDMuOCwxLjcsMy44LDMuOEMxMS44LDUuOSwxMC4xLDcuNyw4LDcuN3ogTTgsMUM2LjQsMSw1LjIsMi4zLDUuMiwzLjhjMCwxLjYsMS4zLDIuOCwyLjgsMi44czIuOC0xLjMsMi44LTIuOEMxMC44LDIuMyw5LjYsMSw4LDF6IiBmaWxsPSIjZWQxYzI0Ii8+PC9zdmc+); } .active > .ico.booked, a:active > .ico.booked, a:focus > .ico.booked, a:hover > .ico.booked, button:active > .ico.booked, button:focus > .ico.booked, button:hover > .ico.booked, .ico:active.booked, .ico:focus.booked, .ico:hover.booked { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjIsMEgzLjZDMywwLDIuNCwwLjMsMS45LDAuN2MtMC40LDAuNC0wLjcsMS0wLjcsMS43djEyLjV2MC42YzAsMC4zLDAuMiwwLjUsMC41LDAuNUgxM2MwLjMsMCwwLjUtMC4yLDAuNS0wLjUgUzEzLjMsMTUsMTMsMTVIMi4ydi0wLjFjMC0wLjQsMC4xLTAuNywwLjQtMWMwLjMtMC4zLDAuNi0wLjQsMS0wLjRoMTAuNmMwLjMsMCwwLjUtMC4yLDAuNS0wLjVWMC41QzE0LjgsMC4yLDE0LjUsMCwxNC4yLDB6IE03LjIsMSBoNHY2TDkuNSw1LjdjLTAuMi0wLjEtMC40LTAuMS0wLjYsMEw3LjIsN1YxeiBNMTMuOCwxMi41SDMuNmMtMC41LDAtMSwwLjItMS40LDAuNFYyLjRjMC0wLjQsMC4xLTAuNywwLjQtMUMyLjksMS4xLDMuMywxLDMuNiwxIGgyLjZ2N2MwLDAuMiwwLjEsMC40LDAuMywwLjRzMC40LDAuMSwwLjUsMGwyLjItMS42bDIuMiwxLjZjMC4xLDAuMSwwLjIsMC4xLDAuMywwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWMwLjItMC4xLDAuMy0wLjMsMC4zLTAuNCBWMWgxLjVWMTIuNXoiIGZpbGw9IiNlZDFjMjQiLz48L3N2Zz4=); } .active > .ico.chart, a:active > .ico.chart, a:focus > .ico.chart, a:hover > .ico.chart, button:active > .ico.chart, button:focus > .ico.chart, button:hover > .ico.chart, .ico:active.chart, .ico:focus.chart, .ico:hover.chart { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE1LjUsMTMuOGgtMC43VjEuN2MwLTAuMy0wLjItMC41LTAuNS0wLjVoLTQuMmMtMC4zLDAtMC41LDAuMi0wLjUsMC41djMuMUg1LjlDNS42LDQuOCw1LjQsNSw1LjQsNS4zdjMuMUgxLjcgYy0wLjMsMC0wLjUsMC4yLTAuNSwwLjV2NC45SDAuNUMwLjIsMTMuOCwwLDE0LDAsMTQuM3MwLjIsMC41LDAuNSwwLjVoOS42aDQuMmgxLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41UzE1LjgsMTMuOCwxNS41LDEzLjh6TTYuNCw1LjhoMy4ydjhINi40VjUuOHogTTIuMiw5LjRoMy4ydjQuNEgyLjJWOS40eiBNMTAuNiwxMy44VjIuMmgzLjJ2MTEuNkgxMC42eiIgZmlsbD0iI2VkMWMyNCIvPjwvc3ZnPg==); } .active > .ico.chated, a:active > .ico.chated, a:focus > .ico.chated, a:hover > .ico.chated, button:active > .ico.chated, button:focus > .ico.chated, button:hover > .ico.chated, .ico:active.chated, .ico:focus.chated, .ico:hover.chated { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEuMSwxNS4zYy0wLjIsMC0wLjMsMC0wLjUtMC4xYy0wLjItMC4xLTAuNC0wLjItMC41LTAuNEMwLjEsMTQuNiwwLDE0LjQsMCwxNC4yVjEuOEMwLDEuNSwwLjEsMS4yLDAuMywxczAuNS0wLjMsMC44LTAuMyBoMTMuOGMwLjMsMCwwLjYsMC4xLDAuOCwwLjNDMTUuOSwxLjIsMTYsMS41LDE2LDEuOHYxMGMwLDAuMy0wLjEsMC42LTAuMywwLjhjLTAuMiwwLjItMC41LDAuMy0wLjgsMC4zTDQuMywxM2wtMi41LDIuMSBjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4zQzEuMiwxNS4zLDEuMiwxNS4zLDEuMSwxNS4zeiBNMS4xLDEuN0wxLDEuOHYxMi40YzAsMCwwLjEsMC4xLDAuMSwwLjFsMC4xLDBsMi42LTIuMmMwLDAsMC4xLTAuMSwwLjEtMC4xIEw0LjIsMTJjMC4xLDAsMC4xLDAsMC4yLDBoMTAuNWwwLjEtMC4xdi0xMGwtMC4xLTAuMUgxLjF6IiBmaWxsPSIjZWQxYzI0Ii8+PHBhdGggZD0iTTEwLjUsNmgtNUM1LjIsNiw1LDUuOCw1LDUuNVM1LjIsNSw1LjUsNWg1QzEwLjgsNSwxMSw1LjMsMTEsNS41UzEwLjgsNiwxMC41LDZ6IiBmaWxsPSIjZWQxYzI0Ii8+PHBhdGggZD0iTTEwLjUsOC41aC01QzUuMiw4LjUsNSw4LjMsNSw4czAuMi0wLjUsMC41LTAuNWg1QzEwLjgsNy41LDExLDcuOCwxMSw4UzEwLjgsOC41LDEwLjUsOC41eiIgZmlsbD0iI2VkMWMyNCIvPjwvc3ZnPg==); } .active > .ico.eyed, a:active > .ico.eyed, a:focus > .ico.eyed, a:hover > .ico.eyed, button:active > .ico.eyed, button:focus > .ico.eyed, button:hover > .ico.eyed, .ico:active.eyed, .ico:focus.eyed, .ico:hover.eyed { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsMTMuM2MtNS42LDAtNy45LTQuOS04LTUuMUMwLDguMSwwLDcuOSwwLDcuOGMwLjEtMC4yLDIuMy01LjEsOC01LjFjNS42LDAsNy45LDQuOSw4LDUuMUMxNiw3LjksMTYsOC4xLDE2LDguMiBDMTUuOSw4LjQsMTMuNiwxMy4zLDgsMTMuM3ogTTEuMSw4YzAuNSwwLjksMi41LDQuMyw2LjksNC4zYzQuNCwwLDYuNS0zLjQsNi45LTQuM0MxNC41LDcuMSwxMi40LDMuNyw4LDMuN0MzLjYsMy43LDEuNSw3LjEsMS4xLDh6IiBmaWxsPSIjZWQxYzI0Ii8+PHBhdGggZD0iTTgsMTEuMmMtMS44LDAtMy4yLTEuNC0zLjItMy4yUzYuMiw0LjgsOCw0LjhzMy4yLDEuNCwzLjIsMy4yUzkuOCwxMS4yLDgsMTEuMnogTTgsNS44Yy0xLjIsMC0yLjIsMS0yLjIsMi4yczEsMi4yLDIuMiwyLjIgczIuMi0xLDIuMi0yLjJTOS4yLDUuOCw4LDUuOHoiIGZpbGw9IiNlZDFjMjQiLz48L3N2Zz4=); } .active > .ico.gift, a:active > .ico.gift, a:focus > .ico.gift, a:hover > .ico.gift, button:active > .ico.gift, button:focus > .ico.gift, button:hover > .ico.gift, .ico:active.gift, .ico:focus.gift, .ico:hover.gift { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjksNC41aC0zYzAsMCwwLDAsMCwwYzAuNC0wLjQsMC43LTEsMC43LTEuN2MwLTAuNi0wLjItMS4yLTAuNy0xLjdjLTAuOS0wLjktMi41LTAuOS0zLjQsMEM4LjMsMS40LDguMSwxLjcsOCwyIEM3LjksMS43LDcuNywxLjQsNy41LDEuMkM2LjYsMC4zLDUsMC4zLDQuMSwxLjJjLTAuNCwwLjQtMC43LDEtMC43LDEuN2MwLDAuNiwwLjMsMS4yLDAuNywxLjdjMCwwLDAsMCwwLDBoLTNDMC41LDQuNSwwLDUsMCw1LjcgdjIuNWMwLDAuNiwwLjUsMS4xLDEuMSwxLjFoMC4xdjUuMWMwLDAuMywwLjEsMC42LDAuMywwLjhjMC4yLDAuMiwwLjUsMC4zLDAuOCwwLjNoMTEuMmMwLjMsMCwwLjYtMC4xLDAuOC0wLjMgYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC44VjkuM2gwLjFjMC42LDAsMS4xLTAuNSwxLjEtMS4xVjUuN0MxNiw1LDE1LjUsNC41LDE0LjksNC41eiBNOS4yLDEuOWMwLjMtMC4zLDAuNi0wLjQsMS0wLjQgYzAuNCwwLDAuNywwLjEsMSwwLjRzMC40LDAuNiwwLjQsMWMwLDAuNC0wLjEsMC43LTAuNCwxYy0wLjQsMC40LTEuNywwLjctMi43LDAuN0M4LjYsMy42LDguOCwyLjMsOS4yLDEuOXogTTQuOCwxLjkgYzAuMy0wLjMsMC42LTAuNCwxLTAuNGMwLjQsMCwwLjcsMC4xLDEsMC40YzAuNCwwLjQsMC43LDEuNywwLjcsMi43Yy0xLTAuMS0yLjItMC4zLTIuNy0wLjdjLTAuMy0wLjMtMC40LTAuNi0wLjQtMSBDNC40LDIuNSw0LjYsMi4xLDQuOCwxLjl6IE0xLDguMlY1LjdjMC0wLjEsMC4xLTAuMSwwLjEtMC4xaDYuNHYyLjhIMS4xQzEuMSw4LjMsMSw4LjIsMSw4LjJ6IE0yLjIsMTQuNFY5LjNoNS4ydjUuM0gyLjRMMi4yLDE0LjR6IE0xMy43LDE0LjRsLTAuMSwwLjFIOC41VjkuM2g1LjJWMTQuNHogTTE1LDguMmMwLDAuMS0wLjEsMC4xLTAuMSwwLjFIOC41VjUuNWg2LjRjMC4xLDAsMC4xLDAuMSwwLjEsMC4xVjguMnoiIGZpbGw9IiNlZDFjMjQiLz48L3N2Zz4=); } .active > .ico.depos, a:active > .ico.depos, a:focus > .ico.depos, a:hover > .ico.depos, button:active > .ico.depos, button:focus > .ico.depos, button:hover > .ico.depos, .ico:active.depos, .ico:focus.depos, .ico:hover.depos { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMi44LDE0LjFzMCwwLS4xLDBjLS4xLDAtLjMsMC0uNC0uMS0uMSwwLS4yLS4yLS4zLS4zLDAtLjEtLjEtLjItLjItLjQsMCwwLDAsMCwwLDBMMCw1LjhjMC0uMiwwLS40LDAtLjYsMC0uMi4yLS40LjMtLjUuMi0uMS4zLS4yLjUtLjIuMiwwLC40LDAsLjYsMGwzLjUsMS42LDIuMS0zLjdjMC0uMi4yLS4zLjQtLjQuMy0uMi43LS4yLDEuMSwwLC4yLDAsLjMuMi40LjRsMiwzLjcsMy42LTEuNWMuMiwwLC40LS4xLjYsMCwuMiwwLC40LjEuNS4yLjEuMS4zLjMuMy41LDAsLjIsMCwuNCwwLC42bC0xLjgsNy41YzAsLjEsMCwuMy0uMi40LDAsLjEtLjIuMi0uMy4zLS4xLDAtLjMuMS0uNC4xLS4yLDAtLjMsMC0uNCwwLTMuMi0uOS02LjYtLjktOS44LDAsMCwwLS4yLDAtLjMsMFpNOCwxMi40YzEuOCwwLDMuNS4yLDUuMi43bDEuOC03LjUtMy42LDEuNWMtLjIuMS0uNS4xLS44LDAtLjIsMC0uNS0uMy0uNi0uNWwtMi0zLjctMi4xLDMuN2MtLjEuMi0uMy40LS42LjUtLjIsMC0uNSwwLS44LDBsLTMuNS0xLjYsMS43LDcuNnMwLDAsMCwwYzEuNy0uNSwzLjUtLjcsNS4yLS43WiIgZmlsbD0iI0VEMUMyNCIvPjwvc3ZnPg==); } .active > .ico.group, a:active > .ico.group, a:focus > .ico.group, a:hover > .ico.group, button:active > .ico.group, button:focus > .ico.group, button:hover > .ico.group, .ico:active.group, .ico:focus.group, .ico:hover.group { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE1LjUsMTQuNmMtMC4zLDAtMC41LTAuMi0wLjUtMC41di0xLjRjMC0wLjUtMC4yLTEtMC41LTEuNHMtMC43LTAuNy0xLjItMC44Yy0wLjMtMC4xLTAuNC0wLjMtMC40LTAuNiBjMC4xLTAuMywwLjMtMC40LDAuNi0wLjRjMC43LDAuMiwxLjMsMC42LDEuNywxLjFzMC43LDEuMywwLjcsMnYxLjRDMTYsMTQuNCwxNS44LDE0LjYsMTUuNSwxNC42eiBNMTEuNCwxNC42IGMtMC4zLDAtMC41LTAuMi0wLjUtMC41di0xLjRjMC0wLjYtMC4yLTEuMi0wLjctMS42Yy0wLjQtMC40LTEtMC43LTEuNi0wLjdIMy4yYy0wLjYsMC0xLjIsMC4yLTEuNiwwLjdjLTAuNCwwLjQtMC43LDEtMC43LDEuNnYxLjQgYzAsMC4zLTAuMiwwLjUtMC41LDAuNVMwLDE0LjQsMCwxNC4xdi0xLjRjMC0wLjgsMC4zLTEuNywwLjktMi4zYzAuNi0wLjYsMS40LTAuOSwyLjMtMC45aDUuNWMwLjksMCwxLjcsMC4zLDIuMywwLjkgYzAuNiwwLjYsMC45LDEuNCwwLjksMi4zdjEuNEMxMS45LDE0LjQsMTEuNywxNC42LDExLjQsMTQuNnogTTYsNy44Yy0xLjgsMC0zLjItMS40LTMuMi0zLjJjMC0xLjgsMS40LTMuMiwzLjItMy4yczMuMiwxLjQsMy4yLDMuMiBDOS4yLDYuNCw3LjcsNy44LDYsNy44eiBNNiwyLjRjLTEuMiwwLTIuMiwxLTIuMiwyLjJzMSwyLjIsMi4yLDIuMnMyLjItMSwyLjItMi4yUzcuMiwyLjQsNiwyLjR6IE0xMC43LDcuN2MtMC4yLDAtMC40LTAuMS0wLjUtMC40IGMtMC4xLTAuMywwLjEtMC41LDAuNC0wLjZjMC41LTAuMSwwLjktMC40LDEuMi0wLjhjMC4zLTAuNCwwLjUtMC45LDAuNS0xLjRzLTAuMi0xLTAuNS0xLjRjLTAuMy0wLjQtMC43LTAuNy0xLjItMC44IGMtMC4zLTAuMS0wLjQtMC4zLTAuNC0wLjZjMC4xLTAuMywwLjMtMC40LDAuNi0wLjRjMC43LDAuMiwxLjMsMC42LDEuNywxLjFjMC40LDAuNiwwLjcsMS4zLDAuNywyUzEzLDYsMTIuNiw2LjYgYy0wLjQsMC42LTEuMSwxLTEuNywxLjFDMTAuOCw3LjcsMTAuOCw3LjcsMTAuNyw3Ljd6IiBmaWxsPSIjZWQxYzI0Ii8+PC9zdmc+); } .active > .ico.history, a:active > .ico.history, a:focus > .ico.history, a:hover > .ico.history, button:active > .ico.history, button:focus > .ico.history, button:hover > .ico.history, .ico:active.history, .ico:focus.history, .ico:hover.history { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsMEM1LjYsMCwzLjYsMSwyLjMsMkMxLjcsMi4zLDEuMywyLjcsMSwzVjEuMkMxLDEsMC44LDAuOCwwLjUsMC44QzAuMiwwLjgsMCwxLDAsMS4ydjMgYzAsMC4zLDAuMiwwLjUsMC41LDAuNWgyLjZjMC4zLDAsMC41LTAuMiwwLjUtMC41YzAtMC4zLTAuMi0wLjUtMC41LTAuNUgxLjZjMC4zLTAuMywwLjctMC42LDEuMi0xQzQuMSwxLjksNS45LDEsOCwxIGMyLjEsMCwzLjksMC43LDUuMSwxLjlTMTUsNS45LDE1LDhjMCwyLjEtMC43LDMuOS0xLjksNS4xUzEwLjEsMTUsOCwxNWMtNC4yLDAtNy0zLjUtNy03YzAtMC4zLTAuMi0wLjUtMC41LTAuNUMwLjIsNy41LDAsNy43LDAsOCBjMCw0LDMuMiw4LDgsOGMyLjQsMCw0LjQtMC44LDUuOC0yLjJDMTUuMiwxMi40LDE2LDEwLjQsMTYsOGMwLTIuNC0wLjgtNC40LTIuMi01LjhDMTIuNCwwLjgsMTAuNCwwLDgsMHogTTguNSw1IGMwLTAuMy0wLjItMC41LTAuNS0wLjVDNy43LDQuNSw3LjUsNC43LDcuNSw1djNjMCwwLjIsMC4xLDAuMywwLjIsMC40TDEwLDkuOWMwLjIsMC4xLDAuNSwwLjEsMC43LTAuMWMwLjEtMC4yLDAuMS0wLjUtMC4xLTAuNyBsLTItMS40VjV6IiBmaWxsPSIjZWQxYzI0Ii8+PC9zdmc+); } .active > .ico.logout, a:active > .ico.logout, a:focus > .ico.logout, a:hover > .ico.logout, button:active > .ico.logout, button:focus > .ico.logout, button:hover > .ico.logout, .ico:active.logout, .ico:focus.logout, .ico:hover.logout { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE2LDcuOEMxNiw3LjgsMTYsNy44LDE2LDcuOGMwLTAuMS0wLjEtMC4xLTAuMS0wLjJsLTMuNi0zLjZjLTAuMi0wLjItMC41LTAuMi0wLjcsMHMtMC4yLDAuNSwwLDAuN2wyLjcsMi43SDYgQzUuNyw3LjUsNS41LDcuNyw1LjUsOFM1LjcsOC41LDYsOC41aDguM2wtMi43LDIuN2MtMC4yLDAuMi0wLjIsMC41LDAsMC43YzAuMSwwLjEsMC4yLDAuMSwwLjQsMC4xczAuMywwLDAuNC0wLjFsMy42LTMuNiBDMTYsOC4yLDE2LDgsMTYsNy44eiIgZmlsbD0iI2VkMWMyNCIvPjxwYXRoIGQ9Ik02LDE1SDEuMmMwLDAtMC4xLDAtMC4xLTAuMWMwLDAtMC4xLTAuMS0wLjEtMC4xVjEuMmMwLDAsMC0wLjEsMC4xLTAuMVMxLjEsMSwxLjIsMUg2YzAuMywwLDAuNS0wLjIsMC41LTAuNVM2LjIsMCw2LDBIMS4yIEMwLjksMCwwLjYsMC4xLDAuMywwLjNDMC4xLDAuNiwwLDAuOSwwLDEuMnYxMy42YzAsMC4zLDAuMSwwLjYsMC4zLDAuOEMwLjYsMTUuOSwwLjksMTYsMS4yLDE2SDZjMC4zLDAsMC41LTAuMiwwLjUtMC41IFM2LjIsMTUsNiwxNXoiIGZpbGw9IiNlZDFjMjQiLz48L3N2Zz4=); } .active > .ico.saved, a:active > .ico.saved, a:focus > .ico.saved, a:hover > .ico.saved, button:active > .ico.saved, button:focus > .ico.saved, button:hover > .ico.saved, .ico:active.saved, .ico:focus.saved, .ico:hover.saved { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjksM2MwLTAuNC0wLjEtMC43LTAuMy0xLjFjLTAuMy0wLjUtMC43LTAuOS0xLjItMS4yYy0wLjMtMC4yLTAuNy0wLjItMS4xLTAuM2MtMC40LDAtMC44LDAtMS40LDBoMEg2LjFoMCBjLTAuNiwwLTEsMC0xLjQsMGMtMC40LDAtMC43LDAuMS0xLjEsMC4zQzMuMSwxLDIuNywxLjUsMi40LDJDMi4yLDIuMywyLjIsMi42LDIuMSwzYzAsMC40LDAsMC44LDAsMS40djBWMTVjMCwwLjIsMC4xLDAuNCwwLjMsMC41IGMwLjIsMC4xLDAuNCwwLjEsMC41LDBMOCwxMi44bDUuMSwyLjdjMC4yLDAuMSwwLjQsMC4xLDAuNSwwYzAuMi0wLjEsMC4zLTAuMywwLjMtMC41VjQuNXYwQzEzLjksMy45LDEzLjksMy40LDEzLjksM3ogTTEyLjgsMTQuMSBsLTQuNi0yLjRjLTAuMi0wLjEtMC4zLTAuMS0wLjUsMGwtNC42LDIuNFY0LjVjMC0wLjYsMC0xLDAtMS40YzAtMC4zLDAuMS0wLjUsMC4xLTAuN2MwLjItMC4zLDAuNC0wLjUsMC43LTAuNyBjMC4xLTAuMSwwLjMtMC4xLDAuNy0wLjFjMC4zLDAsMC44LDAsMS40LDBoMy45YzAuNiwwLDEsMCwxLjQsMGMwLjMsMCwwLjUsMC4xLDAuNywwLjFjMC4zLDAuMiwwLjUsMC40LDAuNywwLjcgYzAuMSwwLjEsMC4xLDAuMywwLjEsMC43YzAsMC4zLDAsMC44LDAsMS40VjE0LjF6IiBmaWxsPSIjZWQxYzI0Ii8+PC9zdmc+); } .active > .ico.menubar, a:active > .ico.menubar, a:focus > .ico.menubar, a:hover > .ico.menubar, button:active > .ico.menubar, button:focus > .ico.menubar, button:hover > .ico.menubar, .ico:active.menubar, .ico:focus.menubar, .ico:hover.menubar { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMCwzLjFjMC0wLjMsMC4zLTAuNiwwLjYtMC42aDE0LjhjMC4zLDAsMC42LDAuMywwLjYsMC42YzAsMC4zLTAuMywwLjYtMC42LDAuNkgwLjZDMC4zLDMuNywwLDMuNCwwLDMuMXogTTAsOCBjMC0wLjMsMC4zLTAuNiwwLjYtMC42aDYuNmMwLjMsMCwwLjYsMC4zLDAuNiwwLjZjMCwwLjMtMC4zLDAuNi0wLjYsMC42SDAuNkMwLjMsOC42LDAsOC4zLDAsOHogTTAuNiwxMi4zYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjYgczAuMywwLjYsMC42LDAuNmgxMC43YzAuMywwLDAuNi0wLjMsMC42LTAuNnMtMC4zLTAuNi0wLjYtMC42SDAuNnoiIGZpbGw9IiNFRDFDMjQiLz48L3N2Zz4=); } .active > .ico.search, a:active > .ico.search, a:focus > .ico.search, a:hover > .ico.search, button:active > .ico.search, button:focus > .ico.search, button:hover > .ico.search, .ico:active.search, .ico:focus.search, .ico:hover.search { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEuNCw3LjZjMC0zLjQsMi44LTYuMiw2LjItNi4yYzMuNCwwLDYuMiwyLjgsNi4yLDYuMnMtMi44LDYuMi02LjIsNi4yQzQuMiwxMy44LDEuNCwxMS4xLDEuNCw3LjZ6IE03LjYsMCBDMy40LDAsMCwzLjQsMCw3LjZjMCw0LjIsMy40LDcuNiw3LjYsNy42YzEuOSwwLDMuNi0wLjcsNC45LTEuOGwyLjMsMi4zYzAuMywwLjMsMC43LDAuMywxLDBjMC4zLTAuMywwLjMtMC43LDAtMWwtMi4zLTIuMyBjMS4xLTEuMywxLjgtMywxLjgtNC45QzE1LjIsMy40LDExLjgsMCw3LjYsMHoiIGZpbGw9IiNFRDFDMjQiLz48L3N2Zz4=); } .active > .ico.key, a:active > .ico.key, a:focus > .ico.key, a:hover > .ico.key, button:active > .ico.key, button:focus > .ico.key, button:hover > .ico.key, .ico:active.key, .ico:focus.key, .ico:hover.key { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQ5MiAxLjUwODAzQzEyLjQ4MTIgLTAuNTAyNjkxIDkuMjA5NTYgLTAuNTAyNjYgNy4xOTg4NCAxLjUwODAzQzUuODI1NTMgMi44ODEzNCA1LjM0ODY2IDQuOTA1NjggNS45NDMwNiA2Ljc0MTg3TDAuMTM3MzQ0IDEyLjU0NzZDMC4wNDk0MDYyIDEyLjYzNTUgMCAxMi43NTQ4IDAgMTIuODc5MVYxNS41MzEyQzAgMTUuNzkwMSAwLjIwOTkwNiAxNiAwLjQ2ODgxMiAxNkgzLjEyMDg3QzMuMjQ1MjUgMTYgMy4zNjQ0NCAxNS45NTA2IDMuNDUyNDEgMTUuODYyN0w0LjExNTUzIDE1LjE5OTVDNC4yMTY4MSAxNS4wOTgyIDQuMjY2MjUgMTQuOTU2MiA0LjI0OTY5IDE0LjgxMzlMNC4xNjY5NCAxNC4xMDE5TDUuMTUzOTQgMTQuMDA4OUM1LjM3ODA2IDEzLjk4NzcgNS41NTU1NiAxMy44MTAzIDUuNTc2NjkgMTMuNTg2Mkw1LjY2OTc4IDEyLjU5OUw2LjM4MTgxIDEyLjY4MThDNi41MTQ3NSAxMi42OTczIDYuNjQ3ODEgMTIuNjU1MiA2Ljc0Nzc1IDEyLjU2NjJDNi44NDc2MiAxMi40NzczIDYuOTA0NzggMTIuMzQ5OSA2LjkwNDc4IDEyLjIxNjFWMTEuMzQzSDcuNzYxOTdDNy44ODUzNyAxMS4zNDMgOC4wMDM3OCAxMS4yOTQ0IDguMDkxNTYgMTEuMjA3Nkw5LjI1NjMxIDEwLjA1NjNDMTEuMDkyOSAxMC42NTE3IDEzLjExODMgMTAuMTc0OSAxNC40OTIgOC44MDExMkMxNi41MDI3IDYuNzkwNDMgMTYuNTAyNyAzLjUxODcyIDE0LjQ5MiAxLjUwODAzWk0xMy44MjkgOC4xMzgxNUMxMi42NDU3IDkuMzIxNDMgMTAuODcwNyA5LjY5MDc4IDkuMzA3IDkuMDc5MjJDOS4xMzQ0NCA5LjAxMTc1IDguOTM4MzcgOS4wNTIxOSA4LjgwNjY1IDkuMTgyNEw3LjU2OTM3IDEwLjQwNTRINi40MzU5NEM2LjE3NzAzIDEwLjQwNTQgNS45NjcxMiAxMC42MTUzIDUuOTY3MTIgMTAuODc0MlYxMS42ODk2TDUuMzAyMTIgMTEuNjEyM0M1LjE3Njg0IDExLjU5NzggNS4wNTEwMyAxMS42MzQzIDQuOTUzIDExLjcxMzZDNC44NTUgMTEuNzkzIDQuNzkzMDYgMTEuOTA4NCA0Ljc4MTIyIDEyLjAzNEw0LjY3OTU2IDEzLjExMThMMy42MDE4NyAxMy4yMTMzQzMuNDc2MzEgMTMuMjI1MiAzLjM2MDg0IDEzLjI4NzEgMy4yODE0NyAxMy4zODUxQzMuMjAyMTIgMTMuNDgzMSAzLjE2NTU5IDEzLjYwOSAzLjE4MDE2IDEzLjczNDJMMy4yOTIwOSAxNC42OTY5TDIuOTI2NjYgMTUuMDYyNEgwLjkzNzU5NFYxMy4wNzM0TDYuODE1NjIgNy4xOTUzNEM2Ljk0NzMxIDcuMDYzNjUgNi45ODg1OSA2Ljg2NjUgNi45MjA3NSA2LjY5MzA2QzYuMzA5MTIgNS4xMjkzNyA2LjY3ODUzIDMuMzU0NDMgNy44NjE4MSAyLjE3MTA5QzkuNTA3IDAuNTI1OTY1IDEyLjE4MzggMC41MjU5NjUgMTMuODI4OSAyLjE3MTA5QzE1LjQ3NDEgMy44MTYxOCAxNS40NzQxIDYuNDkzMDMgMTMuODI5IDguMTM4MTVaIiBmaWxsPSIjRUQxQzI0Ii8+PHBhdGggZD0iTTEzLjE2NTkgMi44MzQxNEMxMi42MTc2IDIuMjg1NzQgMTEuNzI1MyAyLjI4NTc3IDExLjE3NjkgMi44MzQxNEMxMC42Mjg1IDMuMzgyNTIgMTAuNjI4NSA0LjI3NDggMTEuMTc2OSA0LjgyMzE4QzExLjcyNTMgNS4zNzE1NSAxMi42MTc2IDUuMzcxNjEgMTMuMTY1OSA0LjgyMzE4QzEzLjcxNDMgNC4yNzQ4IDEzLjcxNDMgMy4zODI1MiAxMy4xNjU5IDIuODM0MTRaTTEyLjUwMjkgNC4xNjAxOEMxMi4zMjAyIDQuMzQyOTYgMTIuMDIyOCA0LjM0Mjk5IDExLjgzOTkgNC4xNjAxOEMxMS42NTcyIDMuOTc3MzkgMTEuNjU3MiAzLjY3OTk5IDExLjgzOTkgMy40OTcxOEMxMi4wMjMyIDMuMzEzOTMgMTIuMzE5NyAzLjMxMzkzIDEyLjUwMjkgMy40OTcxOEMxMi42ODYyIDMuNjgwNDMgMTIuNjg2MiAzLjk3NjkzIDEyLjUwMjkgNC4xNjAxOFoiIGZpbGw9IiNFRDFDMjQiLz48L3N2Zz4=); } .info .ico.clip::before { margin-top: 4px; } img.ico { display: inline-block; max-height: 2em; vertical-align: middle; } button.nav-lnk { background: none; border: none; color: #2196f3; display: inline-block; margin: 10px 0; padding: 0; font-size: 1rem; font-weight: bold; } button.nav-lnk:active, button.nav-lnk:focus, button.nav-lnk:hover { color: #1565c0; } .btn, .quiz-over .qz-act { border-radius: 5px; color: #28262c; display: inline-block; margin: 10px; padding: 0.2em 1em; font-size: 1.125rem; font-weight: bold; line-height: 32px; text-align: center; } .btn:active, .quiz-over .qz-act:active, .btn:focus, .quiz-over .qz-act:focus, .btn:hover, .quiz-over .qz-act:hover { box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25); } .btn.major, .quiz-over .major.qz-act { background-image: linear-gradient(90deg, #971217 0%, #ed1c24 100%); border: none !important; color: #fff !important; transition: all ease 0.3s; } .btn.major:active, .quiz-over .major.qz-act:active, .btn.major:focus, .quiz-over .major.qz-act:focus, .btn.major:hover, .quiz-over .major.qz-act:hover { background-image: linear-gradient(90deg, #ed1c24 0%, #ed1c24 100%); } .btn.rnd, .quiz-over .rnd.qz-act { border-radius: 1.2em; color: #7a7a7a; line-height: 2em; padding: 0.2em 1.5em; text-transform: uppercase; } .btn.rnd:active, .quiz-over .rnd.qz-act:active, .btn.rnd:focus, .quiz-over .rnd.qz-act:focus, .btn.rnd:hover, .quiz-over .rnd.qz-act:hover { color: #28262c; } .btn[type=reset], .quiz-over [type=reset].qz-act, .btn[type=submit], .quiz-over [type=submit].qz-act, .btn.base, .quiz-over .base.qz-act, .btn.cancel, .quiz-over .cancel.qz-act, .btn.accept, .quiz-over .accept.qz-act, .btn.expect, .quiz-over .expect.qz-act { border: none; } .btn[type=reset], .quiz-over [type=reset].qz-act, .btn.cancel, .quiz-over .cancel.qz-act { background-color: #eaeaea; color: #7a7a7a; } .btn.cancel, .quiz-over .cancel.qz-act, .btn.accept, .quiz-over .accept.qz-act, .btn.expect, .quiz-over .expect.qz-act { min-width: 160px; } .btn[type=reset], .quiz-over [type=reset].qz-act, .btn.cancel, .quiz-over .cancel.qz-act { border: none; background-color: #eaeaea; color: #7a7a7a; } .btn[type=submit], .quiz-over [type=submit].qz-act, .btn.accept, .quiz-over .accept.qz-act { background-color: #2196f3; color: #fff; } .btn.expect, .quiz-over .expect.qz-act { border: none; background-color: #ed1c24; color: #fff !important; } .btn.min, .quiz-over .min.qz-act { font-size: 0.875rem; font-weight: normal; } .btn.base, .quiz-over .base.qz-act { background-color: #eaeaea; color: #7a7a7a; border: none; } .btn.prime, .quiz-over .prime.qz-act { background-color: #ed1c24; color: #fff; border: none; } .btn.media, .quiz-over .media.qz-act { background-color: #2196f3; color: #fff; border: none; } .btn.radio, .quiz-over .radio.qz-act { background-color: #6e25b0; color: #fff; border: none; } .btn.score, .quiz-over .score.qz-act { background-color: #4caf50; color: #fff; border: none; } .btn.voice, .quiz-over .voice.qz-act { background-color: #00bba0; color: #fff; border: none; } .btn.alert, .quiz-over .alert.qz-act { background-color: #fdd835; color: #28262c; border: none; } .btn.bdr, .quiz-over .bdr.qz-act { background: #fff; border: solid 1px #ed1c24; color: #ed1c24; text-transform: uppercase; } .btn.bdr:active, .quiz-over .bdr.qz-act:active, .btn.bdr:focus, .quiz-over .bdr.qz-act:focus, .btn.bdr:hover, .quiz-over .bdr.qz-act:hover { background-image: linear-gradient(90deg, #971217 0%, #ed1c24 100%); color: #fff !important; } .btn.fill, .quiz-over .fill.qz-act { display: block; } .alt-fld { display: block; position: relative; } .alt-fld span { border-radius: 3px; border: solid 1px #eaeaea; display: block; } .alt-fld span.pill { background-color: #f5f5f5; border: none; font-weight: bold; } .alt-fld input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; position: absolute; height: 0; width: 0; opacity: 0; overflow: hidden; } .alt-fld input:checked + span { background-color: #f5f8fd; border: solid 2px #2196f3; } .alt-fld input:checked + span.pill { background-color: #1565c0; border: none; color: #fff; } .alt-fld.invalid span, .alt-fld input:invalid + span { border-color: #ed1c24; } .rdo-fld { display: block; min-height: 24px; padding-left: 40px; font-size: 1rem; font-weight: normal; line-height: 1.5em; position: relative; } .rdo-fld input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #7a7a7a; border-radius: 50%; display: block; margin: -12px 0; height: 24px; width: 24px; position: absolute; top: 50%; left: 0; } .rdo-fld input:checked { border: solid 2px #2196f3; } .rdo-fld input:checked:checked::before { background-color: #2196f3; border-radius: 50%; content: ""; display: block; margin: -7px; height: 14px; width: 14px; position: absolute; top: 50%; left: 50%; } .rdo-fld.invalid input, .rdo-fld input:invalid { border-color: #ed1c24; } .txt-fld, .dte-range, .dte-fld { color: #7a7a7a; cursor: text; display: block; margin: 10px 0; padding: 0; font-weight: bold; min-height: 40px; position: relative; } .txt-fld span, .dte-range span, .dte-fld span { display: block; margin: 0; padding: 0.5em; font-size: 1rem; font-weight: normal; position: relative; z-index: 3; } .txt-fld span.hide, .dte-range span.hide, .dte-fld span.hide { display: block !important; opacity: 0; z-index: 0; } .txt-fld input, .dte-range input, .dte-fld input, .txt-fld input + span, .dte-range input + span, .dte-fld input + span { padding: 0 0.5em; line-height: 40px; } .txt-fld input, .dte-range input, .dte-fld input, .txt-fld textarea, .dte-range textarea, .dte-fld textarea { background: transparent; display: block; margin: 0; padding: 0.2em 0.5em; position: absolute; top: 0; height: 100%; width: 100%; z-index: 2; } .txt-fld input:active + span, .dte-range input:active + span, .dte-fld input:active + span, .txt-fld input:focus + span, .dte-range input:focus + span, .dte-fld input:focus + span, .txt-fld textarea:active + span, .dte-range textarea:active + span, .dte-fld textarea:active + span, .txt-fld textarea:focus + span, .dte-range textarea:focus + span, .dte-fld textarea:focus + span { opacity: 0; z-index: 0; } .txt-fld.drk, .drk.dte-range, .drk.dte-fld { border-radius: 3px; background-color: #f5f5f5; color: #28262c; } .txt-fld.drk input, .drk.dte-range input, .drk.dte-fld input { border: none !important; } .txt-fld.min span, .min.dte-range span, .min.dte-fld span, .txt-fld.min input, .min.dte-range input, .min.dte-fld input { font-size: 0.875rem; } .txt-fld.big, .big.dte-range, .big.dte-fld { margin: 0; min-height: 56px; } .txt-fld.big span, .big.dte-range span, .big.dte-fld span, .txt-fld.big input, .big.dte-range input, .big.dte-fld input, .txt-fld.big textarea, .big.dte-range textarea, .big.dte-fld textarea { padding: 12px; } .txt-fld.big input, .big.dte-range input, .big.dte-fld input, .txt-fld.big input + span, .big.dte-range input + span, .big.dte-fld input + span { padding: 0 12px; line-height: 56px; } .upl-fld { cursor: pointer; display: block; margin: 10px 0; padding: 0; position: relative; } .upl-fld input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; overflow: hidden; height: 0; width: 0; visibility: hidden; } .upl-fld span { display: block; } .sel-fld { color: #7a7a7a; display: block; margin: 10px 0; padding: 0; min-height: 40px; position: relative; } .sel-fld label { color: #7a7a7a; cursor: text; display: block; margin: 0; padding: 0; font-weight: bold; min-height: 40px; width: 100%; position: relative; } .sel-fld label::before { border-bottom: solid 1px #7a7a7a; border-right: solid 1px #7a7a7a; content: ""; display: block; margin-top: -5px; height: 12px; width: 12px; position: absolute; top: 50%; right: 20px; transform: rotate(45deg) translate(0, -50%); z-index: 2; } .sel-fld label input, .sel-fld label span { padding: 0 0.5em; line-height: 40px; } .sel-fld label input { background: #fff !important; border-color: #eaeaea !important; display: block; margin: 0; padding: 0 0.5em; position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; } .sel-fld label input:active, .sel-fld label input:focus { border-color: #28262c !important; z-index: 3; } .sel-fld label input:active ~ span, .sel-fld label input:focus ~ span { opacity: 0; z-index: 0; } .sel-fld label span { display: block; margin: 0; font-size: 1rem; font-weight: normal; position: relative; z-index: 2; } .sel-fld select { display: none; } .sel-fld .sel-opts { background: #fff; border-radius: 3px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); display: block; margin: 0; padding: 0 0.5em; overflow-y: auto; position: absolute; top: 100%; left: 0; height: 0; width: 100%; max-height: 280px; z-index: 5; } .sel-fld .sel-opts li { border-bottom: solid 1px #eaeaea; display: block; } .sel-fld .sel-opts button { background: none; border: none; display: block; margin: 0; line-height: 40px; height: 40px; width: 100%; text-align: left; } .sel-fld .sel-opts button:active, .sel-fld .sel-opts button:focus, .sel-fld .sel-opts button:hover { background-color: #f5f5f5; } .sel-fld .sel-opts button.active { color: #ed1c24; font-weight: bold; } .sel-fld input:active ~ .sel-opts, .sel-fld input:focus ~ .sel-opts { border: solid 1px #eaeaea; height: auto; } .sel-fld.big { margin: 0; } .sel-fld.big label { min-height: 56px; } .sel-fld.big label input, .sel-fld.big label span { padding: 0 12px; line-height: 56px; } .sel-fld.big .sel-opts button { line-height: 56px; height: 56px; } .fld-box { display: block; margin: 0.3em 0.7em; } .fld-box > *:only-child { display: block; margin: 0; width: 100%; } .err-fld { font-size: 0.875rem; font-weight: 300; color: #ed1c24; } .switch { display: inline-block; margin: 0; padding: 0; line-height: 20px; height: 20px; width: 36px; position: relative; } .switch input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #7a7a7a; border: none; border-radius: 10px; display: block; margin: 0; padding: 0; line-height: 20px; height: 20px; width: 36px; position: absolute; top: 0; left: 0; } .switch input:active, .switch input:focus, .switch input:hover { border: none; } .switch input::before { background-color: #fff; border: solid 1px #7a7a7a; box-sizing: border-box; border-radius: 10px; content: ""; display: block; margin: 0; padding: 0; height: 20px; width: 20px; position: absolute; top: 0; left: 0; z-index: 5; transition: all ease 0.3s; } .switch input:checked { background-color: #2196f3; } .switch input:checked:before { border-color: #2196f3; left: unset; right: 0; } .switch.invalid input, .switch input:invalid { background-color: #ed1c24; } .tbl-form { width: 100%; } .tbl-form, .tbl-form td, .tbl-form th { border: none; } .tbl-form td, .tbl-form th { font-size: 1rem; font-weight: normal; padding: 10px; vertical-align: middle; } .tbl-form th { width: 15%; color: #7a7a7a; text-align: left; } .tbl-form td { width: 85%; } .dte-fld { position: relative; } .dte-fld::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMSw4LjRjLTAuNCwwLTAuNywwLjMtMC43LDAuN3MwLjMsMC43LDAuNywwLjdjMC40LDAsMC43LTAuMywwLjctMC43UzUuNSw4LjQsNS4xLDguNHoiLz48cGF0aCBkPSJNOCw4LjRjLTAuNCwwLTAuNywwLjMtMC43LDAuN1M3LjYsOS44LDgsOS44czAuNy0wLjMsMC43LTAuN1M4LjQsOC40LDgsOC40eiIvPjxwYXRoIGQ9Ik01LjEsMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdDNS44LDExLjYsNS41LDExLjIsNS4xLDExLjJ6Ii8+PHBhdGggZD0iTTgsMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN3MwLjctMC4zLDAuNy0wLjdDOC43LDExLjYsOC40LDExLjIsOCwxMS4yeiIvPjxwYXRoIGQ9Ik0xNS42LDQuNGMwLTAuNi0wLjItMS4xLTAuNC0xLjVjLTAuNC0wLjctMS0xLjMtMS43LTEuN2MtMC40LTAuMi0wLjktMC4zLTEuNS0wLjRjLTAuMiwwLTAuNCwwLTAuNywwVjAuNCBjMC0wLjItMC4yLTAuNC0wLjQtMC40cy0wLjQsMC4yLTAuNCwwLjR2MC4zYy0wLjIsMC0wLjUsMC0wLjgsMGgwSDYuM2gwYy0wLjMsMC0wLjUsMC0wLjgsMFYwLjRDNS41LDAuMiw1LjQsMCw1LjEsMCBTNC43LDAuMiw0LjcsMC40djAuM2MtMC4yLDAtMC41LDAtMC43LDBjLTAuNiwwLTEuMSwwLjItMS41LDAuNGMtMC43LDAuNC0xLjMsMS0xLjcsMS43QzAuNiwzLjMsMC41LDMuOCwwLjQsNC40YzAsMC42LDAsMS4zLDAsMi4zIHYwVjEwdjBjMCwxLDAsMS43LDAsMi4zYzAsMC42LDAuMiwxLjEsMC40LDEuNWMwLjQsMC43LDEsMS4zLDEuNywxLjdDMi45LDE1LjgsMy40LDE1LjksNCwxNmMwLjYsMCwxLjMsMCwyLjMsMGgwaDBoMGgwaDMuM2gwaDBoMCBoMGMxLDAsMS43LDAsMi4zLDBjMC42LDAsMS4xLTAuMiwxLjUtMC40YzAuNy0wLjQsMS4zLTEsMS43LTEuN2MwLjItMC40LDAuMy0wLjksMC40LTEuNWMwLTAuNiwwLTEuMywwLTIuM3YwdjB2MHYwVjYuN3YwdjB2MHYwIEMxNS42LDUuNywxNS42LDUsMTUuNiw0LjR6IE0xNC44LDEwYzAsMSwwLDEuNywwLDIuMmMwLDAuNi0wLjEsMC45LTAuMywxLjJjLTAuMywwLjYtMC44LDEtMS4zLDEuM2MtMC4zLDAuMi0wLjcsMC4yLTEuMiwwLjMgYy0wLjYsMC0xLjMsMC0yLjIsMEg2LjNjLTEsMC0xLjcsMC0yLjIsMGMtMC42LDAtMC45LTAuMS0xLjItMC4zYy0wLjYtMC4zLTEtMC44LTEuMy0xLjNjLTAuMi0wLjMtMC4yLTAuNy0wLjMtMS4yIGMwLTAuNiwwLTEuMywwLTIuMlY2LjdjMC0xLDAtMS43LDAtMi4yYzAtMC42LDAuMS0wLjksMC4zLTEuMmMwLjMtMC42LDAuOC0xLDEuMy0xLjNjMC4zLTAuMiwwLjctMC4yLDEuMi0wLjNjMC4yLDAsMC40LDAsMC42LDB2MSBDNC43LDIuOCw0LjksMyw1LjEsM3MwLjQtMC4yLDAuNC0wLjR2LTFjMC4yLDAsMC41LDAsMC44LDBoMy4zYzAuMywwLDAuNSwwLDAuOCwwdjFjMCwwLjIsMC4yLDAuNCwwLjQsMC40czAuNC0wLjIsMC40LTAuNHYtMSBjMC4yLDAsMC40LDAsMC42LDBjMC42LDAsMC45LDAuMSwxLjIsMC4zYzAuNiwwLjMsMSwwLjgsMS4zLDEuM2MwLjIsMC4zLDAuMiwwLjcsMC4zLDEuMmMwLDAuNiwwLDEuMywwLDIuMlYxMHoiLz48cGF0aCBkPSJNMTEuNiw1SDQuNEM0LjIsNSw0LDUuMiw0LDUuNXMwLjIsMC40LDAuNCwwLjRoNy4yYzAuMiwwLDAuNC0wLjIsMC40LTAuNFMxMS44LDUsMTEuNiw1eiIvPjxwYXRoIGQ9Ik0xMC45LDguNGMtMC40LDAtMC43LDAuMy0wLjcsMC43czAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdTMTEuMyw4LjQsMTAuOSw4LjR6Ii8+PHBhdGggZD0iTTEwLjksMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdDMTEuNiwxMS42LDExLjMsMTEuMiwxMC45LDExLjJ6Ii8+PC9zdmc+) center no-repeat; background-size: 20px; content: ""; display: block; margin: 0; padding: 0; opacity: 0.25; height: 100%; width: 40px; position: absolute; top: 0; right: 0; z-index: 5; } .dte-fld:active:before, .dte-fld:focus:before, .dte-fld:hover:before { opacity: 0.75; } .dte-range { position: relative; } .dte-range input, .dte-range input + span { padding-left: 40px; padding-right: 30px; } .dte-range::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMSw4LjRjLTAuNCwwLTAuNywwLjMtMC43LDAuN3MwLjMsMC43LDAuNywwLjdjMC40LDAsMC43LTAuMywwLjctMC43UzUuNSw4LjQsNS4xLDguNHoiLz48cGF0aCBkPSJNOCw4LjRjLTAuNCwwLTAuNywwLjMtMC43LDAuN1M3LjYsOS44LDgsOS44czAuNy0wLjMsMC43LTAuN1M4LjQsOC40LDgsOC40eiIvPjxwYXRoIGQ9Ik01LjEsMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdDNS44LDExLjYsNS41LDExLjIsNS4xLDExLjJ6Ii8+PHBhdGggZD0iTTgsMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN3MwLjctMC4zLDAuNy0wLjdDOC43LDExLjYsOC40LDExLjIsOCwxMS4yeiIvPjxwYXRoIGQ9Ik0xNS42LDQuNGMwLTAuNi0wLjItMS4xLTAuNC0xLjVjLTAuNC0wLjctMS0xLjMtMS43LTEuN2MtMC40LTAuMi0wLjktMC4zLTEuNS0wLjRjLTAuMiwwLTAuNCwwLTAuNywwVjAuNCBjMC0wLjItMC4yLTAuNC0wLjQtMC40cy0wLjQsMC4yLTAuNCwwLjR2MC4zYy0wLjIsMC0wLjUsMC0wLjgsMGgwSDYuM2gwYy0wLjMsMC0wLjUsMC0wLjgsMFYwLjRDNS41LDAuMiw1LjQsMCw1LjEsMCBTNC43LDAuMiw0LjcsMC40djAuM2MtMC4yLDAtMC41LDAtMC43LDBjLTAuNiwwLTEuMSwwLjItMS41LDAuNGMtMC43LDAuNC0xLjMsMS0xLjcsMS43QzAuNiwzLjMsMC41LDMuOCwwLjQsNC40YzAsMC42LDAsMS4zLDAsMi4zIHYwVjEwdjBjMCwxLDAsMS43LDAsMi4zYzAsMC42LDAuMiwxLjEsMC40LDEuNWMwLjQsMC43LDEsMS4zLDEuNywxLjdDMi45LDE1LjgsMy40LDE1LjksNCwxNmMwLjYsMCwxLjMsMCwyLjMsMGgwaDBoMGgwaDMuM2gwaDBoMCBoMGMxLDAsMS43LDAsMi4zLDBjMC42LDAsMS4xLTAuMiwxLjUtMC40YzAuNy0wLjQsMS4zLTEsMS43LTEuN2MwLjItMC40LDAuMy0wLjksMC40LTEuNWMwLTAuNiwwLTEuMywwLTIuM3YwdjB2MHYwVjYuN3YwdjB2MHYwIEMxNS42LDUuNywxNS42LDUsMTUuNiw0LjR6IE0xNC44LDEwYzAsMSwwLDEuNywwLDIuMmMwLDAuNi0wLjEsMC45LTAuMywxLjJjLTAuMywwLjYtMC44LDEtMS4zLDEuM2MtMC4zLDAuMi0wLjcsMC4yLTEuMiwwLjMgYy0wLjYsMC0xLjMsMC0yLjIsMEg2LjNjLTEsMC0xLjcsMC0yLjIsMGMtMC42LDAtMC45LTAuMS0xLjItMC4zYy0wLjYtMC4zLTEtMC44LTEuMy0xLjNjLTAuMi0wLjMtMC4yLTAuNy0wLjMtMS4yIGMwLTAuNiwwLTEuMywwLTIuMlY2LjdjMC0xLDAtMS43LDAtMi4yYzAtMC42LDAuMS0wLjksMC4zLTEuMmMwLjMtMC42LDAuOC0xLDEuMy0xLjNjMC4zLTAuMiwwLjctMC4yLDEuMi0wLjNjMC4yLDAsMC40LDAsMC42LDB2MSBDNC43LDIuOCw0LjksMyw1LjEsM3MwLjQtMC4yLDAuNC0wLjR2LTFjMC4yLDAsMC41LDAsMC44LDBoMy4zYzAuMywwLDAuNSwwLDAuOCwwdjFjMCwwLjIsMC4yLDAuNCwwLjQsMC40czAuNC0wLjIsMC40LTAuNHYtMSBjMC4yLDAsMC40LDAsMC42LDBjMC42LDAsMC45LDAuMSwxLjIsMC4zYzAuNiwwLjMsMSwwLjgsMS4zLDEuM2MwLjIsMC4zLDAuMiwwLjcsMC4zLDEuMmMwLDAuNiwwLDEuMywwLDIuMlYxMHoiLz48cGF0aCBkPSJNMTEuNiw1SDQuNEM0LjIsNSw0LDUuMiw0LDUuNXMwLjIsMC40LDAuNCwwLjRoNy4yYzAuMiwwLDAuNC0wLjIsMC40LTAuNFMxMS44LDUsMTEuNiw1eiIvPjxwYXRoIGQ9Ik0xMC45LDguNGMtMC40LDAtMC43LDAuMy0wLjcsMC43czAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdTMTEuMyw4LjQsMTAuOSw4LjR6Ii8+PHBhdGggZD0iTTEwLjksMTEuMmMtMC40LDAtMC43LDAuMy0wLjcsMC43YzAsMC40LDAuMywwLjcsMC43LDAuN2MwLjQsMCwwLjctMC4zLDAuNy0wLjdDMTEuNiwxMS42LDExLjMsMTEuMiwxMC45LDExLjJ6Ii8+PC9zdmc+) center no-repeat; background-size: 20px; opacity: 0.5; height: 100%; width: 40px; position: absolute; top: 0; left: 0; z-index: 5; } .dte-range::after { border-bottom: solid 1px #28262c; border-right: solid 1px #28262c; margin-top: -2px; opacity: 0.5; height: 8px; width: 8px; position: absolute; top: 50%; right: 14px; transform: rotate(45deg) translate(0, -50%); z-index: 5; } .dte-picker { background: #fff; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1); display: block; margin: 0; padding: 15px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; } .dte-picker .dte-cap { display: block; margin-bottom: 20px; font-size: 1.25rem; font-weight: bold; line-height: 30px; height: 30px; } .dte-picker .dte-cap .ico { opacity: 0.25; height: 30px; width: 30px; } .dte-picker .dte-cap .ico:active, .dte-picker .dte-cap .ico:focus, .dte-picker .dte-cap .ico:hover { background-color: #eaeaea; opacity: 0.75; } .dte-picker .dte-cal { border: none; margin: 20px 0; padding: 0; line-height: 30px; } .dte-picker .dte-cal th, .dte-picker .dte-cal td { border: none; padding: 5px; min-width: 40px; min-height: 40px; text-align: center; } .dte-picker .dte-cal th { color: #7a7a7a; font-size: 0.9em; font-weight: 600; text-transform: uppercase; } .dte-picker .dte-cal td { font-size: 1.125rem; } .dte-picker .dte-cal .old, .dte-picker .dte-cal .nwd { background-color: #f5f5f5; color: #7a7a7a; } .dte-picker .dte-cal .wkd, .dte-picker .dte-cal .wke { color: #ed1c24 !important; } .dte-picker .dte-cal .now { border-radius: 50%; background-color: #f5f8fd; color: #2196f3; font-weight: 600; } .dte-picker .dte-cal .sel, .dte-picker .dte-cal .ran { background-color: #fffde7 !important; color: #7a3f0b !important; font-weight: bold; } .dte-picker .dte-cal .sel { border-radius: 50%; } .dte-picker .dte-cal .ran { border-radius: 0; } .dte-picker .dte-cal .ran.fst { background-color: #fff9c4 !important; border-radius: 50% 0 0 50%; } .dte-picker .dte-cal .ran.lst, .dte-picker .dte-cal .board .ran.news-lst, .dte-picker .dte-cal .board .ran.news-strm, .board .dte-picker .dte-cal .ran.news-lst, .board .dte-picker .dte-cal .ran.news-strm, .dte-picker .dte-cal .cataloger .cata-opts ul.ran, .cataloger .cata-opts .dte-picker .dte-cal ul.ran { background-color: #fff9c4 !important; border-radius: 0 50% 50% 0; } .dte-picker .dte-msg { border-radius: 3px; background-color: #f5f5f5; color: #7a7a7a; display: block; margin: 0 -10px; padding: 5px 0; font-size: 0.875rem; } .dte-picker .dte-act { display: block; margin-top: 20px; } .dte-picker .dte-act .btn, .dte-picker .dte-act .quiz-over .qz-act, .quiz-over .dte-picker .dte-act .qz-act { font-size: 1rem; min-width: 90px; margin: 0 5px; } .fld-nl button, .fld-nl input, .fld-nl .btn, .fld-nl .quiz-over .qz-act, .quiz-over .fld-nl .qz-act { line-height: 38px; vertical-align: middle; } .fld-nl input { line-height: 36px; } @media only screen and (max-width: 1023.9px) { .fld-nl { padding: 5px 0; text-align: right; } .fld-nl button, .fld-nl input, .fld-nl .btn, .fld-nl .quiz-over .qz-act, .quiz-over .fld-nl .qz-act { margin: 5px 0; padding: 0 15px; } .fld-nl input { width: 100%; } } @media only screen and (min-width: 1024px) { .fld-nl { display: flex; flex-wrap: wrap; padding: 15px 0; } .fld-nl button, .fld-nl input, .fld-nl .btn, .fld-nl .quiz-over .qz-act, .quiz-over .fld-nl .qz-act { margin: 0; padding: 0 20px; } .fld-nl input { flex: 1; } .fld-nl input + .btn, .fld-nl .quiz-over input + .qz-act, .quiz-over .fld-nl input + .qz-act, .fld-nl input + button, .fld-nl input + input { margin-left: 20px; } } header, header .cont-wrap, footer, footer .cont-wrap { position: relative; } header .cont-wrap { position: relative; } header .cont-wrap .ico.bell { background-size: 28px; display: block; height: 40px; width: 40px; position: absolute; top: 10px; right: 50px; } header .cont-wrap .ico.bell:active, header .cont-wrap .ico.bell:focus, header .cont-wrap .ico.bell:hover { opacity: 1; } .mmnu-nav { position: absolute; top: 10px; left: 10px; } .mmnu-nav .ico { background-size: 20px; display: block; height: 40px; width: 40px; } .mmnu-nav .ico:active, .mmnu-nav .ico:focus, .mmnu-nav .ico:hover { opacity: 1; } .mmnu-nav .ico.mnu-sch { background-position: 30% 40%; opacity: 1; } .mmnu-nav .ico.mmnu-closer { z-index: 9999; } .logo { background: url(https://bongdaplus.vn//img/logo-daily.png) center no-repeat; background-size: contain; display: block; margin: 15px auto; width: 325px; height: 90px; } .logo.premium { background-image: url(https://bongdaplus.vn//img/logo-premium.png); } .nav-menu { display: block; position: sticky; top: 0; width: 100%; z-index: 1000; } .menu-stub { line-height: 20px; height: 20px; position: relative; } .menu-stub .today { font-size: 0.75rem; font-weight: 300; } .menu-stub .ico { background-size: 20px; opacity: 0.5; display: block; height: 40px; width: 40px; } .menu-stub .ico:active, .menu-stub .ico:focus, .menu-stub .ico:hover { opacity: 1; } .menu-stub .ico.search { margin: -10px 0 -10px -10px; } .menu-stub .mmnu-trigger, .menu-stub .mmnu-closer { position: absolute; top: -44px; left: 0; z-index: 10001; } .menu-bar { background: #fff; border-bottom: solid 1px rgba(122, 122, 122, 0.25); font-size: 16px; font-weight: bold; line-height: 40px; height: 41px; } .menu-bar .cont-wrap { position: relative; } .menu-bar a { padding: 0 10px; } .menu-bar a.active { color: #ed1c24; } .menu-bar .ico.home { background-size: 20px; display: inline-block; margin: 0; padding: 0; height: 40px; width: 40px; vertical-align: middle; } .menu-bar .menu-side, .menu-bar .menu-nav { display: block; } .menu-bar .menu-nav { margin: 0; padding: 0 40px 0 0; overflow: hidden; position: relative; } .menu-bar .menu-nav .ico.home { display: block; float: left; } .menu-bar .menu-nav .nav, .menu-bar .menu-nav .tabber .tab-lst ul, .tabber .tab-lst .menu-bar .menu-nav ul { margin-left: 40px; overflow-x: auto; } .menu-bar .menu-nav .nav li, .menu-bar .menu-nav .tabber .tab-lst ul li, .tabber .tab-lst .menu-bar .menu-nav ul li { padding-right: 8px; } .menu-bar .drop-down { width: 180px; } .menu-bar .drop-down li a { font-weight: normal; } .menu-bar .srch-bar { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEuNCw3LjZjMC0zLjQsMi44LTYuMiw2LjItNi4yYzMuNCwwLDYuMiwyLjgsNi4yLDYuMnMtMi44LDYuMi02LjIsNi4yQzQuMiwxMy44LDEuNCwxMS4xLDEuNCw3LjZ6IE03LjYsMCBDMy40LDAsMCwzLjQsMCw3LjZjMCw0LjIsMy40LDcuNiw3LjYsNy42YzEuOSwwLDMuNi0wLjcsNC45LTEuOGwyLjMsMi4zYzAuMywwLjMsMC43LDAuMywxLDBjMC4zLTAuMywwLjMtMC43LDAtMWwtMi4zLTIuMyBjMS4xLTEuMywxLjgtMywxLjgtNC45QzE1LjIsMy40LDExLjgsMCw3LjYsMHoiLz48L3N2Zz4=) center no-repeat; background-size: 20px; border: solid 1px transparent; display: block; margin: 0; padding: 0; overflow: hidden; position: absolute; top: 0; right: 0; height: 40px; width: 40px; transition: all ease 0.3s; } .menu-bar .srch-bar .ico { display: none; opacity: 0.25; height: 38px; width: 38px; position: absolute; top: 0; right: 0; } .menu-bar .srch-bar .ico:active, .menu-bar .srch-bar .ico:focus, .menu-bar .srch-bar .ico:hover { opacity: 1; } .menu-bar .srch-bar .srch-form { background: none; border: none; width: 100%; } .menu-bar .srch-bar .srch-form, .menu-bar .srch-bar .srch-form input { display: block; margin: 0; padding: 0; line-height: 38px; height: 38px; } .menu-bar .srch-bar .srch-form input { background: transparent !important; border: none !important; opacity: 0; width: 100%; } .menu-bar .srch-bar.active { background-position: 10px 50%; background-color: #f5f5f5; border: solid 1px #7a7a7a; padding-left: 40px; width: 100%; } .menu-bar .srch-bar.active .ico { display: block; } .menu-bar .srch-bar.active input { opacity: 1; padding-right: 10px; } .menu-bar .srch-bar.active input:has(:value) { background-color: #fff !important; } .menu-bar .sepr { background-color: #7a7a7a; display: inline-block; margin: 10px 0; padding: 0; height: 20px; width: 1px; vertical-align: middle; } .menu-bar.premium { background-color: #ed1c24; } .menu-bar.premium a { color: #fff; } .menu-bar.premium a:active, .menu-bar.premium a:focus, .menu-bar.premium a:hover { background-color: rgba(255, 255, 255, 0.25); color: #fff !important; } .menu-bar.premium .ico.home { background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LDEuNGMtLjYtLjItMS4zLS4yLTIsMC0uMywwLS43LjMtMS4xLjYtLjUuMy0xLC44LTEuOCwxLjRsLS4zLjNjLS45LjgtMS4zLDEuMS0xLjYsMS40LS4zLjQtLjUuOC0uNiwxLjMtLjEuNC0uMS45LS4xLDIuMXYzLjJjMCwxLjYsMS4zLDMsMywzcy44LS40LjgtLjh2LTIuOWMwLTEuNiwxLjMtMi44LDIuOC0yLjhzMi44LDEuMywyLjgsMi44djIuOWMwLC40LjQuOC44LjgsMS42LDAsMy0xLjMsMy0zdi0zLjJjMC0xLjIsMC0xLjctLjEtMi4xLS4xLS41LS4zLS45LS42LTEuMy0uMy0uNC0uNy0uNy0xLjYtMS40bC0uMy0uM2MtLjgtLjYtMS4zLTEuMS0xLjgtMS40LS41LS4zLS44LS41LTEuMS0uNlpNNi43LjJjLjktLjIsMS44LS4yLDIuNywwLC41LjEsMSwuNCwxLjUuOC41LjQsMS4xLjgsMS45LDEuNGgwcy4zLjMuMy4zYzAsMCwwLDAsMCwwLC44LjcsMS40LDEuMSwxLjgsMS42LjQuNS43LDEuMS44LDEuNy4yLjYuMiwxLjMuMiwyLjRoMHYzLjNjMCwyLjQtMS45LDQuMy00LjMsNC4zcy0yLjEtLjktMi4xLTIuMXYtMi45YzAtLjgtLjctMS41LTEuNS0xLjVzLTEuNS43LTEuNSwxLjV2Mi45YzAsMS4yLS45LDIuMS0yLjEsMi4xQzIsMTYsLjEsMTQuMS4xLDExLjd2LTMuMnMwLDAsMCwwYzAtMS4xLDAtMS44LjItMi40LjItLjYuNC0xLjIuOC0xLjcuNC0uNS45LS45LDEuOC0xLjYsMCwwLDAsMCwwLDBsLjMtLjNoMGMuOC0uNiwxLjQtMS4xLDEuOS0xLjUuNS0uNCwxLS42LDEuNS0uOFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); } .menu-bar.premium .srch-bar:not(.active) { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEuNCw3LjZjMC0zLjQsMi44LTYuMiw2LjItNi4yYzMuNCwwLDYuMiwyLjgsNi4yLDYuMnMtMi44LDYuMi02LjIsNi4yQzQuMiwxMy44LDEuNCwxMS4xLDEuNCw3LjZ6IE03LjYsMCBDMy40LDAsMCwzLjQsMCw3LjZjMCw0LjIsMy40LDcuNiw3LjYsNy42YzEuOSwwLDMuNi0wLjcsNC45LTEuOGwyLjMsMi4zYzAuMywwLjMsMC43LDAuMywxLDBjMC4zLTAuMywwLjMtMC43LDAtMWwtMi4zLTIuMyBjMS4xLTEuMywxLjgtMywxLjgtNC45QzE1LjIsMy40LDExLjgsMCw3LjYsMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); } .menu-bar.premium .srch-bar.active { background-color: #fac1c3; border-color: #ed1c24; color: #fff; } .menu-bar.premium .sepr { background-color: rgba(255, 255, 255, 0.5); } .menu-bar.premium .drop-down li a { color: #28262c; } .menu-bar.premium .drop-down li a:active, .menu-bar.premium .drop-down li a:focus, .menu-bar.premium .drop-down li a:hover { color: #ed1c24 !important; } .menu-tags { background-color: #f5f5f5; color: #28262c; flex-flow: column nowrap; line-height: 39px; height: 39px; } .menu-tags .today { border-right: solid 1px rgba(122, 122, 122, 0.25); display: block; float: left; margin: 9px 0; flex: 0 0 auto; line-height: 21px; height: 21px; padding: 0 10px; width: 168px; } .menu-tags .mtags { display: block; margin-left: 170px; overflow-x: auto; white-space: nowrap; } .menu-tags .mtags a { color: currentColor; display: inline-block; padding: 0 5px; } .mob-menu { display: none; } .mega-menu { background: #fff; display: none; position: sticky; top: 90px; overflow-y: auto; max-height: calc(100vh - 90px); width: 100%; z-index: 1000; } .mega-menu .menu-row { border-bottom: solid 1px #eaeaea; padding: 20px 0; } .mega-menu .caption { color: #ed1c24; font-size: 1.25rem; font-weight: 800; } .mega-menu .bar > li, .mega-menu header.min .nav-bar ul > li, header.min .nav-bar .mega-menu ul > li { width: 14.285%; } .mega-menu .lst > li, .mega-menu .board .news-lst > li, .mega-menu .board .news-strm > li, .board .mega-menu .news-lst > li, .board .mega-menu .news-strm > li, .mega-menu .cataloger .cata-opts ul > li, .cataloger .cata-opts .mega-menu ul > li { font-size: 0.875rem; font-weight: normal; padding: 5px 0; } .mega-menu .lst .fst, .mega-menu .board .news-lst .fst, .mega-menu .board .news-strm .fst, .board .mega-menu .news-lst .fst, .board .mega-menu .news-strm .fst, .mega-menu .cataloger .cata-opts ul .fst, .cataloger .cata-opts .mega-menu ul .fst { font-weight: bold; text-transform: uppercase; } .mega-menu .lst .fst::before, .mega-menu .board .news-lst .fst::before, .mega-menu .board .news-strm .fst::before, .board .mega-menu .news-lst .fst::before, .board .mega-menu .news-strm .fst::before, .mega-menu .cataloger .cata-opts ul .fst::before, .cataloger .cata-opts .mega-menu ul .fst::before { color: #ed1c24; content: "/"; display: inline-block; margin-right: 5px; } .fixt-line, .fixt-strm { background-color: #fff; } .fixt-line ul, .fixt-strm ul { overflow-x: auto; max-width: 100%; } .fixt-line ul::-webkit-scrollbar, .fixt-strm ul::-webkit-scrollbar { width: 0px; height: 8px; } .fixt-line ul::-webkit-scrollbar-track, .fixt-strm ul::-webkit-scrollbar-track { background-color: #f5f5f5; } .fixt-line ul::-webkit-scrollbar-thumb, .fixt-strm ul::-webkit-scrollbar-thumb { border-radius: 10px; display: none; } .fixt-line ul:hover::-webkit-scrollbar, .fixt-strm ul:hover::-webkit-scrollbar { width: 8px; } .fixt-line ul:hover::-webkit-scrollbar-thumb, .fixt-strm ul:hover::-webkit-scrollbar-thumb { display: block; background-color: #8b8b8b; } .fixt-line li, .fixt-strm li { border-left: solid 1px rgba(0, 0, 0, 0.15); } .fixt-line li:first-child, .fixt-strm li:first-child { border-left: none; } .fixt-line .cont-wrap, .fixt-strm .cont-wrap { padding-left: 50px; position: relative; } .fixt-line .brand, .fixt-strm .brand { position: absolute; top: 0; left: 0; display: block; margin: 0; padding: 8px 0; width: 40px; } .fixt-line .brand img, .fixt-strm .brand img { display: block; margin: 0 auto; max-width: 40px; } .fixt-line { line-height: 20px; height: 45px; } .fixt-line ul { padding-top: 10px; height: 45px; } .fixt-line li { height: 20px; } .fixt-line .match { font-size: 0.875rem; } .fixt-line .match img { height: 20px; } .fixt-line .match .home img { margin-right: 8px; } .fixt-line .match .away img { margin-left: 8px; } .fixt-strm { font-size: 0.875rem; line-height: 1.5em; margin-bottom: 5px; } .fixt-strm li:first-child { border-left: solid 1px rgba(0, 0, 0, 0.15); } .fixt-strm .mch-inf { padding: 0 18px 5px; } .fixt-strm .mch-inf img { display: inline-block; margin: 0 5px 0 0; max-width: 12px; max-height: 12px; vertical-align: middle; } .fixt-strm .mch-inf.live span b { color: #ed1c24; } .fixt-strm .mch-inf span { display: block; margin: 0; padding: 0; } .fixt-strm .mch-inf span b { display: block; float: right; padding-left: 1em; font-weight: bold; } .fixt-strm .mch-inf .time { font-size: 0.8em; font-weight: 300; line-height: 2em; } .fixt-strm .mch-inf .home, .fixt-strm .mch-inf .away { font-weight: 600; } .social-lnk li { font-size: 0.75rem; font-weight: bold; line-height: 28px; height: 28px; padding: 0 5px; } .social-lnk .ico { height: 28px; width: 28px; } footer .cont-wrap { border-top: solid 1px #eaeaea; color: #5f5f5f; font-size: 0.875rem; padding-top: 50px; } footer .caption { display: block; font-size: 1.25rem; font-weight: bold; text-transform: uppercase; } footer .foot-menu { border-top: solid 1px #eaeaea; font-size: 0.75rem; line-height: 16px; margin-top: 20px; padding: 16px 0; } footer .foot-menu .bar, footer .foot-menu header.min .nav-bar ul, header.min .nav-bar footer .foot-menu ul { float: left; } footer .foot-menu .bar li, footer .foot-menu header.min .nav-bar ul li, header.min .nav-bar footer .foot-menu ul li { border-left: solid 1px #eaeaea; padding: 0 10px; } footer .foot-menu .bar li:first-child, footer .foot-menu header.min .nav-bar ul li:first-child, header.min .nav-bar footer .foot-menu ul li:first-child { border-left: none; padding-left: 0; } footer .foot-menu .bar a, footer .foot-menu header.min .nav-bar ul a, header.min .nav-bar footer .foot-menu ul a { color: #7a7a7a; font-weight: bold; } footer .foot-menu .copy-rgt { float: right; opacity: 0.5; } .contact-box { background: #f5f5f5 !important; box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.25); font-size: 1rem; } .contact-box .pan-cont { padding: 0 20px 20px !important; } .contact-box p { margin: 0.3em 0; } .contact-box b { display: block; } @media only screen and (max-width: 1023.9px) { .logo { margin: 0 auto; width: 150px; height: 60px; } .menu-stub .mmnu-trigger, .menu-stub .mmnu-closer { left: -10px; top: -50px; } .menu-side { position: fixed; top: 0; left: 100%; height: 100%; width: 0; z-index: 1000; transition: all ease 0.3s; } .menu-bar .cont-wrap { padding: 0; } .menu-bar .menu-nav { padding-right: 0; z-index: 0; } .menu-bar .menu-nav .ico.home { margin-left: 5px; } .menu-bar .menu-nav .nav, .menu-bar .menu-nav .tabber .tab-lst ul, .tabber .tab-lst .menu-bar .menu-nav ul { margin-left: 45px; line-height: 40px; text-align: center; position: relative; } .menu-bar .menu-nav .nav li, .menu-bar .menu-nav .tabber .tab-lst ul li, .tabber .tab-lst .menu-bar .menu-nav ul li { display: inline-block; float: none; } .menu-bar .menu-nav .nav a, .menu-bar .menu-nav .tabber .tab-lst ul a, .tabber .tab-lst .menu-bar .menu-nav ul a { padding: 0 3px; } .menu-bar .srch-bar { right: 40px; } .mob-menu { background: #fff; display: block; height: 100%; width: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; left: 0; z-index: 1001; transition: all ease 0.3s; } .mob-menu .ico { background-size: 20px; font-size: 1.5rem; opacity: 0.5; height: 40px; width: 40px; } .mob-menu .ico:active, .mob-menu .ico:focus, .mob-menu .ico:hover { opacity: 1; } .mob-menu .ico.blinkr { opacity: 1; width: 30px; } .mob-menu.active { width: 100%; } .mob-menu .mmnu-cap { height: 60px; } .mob-menu .mmnu-cap .ico.close { display: block; float: right; margin: 10px; } .mob-menu .mmnu-sch { display: block; margin: 0; padding: 0 15px 15px; position: relative; } .mob-menu .mmnu-sch input { background-color: #f5f5f5; border: none !important; display: block; line-height: 40px; height: 40px; width: 100%; } .mob-menu .mmnu-sch button { position: absolute; top: 0; right: 15px; } .mob-menu .mmnu-lst { padding: 0 5px; overflow-y: auto; } .mob-menu .mmnu-lst .bar > li, .mob-menu .mmnu-lst header.min .nav-bar ul > li, header.min .nav-bar .mob-menu .mmnu-lst ul > li { float: left; padding: 0 5px; width: 50%; } .mob-menu .mmnu-lst .bar > li.exp, .mob-menu .mmnu-lst header.min .nav-bar ul > li.exp, header.min .nav-bar .mob-menu .mmnu-lst ul > li.exp { float: none; clear: both; width: 100%; } .mob-menu .mmnu-lst .bar > li > a, .mob-menu .mmnu-lst header.min .nav-bar ul > li > a, header.min .nav-bar .mob-menu .mmnu-lst ul > li > a { font-size: 1rem; font-weight: bold; line-height: 40px; height: 40px; text-transform: uppercase; } .mob-menu .mmnu-lst .bar > li > a.major, .mob-menu .mmnu-lst header.min .nav-bar ul > li > a.major, header.min .nav-bar .mob-menu .mmnu-lst ul > li > a.major, .mob-menu .mmnu-lst .bar > li > a.active, .mob-menu .mmnu-lst header.min .nav-bar ul > li > a.active, header.min .nav-bar .mob-menu .mmnu-lst ul > li > a.active { color: #ed1c24; } .mob-menu .mmnu-lst .bar > li li > a, .mob-menu .mmnu-lst header.min .nav-bar ul > li li > a, header.min .nav-bar .mob-menu .mmnu-lst ul > li li > a { font-size: 15px; line-height: 30px; height: 30px; padding-left: 10px; } .mob-menu .mmnu-lst .bar > li li > a.fst, .mob-menu .mmnu-lst header.min .nav-bar ul > li li > a.fst, header.min .nav-bar .mob-menu .mmnu-lst ul > li li > a.fst { padding-left: 0; margin-top: 5px; font-weight: bold; text-transform: uppercase; } .mob-menu .mmnu-end { border-top: solid 1px #eaeaea; margin: 15px; padding: 15px 0; } .mob-menu .mmnu-end p { color: #7a7a7a; } .social-lnk { margin: 10px auto; text-align: center; } .social-lnk li { float: none; display: inline-block; } .social-lnk .ico { height: 40px; width: 40px; } footer p { font-size: 0.9rem; margin: 10px 0; } footer .copy-rgt { font-size: 0.65rem; padding-bottom: 10px; text-align: center; } } @media only screen and (min-width: 1024px) { .mmnu-nav { left: 0; top: 40px; } .mmnu-nav .ico { opacity: 0.5; } .menu-bar a { font-size: 90%; } .menu-stub { padding: 0 10px; } .menu-side { float: left; } .menu-nav { float: right; } .mega-menu.active { display: block; } .fixt-line, .fixt-strm { background-color: #f5f5f5; } } @keyframes live-wave { 0%, 60% { transform: scale(100%); } 35% { transform: scale(125%); } } .play-ico { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyNSAzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy45NTk2MSAzMy4zNzk4TDIzLjU3MzYgMTguNjc5OEMyNC43MDc2IDE3LjgzOTggMjQuNzA3NiAxNi4xNTk4IDIzLjU3MzYgMTUuMzE5OEwzLjk1OTYxIDAuNjE5ODQ4QzIuNTczNjEgLTAuNDMwMTUyIDAuNTk5NjA5IDAuNTc3ODQ4IDAuNTk5NjA5IDIuMjk5ODVWMzEuNjk5OEMwLjU5OTYwOSAzMy40MjE4IDIuNTczNjEgMzQuNDI5OCAzLjk1OTYxIDMzLjM3OThaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==) left 55% top 50% no-repeat; } .notify-ico, .notifier .noti-cnt, .notifier .noti-non { background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzggMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM3LjQ2NzIgMTUuNDM1NkMzNi4zMjU4IDE1LjgwMTYgMzUuMTA5MSAxNS45OTkyIDMzLjg0NjIgMTUuOTk5MkMyNy4zMDM3IDE1Ljk5OTIgMjIgMTAuNjk1NSAyMiA0LjE1MzA3QzIyIDMuMTQwNTQgMjIuMTI3IDIuMTU3NjcgMjIuMzY2IDEuMjE5NTVDMjEuMjczNSAxLjAyNDI0IDIwLjE0ODcgMC45MjIzMDIgMTkgMC45MjIzMDJDOC41MDY1OSAwLjkyMjMwMiAwIDkuNDI4ODkgMCAxOS45MjIzQzAgMzAuNDE1NyA4LjUwNjU5IDM4LjkyMjMgMTkgMzguOTIyM0MyOS40OTM0IDM4LjkyMjMgMzggMzAuNDE1NyAzOCAxOS45MjIzQzM4IDE4LjM3NjcgMzcuODE1NCAxNi44NzQyIDM3LjQ2NzIgMTUuNDM1NloiIGZpbGw9IiMzQTQzNTciLz48cGF0aCBkPSJNMTIuNjY2MiAyNS41NDYxSDI0LjU1NzhDMjUuMzIzOCAyNS41NDYxIDI1Ljc5MjMgMjUuMTI5NiAyNS43OTIzIDI0LjUwNDlDMjUuNzkyMyAyMy43MTY2IDI1LjA3ODQgMjMuMDM5OSAyNC40MDkgMjIuNDAwM0MyMy44ODEgMjEuODg3MiAyMy43NjIgMjAuODE2MiAyMy42NjUzIDE5LjgyNzFDMjMuNTQ2MyAxNy4xMDUyIDIyLjc1MDYgMTUuMTg2NSAyMC44MjQ0IDE0LjQ5NDlDMjAuNTE5NSAxMy41MTMyIDE5LjcwODkgMTIuNzU0NiAxOC42MDgyIDEyLjc1NDZDMTcuNTE1IDEyLjc1NDYgMTYuNzA0NCAxMy41MTMyIDE2LjM5MjEgMTQuNDk0OUMxNC40NzMzIDE1LjE4NjUgMTMuNjcwMSAxNy4xMDUyIDEzLjU1ODYgMTkuODI3MUMxMy40NjE5IDIwLjgxNjIgMTMuMzM1NSAyMS44ODcyIDEyLjgxNDkgMjIuNDAwM0MxMi4xNDU2IDIzLjAzOTkgMTEuNDMxNiAyMy43MTY2IDExLjQzMTYgMjQuNTA0OUMxMS40MzE2IDI1LjEyOTYgMTEuOTAwMiAyNS41NDYxIDEyLjY2NjIgMjUuNTQ2MVpNMTguNjA4MiAyOC42MTAxQzE5LjkzMiAyOC42MTAxIDIwLjg5MTQgMjcuNjY1NiAyMC45ODgxIDI2LjU4NzNIMTYuMjM1OUMxNi4zMzI2IDI3LjY2NTYgMTcuMjkxOSAyOC42MTAxIDE4LjYwODIgMjguNjEwMVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center no-repeat; } .avatar { display: block; height: 40px; width: 40px; } .avatar img { background: #ebeef4; border-radius: 50%; display: block; margin: 0; padding: 0; -o-object-fit: cover; object-fit: cover; height: auto; width: 100%; } .avatar::after { display: none; } .avatar.premium { border: solid 1px #fdd835; position: relative; } .avatar.premium::after { background: #fff url(https://bongdaplus.vn//img/logo-b.png) center no-repeat; background-size: contain; border-radius: 50%; border: solid 2px #fff; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15); content: ""; display: block; margin: 0; padding: 0; height: 11px; width: 11px; position: absolute; top: 0; right: -9px; } .badge { background: rgba(237, 28, 36, 0.9); border-radius: 3px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: #fff; display: inline-block; margin: 0; padding: 0 5px; font-size: 11px; font-weight: 800; line-height: 21px; height: 21px; text-transform: uppercase; } .badge.live { background: rgba(253, 234, 235, 0.9); color: #ed1c24; padding-left: 25px; position: relative; } .badge.live::before, .badge.live::after { background-color: #ed1c24; height: 9px; width: 9px; margin: -4.5px; position: absolute; top: 50%; left: 12px; } .badge.live::after { height: 15px; width: 15px; margin: -7.5px; opacity: 0.25; animation: live-wave 1.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s infinite; } .state { background-color: #eaeaea; border-radius: 0.8em; color: #7a7a7a; display: inline-block; margin: 0 5px; padding: 0 0.9em 0 1.5em; line-height: 1.6em; height: 1.6em; position: relative; } .state::before { background-color: #7a7a7a; border-radius: 50%; content: ""; display: block; margin: -0.25em; height: 0.5em; width: 0.5em; position: absolute; top: 50%; left: 0.75em; } .state.active { background-color: #e8f5e9; color: #28262c; } .state.active::before { background-color: #4caf50; } .state.inact { background-color: #fdeaeb; color: #28262c; } .state.inact::before { background-color: #ed1c24; } .caption { display: block; margin: 0; padding: 0; font-size: 1rem; font-weight: bold; text-transform: uppercase; } .caption.goc-nhin { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzIgMzAiPjxwYXRoIGQ9Ik0yMi43LDguMmMwLjIsMC4xLDAuMywwLjMsMC41LDAuMWMwLjEtMC4xLDAuMi0wLjIsMC4xLTAuM2MtMC4yLTAuNC0wLjMtMC44LTAuNi0xYy0wLjUtMC41LTEtMC4zLTEuMywwLjMgQzIxLjIsNy42LDIxLDgsMjAuOSw4LjRjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjLTAuMiwwLjEtMC4zLDAuMi0wLjQsMC40Yy0wLjIsMC0wLjMsMC4xLTAuMiwwLjNjMCwwLjEsMC4xLDAuMiwwLjMsMC4zIGMwLjIsMC4xLDAuNC0wLjEsMC42LTAuMmMwLjMsMC40LDAuNywwLjMsMS4xLDAuNEMyMi43LDkuNiwyMi44LDkuMiwyMyw5YzAuMS0wLjItMC4xLTAuNC0wLjQtMC41QzIyLjYsOC40LDIyLjYsOC4zLDIyLjcsOC4yeiIgZmlsbD0iI0ZGMDAwMCIvPjxwYXRoIGQ9Ik0zNS40LDguNlY3LjVoMi45Yy0wLjEsMC45LTAuMSwxLjgtMC4xLDIuN2MwLDAuNywwLDEuNSwwLjEsMi4zaC0zLjJjLTAuMS0wLjgtMC41LTEuNC0xLjEtMS44IGMtMC42LTAuNS0xLjMtMC43LTIuMS0wLjdjLTEuOCwwLTIuOSwxLjMtMy4xLDMuN2MwLDAuMywwLDAuNywwLDEuMWMwLDIuNiwwLjksNC4xLDIuNiw0LjRjMC4yLDAsMC40LDAuMSwwLjYsMC4xIGMxLjQsMCwyLjItMC42LDIuNC0xLjhsMC4xLTAuNGwtMi4yLDB2LTIuNWg2Ljd2MC42Yy0wLjEsMi0wLjYsMy41LTEuNSw0LjZjLTAuOSwxLjEtMi40LDEuOS00LjMsMi4yYy0wLjUsMC4xLTEsMC4xLTEuNiwwLjEgYy0yLjUsMC00LjUtMC45LTYtMi42QzI0LjYsMTguMywyNCwxNi43LDI0LDE1YzAtMC42LDAuMS0xLjIsMC4yLTEuOGMwLjMtMS4zLDAuOC0yLjQsMS42LTMuNGMwLjgtMSwxLjgtMS43LDMuMS0yLjEgYzAuOS0wLjMsMS44LTAuNSwyLjctMC41QzMzLjMsNy4yLDM0LjYsNy43LDM1LjQsOC42eiBNMzkuOSwxNC43YzAtMi4zLDAuNy00LjEsMi4yLTUuNWMxLjQtMS4zLDMuMy0yLDUuNi0yYzIuMiwwLDQuMSwwLjcsNS41LDIgYzEuNSwxLjQsMi4yLDMuMiwyLjIsNS40YzAsMC42LTAuMSwxLjMtMC4yLDEuOWMtMC40LDEuOC0xLjMsMy4yLTIuNyw0LjJjLTEuNCwxLTMsMS40LTQuOCwxLjRjLTIuMywwLTQuMS0wLjctNS42LTIgQzQwLjYsMTguOCwzOS45LDE3LDM5LjksMTQuN3ogTTQ0LjcsMTQuN2MwLDIuNywwLjcsNC4yLDIuMiw0LjZjMC4zLDAuMSwwLjUsMC4xLDAuNywwLjFjMS45LDAsMi44LTEuNSwyLjgtNC42IGMwLTMuMS0wLjktNC42LTIuOC00LjZjLTAuMiwwLTAuNSwwLTAuNywwLjFDNDUuNSwxMC41LDQ0LjcsMTIsNDQuNywxNC43eiBNNDYuMSw2LjZsMi0zLjNoMy40bC0yLjksMy4zTDQ2LjEsNi42eiBNNjcuNCw4LjZWNy41IGgyLjljMCwwLjctMC4xLDEuNS0wLjEsMi4zYzAsMC45LDAsMS44LDAuMSwyLjhsLTMuMSwwYzAtMC4xLDAtMC4yLTAuMS0wLjNjLTAuNC0xLjEtMS4xLTEuOC0yLjMtMmMtMC4zLTAuMS0wLjUtMC4xLTAuOC0wLjEgYy0xLjEsMC0xLjksMC41LTIuNCwxLjVjLTAuNCwwLjgtMC42LDEuOC0wLjYsM2MwLDIsMC40LDMuNCwxLjIsNC4xYzAuNSwwLjUsMS4yLDAuNywxLjksMC43YzAuMywwLDAuNSwwLDAuOS0wLjEgYzEuMi0wLjMsMi0xLjIsMi4zLTIuN2MwLTAuMSwwLjEtMC4zLDAuMS0wLjZsMy40LDAuOGMwLDAuMi0wLjEsMC41LTAuMSwwLjhjLTAuMywxLjUtMS4yLDIuNi0yLjUsMy41Yy0xLjIsMC44LTIuNiwxLjEtNC4yLDEuMSBjLTAuNCwwLTAuOSwwLTEuNC0wLjFjLTEuOS0wLjMtMy41LTEuMS00LjYtMi40Yy0xLjEtMS4zLTEuNy0zLTEuNy01YzAtMS45LDAuNi0zLjUsMS43LTQuOWMxLjEtMS40LDIuNi0yLjIsNC40LTIuNSBjMC41LTAuMSwwLjktMC4xLDEuMy0wLjFDNjUuMSw3LjMsNjYuNCw3LjcsNjcuNCw4LjZ6IE03Ni44LDIxLjl2LTIuOGwxLjQsMHYtOC44bC0xLjQsMC4xVjcuNWMwLjQsMCwwLjksMCwxLjYsMCBjMS42LDAsMy4yLDAsNC43LDBsNC40LDcuN2MwLjEsMC4yLDAuMiwwLjUsMC40LDAuOGwwLTAuNGwwLTAuNWwwLTAuNXYtNC4zbC0xLjQsMC4xVjcuNmMwLjksMCwxLjgsMCwyLjYsMGMxLDAsMiwwLDMtMC4xdjIuOCBsLTEuNC0wLjF2MTEuNmgtNC4ybC00LjgtOC4yYy0wLjMtMC42LTAuNi0xLjEtMC43LTEuNWwwLjEsMS4zdjUuN2wxLjQsMHYyLjhjLTAuOSwwLTEuOSwwLTIuOCwwQzc4LjcsMjEuOSw3Ny43LDIxLjksNzYuOCwyMS45eiBNOTIuNSwxMC40VjcuNWMxLjIsMCwyLjUsMC4xLDMuOCwwLjFjMS4xLDAsMi4yLDAsMy4zLDB2Mi44bC0xLjMtMC4xdjIuOGgzLjd2LTIuOGwtMS4zLDAuMVY3LjZjMi4xLDAuMSwzLjksMC4xLDUuMywwIGMwLjEsMCwwLjcsMCwxLjktMC4xdjIuOGwtMS40LTAuMXY4LjhsMS40LTAuMXYyLjhjLTEuMiwwLTIuNC0wLjEtMy42LTAuMWMtMS4yLDAtMi40LDAtMy41LDAuMXYtMi44bDEuMywwLjF2LTMuM2gtMy43djMuMyBsMS4zLTAuMXYyLjhjLTEuMSwwLTIuMi0wLjEtMy40LTAuMWMtMS4zLDAtMi41LDAtMy43LDAuMXYtMi44bDEuNCwwLjF2LTguOEw5Mi41LDEwLjR6IE0xMDguMywyMS45di0yLjhsMS40LDAuMXYtOC44bC0xLjQsMFY3LjUgYzEuMiwwLDIuNCwwLjEsMy43LDAuMWMxLjIsMCwyLjQsMCwzLjYtMC4xdjIuOGwtMS40LTAuMXY4LjhsMS40LTAuMXYyLjhjLTEuMiwwLTIuNC0wLjEtMy42LTAuMUMxMTAuOCwyMS44LDEwOS42LDIxLjksMTA4LjMsMjEuOSB6IE0xMDguNiwzLjNoMy41bDEuOCwzLjNoLTIuNUwxMDguNiwzLjN6IE0xMTYuMSwyMS45di0yLjhsMS40LDB2LTguOGwtMS40LDAuMVY3LjVjMC40LDAsMC45LDAsMS42LDBjMS42LDAsMy4yLDAsNC43LDBsNC40LDcuNyBjMC4xLDAuMiwwLjIsMC41LDAuNCwwLjhsMC0wLjRsMC0wLjVsMC0wLjV2LTQuM2wtMS40LDAuMVY3LjZjMC45LDAsMS44LDAsMi42LDBjMSwwLDIsMCwzLTAuMXYyLjhsLTEuNC0wLjF2MTEuNmgtNC4ybC00LjgtOC4yIGMtMC4zLTAuNi0wLjYtMS4xLTAuNy0xLjVsMC4xLDEuM3Y1LjdsMS40LDB2Mi44Yy0wLjksMC0xLjksMC0yLjgsMEMxMTgsMjEuOSwxMTcuMSwyMS45LDExNi4xLDIxLjl6IiBmaWxsPSIjMzgzODM4Ii8+PHBhdGggZD0iTTEzMS44LDI5SDE4LjZjLTAuNC0wLjgtMC42LTEuNi0xLjItMi4yYy0wLjEtMC4xLTAuMi0wLjMtMC4zLTAuNWMtMC4zLTEuNC0wLjctMi43LTEuNS0zLjkgYy0wLjItMC4zLTAuMi0wLjUsMC4yLTAuNmMxLjEtMC4zLDEuMi0wLjUsMS4yLTEuNmMwLTEuNy0wLjEtMy40LTAuMy01LjFjMC0wLjQtMC4zLTAuOCwwLjItMWMwLjEtMC4xLDAtMC4yLTAuMS0wLjMgYy0wLjQtMC44LTAuNC0xLjYsMC4yLTIuNGMwLjItMC4zLDAuNC0wLjYsMC40LTFjMC0wLjMsMC4yLTAuNCwwLjQtMC41YzAuNi0wLjIsMS0wLjYsMS4zLTEuMWMwLjItMC4yLDAuNC0wLjQsMC42LTAuNSBjMC4yLDAuMSwwLjQsMC4yLDAuNiwwYzAuMiwwLDAuMi0wLjEsMC4yLTAuM2MwLjMtMC4zLDAuNS0wLjYsMC42LTFjMC4yLTAuNSwwLTAuNy0wLjQtMC44Yy0wLjIsMC0wLjMtMC4xLTAuNS0wLjEgYy0wLjgtMC4yLTEuMy0wLjktMi0xLjJjLTAuNi0wLjItMC44LTAuNC0wLjQtMWMwLjEtMC4xLDAtMC4zLDAtMC40YzAtMC4zLTAuMi0wLjYsMC4zLTAuOGMwLjItMC4xLDAuMS0wLjMsMC0wLjUgYy0wLjQtMC44LTEtMS4yLTEuOC0xLjJjLTAuOCwwLTEuOC0wLjItMi4yLDAuOWMtMC44LDAuMy0wLjYsMS0wLjUsMS41YzAuMSwwLjQtMC4yLDAuNC0wLjQsMC40Yy0wLjctMC4xLTEuNC0wLjEtMS45LTAuNiBjLTAuMy0wLjMtMC43LTAuNi0xLjEtMC42QzkuNSwyLjcsOC43LDIuMyw4LDIuMkM2LjYsMS45LDUuMywxLjMsMy44LDEuMUMzLjYsMS4xLDMuMywxLDMuMSwwLjhDMi4yLTAuMSwxLjMtMC4zLDAuMiwwLjMgYzAuMSwwLjEsMC4zLDAuMywwLjMsMC40YzAuMSwwLjUsMC40LDAuNSwwLjgsMC41YzAuNSwwLDEsMC4xLDEuNSwwLjNjMS42LDAuNywzLjMsMS40LDUsMS45QzcuOSwzLjUsOCwzLjYsOCwzLjcgQzgsNCw4LjMsNC4xLDguNCw0LjNjMC40LDAuNiwxLDEuMiwxLjIsMS45YzAuMywxLjEsMC4xLDIuMi0wLjUsMy4zYy0wLjQsMC42LTAuOCwxLjQtMC40LDIuMmMwLjIsMC4zLTAuMSwwLjUtMC4zLDAuNyBjLTAuMywwLjMtMC42LDAuNi0wLjQsMWMwLjMsMC42LDAuMiwxLjMsMC4zLDEuOWMwLjEsMC4zLDAuMywwLjUsMC41LDAuN2MwLjQsMC41LDAuOSwxLDAuOCwxLjhjLTAuNC0wLjEtMC42LTAuMi0wLjgtMC41IEM4LjYsMTYuOSw4LDE3LDcuNiwxNi43Yy0wLjItMC4xLTAuNSwwLjMtMC44LDAuNWMtMC41LDAuNC0xLDAuOC0xLjQsMS4yYy0wLjMsMC4zLTEsMC41LTAuNywwLjhjMC4yLDAuMywwLjgsMC4xLDEuMywwIGMwLDAsMCwwLDAuMSwwYzEuOS0wLjksMy41LDAuMSw1LjIsMC44YzAuMiwwLjEsMC4zLDAuMiwwLjQsMC40YzAuNiwxLjEsMS41LDIuMiwyLjIsMy4yYzEuMywxLjgsMi45LDMuNSwyLjksNS45IGMwLDAuMiwwLjEsMC40LDAuMywwLjRjMC40LDAsMC44LDAsMS4yLDBoMTEzLjZWMjl6IiBmaWxsPSIjRkYwMDAwIi8+PC9zdmc+) left center no-repeat; background-size: auto 30px; height: 30px; } .caption.hot-talk { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAgNDgiIGZpbGw9IiNGRjAwMDAiPjxwYXRoIGQ9Ik01OC45LDExLjNoLTIuOHYzLjFINTR2Mi40aDIuMnY2LjVjMCwxLjEsMC4zLDIsMC45LDIuNmMwLjYsMC42LDEuNSwwLjksMi42LDAuOWgzdi0yLjRoLTIuNiBjLTAuNCwwLTAuNy0wLjEtMC45LTAuM2MtMC4yLTAuMi0wLjMtMC41LTAuMy0wLjl2LTYuNGgzLjl2LTIuNGgtMy45VjExLjN6Ii8+PHBhdGggZD0iTTUwLjEsMTVjLTEtMC42LTIuMS0wLjktMy40LTAuOXMtMi40LDAuMy0zLjQsMC45cy0xLjgsMS4zLTIuNCwyLjNjLTAuNiwxLTAuOCwyLjEtMC44LDMuMyBjMCwxLjIsMC4zLDIuMywwLjgsMy4zYzAuNiwwLjksMS40LDEuNywyLjQsMi4zYzEsMC42LDIuMSwwLjgsMy40LDAuOHMyLjQtMC4zLDMuNC0wLjhjMS0wLjYsMS44LTEuNCwyLjMtMi4zIGMwLjYtMSwwLjktMi4xLDAuOS0zLjNjMC0xLjItMC4zLTIuMy0wLjktMy4zQzUxLjgsMTYuMyw1MS4xLDE1LjYsNTAuMSwxNXogTTQ5LjksMjIuNmMtMC4yLDAuNy0wLjcsMS4yLTEuMywxLjUgYy0wLjYsMC40LTEuMiwwLjUtMiwwLjVjLTAuOCwwLTEuNC0wLjItMi0wLjVjLTAuNi0wLjQtMS0wLjktMS4zLTEuNWMtMC4zLTAuNi0wLjUtMS4zLTAuNS0yLjFzMC4yLTEuNSwwLjUtMi4xIGMwLjMtMC42LDAuOC0xLjEsMS4zLTEuNWMwLjYtMC40LDEuMi0wLjYsMi0wLjZjMC44LDAsMS40LDAuMiwyLDAuNmMwLjYsMC40LDEsMC44LDEuMywxLjVjMC4zLDAuNiwwLjUsMS4zLDAuNSwyLjEgUzUwLjIsMjIsNDkuOSwyMi42eiIvPjxwb2x5Z29uIHBvaW50cz0iMzQuNCwxNi45IDI2LjIsMTYuOSAyNi4yLDkuOCAyMy4zLDkuOCAyMy4zLDI2LjggMjYuMiwyNi44IDI2LjIsMTkuNCAzNC40LDE5LjQgMzQuNCwyNi44IDM3LjMsMjYuOCAzNy4zLDkuOCAzNC40LDkuOCAiLz48cGF0aCBkPSJNNjkuMiwxMi4zaDVWMjJjMCwwLjksMC4yLDEuNywwLjYsMi40YzAuMywwLjcsMC45LDEuMywxLjYsMS43YzAuNywwLjQsMS41LDAuNiwyLjUsMC42aDEuMnYtMi41aC0xLjIgYy0wLjYsMC0xLTAuMi0xLjQtMC42Yy0wLjQtMC40LTAuNS0wLjgtMC41LTEuM3YtMTBoNVY5LjhINjkuMlYxMi4zeiIvPjxwYXRoIGQ9Ik0xMTMuMiwxNC41bC0zLjEsNC45aC0yLjdWOS4xaC0yLjh2MTcuN3YwLjFoMi44di01aDNjMC42LDAsMS4xLDAuMSwxLjYsMC40YzAuNSwwLjIsMC44LDAuNiwxLjEsMS4xIGMwLjMsMC41LDAuNCwxLDAuNCwxLjZ2MS45aDIuOFYyNWMwLTEuMi0wLjMtMi4yLTAuOS0zLjFjLTAuNi0xLTEuNS0xLjYtMi42LTJsMy41LTUuNEgxMTMuMnoiLz48cGF0aCBkPSJNMTI3LjksMEgxMi4xQzUuNCwwLDAsNS40LDAsMTIuMXYxMi43YzAsNi42LDUuNCwxMi4xLDEyLjEsMTIuMWg0M0w4NS42LDQ4VjM2LjloNDIuMyBjNi43LDAsMTIuMS01LjQsMTIuMS0xMi4xVjEyLjFDMTQwLDUuNCwxMzQuNiwwLDEyNy45LDB6IE0xMzcuNCwyNC44YzAsNS4zLTQuMyw5LjUtOS41LDkuNUg4NC43SDgzdjEwLjFMNTUuNCwzNC4zbC0wLjEsMC4ydi0wLjIgSDEyLjFjLTUuMywwLTkuNS00LjMtOS41LTkuNVYxMi4xYzAtNS4zLDQuMi05LjUsOS41LTkuNWgxMTUuOGM1LjIsMCw5LjUsNC4zLDkuNSw5LjVWMjQuOHoiLz48cGF0aCBkPSJNOTIuMSwxNWMtMC45LTAuNi0yLjEtMC45LTMuNC0wLjlzLTIuNSwwLjMtMy41LDAuOWMtMSwwLjUtMS44LDEuMy0yLjMsMi4zcy0wLjgsMi4xLTAuOCwzLjMgYzAsMS4yLDAuMiwyLjMsMC43LDMuM2MwLjUsMC45LDEuMSwxLjcsMiwyLjNjMC45LDAuNiwxLjksMC45LDMuMSwwLjljMC44LDAsMS41LTAuMiwyLjEtMC40YzAuNS0wLjIsMS0wLjUsMS40LTAuOSBjMC4zLTAuNCwwLjctMC44LDAuOS0xLjN2Mi4zaDIuOHYtNi4yYzAtMS4yLTAuMy0yLjMtMC44LTMuM1M5My4xLDE1LjYsOTIuMSwxNXogTTkxLjksMjIuN2MtMC4zLDAuNi0wLjcsMS4xLTEuMywxLjUgYy0wLjUsMC4zLTEuMiwwLjUtMS45LDAuNWMtMC44LDAtMS40LTAuMi0yLTAuNWMtMC41LTAuNC0wLjktMC45LTEuMi0xLjVjLTAuMy0wLjYtMC40LTEuMy0wLjQtMi4xYzAtMC44LDAuMS0xLjUsMC40LTIuMSBjMC4zLTAuNywwLjctMS4xLDEuMy0xLjVjMC42LTAuNCwxLjItMC42LDItMC42YzAuNywwLDEuNCwwLjIsMS45LDAuNnMwLjksMC45LDEuMiwxLjVjMC4zLDAuNiwwLjQsMS4zLDAuNCwyLjEgQzkyLjQsMjEuNCw5Mi4yLDIyLjEsOTEuOSwyMi43eiIvPjxyZWN0IHg9Ijk4LjUiIHk9IjkuMSIgd2lkdGg9IjIuOCIgaGVpZ2h0PSIxNy43Ii8+PC9zdmc+) left center no-repeat; height: 48px; } .caption.x-file { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDkgNDgiPjxwYXRoIGQ9Ik0yNCwzNi42bC0wLjMsMC4xbC0wLjEsMGMtMC4yLDAuMS0wLjUsMC4xLTAuOCwwLjJsLTQuNyw4SDUuNWwxMy4xLTIwLjRsLTIuNS0xLjZsLTE2LDI1aDE5LjdsNi43LTExLjMgQzI1LjYsMzYuMywyNC44LDM2LjIsMjQsMzYuNnoiIGZpbGw9IiMzODM4MzgiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDYuNCw0Ny45aDcuM0wzOC4yLDI2Yy0wLjEsMC4yLTAuMiwwLjQtMC4zLDAuNWMtMC4zLDAuNC0wLjMsMC44LTAuMSwxLjNjMC4xLDAuMiwwLjQsMC43LDAuMywxLjRsLTAuMSwwLjYgbC0wLjEsMC4xYzAsMCwwLDAuMSwwLDAuMWMwLDAuMiwwLjEsMC41LDAuMSwwLjdsMTAuMSwxNC4yaC0xLjZWNDcuOXoiIGZpbGw9IiMzODM4MzgiLz48cGF0aCBkPSJNMjcsMTMuNmMwLjQsMC4xLDAuNywwLjIsMC45LDAuMkwzNC4zLDNoMTIuNmwtNy40LDExLjZjMC4yLDAuNywwLjEsMS4xLDAsMS40Yy0wLjEsMC4yLTAuMiwwLjMtMC4zLDAuNCBjMCwwLjEsMCwwLjMsMCwwLjRjMC40LDAuMiwwLjcsMC41LDEsMC43YzAuMywwLjIsMC41LDAuMywwLjcsMC40TDUyLjMsMEgzMi42bC01LjksMTBMMTkuNywwSDQuNWwyLjEsM2gxMS42bDcuMywxMC4zIGMwLjIsMC4xLDAuNSwwLjEsMC43LDAuMkMyNi40LDEzLjUsMjYuNywxMy41LDI3LDEzLjZ6IiBmaWxsPSIjMzgzODM4Ii8+PHBhdGggZD0iTTM3LjEsNDQuMWMtMC4yLTAuMS0wLjMtMC40LTAuMy0wLjZjLTAuNC0xLjYtMC45LTMuMi0xLjgtNC42Yy0wLjItMC4zLTAuMi0wLjYsMC4zLTAuNyBjMS4zLTAuNCwxLjQtMC42LDEuNC0yYzAtMi0wLjEtNC0wLjQtNmMwLTAuNC0wLjQtMC45LDAuMi0xLjJjMC4xLTAuMSwwLTAuMy0wLjEtMC40Yy0wLjUtMS0wLjQtMS45LDAuMi0yLjggYzAuMy0wLjQsMC41LTAuNywwLjUtMS4yYzAtMC4zLDAuMi0wLjUsMC41LTAuNmMwLjctMC4zLDEuMi0wLjcsMS42LTEuM2MwLjItMC4zLDAuNC0wLjUsMC43LTAuN2MwLjIsMC4xLDAuNSwwLjIsMC43LDAgYzAuMiwwLDAuMi0wLjEsMC4yLTAuM2MwLjMtMC4zLDAuNS0wLjcsMC44LTEuMmMwLjMtMC42LDAtMC44LTAuNS0wLjljLTAuMiwwLTAuNC0wLjEtMC42LTAuMWMtMC45LTAuMy0xLjUtMS4xLTIuNC0xLjQgYy0wLjctMC4yLTEtMC41LTAuNS0xLjJjMC4xLTAuMSwwLTAuMywwLTAuNWMwLTAuMy0wLjItMC44LDAuNC0xYzAuMi0wLjEsMC4xLTAuNCwwLTAuNmMtMC40LTAuOS0xLjItMS40LTIuMi0xLjQgYy0xLDAtMi4xLTAuMi0yLjYsMS4xYy0xLDAuMy0wLjgsMS4xLTAuNiwxLjhjMC4xLDAuNS0wLjIsMC41LTAuNCwwLjRjLTAuOC0wLjEtMS42LTAuMS0yLjMtMC43Yy0wLjQtMC40LTAuOC0wLjgtMS4zLTAuNyBjLTEsMC4xLTEuOS0wLjMtMi44LTAuNGMtMS43LTAuMy0zLjMtMS01LTEuM2MtMC4zLDAtMC43LTAuMi0wLjktMC40Yy0xLTEtMi4xLTEuMy0zLjQtMC42YzAuMSwwLjIsMC4zLDAuMywwLjMsMC41IGMwLjEsMC42LDAuNSwwLjYsMSwwLjZjMC42LDAsMS4yLDAuMSwxLjgsMC40YzEuOSwwLjksMy45LDEuNyw2LDIuM2MwLjEsMCwwLjMsMC4xLDAuMywwLjJjLTAuMSwwLjQsMC4zLDAuNSwwLjUsMC44IGMwLjUsMC43LDEuMiwxLjUsMS40LDIuM2MwLjMsMS4zLDAuMiwyLjYtMC42LDMuOWMtMC41LDAuOC0xLDEuNy0wLjUsMi43YzAuMiwwLjMtMC4xLDAuNi0wLjMsMC44Yy0wLjMsMC4zLTAuNywwLjgtMC41LDEuMiBjMC40LDAuNywwLjIsMS42LDAuNCwyLjNjMC4xLDAuNCwwLjMsMC42LDAuNiwwLjhjMC41LDAuNiwxLjEsMS4yLDAuOSwyLjFjLTAuNC0wLjEtMC43LTAuMy0wLjktMC43Yy0wLjMtMC41LTEtMC41LTEuNS0wLjcgYy0wLjItMC4xLTAuNiwwLjMtMC45LDAuNmMtMC42LDAuNS0xLjIsMS0xLjcsMS41Yy0wLjQsMC4zLTEuMSwwLjYtMC45LDFjMC4yLDAuNCwxLDAuMSwxLjUsMGMwLDAsMCwwLDAuMSwwIGMyLjMtMSw0LjIsMC4xLDYuMiwwLjljMC4yLDAuMSwwLjMsMC4zLDAuNCwwLjVjMC44LDEuNCwxLjcsMi42LDIuNywzLjhjMS42LDIuMiwzLjUsNC4xLDMuNSw3LjFjMCwwLjIsMC4xLDAuNCwwLjQsMC41IGMwLjcsMCwxLjQsMC4xLDIuMS0wLjJjMC4yLTAuMSwwLjUtMC4yLDAuMi0wLjVDMzguMSw0Ni4yLDM4LDQ0LjksMzcuMSw0NC4xeiIgZmlsbD0iI0ZGMDAwMCIvPjxwYXRoIGQ9Ik00My40LDIyLjFjMC4yLDAuMSwwLjQsMC4zLDAuNiwwLjFjMC4xLTAuMSwwLjItMC4yLDAuMi0wLjRjLTAuMi0wLjQtMC40LTAuOS0wLjctMS4yIGMtMC42LTAuNS0xLjItMC40LTEuNSwwLjNjLTAuMiwwLjQtMC41LDAuOS0wLjcsMS40YzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYy0wLjIsMC4xLTAuNCwwLjItMC40LDAuNGMtMC4yLDAtMC4zLDAuMS0wLjMsMC4zIGMwLDAuMiwwLjIsMC4zLDAuNCwwLjNjMC4zLDAuMSwwLjQtMC4xLDAuNy0wLjJjMC4zLDAuNSwwLjgsMC40LDEuMywwLjVjMC42LDAuMSwwLjgtMC4zLDEtMC43YzAuMS0wLjItMC4xLTAuNS0wLjUtMC42IEM0My4zLDIyLjIsNDMuMywyMi4xLDQzLjQsMjIuMXoiIGZpbGw9IiNGRjAwMDAiLz48cGF0aCBkPSJNNTAuOSwyNS42di00LjJoNy40djQuMkg1MC45eiBNNTguOSwyOS42di0zLjFsMS42LDAuMVYxN2wtMS41LDAuMVYxNGMyLjIsMCw0LjQsMC4xLDYuNywwLjEgYzIuMiwwLDQuNSwwLDYuNy0wLjFjMCwwLjgsMCwxLjcsMCwyLjZjMCwwLjksMCwxLjcsMCwyLjZsLTMuMiwwdi0yLjFoLTMuOHYzLjJsMy4xLDB2Mi44bC0zLjEsMHYzLjVsMS44LTAuMXYzLjEgYy0xLjQsMC0yLjctMC4xLTQuMS0wLjFDNjEuNiwyOS42LDYwLjIsMjkuNiw1OC45LDI5LjZ6IE03Mi44LDI5LjZ2LTMuMWwxLjYsMC4xVjE3bC0xLjUsMFYxNGMxLjMsMCwyLjcsMC4xLDQsMC4xIGMxLjMsMCwyLjYsMCwzLjktMC4xdjMuMUw3OS4yLDE3djkuNmwxLjUtMC4xdjMuMWMtMS4zLDAtMi42LTAuMS0zLjktMC4xQzc1LjUsMjkuNiw3NC4xLDI5LjYsNzIuOCwyOS42eiBNODEuMiwyOS42di0zLjFsMS41LDBWMTcgbC0xLjUsMFYxNGMxLjMsMCwyLjYsMC4xLDQsMC4xYzEuMywwLDIuNywwLDQtMC4xdjMuMUw4Ny42LDE3djkuNmgzLjljMC0wLjUsMC0xLjEsMC0xLjZjMC0wLjgsMC0xLjYtMC4xLTIuM2wzLjIsMCBjMCwxLjQtMC4xLDIuNy0wLjEsMy45YzAsMS4xLDAsMi4xLDAsM2MtMi4zLDAtNC41LTAuMS02LjctMC4xUzgzLjQsMjkuNiw4MS4yLDI5LjZ6IE05NS4yLDI5LjZ2LTMuMWwxLjUsMC4xVjE3bC0xLjUsMC4xVjE0IGMyLjIsMCw0LjUsMC4xLDYuNywwLjFjMi4yLDAsNC41LDAsNi43LTAuMWwwLDEuM3YzLjloLTMuM3YtMmgtMy43djMuM2wzLjIsMHYyLjlsLTMuMiwwdjMuNGg0di0yaDMuM2MwLDAuMiwwLDAuNCwwLDAuNiBjMCwwLjMsMCwwLjUsMCwwLjZjMCwxLjQsMCwyLjYsMCwzLjhjLTIuMSwwLTUuNi0wLjEtMTAuMywwQzk3LjYsMjkuNiw5Ni41LDI5LjYsOTUuMiwyOS42eiIgZmlsbD0iIzM4MzgzOCIvPjwvc3ZnPg==) left center no-repeat; height: 48px; } .caption.tac-gia { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzIgMzAiPjxwYXRoIGQ9Ik0yMi43LDguMmMwLjIsMC4xLDAuMywwLjMsMC41LDAuMWMwLjEtMC4xLDAuMi0wLjIsMC4xLTAuM2MtMC4yLTAuNC0wLjMtMC44LTAuNi0xYy0wLjUtMC41LTEtMC4zLTEuMywwLjMgQzIxLjIsNy42LDIxLDgsMjAuOSw4LjRjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjLTAuMiwwLjEtMC4zLDAuMi0wLjQsMC40Yy0wLjIsMC0wLjMsMC4xLTAuMiwwLjNjMCwwLjEsMC4xLDAuMiwwLjMsMC4zIGMwLjIsMC4xLDAuNC0wLjEsMC42LTAuMmMwLjMsMC40LDAuNywwLjMsMS4xLDAuNEMyMi43LDkuNiwyMi44LDkuMiwyMyw5YzAuMS0wLjItMC4xLTAuNC0wLjQtMC41QzIyLjYsOC40LDIyLjYsOC4zLDIyLjcsOC4yeiIgZmlsbD0iI0ZGMDAwMCIvPjxwYXRoIGQ9Ik0xMzEuOCwyOUgxOC42Yy0wLjQtMC44LTAuNi0xLjYtMS4yLTIuMmMtMC4xLTAuMS0wLjItMC4zLTAuMy0wLjVjLTAuMy0xLjQtMC43LTIuNy0xLjUtMy45IGMtMC4yLTAuMy0wLjItMC41LDAuMi0wLjZjMS4xLTAuMywxLjItMC41LDEuMi0xLjZjMC0xLjctMC4xLTMuNC0wLjMtNS4xYzAtMC40LTAuMy0wLjgsMC4yLTFjMC4xLTAuMSwwLTAuMi0wLjEtMC4zIGMtMC40LTAuOC0wLjQtMS42LDAuMi0yLjRjMC4yLTAuMywwLjQtMC42LDAuNC0xYzAtMC4zLDAuMi0wLjQsMC40LTAuNWMwLjYtMC4yLDEtMC42LDEuMy0xLjFjMC4yLTAuMiwwLjQtMC40LDAuNi0wLjUgYzAuMiwwLjEsMC40LDAuMiwwLjYsMGMwLjIsMCwwLjItMC4xLDAuMi0wLjNjMC4zLTAuMywwLjUtMC42LDAuNi0xYzAuMi0wLjUsMC0wLjctMC40LTAuOGMtMC4yLDAtMC4zLTAuMS0wLjUtMC4xIGMtMC44LTAuMi0xLjMtMC45LTItMS4yYy0wLjYtMC4yLTAuOC0wLjQtMC40LTFjMC4xLTAuMSwwLTAuMywwLTAuNGMwLTAuMy0wLjItMC42LDAuMy0wLjhjMC4yLTAuMSwwLjEtMC4zLDAtMC41IGMtMC40LTAuOC0xLTEuMi0xLjgtMS4yYy0wLjgsMC0xLjgtMC4yLTIuMiwwLjljLTAuOCwwLjMtMC42LDEtMC41LDEuNWMwLjEsMC40LTAuMiwwLjQtMC40LDAuNGMtMC43LTAuMS0xLjQtMC4xLTEuOS0wLjYgYy0wLjMtMC4zLTAuNy0wLjYtMS4xLTAuNkM5LjUsMi43LDguNywyLjMsOCwyLjJDNi42LDEuOSw1LjMsMS4zLDMuOCwxLjFDMy42LDEuMSwzLjMsMSwzLjEsMC44QzIuMi0wLjEsMS4zLTAuMywwLjIsMC4zIGMwLjEsMC4xLDAuMywwLjMsMC4zLDAuNGMwLjEsMC41LDAuNCwwLjUsMC44LDAuNWMwLjUsMCwxLDAuMSwxLjUsMC4zYzEuNiwwLjcsMy4zLDEuNCw1LDEuOUM3LjksMy41LDgsMy42LDgsMy43IEM4LDQsOC4zLDQuMSw4LjQsNC4zYzAuNCwwLjYsMSwxLjIsMS4yLDEuOWMwLjMsMS4xLDAuMSwyLjItMC41LDMuM2MtMC40LDAuNi0wLjgsMS40LTAuNCwyLjJjMC4yLDAuMy0wLjEsMC41LTAuMywwLjcgYy0wLjMsMC4zLTAuNiwwLjYtMC40LDFjMC4zLDAuNiwwLjIsMS4zLDAuMywxLjljMC4xLDAuMywwLjMsMC41LDAuNSwwLjdjMC40LDAuNSwwLjksMSwwLjgsMS44Yy0wLjQtMC4xLTAuNi0wLjItMC44LTAuNSBDOC42LDE2LjksOCwxNyw3LjYsMTYuN2MtMC4yLTAuMS0wLjUsMC4zLTAuOCwwLjVjLTAuNSwwLjQtMSwwLjgtMS40LDEuMmMtMC4zLDAuMy0xLDAuNS0wLjcsMC44YzAuMiwwLjMsMC44LDAuMSwxLjMsMCBjMCwwLDAsMCwwLjEsMGMxLjktMC45LDMuNSwwLjEsNS4yLDAuOGMwLjIsMC4xLDAuMywwLjIsMC40LDAuNGMwLjYsMS4xLDEuNSwyLjIsMi4yLDMuMmMxLjMsMS44LDIuOSwzLjUsMi45LDUuOSBjMCwwLjIsMC4xLDAuNCwwLjMsMC40YzAuNCwwLDAuOCwwLDEuMiwwaDExMy42VjI5eiIgZmlsbD0iI0ZGMDAwMCIvPjwvc3ZnPg==) left center no-repeat; background-size: auto 30px; min-height: 30px; text-indent: 24px; } .caption.radio { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwMiAyOCIgc3R5bGU9ImZpbGw6cmVkIj48cGF0aCBkPSJNMTUuOSwyNC45Yy0uMS0uMS0uMi0uMy0uMy0uNS0uMy0xLjMtLjctMi41LTEuNC0zLjYtLjItLjMtLjItLjQuMi0uNiwxLS4zLDEuMS0uNSwxLjEtMS41LDAtMS42LS4xLTMuMi0uMy00LjcsMC0uMy0uMy0uNy4yLTEsLjEsMCwwLS4yLDAtLjMtLjQtLjgtLjMtMS41LjItMi4yLjItLjMuNC0uNi40LS45cy4xLS40LjQtLjVjLjUtLjIuOS0uNiwxLjItMSwuMS0uMi4zLS40LjUtLjUuMiwwLC40LjIuNiwwLC4xLDAsLjItLjEuMS0uMi4yLS4zLjQtLjYuNi0uOS4yLS41LDAtLjYtLjQtLjctLjIsMC0uMywwLS40LS4xLS43LS4yLTEuMi0uOS0xLjktMS4xLS41LS4yLS44LS40LS40LS45LDAsMCwwLS4zLDAtLjQsMC0uMy0uMi0uNi4zLS43LjIsMCwuMS0uMywwLS41LS4zLS43LTEtMS4xLTEuNy0xLjEtLjcsMC0xLjYtLjItMiwuOC0uOC4zLS42LjktLjQsMS40LjEuNC0uMi40LS4zLjMtLjYsMC0xLjMsMC0xLjgtLjUtLjMtLjMtLjYtLjYtMS0uNS0uOCwwLTEuNC0uMi0yLjEtLjQtMS4zLS4zLTIuNS0uOC0zLjgtMS0uMiwwLS41LS4xLS43LS4zQzEuOSwwLDEtLjIsMCwuM2MwLC4xLjIuMy4zLjQsMCwuNC40LjUuNy41LjUsMCwuOSwwLDEuNC4zLDEuNS43LDMsMS4zLDQuNiwxLjguMSwwLC4yLDAsLjIuMiwwLC4zLjIuNC40LjYuNC42LjksMS4yLDEuMSwxLjguMiwxLC4xLDIuMS0uNSwzLjEtLjQuNi0uOCwxLjMtLjQsMi4xLjEuMywwLC41LS4yLjctLjMuMy0uNS42LS40LjkuMy42LjEsMS4yLjMsMS44LDAsLjMuMy41LjQuNy40LjUuOS45LjcsMS43LS4zLDAtLjYtLjItLjctLjUtLjItLjQtLjgtLjQtMS4xLS42LS4yLS4xLS41LjMtLjcuNS0uNC40LS45LjgtMS4zLDEuMi0uMy4yLS45LjQtLjcuOC4yLjMuOC4xLDEuMiwwLDAsMCwwLDAsMCwwLDEuOC0uOCwzLjMsMCw0LjguNy4yLDAsLjMuMi4zLjQuNiwxLjEsMS4zLDIsMiwzLDEuMiwxLjcsMi43LDMuMywyLjcsNS41LDAsLjIsMCwuMy4zLjQuNSwwLDEuMSwwLDEuNi0uMi4yLDAsLjQtLjIuMi0uNC0uNi0uOC0uNy0xLjgtMS40LTIuNVoiLz48cGF0aCBkPSJNMjAuOCw3LjdjLjEsMCwuMy4yLjQsMCwwLDAsLjItLjIuMS0uMy0uMi0uMy0uMy0uNy0uNi0xLS40LS40LS45LS4zLTEuMi4yLS4yLjMtLjQuNy0uNSwxLjFoMGMtLjIsMC0uMy4yLS4zLjMtLjEsMC0uMy4xLS4yLjMsMCwuMS4xLjIuMy4yLjIsMCwuMywwLC41LS4xLjIuNC42LjMsMSwuNC41LjEuNi0uMy44LS41LjEtLjItLjEtLjQtLjQtLjUsMCwwLDAtLjIuMS0uMloiLz48cGF0aCBkPSJNMTkuOCwyNi4xdi0zaDEuNXMwLTkuMiwwLTkuMmgtMS41YzAsMCwwLTIuOSwwLTIuOSwyLDAsNC44LDAsOC4xLDAsMS43LDAsMy4xLjIsNC4yLjgsMS40LjcsMi4xLDEuOCwyLjEsMy40cy0uOCwzLjItMi40LDMuOWwyLjMsNC4xaDEuM2MwLDAsMCwyLjksMCwyLjktLjQsMC0uNywwLTEuMiwwLTEuMywwLTIuNSwwLTMuOCwwbC0zLTYuM2gtMS41djMuNGgxLjVjMCwwLDAsMi45LDAsMi45LTEuMywwLTIuNSwwLTMuOCwwcy0yLjYsMC0zLjgsMFpNMjYsMTcuMnMuMiwwLC40LDBjLjgsMCwxLjQsMCwxLjgtLjEuNi0uMiwxLS42LDEuMS0xLjIsMC0uMiwwLS4zLDAtLjUsMC0xLTEtMS41LTIuOS0xLjUtLjEsMC0uMywwLS40LDB2My4yWk0zNC41LDI2LjF2LTNoMS40czIuOS05LjIsMi45LTkuMmgtMS43YzAsMCwwLTIuOSwwLTIuOSwxLjgsMCwzLjcsMCw1LjUsMHMzLjcsMCw1LjUsMHYzaC0xLjdjMCwwLDIuOSw5LjIsMi45LDkuMmgxLjJzMCwyLjksMCwyLjljLTEuMiwwLTIuNSwwLTMuNywwcy0yLjUsMC0zLjgsMHYtM2gxLjZzLS41LTEuOS0uNS0xLjloLTQuMmwtLjYsMS45aDEuNnMwLDIuOSwwLDIuOWMtMS4xLDAtMi4yLDAtMy4zLDBzLTIuMSwwLTMuMSwwWk00MC42LDE4LjloM2wtMS41LTUuNGMwLC4zLDAsLjYtLjIuOXYuNGMwLDAtLjIuMy0uMi4zbC0xLjEsMy45Wk01MC40LDI2LjF2LTNoMS41YzAsMCwwLTkuMiwwLTkuMmgtMS41YzAsMCwwLTIuOSwwLTIuOSwxLjUsMCwzLjYsMCw2LjIsMCwuMiwwLC43LDAsMS4zLDAsLjUsMCwuOSwwLDEuMiwwLDIuMS4yLDMuOC45LDUsMi4yLDEuMywxLjMsMiwzLDIsNS4xczAsMS4xLS4yLDEuN2MtLjcsNC0zLjMsNi03LjcsNmgtNC4yYy0uOCwwLTIsMC0zLjcsMFpNNTYuNiwyMy4yaC4yYzAsMCwuMiwwLC4yLDAsMS40LDAsMi40LS4zLDMtLjguNi0uNi45LTEuNiwxLjEtMywwLS42LDAtMS4yLDAtMS44LS4yLTEuMy0uNi0yLjItMS4yLTIuOC0uNi0uNi0xLjUtLjgtMi44LS44LDAsMC0uMSwwLS4yLDBoLS4ydjkuMVpNNjYuOCwyNi4xdi0zaDEuNWMwLDAsMC05LjIsMC05LjJoLTEuNXMwLTIuOSwwLTIuOWMxLjMsMCwyLjYsMCwzLjgsMHMyLjUsMCwzLjgsMHYzaC0xLjVjMCwwLDAsOS4yLDAsOS4yaDEuNGMwLDAsMCwyLjksMCwyLjktMS4yLDAtMi41LDAtMy44LDBzLTIuNiwwLTMuOSwwWk03NS4xLDE4LjZjMC0yLjQuOC00LjMsMi4zLTUuOCwxLjUtMS40LDMuNC0yLjEsNS44LTIuMXM0LjMuNyw1LjgsMi4xYzEuNSwxLjUsMi4zLDMuNCwyLjMsNS43czAsMS4zLS4yLDJjLS40LDEuOS0xLjMsMy4zLTIuOCw0LjQtMS40LDEtMy4xLDEuNS01LjEsMS41cy00LjMtLjctNS45LTIuMWMtMS41LTEuNC0yLjMtMy40LTIuMy01LjdaTTgwLjIsMTguNmMwLDIuOS44LDQuNSwyLjQsNC44LjMsMCwuNSwwLC44LDAsMS45LDAsMi45LTEuNiwyLjktNC45cy0xLTQuOS0yLjktNC45LS41LDAtLjgsMGMtMS42LjMtMi40LDEuOS0yLjQsNC44WiIvPjxwYXRoIGQ9Ik05OC4yLDI2LjF2LTNoMS41czAtOS4yLDAtOS4yaC0xLjVjMCwwLDAtMi45LDAtMi45LDIuMiwwLDUsMCw4LjMsMCwuMiwwLC40LDAsLjgsMCwyLjguMSw0LjQsMS4xLDQuOSwyLjguMS40LjIuNy4yLDEuMSwwLC43LS4yLDEuNC0uNiwxLjktLjQuNi0uOSwxLTEuNiwxLjItLjEsMC0uMywwLS41LjEsMSwuMiwxLjcuNiwyLjMsMS4yLjYuNy45LDEuNS45LDIuNCwwLDEuNi0uNywyLjgtMiwzLjUtMSwuNS0yLjQuOC00LjMuOGgtMy45Yy0uOCwwLTIuMywwLTQuNCwwWk0xMDQuMywxNy4yaC4zcy43LDAsLjcsMGguNGMxLDAsMS42LS41LDEuNy0xLjQsMCwwLDAtLjIsMC0uNCwwLTEtLjYtMS41LTEuOC0xLjVoLTEuNHYzLjJaTTEwNC4zLDIzLjNoLjNzLjcsMCwuNywwYy43LDAsMS4yLDAsMS42LS4yLjUtLjIuOC0uNi45LTEuMiwwLS4yLDAtLjMsMC0uNCwwLTEuMS0uNy0xLjctMi4xLTEuN2gtMS41djMuNVpNMTEzLjUsMTguNmMwLTIuNC44LTQuMywyLjMtNS44LDEuNS0xLjQsMy40LTIuMSw1LjgtMi4xczQuMy43LDUuOCwyLjFjMS41LDEuNSwyLjMsMy40LDIuMyw1LjdzMCwxLjMtLjIsMmMtLjQsMS45LTEuMywzLjMtMi44LDQuNC0xLjQsMS0zLjEsMS41LTUuMSwxLjVzLTQuMy0uNy01LjktMi4xYy0xLjUtMS40LTIuMy0zLjQtMi4zLTUuN1pNMTE4LjYsMTguNmMwLDIuOS44LDQuNSwyLjQsNC44LjMsMCwuNSwwLC44LDAsMS45LDAsMi45LTEuNiwyLjktNC45cy0xLTQuOS0yLjktNC45LS41LDAtLjgsMGMtMS42LjMtMi40LDEuOS0yLjQsNC44Wk0xMjAsMTAuMWwyLjEtMy41aDMuNWwtMywzLjVoLTIuNlpNMTMwLjUsMjYuMXYtM2gxLjRzMC05LjIsMC05LjJoLTEuNGMwLDAsMC0yLjksMC0yLjkuNCwwLDEsMCwxLjcsMCwxLjcsMCwzLjMsMCw0LjksMGw0LjYsOC4xYy4xLjIuMi41LjQuOXYtLjRzMC0uNiwwLS42di0uNnMwLTQuNSwwLTQuNWgtMS40YzAsMCwwLTIuOSwwLTIuOS45LDAsMS45LDAsMi44LDBzMi4xLDAsMy4xLDB2M2gtMS40YzAsMCwwLDEyLjEsMCwxMi4xaC00LjRsLTUtOC42Yy0uNC0uNi0uNi0xLjItLjgtMS42djEuM2MwLDAsMCw2LDAsNmgxLjRzMCwyLjksMCwyLjljLTEsMC0yLDAtMi45LDBzLTIsMC0zLDBaTTE1OS4yLDEyLjJ2LTEuMmgzLjFjMCwuOS0uMSwxLjktLjEsMi45czAsMS42LDAsMi40aC0zLjRjLS4xLS44LS41LTEuNC0xLjItMS45LS42LS41LTEuNC0uNy0yLjItLjctMS45LDAtMywxLjMtMy4yLDMuOSwwLC4zLDAsLjcsMCwxLjIsMCwyLjcuOSw0LjMsMi43LDQuNi4yLDAsLjUsMCwuNywwLDEuNSwwLDIuMy0uNiwyLjUtMS45di0uNGMwLDAtMi4zLDAtMi4zLDB2LTIuN2g3LjF2LjdjMCwyLjEtLjYsMy43LTEuNiw0LjktMSwxLjItMi41LDEuOS00LjYsMi4zLS41LDAtMS4xLjEtMS43LjEtMi43LDAtNC44LS45LTYuMy0yLjgtMS4xLTEuNC0xLjctMy0xLjctNC44czAtMS4zLjItMS45Yy4zLTEuNC44LTIuNSwxLjctMy41LjktMSwxLjktMS44LDMuMi0yLjIuOS0uMywxLjktLjUsMi44LS41LDEuOCwwLDMuMi41LDQuMSwxLjRaTTE3NS45LDE3LjFoMS43djIuOGgtMS43djMuM2guMmMwLDAsLjIsMCwuMiwwLDEuNCwwLDIuNC0uMywzLS44LjYtLjYuOS0xLjYsMS4xLTMsMC0uNiwwLTEuMiwwLTEuOC0uMi0xLjMtLjYtMi4yLTEuMi0yLjgtLjYtLjYtMS41LS44LTIuOC0uOCwwLDAtLjEsMC0uMiwwaC0uMnYzLjFaTTE2OS40LDE5Ljl2LTIuOGgxLjh2LTMuMWgtMS41YzAsMCwwLTIuOSwwLTIuOSwxLjUsMCwzLjYsMCw2LjIsMCwuMiwwLC43LDAsMS4zLDAsLjUsMCwuOSwwLDEuMiwwLDIuMS4yLDMuOC45LDUsMi4yLDEuMywxLjMsMiwzLDIsNS4xczAsMS4xLS4yLDEuN2MtLjcsNC0zLjMsNi03LjcsNmgtNC4yYy0uOCwwLTIsMC0zLjcsMHYtM2gxLjVjMCwwLDAtMy4zLDAtMy4zaC0xLjhaTTE4NS4zLDI2LjF2LTNoMS40czIuOS05LjIsMi45LTkuMmgtMS43YzAsMCwwLTIuOSwwLTIuOSwxLjgsMCwzLjcsMCw1LjUsMHMzLjcsMCw1LjUsMHYzaC0xLjdjMCwwLDIuOSw5LjIsMi45LDkuMmgxLjJzMCwyLjksMCwyLjljLTEuMiwwLTIuNSwwLTMuNywwcy0yLjUsMC0zLjgsMHYtM2gxLjZzLS41LTEuOS0uNS0xLjloLTQuMmwtLjYsMS45aDEuNnMwLDIuOSwwLDIuOWMtMS4xLDAtMi4yLDAtMy4zLDBzLTIuMSwwLTMuMSwwWk0xOTEuNCwxOC45aDNsLTEuNS01LjRjMCwuMywwLC42LS4yLjl2LjRjMCwwLS4yLjMtLjIuM2wtMS4xLDMuOVpNMTkxLjgsOS45bDIuMS0zLjVoMy41bC0zLDMuNWgtMi42WiIgZmlsbD0iIzM4MzgzOCIvPjwvc3ZnPg==) left center no-repeat; height: 40px; } .capt-cover { display: block; line-height: 33px; height: 33px; margin: 20px 0; text-transform: uppercase; } .capt-cover, .capt-cover .caption { position: relative; } .capt-cover::before { background-color: #7a7a7a; content: ""; display: block; position: absolute; top: 16px; left: 0; right: 30px; height: 1px; z-index: 0; } .capt-cover.no-more::before { right: 0; } .capt-cover.ex-nav::before { top: 27px; } .capt-cover .caption { background-color: #fff; display: inline-block; font-family: "Stafford", serif; font-size: 1.25rem; padding-right: 10px; z-index: 1; } .capt-cover.tx-cen .caption { padding-left: 10px; } .capt-cover .nav-lnk { float: right; font-size: 0.875rem; font-weight: normal; margin-top: 2px; margin-right: 36px; line-height: 24px; height: 24px; } .capt-cover .nav-lnk a { color: #7a7a7a; display: inline-block; padding: 0 3px; } .capt-cover .more-lnk { border: solid 1px #7a7a7a; display: block; height: 24px; width: 24px; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); } .capt-cover .more-lnk:empty::before, .capt-cover .more-lnk:empty::after, .capt-cover .more-lnk.arrow::before, .capt-cover .more-lnk.arrow::after { background-color: #ed1c24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .capt-cover .more-lnk:empty::before { height: 12px; width: 1px; } .capt-cover .more-lnk:empty::after, .capt-cover .more-lnk.arrow::after { height: 1px; width: 12px; } .capt-cover .more-lnk.arrow::before { background: none !important; margin-top: -3px; border-top: solid 1px #ed1c24; border-right: solid 1px #ed1c24; height: 5px; width: 5px; transform: rotate(45deg); } .capt-cover .more-lnk:active, .capt-cover .more-lnk:focus, .capt-cover .more-lnk:hover { background-color: #ed1c24; border: solid 1px #ed1c24; } .capt-cover .more-lnk:active:empty::before, .capt-cover .more-lnk:active:empty::after, .capt-cover .more-lnk:active.arrow::after, .capt-cover .more-lnk:focus:empty::before, .capt-cover .more-lnk:focus:empty::after, .capt-cover .more-lnk:focus.arrow::after, .capt-cover .more-lnk:hover:empty::before, .capt-cover .more-lnk:hover:empty::after, .capt-cover .more-lnk:hover.arrow::after { background-color: #fff; } .capt-cover .more-lnk:active.arrow::before, .capt-cover .more-lnk:focus.arrow::before, .capt-cover .more-lnk:hover.arrow::before { border-color: #fff; } .capt-cover.xfile { line-height: 50px; height: 50px; } .capt-cover.xfile::before { top: 25px; } .capt-cover.xfile .caption { height: 50px; width: 125px; } .play-ico { background-size: auto 12px; display: block; height: 24px; width: 24px; } .play-btn { display: block; font-size: 0.875rem; font-weight: bold; text-align: center; } .news.bdr, .news.bdr-blk, .news.bdr-wht, .media.bdr, .media.bdr-blk, .media.bdr-wht, .show.bdr, .show.bdr-blk, .show.bdr-wht { border: solid 1px; } .news .pfx, .media .pfx, .show .pfx { display: block; margin-bottom: 5px; } .news .pfx b, .media .pfx b, .show .pfx b { border: solid 1px #ed1c24; border-radius: 0.6em; color: #ed1c24; display: inline-block; padding: 0 0.6em; font-size: 0.85em; font-weight: 700; line-height: 1.2em; } .news .thumb, .news .summ, .news .title, .news .info, .media .thumb, .media .summ, .media .title, .media .info, .show .thumb, .show .summ, .show .title, .show .info { display: block; } .news .thumb, .media .thumb, .show .thumb { margin: 0; padding: 0; } .news .thumb img, .media .thumb img, .show .thumb img { display: block; margin: 0; padding: 0; height: auto; width: 100%; } .news .thumb.paid, .media .thumb.paid, .show .thumb.paid { position: relative; } .news .thumb.paid img, .media .thumb.paid img, .show .thumb.paid img { position: relative; z-index: 1; } .news .thumb.paid::before, .media .thumb.paid::before, .show .thumb.paid::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0ZGQ0MwMCI+PHBhdGggZD0iTTEzLjUsMTMuNWgtMTF2MWgxMVYxMy41eiIvPjxwYXRoIGQ9Ik0xLjEsNi44QzEuMSw2LjgsMS4xLDYuOCwxLjEsNi44YzAsMCwwLjgsMi4xLDAuOSwzQzIuMiwxMC43LDIuNSwxMywyLjUsMTNoMTAuOWMwLDAsMC4zLTIuNCwwLjUtMy41IGMwLjItMSwwLjktMi43LDAuOS0yLjdjMCwwLDAsMCwwLDBjMC42LDAsMS4xLTAuNSwxLjEtMS4xcy0wLjUtMS4xLTEuMS0xLjFjLTAuNiwwLTEuMSwwLjUtMS4xLDEuMWMwLDAuMSwwLDAuMiwwLjEsMC4zIGMwLDAtMC42LDAuMy0xLjMsMC45cy0xLjMsMS42LTEuMywxLjZzLTAuNi0yLjItMS4xLTNDOS44LDQuNyw4LjYsMyw4LjYsM2MwLjMtMC4yLDAuNS0wLjUsMC41LTAuOUM5LjEsMS41LDguNiwxLDgsMSBTNi45LDEuNSw2LjksMi4xYzAsMC40LDAuMiwwLjcsMC41LDAuOWMwLDAtMS4zLDEuNy0xLjcsMi43Yy0wLjUsMC45LTEsMy0xLDNTNCw3LjYsMy40LDdTMi4xLDYuMSwyLjEsNi4xYzAtMC4xLDAuMS0wLjIsMC4xLTAuMyBjMC0wLjYtMC41LTEuMS0xLjEtMS4xQzAuNSw0LjcsMCw1LjEsMCw1LjdTMC41LDYuOCwxLjEsNi44eiIvPjwvc3ZnPg==) center no-repeat; background-size: 20px; content: ""; display: block; height: 24px; width: 24px; position: absolute; top: 0; left: 0; z-index: 2; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35)); } .news .info, .media .info, .show .info { color: #7a7a7a; line-height: 20px; font-size: 0.75rem; font-weight: normal; margin-top: 10px; } .news .info a, .news .info span, .media .info a, .media .info span, .show .info a, .show .info span { display: inline-block; margin-right: 10px; } .news .info .ico, .media .info .ico, .show .info .ico { height: 20px; vertical-align: top; } .news .summ, .media .summ, .show .summ { color: #5f5f5f; font-size: 0.875rem; line-height: 1.5em; } .news .title, .media .title, .show .title { color: #000; font-size: 1rem; font-weight: bold; line-height: 1.35em; } @media only screen and (min-width: 1024px) { .news .title, .media .title, .show .title { font-size: 1.125rem; } } .news .ico, .media .ico, .show .ico { color: #000; font-size: 0.75rem; opacity: 0.5; line-height: 20px; } .news .ico.comm-lnk, .media .ico.comm-lnk, .show .ico.comm-lnk { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9Im9wYWNpdHk6IDAuNSI+PHBhdGggZD0iTTEyLDEuNmMxLjYsMCwyLjksMS4zLDIuOSwyLjlsMCw4YzAsMC40LTAuMSwxLjMtMC41LDEuN2MtMC4xLDAuMS0wLjIsMC4xLTAuNCwwLjFjLTAuNCwwLTAuNS0wLjEtMC44LTAuMyBjLTAuNi0wLjQtMS4yLTAuNy0yLjctMC43SDRjLTEuNiwwLTIuOS0xLjMtMi45LTIuOXYtNmMwLTEuNiwxLjMtMi45LDIuOS0yLjlIMTIgTTEyLDAuNUg0Yy0yLjIsMC00LDEuOC00LDR2NmMwLDIuMiwxLjgsNCw0LDQgYzAsMCw0LjMsMCw2LjUsMHMxLjgsMSwzLjUsMWMyLDAsMi0zLDItM3YtOEMxNiwyLjMsMTQuMiwwLjUsMTIsMC41TDEyLDAuNXoiLz48cGF0aCBkPSJNMTAuNSw1LjloLTZjLTAuMywwLTAuNi0wLjMtMC42LTAuNnMwLjMtMC42LDAuNi0wLjZoNmMwLjMsMCwwLjYsMC4zLDAuNiwwLjZTMTAuOCw1LjksMTAuNSw1Ljl6Ii8+PHBhdGggZD0iTTcuNSw4LjloLTNjLTAuMywwLTAuNi0wLjMtMC42LTAuNnMwLjMtMC42LDAuNi0wLjZoM2MwLjMsMCwwLjYsMC4zLDAuNiwwLjZTNy44LDguOSw3LjUsOC45eiIvPjwvc3ZnPg==); color: #ed1c24; opacity: 1; } .news .ico.clip::before, .media .ico.clip::before, .show .ico.clip::before { margin-top: 3px; } .news .ico.fire, .media .ico.fire, .show .ico.fire { font-size: 0.9em; opacity: 1 !important; } .news .avatar, .media .avatar, .show .avatar { float: right; } .news .author, .media .author, .show .author { display: inline-block; font-size: 0.75rem; margin-right: 10px; text-transform: uppercase; } .news .author .avatar, .media .author .avatar, .show .author .avatar { float: left; margin-right: 6px; height: 20px; width: 20px; } .news .cat, .media .cat, .show .cat { color: #5f5f5f; font-size: 0.75rem; font-weight: bold; margin-right: 10px; text-transform: uppercase; } .news.mixed a, .media.mixed a, .show.mixed a { color: #fff; } .news.mixed .title, .media.mixed .title, .show.mixed .title { background-color: transparent !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 40px); margin-top: -40px; padding: 30px 10px 10px; position: relative; z-index: 1; } .news.mixed .title.bg-base, .media.mixed .title.bg-base, .show.mixed .title.bg-base { background-color: transparent !important; background: linear-gradient(180deg, rgba(122, 122, 122, 0) 0px, #7a7a7a 40px); } .news.mixed .title.bg-base-drk, .media.mixed .title.bg-base-drk, .show.mixed .title.bg-base-drk { background: linear-gradient(180deg, rgba(95, 95, 95, 0) 0px, #5f5f5f 40px); } .news.mixed .title.bg-base-lgt, .media.mixed .title.bg-base-lgt, .show.mixed .title.bg-base-lgt { background: linear-gradient(180deg, rgba(234, 234, 234, 0) 0px, #eaeaea 40px); } .news.mixed .title.bg-base-blk, .media.mixed .title.bg-base-blk, .show.mixed .title.bg-base-blk { background: linear-gradient(180deg, rgba(40, 38, 44, 0) 0px, #28262c 40px); } .news.mixed .title.bg-base-wht, .media.mixed .title.bg-base-wht, .show.mixed .title.bg-base-wht { background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0px, whitesmoke 40px); } .news.mixed .title.bg-prime, .media.mixed .title.bg-prime, .show.mixed .title.bg-prime { background-color: transparent !important; background: linear-gradient(180deg, rgba(237, 28, 36, 0) 0px, #ed1c24 40px); } .news.mixed .title.bg-prime-drk, .media.mixed .title.bg-prime-drk, .show.mixed .title.bg-prime-drk { background: linear-gradient(180deg, rgba(151, 18, 23, 0) 0px, #971217 40px); } .news.mixed .title.bg-prime-lgt, .media.mixed .title.bg-prime-lgt, .show.mixed .title.bg-prime-lgt { background: linear-gradient(180deg, rgba(250, 193, 195, 0) 0px, #fac1c3 40px); } .news.mixed .title.bg-prime-blk, .media.mixed .title.bg-prime-blk, .show.mixed .title.bg-prime-blk { background: linear-gradient(180deg, rgba(87, 11, 14, 0) 0px, #570b0e 40px); } .news.mixed .title.bg-prime-wht, .media.mixed .title.bg-prime-wht, .show.mixed .title.bg-prime-wht { background: linear-gradient(180deg, rgba(253, 234, 235, 0) 0px, #fdeaeb 40px); } .news.mixed .title.bg-media, .media.mixed .title.bg-media, .show.mixed .title.bg-media { background-color: transparent !important; background: linear-gradient(180deg, rgba(33, 150, 243, 0) 0px, #2196f3 40px); } .news.mixed .title.bg-media-drk, .media.mixed .title.bg-media-drk, .show.mixed .title.bg-media-drk { background: linear-gradient(180deg, rgba(21, 101, 192, 0) 0px, #1565c0 40px); } .news.mixed .title.bg-media-lgt, .media.mixed .title.bg-media-lgt, .show.mixed .title.bg-media-lgt { background: linear-gradient(180deg, rgba(187, 222, 251, 0) 0px, #bbdefb 40px); } .news.mixed .title.bg-media-blk, .media.mixed .title.bg-media-blk, .show.mixed .title.bg-media-blk { background: linear-gradient(180deg, rgba(13, 71, 161, 0) 0px, #0d47a1 40px); } .news.mixed .title.bg-media-wht, .media.mixed .title.bg-media-wht, .show.mixed .title.bg-media-wht { background: linear-gradient(180deg, rgba(245, 248, 253, 0) 0px, #f5f8fd 40px); } .news.mixed .title.bg-radio, .media.mixed .title.bg-radio, .show.mixed .title.bg-radio { background-color: transparent !important; background: linear-gradient(180deg, rgba(110, 37, 176, 0) 0px, #6e25b0 40px); } .news.mixed .title.bg-radio-drk, .media.mixed .title.bg-radio-drk, .show.mixed .title.bg-radio-drk { background: linear-gradient(180deg, rgba(84, 29, 134, 0) 0px, #541d86 40px); } .news.mixed .title.bg-radio-lgt, .media.mixed .title.bg-radio-lgt, .show.mixed .title.bg-radio-lgt { background: linear-gradient(180deg, rgba(191, 166, 215, 0) 0px, #bfa6d7 40px); } .news.mixed .title.bg-radio-blk, .media.mixed .title.bg-radio-blk, .show.mixed .title.bg-radio-blk { background: linear-gradient(180deg, rgba(58, 20, 92, 0) 0px, #3a145c 40px); } .news.mixed .title.bg-radio-wht, .media.mixed .title.bg-radio-wht, .show.mixed .title.bg-radio-wht { background: linear-gradient(180deg, rgba(239, 232, 245, 0) 0px, #efe8f5 40px); } .news.mixed .title.bg-score, .media.mixed .title.bg-score, .show.mixed .title.bg-score { background-color: transparent !important; background: linear-gradient(180deg, rgba(76, 175, 80, 0) 0px, #4caf50 40px); } .news.mixed .title.bg-score-drk, .media.mixed .title.bg-score-drk, .show.mixed .title.bg-score-drk { background: linear-gradient(180deg, rgba(46, 125, 50, 0) 0px, #2e7d32 40px); } .news.mixed .title.bg-score-lgt, .media.mixed .title.bg-score-lgt, .show.mixed .title.bg-score-lgt { background: linear-gradient(180deg, rgba(200, 230, 201, 0) 0px, #c8e6c9 40px); } .news.mixed .title.bg-score-blk, .media.mixed .title.bg-score-blk, .show.mixed .title.bg-score-blk { background: linear-gradient(180deg, rgba(27, 94, 32, 0) 0px, #1b5e20 40px); } .news.mixed .title.bg-score-wht, .media.mixed .title.bg-score-wht, .show.mixed .title.bg-score-wht { background: linear-gradient(180deg, rgba(232, 245, 233, 0) 0px, #e8f5e9 40px); } .news.mixed .title.bg-voice, .media.mixed .title.bg-voice, .show.mixed .title.bg-voice { background-color: transparent !important; background: linear-gradient(180deg, rgba(0, 187, 160, 0) 0px, #00bba0 40px); } .news.mixed .title.bg-voice-drk, .media.mixed .title.bg-voice-drk, .show.mixed .title.bg-voice-drk { background: linear-gradient(180deg, rgba(0, 117, 101, 0) 0px, #007565 40px); } .news.mixed .title.bg-voice-lgt, .media.mixed .title.bg-voice-lgt, .show.mixed .title.bg-voice-lgt { background: linear-gradient(180deg, rgba(203, 250, 242, 0) 0px, #cbfaf2 40px); } .news.mixed .title.bg-voice-blk, .media.mixed .title.bg-voice-blk, .show.mixed .title.bg-voice-blk { background: linear-gradient(180deg, rgba(0, 69, 59, 0) 0px, #00453b 40px); } .news.mixed .title.bg-voice-wht, .media.mixed .title.bg-voice-wht, .show.mixed .title.bg-voice-wht { background: linear-gradient(180deg, rgba(223, 252, 248, 0) 0px, #dffcf8 40px); } .news.mixed .title.bg-alert, .media.mixed .title.bg-alert, .show.mixed .title.bg-alert { background-color: transparent !important; background: linear-gradient(180deg, rgba(253, 216, 53, 0) 0px, #fdd835 40px); } .news.mixed .title.bg-alert-drk, .media.mixed .title.bg-alert-drk, .show.mixed .title.bg-alert-drk { background: linear-gradient(180deg, rgba(249, 168, 37, 0) 0px, #f9a825 40px); } .news.mixed .title.bg-alert-lgt, .media.mixed .title.bg-alert-lgt, .show.mixed .title.bg-alert-lgt { background: linear-gradient(180deg, rgba(255, 249, 196, 0) 0px, #fff9c4 40px); } .news.mixed .title.bg-alert-blk, .media.mixed .title.bg-alert-blk, .show.mixed .title.bg-alert-blk { background: linear-gradient(180deg, rgba(122, 63, 11, 0) 0px, #7a3f0b 40px); } .news.mixed .title.bg-alert-wht, .media.mixed .title.bg-alert-wht, .show.mixed .title.bg-alert-wht { background: linear-gradient(180deg, rgba(255, 253, 231, 0) 0px, #fffde7 40px); } .media .thumb { position: relative; } .media .play-btn { background-color: #fff; color: #ed1c24; padding-right: 8px; position: absolute; bottom: 0; left: 0; line-height: 24px; height: 24px; } .media .play-btn .play-ico { background-color: #ed1c24; float: left; margin-right: 8px; } .show, .show .thumb, .show .title, .show .info { display: block; } .show, .show .thumb { position: relative; } .show .thumb { display: block; } .show .thumb::before { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .show .thumb img { -o-object-fit: cover; object-fit: cover; position: relative; z-index: 0; width: 100%; } .show .badge, .show .title, .show .info { position: absolute; z-index: 3; } .show .badge { box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); display: block; top: 20px; right: 10px; } .show .title, .show .info { background: transparent; left: 0; padding: 0 15px; width: 100%; } .show .title { color: #fff; font-size: 1.5rem; font-weight: bold; bottom: 56px; } .show .info { color: #fff; font-size: 0.875rem; line-height: 24px; height: 24px; text-align: right; bottom: 10px; } .show .info span { display: inline-block; } .show .info .status { text-transform: uppercase; } .show:active .title, .show:focus .title, .show:hover .title { color: #fff !important; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25); } .show .author { color: #fff; display: block; float: left; text-transform: uppercase; } .show .author .avatar { box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); margin: 0; padding: 0; float: left; height: 24px; width: 24px; } .show .author + .author { margin-left: -15px; z-index: 1; } .show.coming .thumb img { filter: grayscale(100%); } .show.coming .author .avatar { position: relative; z-index: 2; } .view-more { display: block; text-align: center; } .view-more a { font-size: 0.875rem; } .view-more a, .view-more a::after { display: inline-block; } .view-more a::after { color: #ed1c24; content: "+"; padding: 0 5px; } .news-lst .lst, .board .news-strm .lst, .news-lst .board .news-lst, .news-lst .board .news-strm, .board .news-lst .news-lst, .board .news-strm .news-lst, .board .news-lst .news-strm, .board .news-strm .news-strm, .news-lst .cataloger .cata-opts ul, .board .news-strm .cataloger .cata-opts ul, .cataloger .cata-opts .news-lst ul, .cataloger .cata-opts .board .news-strm ul, .board .cataloger .cata-opts .news-strm ul, .search-news .news-strm .lst, .search-news .news-strm .board .news-lst, .search-news .news-strm .board .news-strm, .search-news .news-strm .cataloger .cata-opts ul, .cataloger .cata-opts .search-news .news-strm ul { margin: -15px 0; } .news-lst .lst li, .board .news-strm .lst li, .news-lst .board .news-lst li, .news-lst .board .news-strm li, .board .news-lst .news-lst li, .board .news-strm .news-lst li, .board .news-lst .news-strm li, .board .news-strm .news-strm li, .news-lst .cataloger .cata-opts ul li, .board .news-strm .cataloger .cata-opts ul li, .cataloger .cata-opts .news-lst ul li, .cataloger .cata-opts .board .news-strm ul li, .board .cataloger .cata-opts .news-strm ul li, .search-news .news-strm .lst li, .search-news .news-strm .board .news-lst li, .search-news .news-strm .board .news-strm li, .search-news .news-strm .cataloger .cata-opts ul li, .cataloger .cata-opts .search-news .news-strm ul li { padding: 15px 0; } .news-lst .title, .board .news-strm .title, .search-news .news-strm .title, .news-lst .xcap, .board .news-strm .xcap, .search-news .news-strm .xcap, .news-lst .daily-betts .caption, .board .news-strm .daily-betts .caption, .search-news .news-strm .daily-betts .caption, .daily-betts .news-lst .caption, .daily-betts .board .news-strm .caption, .board .daily-betts .news-strm .caption, .daily-betts .search-news .news-strm .caption, .search-news .daily-betts .news-strm .caption { margin: 10px 0; } .denoted { color: #5f5f5f; font-size: 0.75rem; font-weight: normal; display: block; } .denoted a { color: #ed1c24; text-decoration: underline; } .locker-wrap { display: block; z-index: 3; } .locker-wrap, .locker-wrap .cont-wrap { height: 0; overflow-y: visible; position: relative; } .locker-wrap .locker-over { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0px, white 120px); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); display: block; margin: 0; padding: 150px 30px 30px; font-weight: bold; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .locker-wrap .locker-over div { margin: 1em auto; } .paid-pass { position: relative; } .paid-pass .txt-fld, .paid-pass .dte-fld, .paid-pass .dte-range { text-align: left; } .paid-pass .txt-fld input, .paid-pass .dte-fld input, .paid-pass .dte-range input { border-color: #ed1c24; } .paid-pass .txt-fld button, .paid-pass .dte-fld button, .paid-pass .dte-range button { margin: 6px 10px; } .quote-view { background-color: #fff9c4; border-prime: solid 1px #7a7a7a; display: block; margin: 0; padding: 10px; line-height: 1.5em; } .quote-view img { display: block; } .quote-view img, .quote-view table { max-width: 100%; } .quote-view ul { list-style: square; } .radio-player { background: #F1F5F9; border-radius: 20px; display: flex; margin-bottom: 20px; padding: 5px 10px; justify-content: space-between; align-items: center; } .radio-player > audio { display: none; } .radio-player .btn, .radio-player .quiz-over .qz-act, .quiz-over .radio-player .qz-act { border: none !important; box-shadow: none !important; display: block; margin: 0; padding: 0; } .radio-player > .btn, .quiz-over .radio-player > .qz-act { background: center no-repeat; background-size: 100%; flex: 0 0 auto; height: 40px; width: 40px; } .radio-player > .btn.play, .quiz-over .radio-player > .play.qz-act { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjZmZmIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04LDBoMGM0LjQsMCw4LDMuNiw4LDhoMGMwLDQuNC0zLjYsOC04LDhoMEMzLjYsMTYsMCwxMi40LDAsOGgwQzAsMy42LDMuNiwwLDgsMFoiIGZpbGw9IiNlZDFjMjQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02LjIsMy4zYy0uNS0uMy0xLjEsMC0xLjEuNnY4LjFjMCwuNS42LjksMS4xLjZsNi42LTRjLjUtLjMuNS0uOSwwLTEuMkw2LjIsMy4zWiIvPjwvc3ZnPg==); } .radio-player > .btn.pause, .quiz-over .radio-player > .pause.qz-act { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNOCwwaDBjNC40LDAsOCwzLjYsOCw4aDBjMCw0LjQtMy42LDgtOCw4aDBDMy42LDE2LDAsMTIuNCwwLDhoMEMwLDMuNiwzLjYsMCw4LDBaIiBmaWxsPSIjZWQxYzI0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNyw0Ljd2Ni43YzAsLjIsMCwuMy0uMi41LS4xLjEtLjMuMi0uNS4yaC0xLjVjLS4yLDAtLjMsMC0uNS0uMi0uMS0uMS0uMi0uMy0uMi0uNXYtNi43YzAtLjIsMC0uMy4yLS41LjEtLjEuMy0uMi41LS4yaDEuNWMuMiwwLC4zLDAsLjUuMi4xLjEuMi4zLjIuNVpNNi41LDRoLTEuNWMtLjIsMC0uMywwLS41LjItLjEuMS0uMi4zLS4yLjV2Ni43YzAsLjIsMCwuMy4yLjUuMS4xLjMuMi41LjJoMS41Yy4yLDAsLjMsMCwuNS0uMi4xLS4xLjItLjMuMi0uNXYtNi43YzAtLjIsMC0uMy0uMi0uNS0uMS0uMS0uMy0uMi0uNS0uMloiLz48L3N2Zz4=); } .radio-player .player-box { display: block; margin: 0 10px; padding: 0 5px; height: 45px; width: 100%; position: relative; } .radio-player .player-box .play-time { display: block; margin: 0; padding: 0; font-size: 0.875rem; font-weight: normal; position: absolute; bottom: 0; left: 0; width: 100%; } .radio-player .player-box .play-time span { display: inline-block; margin: 0 3px; } .radio-player .player-box .play-time span ~ span { opacity: 0.5; } .radio-player .player-box .play-time .play-speed { background: #000; color: #fff; border-radius: 5px; padding: 0 5px; font-size: 0.75rem; font-weight: 600; line-height: 18px; height: 18px; } .radio-player .player-box .play-time .play-speed, .radio-player .player-box .play-time .play-speed + span { opacity: 1 !important; } .radio-player .player-box .play-time .play-speed.active { background-color: #ed1c24; } .radio-player .player-box .time-line { margin-top: 10px; height: 16px; cursor: pointer; width: 100%; position: relative; } .radio-player .player-box .time-line::before { background-color: #7a7a7a; border-radius: 2px; content: ""; display: block; margin: -2px 0; position: absolute; top: 50%; left: -5px; right: -5px; height: 4px; z-index: 0; } .radio-player .player-box .time-line::after { background-color: #ed1c24; border: solid 1px #f5f5f5; border-radius: 2px; content: ""; display: block; margin: -3px 0 0; padding: 0; height: 4px; width: 5px; position: absolute; top: 50%; left: -5px; z-index: 1; } .radio-player .player-box .time-line .time-over { background-color: #ed1c24; border-radius: 0px 2px 2px 0px; display: block; margin: -2px 0; height: 4px; transition: width 0.2s; position: absolute; top: 50%; left: 0; z-index: 2; } .radio-player .player-box .time-line .time-over::after { background-color: #ed1c24; border: solid 1px #f5f5f5; border-radius: 50%; content: ""; display: block; margin: -6px; height: 12px; width: 12px; position: absolute; top: 50%; right: 0; z-index: 5; } .radio-player .voice-lst { display: block; margin: 0; padding: 0; position: relative; } .radio-player .voice-lst .btn, .radio-player .voice-lst .quiz-over .qz-act, .quiz-over .radio-player .voice-lst .qz-act { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0ib3BhY2l0eTogLjU7Ij48cGF0aCBkPSJNNy4xLDguNGgtMi4zYy4yLDEuNiwxLjYsMi44LDMuMiwyLjhzMy0xLjIsMy4yLTIuOGgtMi4zdi0uOWgyLjN2LTEuNGgtMi4zdi0uOWgyLjN2LTEuNGgtMi4zdi0uOWgyLjNDMTEsMS4yLDkuNywwLDgsMHMtMywxLjItMy4yLDIuOGgyLjN2LjloLTIuM3YxLjRoMi4zdi45aC0yLjN2MS40aDIuM3YuOVoiLz48cGF0aCBkPSJNOC41LDEzLjFjMi42LS4yLDQuNy0yLjUsNC43LTUuMWgtLjljMCwyLjMtMS45LDQuMi00LjIsNC4ycy00LjItMS45LTQuMi00LjJoLS45YzAsMi43LDIuMSw0LjksNC43LDUuMXYyaC0zLjN2LjloNy41di0uOWgtMy4zdi0yWiIvPjwvc3ZnPg==) left center no-repeat; background-size: auto 1.125em; font-size: 1rem; font-weight: 600; padding: 0 20px; white-space: nowrap; } .radio-player .voice-lst .btn:focus, .radio-player .voice-lst .quiz-over .qz-act:focus, .quiz-over .radio-player .voice-lst .qz-act:focus { box-shadow: unset; } .radio-player .voice-lst .btn::after, .radio-player .voice-lst .quiz-over .qz-act::after, .quiz-over .radio-player .voice-lst .qz-act::after { content: ""; display: inline-block; padding: 2px; border-left: 2px solid #333; border-bottom: 2px solid #333; margin: 0 -15px 2px 5px; transform: rotate(-45deg); } .radio-player .voice-lst .btn::before, .radio-player .voice-lst .quiz-over .qz-act::before, .quiz-over .radio-player .voice-lst .qz-act::before { content: "Giọng đọc"; } .radio-player .voice-lst .lst, .radio-player .voice-lst .board .news-lst, .radio-player .voice-lst .board .news-strm, .board .radio-player .voice-lst .news-lst, .board .radio-player .voice-lst .news-strm, .radio-player .voice-lst .cataloger .cata-opts ul, .cataloger .cata-opts .radio-player .voice-lst ul { background: #fff; border: solid 1px #eaeaea; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); display: none; min-width: 100%; padding: 10px 20px; line-height: 30px; position: absolute; top: 100%; right: 0; white-space: nowrap; } .radio-player .voice-lst .lst a, .radio-player .voice-lst .board .news-lst a, .radio-player .voice-lst .board .news-strm a, .board .radio-player .voice-lst .news-lst a, .board .radio-player .voice-lst .news-strm a, .radio-player .voice-lst .cataloger .cata-opts ul a, .cataloger .cata-opts .radio-player .voice-lst ul a { color: #28262c; font-size: 90%; font-weight: normal; } .radio-player .voice-lst .lst a:active, .radio-player .voice-lst .board .news-lst a:active, .radio-player .voice-lst .board .news-strm a:active, .board .radio-player .voice-lst .news-lst a:active, .board .radio-player .voice-lst .news-strm a:active, .radio-player .voice-lst .cataloger .cata-opts ul a:active, .cataloger .cata-opts .radio-player .voice-lst ul a:active { background-color: #f6f6f6; } .radio-player.min { background: none; padding: 0; } .radio-player.min > .btn, .quiz-over .radio-player.min > .qz-act { margin: 0; height: 30px; width: 30px; } .radio-player.min .player-box { height: 40px; width: calc(100% - 30px); } .radio-player.min .player-box .play-time { font-size: 0.75rem; font-weight: normal; } .radio-player.min .player-box .play-time span { margin: 0; } @media only screen and (max-width: 342px) { .radio-player .voice-lst .btn::before, .radio-player .voice-lst .quiz-over .qz-act::before, .quiz-over .radio-player .voice-lst .qz-act::before { content: ""; } } @media only screen and (max-width: 1023.9px) { .news .info .cat { display: block; } .radio-player .voice-lst.active .lst, .radio-player .voice-lst.active .board .news-lst, .radio-player .voice-lst.active .board .news-strm, .board .radio-player .voice-lst.active .news-lst, .board .radio-player .voice-lst.active .news-strm, .radio-player .voice-lst.active .cataloger .cata-opts ul, .cataloger .cata-opts .radio-player .voice-lst.active ul { display: block; } } @media only screen and (min-width: 1024px) { .capt-cover .caption { font-size: 1.5rem; } .show.live .author .avatar { height: 32px; width: 32px; margin-right: 6px; } .show.live .author + .author { margin-left: 10px; } .show .title { bottom: 90px; } .show .info { line-height: 32px; height: 32px; bottom: 30px; } .show .info .status { text-transform: none; } .locker-wrap .locker-over { font-size: 1.125rem; } .radio-player .voice-lst:hover .lst, .radio-player .voice-lst:hover .board .news-lst, .radio-player .voice-lst:hover .board .news-strm, .board .radio-player .voice-lst:hover .news-lst, .board .radio-player .voice-lst:hover .news-strm, .radio-player .voice-lst:hover .cataloger .cata-opts ul, .cataloger .cata-opts .radio-player .voice-lst:hover ul { display: block; } } iframe.maximize { border-none: solid 1px #eaeaea; display: block; margin: 0; padding: 0; overflow: hidden; min-height: 100%; width: 100%; } .dropper, .popover { position: relative; } .dropper .drop-down, .popover .drop-down { background: #fff; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25); display: none; position: absolute; top: 100%; left: 0; z-index: 9999; } .dropper .drop-down.rgt, .popover .drop-down.rgt { float: none; left: unset; right: 0; } .dropper.active .drop-down { display: block; } .popover:hover .drop-down { display: block; } .selector { border-bottom: solid 1px #28262c; display: block; line-height: 40px; height: 41px; position: relative; } .selector::before { width: 40px; position: absolute; top: 0; bottom: 0; right: 0; } .selector::after { border-bottom: solid 1px #ed1c24; border-right: solid 1px #ed1c24; height: 9px; width: 9px; position: absolute; top: 50%; right: 20px; transform: translate(0, -50%) rotate(45deg); } .selector ul { display: block; margin: 0; padding: 0; list-style: none; } .selector ul li { display: none; margin: 0; padding: 0 40px 0 10px; list-style: none; } .selector ul a { display: block; } .selector.active ul li, .selector li.select { display: block; } .selector.active ul { background-color: #f5f5f5; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25); position: relative; z-index: 10; } .selector li.select { background-color: #fff; } .tiphover { position: relative; } .tiphover .tip-dw, .tiphover .tip-lf, .tiphover .tip-rt, .tiphover .tip-up { display: none; position: absolute; } .tiphover .tip-dw { left: 50%; top: 100%; transform: translate(-50%, 0); } .tiphover .tip-lf { right: 100%; top: 50%; transform: translate(0, -50%); } .tiphover .tip-rt { left: 100%; top: 50%; transform: translate(0, -50%); } .tiphover .tip-up { left: 50%; bottom: 100%; transform: translate(-50%, 0); } .tiphover:active .tip-dw, .tiphover:active .tip-lf, .tiphover:active .tip-rt, .tiphover:active .tip-up, .tiphover:focus .tip-dw, .tiphover:focus .tip-lf, .tiphover:focus .tip-rt, .tiphover:focus .tip-up, .tiphover:hover .tip-dw, .tiphover:hover .tip-lf, .tiphover:hover .tip-rt, .tiphover:hover .tip-up { display: block; } .percent { display: flex; font-size: 0.75rem; flex-flow: row nowrap; line-height: 20px; } .percent b, .percent span, .percent .pct-bar, .percent .pct-bar > * { display: block; } .percent b, .percent span { padding: 0 5px; } .percent b { color: #ed1c24; text-transform: uppercase; } .percent .pct-bar, .percent .pct-bar > * { border-radius: 5px; } .percent .pct-bar { background-color: #eaeaea; margin: 5px 10px; height: 10px; width: 100%; } .percent .pct-bar > * { background-color: #ed1c24; height: 10px; } .percent.win b { color: #4caf50; } .percent.win .pct-bar > * { background-color: #4caf50; } .slider { position: relative; } .slider .sld-wrap { width: 100%; } .slider .sld-lst { display: flex; margin: 0; padding: 0; flex-flow: row nowrap; list-style: none !important; } .slider .sld-lst .sld-itm { display: block; flex: 0 0 auto; max-width: 100%; } .slider .sld-lst .sld-chg { height: 0; width: 0; } .slider .go-bck, .slider .go-nxt { background-color: #fff; border: solid 1px #7a7a7a; cursor: pointer; display: block; margin: 0; padding: 0; position: absolute; top: 50%; height: 32px; width: 32px; transform: translate(0, -50%); z-index: 5; } .slider .go-bck::before, .slider .go-bck::after, .slider .go-nxt::before, .slider .go-nxt::after { position: absolute; top: 50%; left: 50%; } .slider .go-bck::before, .slider .go-nxt::before { border-radius: 1px; background-color: #7a7a7a; height: 1px; width: 12px; transform: translate(-50%, -50%); } .slider .go-bck::after, .slider .go-nxt::after { border-top: solid 1px #7a7a7a; border-left: solid 1px #7a7a7a; margin-top: -3px; height: 5px; width: 5px; } .slider .go-bck:active, .slider .go-bck:focus, .slider .go-bck:hover, .slider .go-nxt:active, .slider .go-nxt:focus, .slider .go-nxt:hover { background-color: #ed1c24; border-color: #ed1c24; } .slider .go-bck:active::before, .slider .go-bck:focus::before, .slider .go-bck:hover::before, .slider .go-nxt:active::before, .slider .go-nxt:focus::before, .slider .go-nxt:hover::before { background-color: #fff; } .slider .go-bck:active::after, .slider .go-bck:focus::after, .slider .go-bck:hover::after, .slider .go-nxt:active::after, .slider .go-nxt:focus::after, .slider .go-nxt:hover::after { border-color: #fff; } .slider .go-bck { left: 0; } .slider .go-bck::after { margin-left: -2px; transform: rotate(-45deg) translate(-50%, -50%); } .slider .go-nxt { right: 0; } .slider .go-nxt::after { margin-left: -4px; transform: rotate(135deg) translate(-50%, -50%); } .slider .go-nav .nav, .slider .go-nav .tabber .tab-lst ul, .tabber .tab-lst .slider .go-nav ul { justify-content: center; } .slider .go-nav li { background-color: #7a7a7a; border-radius: 4px; cursor: pointer; display: block; margin: 6px 3px; height: 8px; width: 8px; } .slider .go-nav li.active { background-color: #ed1c24; } .slider .go-nav li:active, .slider .go-nav li:focus, .slider .go-nav li:hover { background-color: #ed1c24; } .scroller { overflow-y: auto; position: relative; } .scroller::before, .scroller::after { display: none; height: 10%; width: 100%; position: sticky; z-index: 2; } .scroller::before { background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 100%); top: 0; margin-bottom: -9%; } .scroller::after { background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%); bottom: 0; margin-top: -9%; } .scroller.scrolltop::after, .scroller.scrolling::before, .scroller.scrolling::after, .scroller.scrollend::before { display: block; } .tabber .tab-lst ul { border-bottom: solid 1px #eaeaea; height: 32px; } .tabber .tab-lst ul li { cursor: pointer; line-height: 30px; height: 31px; text-align: center; } .tabber .tab-lst ul li.active { border-bottom: solid 2px #28262c; margin-bottom: -2px; height: 32px; } .tabber .tab-pane { display: none; } .tabber .tab-pane.active { display: block; } .floating { overflow: visible; height: 0; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999; } .floating .cont-wrap { position: relative; } .over-layer { background-color: rgba(0, 0, 0, 0.75); display: block; margin: 0; padding: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9997; } .notifier .noti-bott { background-color: #f5f5f5; border-radius: 23px 0 0 23px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), -2px 3px 7px rgba(0, 0, 0, 0.1); display: block; margin: 0; padding: 6px; font-size: 0; line-height: 34px; position: absolute; bottom: 20px; right: 0; white-space: nowrap; } .notifier .noti-bott > div { border-bottom: solid 1px #eaeaea; } .notifier .noti-bott .ico { background-size: 21px; border: none; border-radius: 17px; color: #ed1c24; display: block; margin: auto; font-size: 0.9rem; font-weight: 600; height: 34px; width: 34px; } .notifier .noti-bott .ico:not(:empty) { width: auto; margin-right: 5px; } .notifier .noti-bott .ico.rdo-play, .notifier .noti-bott .ico.rdo-pause { background-size: 100%; } .notifier .noti-bott .ico.nbell { color: #ed1c24; font-size: 0.9rem; font-weight: 800; padding: 0; width: auto; } .notifier .noti-bott .ico.nbell::before { background-size: 21px; opacity: 0.5; padding: 0; height: 34px; width: 34px; } .notifier .noti-bott .ico.nbell:not(:empty)::before { background-position: left 5px top 50%; width: 30px; } .notifier .noti-bott .ico + small { display: block; margin: auto; font-size: 0.5rem; font-weight: 500; line-height: 2em; opacity: 0.5; text-align: center; } @media only screen and (min-width: 1024px) { .notifier .noti-bott { padding-right: 15px; } .notifier .noti-bott > div, .notifier .noti-bott .ico, .notifier .noti-bott .ico + small { display: inline-block; } .notifier .noti-bott .spl { display: none; } .notifier .noti-bott > div { border-bottom: none; border-right: solid 1px #eaeaea; padding-right: 5px; margin-right: 5px; } .notifier .noti-bott .ico + small { font-size: 0.75rem; line-height: 1.2em; width: 3em; white-space: wrap; vertical-align: middle; } } .notifier .noti-bar { background: #fff; box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.1); max-width: 460px; overflow-y: auto; height: 100%; width: 0; position: fixed; top: 0; right: 0; z-index: 10001; transition: all ease 0.3s; } .notifier .noti-cnt, .notifier .noti-non { border-radius: 50%; border: none; display: block; position: absolute; top: -60px; right: 16px; height: 42px; width: 42px; } .notifier .noti-cnt:empty, .notifier .noti-non { background-color: #3a4357; } .notifier .noti-cnt sup { border-radius: 1em; background-color: #ed1c24; color: #fff; display: block; padding: 0 0.4em; font-size: 0.75rem; font-weight: 600; line-height: 1.6em; height: 1.6em; min-width: 1.6em; position: absolute; top: -5px; left: 28px; text-align: center; } .notifier .tabber { display: flex; flex-flow: column nowrap; height: 100%; } .notifier .tabber .tab-lst .ico { opacity: 0.25; } .notifier .tabber .tab-lst a { padding: 0 15px; height: 48px; } .notifier .tabber .tab-lst a .ico { height: 20px; width: 20px; opacity: 0.25; } .notifier .tabber .tab-lst a:active .ico, .notifier .tabber .tab-lst a:focus .ico, .notifier .tabber .tab-lst a:hover .ico { opacity: 0.75; } .notifier .tabber .tab-lst.active a .ico { opacity: 0.75; } .notifier .tabber .tab-lst > button { font-size: 24px; opacity: 0.25; height: 49px; width: 50px; position: absolute; } .notifier .tabber .tab-lst > button:active, .notifier .tabber .tab-lst > button:focus, .notifier .tabber .tab-lst > button:hover { opacity: 1; } .notifier .tabber .tab-lst > button:active::before, .notifier .tabber .tab-lst > button:active::after, .notifier .tabber .tab-lst > button:focus::before, .notifier .tabber .tab-lst > button:focus::after, .notifier .tabber .tab-lst > button:hover::before, .notifier .tabber .tab-lst > button:hover::after { background-color: #ed1c24; } .notifier .tabber .tab-lst ul { height: 50px; padding: 0 10px 0 50px; } .notifier .tabber .tab-lst ul li { line-height: 49px; height: 50px; } .notifier .tabber .tab-lst ul li.active { border-color: #ed1c24; } .notifier .tabber .tab-lst ul li.rgt { margin-left: auto; } .notifier .tabber .tab-pane { height: 100%; } .notifier iframe { height: 100%; width: 100%; } .notifier .noti-bann { border-bottom: solid 1px #eaeaea; } .notifier .noti-bann .btn, .notifier .noti-bann .quiz-over .qz-act, .quiz-over .notifier .noti-bann .qz-act { border-radius: 8px; display: block; margin: -45px auto 3px; padding: 0 0.8em; font-size: 1rem; font-weight: 600; line-height: 42px; height: 42px; position: relative; z-index: 2; } .notifier .noti-form .noti-cap { border-bottom: solid 1px #eaeaea; color: #7a7a7a; display: block; margin: 0; padding: 0 20px; font-size: 1rem; line-height: 48px; height: 48px; text-transform: uppercase; } .notifier .noti-form .fld-box { font-size: 1rem; margin: 0; padding: 10px 20px; } .notifier .noti-form .fld-box label { font-size: 1rem; font-weight: 600; } .notifier.active .floating { height: 100%; } .notifier.active .noti-bar { width: 100%; } .paner-wrap { display: block; margin: 0; padding: 0; height: 0; width: 0; } .paner { background-color: #fff; border-radius: 5px; display: block; overflow-y: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; } .paner .pan-capt { background-color: #fff; border-bottom: solid 1px #eaeaea; display: block; margin: 0; padding: 10px 20px; position: sticky; top: 0; } .paner .pan-capt .pan-title { display: block; font-size: 1.125rem; font-weight: bold; text-transform: uppercase; } .paner .pan-capt .pan-close { cursor: pointer; display: block; position: absolute; top: 0; right: 0; height: 40px; width: 40px; z-index: 3; } .paner .pan-capt .pan-close::before, .paner .pan-capt .pan-close::after { background-color: #7a7a7a; margin-top: -11px; height: 21px; width: 2px; position: absolute; top: 50%; left: 50%; } .paner .pan-capt .pan-close::before { transform: rotate(45deg); } .paner .pan-capt .pan-close::after { transform: rotate(-45deg); } .paner .pan-capt .pan-close:active::before, .paner .pan-capt .pan-close:active::after, .paner .pan-capt .pan-close:focus::before, .paner .pan-capt .pan-close:focus::after, .paner .pan-capt .pan-close:hover::before, .paner .pan-capt .pan-close:hover::after { background-color: #971217; } .paner .pan-cont { display: block; margin: 0; padding: 0; } [data-showtip] { position: relative; } [data-showtip]::before { background: rgba(0, 0, 0, 0.9); border-radius: 12px; color: #fff; content: attr(data-showtip); display: none; font-size: 0.875rem; font-weight: normal; line-height: 24px; margin-bottom: 8px; padding: 0 15px; position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, 0); white-space: nowrap; } [data-showtip]:after { border-top: solid 6px rgba(0, 0, 0, 0.9); border-left: solid 5px transparent; border-right: solid 5px transparent; content: ""; display: none; margin: 0 -5px 3px; width: 0; height: 0; position: absolute; bottom: 100%; left: 50%; } [data-showtip]:active:before, [data-showtip]:active:after, [data-showtip]:focus:before, [data-showtip]:focus:after, [data-showtip]:hover:before, [data-showtip]:hover:after { display: block; } .paginar { line-height: 2em; } .paginar a, .paginar b { border: solid 1px #eaeaea; border-radius: 3px; color: #28262c; font-size: 1rem; font-weight: bold; display: inline-block; margin: 0 3px; padding: 0 8px; text-align: center; min-width: 2.1em; } .paginar b, .paginar .active, .paginar a:active, .paginar a:focus, .paginar a:hover { background-color: #28262c; border-color: #28262c; color: #fff; } .voter { border: solid 1px #eaeaea; display: block; margin: 0; padding: 1em; } .voter .vote-cap { font-size: 1.5rem; font-weight: 600; } .voter .vote-cap small { color: #ed1c24; display: block; margin: 10px 0; font-size: 1rem; font-weight: bold; line-height: 2em; } .voter .vote-cap div { margin: 10px 0; } .voter .alt-fld .pill { background-color: #e2e2e2; font-size: 1.125rem; font-weight: bold; line-height: 1.5em; margin: 10px 0; padding: 0.7em 1em; } .voter .alt-fld input:checked + .pill { background-color: #5c7da6; } .voter .btn, .voter .quiz-over .qz-act, .quiz-over .voter .qz-act { text-transform: uppercase; } .blur-cover { display: block; margin: 0; padding: 0; position: relative; overflow: hidden; } .blur-cover .blur-layer { display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: blur(16px); z-index: 0; } .blur-cover .blur-layer > img { display: block; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .blur-cover .blur-cont { position: relative; z-index: 2; } .stepper .step-lst li { color: #7a7a7a; text-align: center; position: relative; } .stepper .step-lst li::before { background-color: #eaeaea; content: ""; display: block; margin: -1px 0; padding: 0; height: 2px; width: 100%; position: absolute; top: 24px; left: 50%; z-index: 0; } .stepper .step-lst li:last-child::before { display: none; } .stepper .step-lst li b { background-color: #fff; border: solid 2px #eaeaea; border-radius: 50%; display: block; margin: 5px auto; line-height: 36px; height: 40px; width: 40px; position: relative; z-index: 3; } .stepper .step-lst li.active { color: #2196f3; } .stepper .step-lst li.active::before { background-color: #2196f3; } .stepper .step-lst li.active b { background-color: #2196f3; border-color: #2196f3; color: #fff; } .stepper .step-pane { display: none; } .stepper .step-pane.active { display: block; } .login-box, .logout-box, .regnew-box, .forget-box { width: 90%; margin: auto; } .login-box p, .logout-box p, .regnew-box p, .forget-box p { margin: 1em 0; } .login-box .pan-capt, .logout-box .pan-capt, .regnew-box .pan-capt, .forget-box .pan-capt { border: none; } .login-box .pan-capt .pan-title, .logout-box .pan-capt .pan-title, .regnew-box .pan-capt .pan-title, .forget-box .pan-capt .pan-title { font-size: 1.5rem; text-align: center; } .login-box .pan-cont, .logout-box .pan-cont, .regnew-box .pan-cont, .forget-box .pan-cont { padding: 20px; } .login-box .act-now, .login-box .fg-psw, .logout-box .act-now, .logout-box .fg-psw, .regnew-box .act-now, .regnew-box .fg-psw, .forget-box .act-now, .forget-box .fg-psw { color: #2196f3; } .login-box .act-now, .logout-box .act-now, .regnew-box .act-now, .forget-box .act-now { font-weight: bold !important; text-transform: uppercase; } .login-box .soc-auth, .logout-box .soc-auth, .regnew-box .soc-auth, .forget-box .soc-auth { text-align: center; } .login-box .soc-auth button, .logout-box .soc-auth button, .regnew-box .soc-auth button, .forget-box .soc-auth button { color: #5f5f5f; font-size: 0.875rem; line-height: 40px; height: 40px; padding: 0 15px; width: 45%; } .login-box .soc-auth button + button, .logout-box .soc-auth button + button, .regnew-box .soc-auth button + button, .forget-box .soc-auth button + button { margin-left: 10px; } .login-box .soc-auth .ico, .logout-box .soc-auth .ico, .regnew-box .soc-auth .ico, .forget-box .soc-auth .ico { background-size: 20px; display: inline-block; margin: 0 5px; padding: 0; height: 20px; width: 20px; vertical-align: middle; } .login-box .btn.cancel, .login-box .quiz-over .cancel.qz-act, .quiz-over .login-box .cancel.qz-act, .login-box .btn.accept, .login-box .quiz-over .accept.qz-act, .quiz-over .login-box .accept.qz-act, .login-box .btn.expect, .login-box .quiz-over .expect.qz-act, .quiz-over .login-box .expect.qz-act, .logout-box .btn.cancel, .logout-box .quiz-over .cancel.qz-act, .quiz-over .logout-box .cancel.qz-act, .logout-box .btn.accept, .logout-box .quiz-over .accept.qz-act, .quiz-over .logout-box .accept.qz-act, .logout-box .btn.expect, .logout-box .quiz-over .expect.qz-act, .quiz-over .logout-box .expect.qz-act, .regnew-box .btn.cancel, .regnew-box .quiz-over .cancel.qz-act, .quiz-over .regnew-box .cancel.qz-act, .regnew-box .btn.accept, .regnew-box .quiz-over .accept.qz-act, .quiz-over .regnew-box .accept.qz-act, .regnew-box .btn.expect, .regnew-box .quiz-over .expect.qz-act, .quiz-over .regnew-box .expect.qz-act, .forget-box .btn.cancel, .forget-box .quiz-over .cancel.qz-act, .quiz-over .forget-box .cancel.qz-act, .forget-box .btn.accept, .forget-box .quiz-over .accept.qz-act, .quiz-over .forget-box .accept.qz-act, .forget-box .btn.expect, .forget-box .quiz-over .expect.qz-act, .quiz-over .forget-box .expect.qz-act { margin: 10px 0; min-width: 128px; } .login-box .btn.cancel + .btn, .login-box .quiz-over .cancel.qz-act + .btn, .quiz-over .login-box .cancel.qz-act + .btn, .login-box .quiz-over .btn.cancel + .qz-act, .quiz-over .login-box .btn.cancel + .qz-act, .login-box .quiz-over .cancel.qz-act + .qz-act, .quiz-over .login-box .cancel.qz-act + .qz-act, .login-box .btn.accept + .btn, .login-box .quiz-over .accept.qz-act + .btn, .quiz-over .login-box .accept.qz-act + .btn, .login-box .quiz-over .btn.accept + .qz-act, .quiz-over .login-box .btn.accept + .qz-act, .login-box .quiz-over .accept.qz-act + .qz-act, .quiz-over .login-box .accept.qz-act + .qz-act, .login-box .btn.expect + .btn, .login-box .quiz-over .expect.qz-act + .btn, .quiz-over .login-box .expect.qz-act + .btn, .login-box .quiz-over .btn.expect + .qz-act, .quiz-over .login-box .btn.expect + .qz-act, .login-box .quiz-over .expect.qz-act + .qz-act, .quiz-over .login-box .expect.qz-act + .qz-act, .logout-box .btn.cancel + .btn, .logout-box .quiz-over .cancel.qz-act + .btn, .quiz-over .logout-box .cancel.qz-act + .btn, .logout-box .quiz-over .btn.cancel + .qz-act, .quiz-over .logout-box .btn.cancel + .qz-act, .logout-box .quiz-over .cancel.qz-act + .qz-act, .quiz-over .logout-box .cancel.qz-act + .qz-act, .logout-box .btn.accept + .btn, .logout-box .quiz-over .accept.qz-act + .btn, .quiz-over .logout-box .accept.qz-act + .btn, .logout-box .quiz-over .btn.accept + .qz-act, .quiz-over .logout-box .btn.accept + .qz-act, .logout-box .quiz-over .accept.qz-act + .qz-act, .quiz-over .logout-box .accept.qz-act + .qz-act, .logout-box .btn.expect + .btn, .logout-box .quiz-over .expect.qz-act + .btn, .quiz-over .logout-box .expect.qz-act + .btn, .logout-box .quiz-over .btn.expect + .qz-act, .quiz-over .logout-box .btn.expect + .qz-act, .logout-box .quiz-over .expect.qz-act + .qz-act, .quiz-over .logout-box .expect.qz-act + .qz-act, .regnew-box .btn.cancel + .btn, .regnew-box .quiz-over .cancel.qz-act + .btn, .quiz-over .regnew-box .cancel.qz-act + .btn, .regnew-box .quiz-over .btn.cancel + .qz-act, .quiz-over .regnew-box .btn.cancel + .qz-act, .regnew-box .quiz-over .cancel.qz-act + .qz-act, .quiz-over .regnew-box .cancel.qz-act + .qz-act, .regnew-box .btn.accept + .btn, .regnew-box .quiz-over .accept.qz-act + .btn, .quiz-over .regnew-box .accept.qz-act + .btn, .regnew-box .quiz-over .btn.accept + .qz-act, .quiz-over .regnew-box .btn.accept + .qz-act, .regnew-box .quiz-over .accept.qz-act + .qz-act, .quiz-over .regnew-box .accept.qz-act + .qz-act, .regnew-box .btn.expect + .btn, .regnew-box .quiz-over .expect.qz-act + .btn, .quiz-over .regnew-box .expect.qz-act + .btn, .regnew-box .quiz-over .btn.expect + .qz-act, .quiz-over .regnew-box .btn.expect + .qz-act, .regnew-box .quiz-over .expect.qz-act + .qz-act, .quiz-over .regnew-box .expect.qz-act + .qz-act, .forget-box .btn.cancel + .btn, .forget-box .quiz-over .cancel.qz-act + .btn, .quiz-over .forget-box .cancel.qz-act + .btn, .forget-box .quiz-over .btn.cancel + .qz-act, .quiz-over .forget-box .btn.cancel + .qz-act, .forget-box .quiz-over .cancel.qz-act + .qz-act, .quiz-over .forget-box .cancel.qz-act + .qz-act, .forget-box .btn.accept + .btn, .forget-box .quiz-over .accept.qz-act + .btn, .quiz-over .forget-box .accept.qz-act + .btn, .forget-box .quiz-over .btn.accept + .qz-act, .quiz-over .forget-box .btn.accept + .qz-act, .forget-box .quiz-over .accept.qz-act + .qz-act, .quiz-over .forget-box .accept.qz-act + .qz-act, .forget-box .btn.expect + .btn, .forget-box .quiz-over .expect.qz-act + .btn, .quiz-over .forget-box .expect.qz-act + .btn, .forget-box .quiz-over .btn.expect + .qz-act, .quiz-over .forget-box .btn.expect + .qz-act, .forget-box .quiz-over .expect.qz-act + .qz-act, .quiz-over .forget-box .expect.qz-act + .qz-act { margin-left: 10px; } .login-box.iframpanel .pan-capt { background: none; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; } .authen-nav { border-radius: 20px; padding: 5px 30px 5px 5px; position: absolute; top: 10px; right: 10px; } .authen-nav::before { border-bottom: solid 2px #7a7a7a; border-right: solid 2px #7a7a7a; content: ""; display: block; margin-top: -3px; height: 7px; width: 7px; position: absolute; top: 50%; right: 10px; transform: rotate(45deg); } .authen-nav.active { background-color: #f5f5f5; } .authen-nav .drop-down { background-color: #f5f5f5; border-radius: 5px; } .authen-nav .lst, .authen-nav .board .news-lst, .authen-nav .board .news-strm, .board .authen-nav .news-lst, .board .authen-nav .news-strm, .authen-nav .cataloger .cata-opts ul, .cataloger .cata-opts .authen-nav ul { font-size: 1rem; } .authen-nav .lst li, .authen-nav .board .news-lst li, .authen-nav .board .news-strm li, .board .authen-nav .news-lst li, .board .authen-nav .news-strm li, .authen-nav .cataloger .cata-opts ul li, .cataloger .cata-opts .authen-nav ul li { border-top: solid 1px #eaeaea; white-space: nowrap; } .authen-nav .lst button, .authen-nav .board .news-lst button, .authen-nav .board .news-strm button, .board .authen-nav .news-lst button, .board .authen-nav .news-strm button, .authen-nav .cataloger .cata-opts ul button, .cataloger .cata-opts .authen-nav ul button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; display: block; margin: 0; line-height: 1.25; width: 100%; text-align: left; } .authen-nav .lst a, .authen-nav .board .news-lst a, .authen-nav .board .news-strm a, .board .authen-nav .news-lst a, .board .authen-nav .news-strm a, .authen-nav .cataloger .cata-opts ul a, .cataloger .cata-opts .authen-nav ul a, .authen-nav .lst button, .authen-nav .board .news-lst button, .authen-nav .board .news-strm button, .board .authen-nav .news-lst button, .board .authen-nav .news-strm button, .authen-nav .cataloger .cata-opts ul button, .cataloger .cata-opts .authen-nav ul button { padding: 15px 20px; font-weight: bold; } .authen-nav .lst a:active, .authen-nav .board .news-lst a:active, .authen-nav .board .news-strm a:active, .board .authen-nav .news-lst a:active, .board .authen-nav .news-strm a:active, .authen-nav .cataloger .cata-opts ul a:active, .cataloger .cata-opts .authen-nav ul a:active, .authen-nav .lst a:focus, .authen-nav .board .news-lst a:focus, .authen-nav .board .news-strm a:focus, .board .authen-nav .news-lst a:focus, .board .authen-nav .news-strm a:focus, .authen-nav .cataloger .cata-opts ul a:focus, .cataloger .cata-opts .authen-nav ul a:focus, .authen-nav .lst a:hover, .authen-nav .board .news-lst a:hover, .authen-nav .board .news-strm a:hover, .board .authen-nav .news-lst a:hover, .board .authen-nav .news-strm a:hover, .authen-nav .cataloger .cata-opts ul a:hover, .cataloger .cata-opts .authen-nav ul a:hover, .authen-nav .lst button:active, .authen-nav .board .news-lst button:active, .authen-nav .board .news-strm button:active, .board .authen-nav .news-lst button:active, .board .authen-nav .news-strm button:active, .authen-nav .cataloger .cata-opts ul button:active, .cataloger .cata-opts .authen-nav ul button:active, .authen-nav .lst button:focus, .authen-nav .board .news-lst button:focus, .authen-nav .board .news-strm button:focus, .board .authen-nav .news-lst button:focus, .board .authen-nav .news-strm button:focus, .authen-nav .cataloger .cata-opts ul button:focus, .cataloger .cata-opts .authen-nav ul button:focus, .authen-nav .lst button:hover, .authen-nav .board .news-lst button:hover, .authen-nav .board .news-strm button:hover, .board .authen-nav .news-lst button:hover, .board .authen-nav .news-strm button:hover, .authen-nav .cataloger .cata-opts ul button:hover, .cataloger .cata-opts .authen-nav ul button:hover { background-color: #fff; color: #ed1c24; } .authen-nav .wel-come { background: #fff; display: block; padding: 15px 20px; } .authen-nav .member { display: block; height: 40px; width: 40px; } .authen-nav .member .avatar { background: #eaeaea url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04LDE2YzQuNCwwLDgtMy42LDgtOFMxMi40LDAsOCwwLDAsMy42LDAsOHMzLjYsOCw4LDhaIiBmaWxsPSIjYWRiNWJhIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOCwzLjljLTEuNywwLTMsMS4zLTMsM3MxLjMsMi45LDMsM2guMWMxLjYsMCwyLjktMS40LDIuOS0zLDAtMS43LTEuMy0zLTMtM1oiIGZpbGw9IiNmNGY2ZjYiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy40LDEzLjljLTEuNCwxLjMtMy4zLDIuMS01LjQsMi4xcy00LS44LTUuNC0yLjFjLjItLjcuNy0xLjQsMS41LTEuOSwyLjItMS41LDUuNy0xLjUsNy45LDAsLjguNSwxLjMsMS4yLDEuNSwxLjlaIiBmaWxsPSIjZjRmNmY2Ii8+PC9zdmc+) bottom center no-repeat; background-size: 100% auto; border-radius: 50%; display: block; margin: 0; padding: 0; height: 24px; width: 24px; } .authen-nav .member .avatar img { display: block; margin: 0; padding: 0; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .regnew-box .reg-step li { width: 33.33%; } .regnew-box .step-pane p:first-child { margin-top: 0 !important; padding-top: 0 !important; } .regnew-box .rdo-fld { margin-left: 10px; padding-left: 30px; } .regnew-box .cat-payment { width: auto; } .regnew-box .cat-payment .lst, .regnew-box .cat-payment .board .news-lst, .regnew-box .cat-payment .board .news-strm, .board .regnew-box .cat-payment .news-lst, .board .regnew-box .cat-payment .news-strm, .regnew-box .cat-payment .cataloger .cata-opts ul, .cataloger .cata-opts .regnew-box .cat-payment ul { padding: 0; } @media only screen and (max-width: 1023.9px) { .authen-nav { padding: 0; } .authen-nav::before { display: none; } .authen-nav .member { padding: 5px; } .authen-nav .member .avatar { height: 30px; width: 30px; position: relative; z-index: 1; } .authen-nav .member::before, .authen-nav .member::after { content: ""; display: block; position: absolute; bottom: 5px; right: 5px; } .authen-nav .member::before { background-color: #eaeaea; border: solid 1px #fff; border-radius: 50%; height: 8px; width: 8px; z-index: 5; } .authen-nav .member::after { border-bottom: solid 1px #28262c; border-right: solid 1px #28262c; margin-right: 3px; margin-bottom: 3.5px; height: 3px; width: 3px; transform: rotate(45deg); z-index: 6; } } @media only screen and (min-width: 1024px) { .login-box, .logout-box, .regnew-box, .forget-box { max-width: 520px; } .login-box .soc-auth button:active, .login-box .soc-auth button:focus, .login-box .soc-auth button:hover { background-color: #f5f8fd; border-color: #1565c0; color: #0d47a1; } .authen-nav { top: 40px; } .authen-nav .member .avatar { height: 32px; width: 32px; } .authen-nav .member .lst, .authen-nav .member .board .news-lst, .authen-nav .member .board .news-strm, .board .authen-nav .member .news-lst, .board .authen-nav .member .news-strm, .authen-nav .member .cataloger .cata-opts ul, .cataloger .cata-opts .authen-nav .member ul { font-size: 1.125rem; } } .banner img, .banner iframe { display: block; margin: 0 auto; max-width: 100%; } .banner + .banner { margin-top: 20px; } .banner.adweb:not(.admob) { display: none; } .frm-embed { display: block; margin: 0; padding: 0; position: relative; } .frm-embed iframe { display: block; margin: 0; padding: 0; height: 100% !important; width: 100% !important; position: absolute; top: 0; left: 0; } .frm-embed.no-bdr iframe { border: none !important; } .mansion { background: url(https://bongdaplus.vn//img/mansion-blk.png) center no-repeat; background-size: contain; display: inline-block; margin: 0; padding: 0; height: 100%; width: 100%; } .mansion.red { background-image: url(https://bongdaplus.vn//img/mansion-red.png); } .mansion.wht { background-image: url(https://bongdaplus.vn//img/mansion-wht.png); } .capt-cover.mans-ext::before { right: 136px; } .capt-cover.mans-ext .more-lnk { background: transparent; border: none; margin: 0; padding: 0; height: 32px; width: 68px; } @media only screen and (min-width: 390px) { .capt-cover.mans-ext .more-lnk { width: 128px; } } .chain-navs .more-lnk { background: transparent; border: none; display: block; float: right; margin: 0; padding: 0; height: 24px; width: 96px; } .uni-score { color: #0036d9; padding: 5px 0; display: block; line-height: 1.5rem; font-size: 0.65rem; vertical-align: text-top; } .uni-score i { display: inline-block; font-style: normal; font-weight: 600; text-transform: uppercase; vertical-align: middle; } .uni-score::after { background: url(https://bongdaplus.vn//img/logouniscore.png) center no-repeat; background-size: contain; content: ""; display: inline-block; width: 6rem; height: 1.5rem; vertical-align: middle; } @media only screen and (max-width: 1023.9px) { #ADMTOP.banner.admob:not(:empty) { width: 100%; height: 50vw; } } @media only screen and (min-width: 1024px) { .banner.adweb { display: block; } .banner.admob:not(.adweb) { display: none; } body.adthemes { background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.5); max-width: 1044px; display: block; margin: 0 auto; position: relative; z-index: 1; } body.adthemes header, body.adthemes footer { background: #fff; } body.adthemes .adv-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } body.adthemes .details { background: #fff; } body.adthemes .cont-wrap { max-width: 1024px; } body.adthemes .menu-bar .menu-side { max-width: 70%; overflow: hidden; } body.adthemes .menu-bar .menu-side { height: 40px; max-width: 70%; overflow: hidden; } body.adthemes .menu-bar .menu-nav { height: 40px; max-width: 30%; overflow: hidden; } body.adthemes .capt-cover .caption { font-size: 1.25rem; } body.adthemes .mix-strm .news .thumb { width: 160px; margin-right: 10px; } body.adthemes .mix-slide .news.fst .title { font-size: 1.5rem; } body.adthemes .details .lead-title { font-size: 2.25rem; } body.adthemes .multi-media .show .title { font-size: 1.85rem; } body.adthemes footer .row .col.w3:first-child { width: 30%; } body.adthemes footer .row .col.w3:first-child + .col.w6 { width: 45%; } } @media only screen and (min-width: 1024px) and (max-width: 1366px) { header, footer { background: #fff; } .adv-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .details { background: #fff; } .cont-wrap { max-width: 1024px; } .menu-bar .menu-side { max-width: 70%; overflow: hidden; } .menu-bar .menu-side { height: 40px; max-width: 70%; overflow: hidden; } .menu-bar .menu-nav { height: 40px; max-width: 30%; overflow: hidden; } .capt-cover .caption { font-size: 1.25rem; } .mix-strm .news .thumb { width: 160px; margin-right: 10px; } .mix-slide .news.fst .title { font-size: 1.5rem; } .details .lead-title { font-size: 2.25rem; } .multi-media .show .title { font-size: 1.85rem; } footer .row .col.w3:first-child { width: 30%; } footer .row .col.w3:first-child + .col.w6 { width: 45%; } } .score-embed .tab-lst { background-color: #fff; padding-top: 20px; position: sticky; top: 0; } .score-embed .tab-lst li { width: 50%; } .score-embed .tab-pane { padding: 20px 0; } .score-embed .cup-lst { position: relative; z-index: 99; } .score-embed .cup-lst li { padding-left: 10px; } .score-embed.emb-only .cup-lst { display: none !important; } .score-embed.emb-only .frm-embed { top: 0 !important; } .score-embed .frm-embed { position: absolute; top: 40px; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 0; } .score-embed .frm-embed iframe { height: 100%; width: 100%; } .score-embed .fixture th, .score-embed .fixture td, .score-embed .ranking th, .score-embed .ranking td, .home-score .fixture th, .home-score .fixture td, .home-score .ranking th, .home-score .ranking td { padding: 10px 3px !important; } .score-embed .fixture .fx-cup, .score-embed .ranking .fx-cup, .home-score .fixture .fx-cup, .home-score .ranking .fx-cup { background: #e8f5e9; padding: 20px 10px 10px !important; text-align: left; } .score-embed .fixture .fx-cup img, .score-embed .ranking .fx-cup img, .home-score .fixture .fx-cup img, .home-score .ranking .fx-cup img { margin-right: 10px; } .quizbox { border: solid 1px #eaeaea; font-family: "Mulish", Arial, Helvetica, sans-serif; overflow: hidden; } .quizbox .qz-hide { opacity: 0; visibility: hidden; } .quizbox .qz-none { display: none; } @media only screen and (min-width: 1024px) { .quizbox.fix-hei .quiz-test { max-height: 230px; overflow-x: hidden; overflow-y: auto; } .quizbox.fix-hei .quiz-over { margin: 10px 20px !important; } .quizbox.fix-hei.result .quiz-test { max-height: 290px; margin-bottom: 10px; } } .quiz-caption { color: #ed1c24; display: block; margin: 20px 20px 0; font-size: 0.875rem; font-weight: bold; } .quiz-clock { display: block; margin: 0; padding: 0; overflow: visible; position: relative; } .quiz-clock .qz-cnt { display: block; margin: 0; padding: 0 0.8em; font-size: 1rem; font-weight: bold; line-height: 30px; } .quiz-clock .qz-timer { background: linear-gradient(0deg, #7a7a7a 0%, #5f5f5f 100%); border-radius: 0 0 5px 5px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25); color: #fff; display: block; margin: 0; padding: 10px 10px 0; font-size: 0; position: absolute; top: 0; left: 20px; line-height: 24px; } .quiz-clock .qz-timer b, .quiz-clock .qz-timer strong, .quiz-clock .qz-timer span { display: inline-block; font-size: 1rem; font-weight: 600; padding: 0 3px; } .quiz-clock .qz-timer span { animation: ticking 1s ease 0s infinite; } .quiz-test, .quiz-starter { display: block; } .quiz-starter .qz-title, .quiz-ended .qz-title { font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif; font-size: 1.5rem; font-weight: normal; line-height: 1.4em; margin: 0 0 20px; text-align: center; } .quiz-starter .qz-suggest, .quiz-ended .qz-suggest { color: #4caf50; font-size: 1rem; font-weight: 600; margin: 10px; text-align: center; } .quiz-starter .quiz-over, .quiz-ended .quiz-over { text-align: center; } .quiz-starter .quiz-over .qz-act, .quiz-ended .quiz-over .qz-act { font-size: 1.125rem; } .quiz-ended .qz-title { color: #2e7d32; } .quiz-ended.fail .qz-title { color: #ed1c24; } .quiz-ended .qz-result { color: #5f5f5f; font-size: 1rem; font-weight: bold; line-height: 1.5em; } .quiz-ended .qz-result p { margin: 0; padding: 0; } .quiz-ended .qz-failure, .quiz-ended .qz-success { border-radius: 50%; display: block; float: left; margin: 15px; padding: 0; height: 60px; width: 60px; position: relative; } .quiz-ended .qz-failure::before, .quiz-ended .qz-failure::after, .quiz-ended .qz-success::before, .quiz-ended .qz-success::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; } .quiz-ended .qz-failure { background-color: #ed1c24; } .quiz-ended .qz-failure::before, .quiz-ended .qz-failure::after { background: #fff; border: none; border-radius: 3px; height: 6px; width: 40px; } .quiz-ended .qz-failure::before { margin-top: 20px; transform: rotate(45deg) translate(-75%, -50%); } .quiz-ended .qz-failure::after { margin-top: -22px; margin-left: 3px; transform: rotate(-45deg) translate(-75%, -50%); } .quiz-ended .qz-success { background-color: #4caf50; } .quiz-ended .qz-success::after { border-bottom: solid 6px #fff; border-right: solid 6px #fff; height: 24px; width: 10px; transform: rotate(37deg) translate(-115%, -30%); } .quiz-view { position: relative; } .quiz-view .qz-question { padding: 0 20px; transform: scale(1) translate(0, 0); transition: all ease 0.3s; } .quiz-view .qz-question.next { transform: scale(0) translate(100%, 0); } .quiz-view.changed .qz-question { transform: scale(0) translate(100%, 0); position: absolute; } .quiz-view.changed .qz-question.next { transform: scale(1) translate(0, 0); position: relative; } .qz-question .qz-qst-title { font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif; font-size: 1.5rem; font-weight: normal; line-height: 1.4em; margin: 10px 0 20px; } .qz-question .qz-suggest { color: #4caf50; font-size: 1rem; font-weight: 600; margin: 10px; } .qz-question .qz-answer { background-color: #eaeaea; border-radius: 6px; cursor: pointer; display: block; margin: 15px 0; padding: 0; font-size: 1rem; font-weight: bold; line-height: 1.5em; overflow: hidden; position: relative; transition: all ease 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .qz-question .qz-answer:hover { background-color: #f5f5f5; } .qz-question .qz-dictate { display: block; margin: 10px 0; padding: 0; } .qz-question .qz-result { margin: 10px 0; } .qz-answer .qz-ans-label { display: block; margin: 0; padding: 0.7em 1em; position: relative; z-index: 1; } .qz-answer .qz-ans-voted, .qz-answer .qz-ans-ratio, .qz-answer .qz-ans-amount { display: none; position: absolute; } .qz-answer .qz-ans-voted, .qz-answer .qz-ans-amount { top: 50%; right: 10px; } .qz-answer .qz-ans-amount { color: #fff; font-size: 0.75rem; font-weight: bold; margin-top: 0.1em; } .qz-answer .qz-ans-voted { background: #fff; border-radius: 0.8em; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); color: #5f5f5f; font-size: 0.75rem; margin: -1.3em 0 0; padding: 0 0.5em; line-height: 1.6em; height: 1.6em; z-index: 3; } .qz-answer .qz-ans-ratio { background-color: #5f5f5f; box-sizing: content-box; height: 100%; width: 0; opacity: 0.75; top: 0; left: 0; z-index: 0; transform: scaleX(0); transition: all ease 0.3s; } .qz-answer.marked { background-color: #5c7da6 !important; color: #fff; padding-left: 21px; } .qz-answer.marked::before, .qz-answer.marked::after { content: ""; display: block; position: absolute; top: 50%; left: 9px; z-index: 3; } .qz-answer.marked::after { background: transparent; border-bottom: solid 3px #fff; border-right: solid 3px #fff; height: 15px; width: 6px; transform: rotate(37deg) translate(-15%, -85%); } .qz-question.voted .qz-answer, .qz-question.voted .qz-answer:hover { background: #adadad; } .qz-question.voted .qz-answer .qz-ans-voted, .qz-question.voted .qz-answer .qz-ans-ratio, .qz-question.voted .qz-answer .qz-ans-amount { display: block; } .qz-question.voted .qz-answer .qz-ans-label { color: #fff; } .qz-question.voted .qz-answer .qz-ans-ratio { transform: scaleX(1); } .qz-question.voted .qz-answer.marked, .qz-question.voted .qz-answer.marked:hover { background: #f47b7f; } .qz-question.voted .qz-answer.marked .qz-ans-ratio { background-color: #971217; } .qz-question.voted .qz-answer.error::before, .qz-question.voted .qz-answer.error::after { background: #fff; border: none; border-radius: 2px; height: 3px; width: 20px; } .qz-question.voted .qz-answer.error::before { transform: rotate(45deg) translate(0, -50%); } .qz-question.voted .qz-answer.error::after { margin-left: 2px; transform: rotate(-45deg) translate(0, -50%); } .qz-question.voted .qz-answer.correct, .qz-question.voted .qz-answer.correct:hover { background-color: #ed1c24 !important; } .qz-question.voted .qz-answer.correct .qz-ans-ratio { background-color: #971217; } .qz-question.voted .qz-answer.correct::before { background: transparent; border: solid 2px #fff; border-radius: 50%; height: 16px; width: 16px; transform: translate(0, -50%); } .qz-question.voted .qz-answer.correct::after { background: transparent; border-bottom: solid 3px #fff; border-right: solid 3px #fff; height: 15px; width: 6px; transform: rotate(37deg) translate(-15%, -85%); } .qz-dictate .qz-dic-input { border: solid 2px #7a7a7a; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15); border-radius: 6px; display: block; margin: 10px 0; padding: 0; overflow: hidden; } .qz-dictate .qz-dic-input input { background: #fff !important; border: none !important; color: #28262c !important; display: block; margin: 0; padding: 15px; font-size: 1rem; font-weight: bold; line-height: 1.5em; height: 100%; width: 100%; } .qz-dictate .qz-dic-result { color: #2e7d32; font-size: 1rem; font-weight: bold; padding: 10px 15px 10px 40px; position: relative; } .qz-dictate .qz-dic-result.correct::before, .qz-dictate .qz-dic-result.correct::after, .qz-dictate .qz-dic-result.error::before, .qz-dictate .qz-dic-result.error::after { content: ""; display: block; position: absolute; top: 50%; left: 9px; z-index: 3; } .qz-dictate .qz-dic-result.error { color: #ed1c24; } .qz-dictate .qz-dic-result.error::before, .qz-dictate .qz-dic-result.error::after { background-color: #ed1c24; border-radius: 2px; height: 3px; width: 20px; } .qz-dictate .qz-dic-result.error::before { transform: rotate(45deg) translate(0, -50%); } .qz-dictate .qz-dic-result.error::after { margin-left: 2px; transform: rotate(-45deg) translate(0, -50%); } .qz-dictate .qz-dic-result.correct { color: #4caf50; } .qz-dictate .qz-dic-result.correct::before { border: solid 2px #4caf50; border-radius: 50%; height: 16px; width: 16px; transform: translate(0, -50%); } .qz-dictate .qz-dic-result.correct::after { border-bottom: solid 2px #4caf50; border-right: solid 2px #4caf50; height: 15px; width: 6px; transform: rotate(37deg) translate(-15%, -85%); } .qz-dictate .quiz-over { border: none; } .quiz-over { padding: 0 20px 20px; text-align: right; transition: all ease 0.3s; } .quiz-over .qz-act { background-color: #2196f3; color: #fff; cursor: pointer; position: relative; text-transform: uppercase; transition: all ease 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .quiz-over .qz-err { color: #971217; display: block; float: left; margin: 0; padding: 0.5em 0.1em; font-size: 0.75rem; font-weight: 300; } .quiz-over .qz-hide { display: none; } table.gsc-search-box th, table.gsc-search-box td { border: none !important; } .gsc-control-cse { border: none !important; } .gsc-search-button-v2 { background-color: #971217 !important; border: none !important; padding: 11px 27px !important; } .head-scroll .slider .sld-lst { margin: 0 -10px !important; padding: 0 10px; } .head-scroll .slider .sld-lst .sld-itm { padding: 0 10px !important; } .head-scroll .slider .sld-lst .sld-chg { transition: all ease 0.3s; } .head-scroll .news .thumb { float: left; width: 50%; } .head-scroll .news .info { float: right; margin-top: 0; padding-left: 15px; width: 50%; } @media only screen and (min-width: 1024px) { .head-scroll .slider .sld-lst { padding: 0; } .head-scroll .slider .sld-lst .sld-itm { width: 33.33%; } } .home-slide .xcap::before, .home-slide .daily-betts .caption::before, .daily-betts .home-slide .caption::before, .home-slide .xcap::after, .home-slide .daily-betts .caption::after, .daily-betts .home-slide .caption::after { display: none; } .home-slide .sld-itm { width: 100%; } .home-slide .sld-itm .summ { margin: 15px 0; } .scope-view { background-color: #f5f5f5; } .scope-view .caption { background-position: left 15px top 25px; height: 60px; } .scope-view .news .title { font-size: 1rem; } .scope-view .news .summ { margin: 10px 0; } .scope-view .news .info { margin-top: 15px; } .scope-view .news .author { display: block; } .scope-view .news .avatar { margin-left: 14px; height: 44px; width: 44px; } .scope-view .scroller::before { background-image: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%); } .scope-view .scroller::after { background-image: linear-gradient(0deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%); } .scope-view .lst li, .scope-view .board .news-lst li, .scope-view .board .news-strm li, .board .scope-view .news-lst li, .board .scope-view .news-strm li, .scope-view .cataloger .cata-opts ul li, .cataloger .cata-opts .scope-view ul li { border-top: solid 1px #eaeaea; padding: 15px; } .scope-view .lst li .avatar, .scope-view .board .news-lst li .avatar, .scope-view .board .news-strm li .avatar, .board .scope-view .news-lst li .avatar, .board .scope-view .news-strm li .avatar, .scope-view .cataloger .cata-opts ul li .avatar, .cataloger .cata-opts .scope-view ul li .avatar { box-shadow: -9px -9px 12px 9px #f5f5f5; height: 80px; width: 80px; position: relative; z-index: 2; } .scope-view .lst li:first-child, .scope-view .board .news-lst li:first-child, .scope-view .board .news-strm li:first-child, .board .scope-view .news-lst li:first-child, .board .scope-view .news-strm li:first-child, .scope-view .cataloger .cata-opts ul li:first-child, .cataloger .cata-opts .scope-view ul li:first-child { border-top: none; } .daily-best ul { margin: 0 -15px; } .daily-best ul li { padding: 15px; } .daily-best .news .info + .info { margin-top: 10px; } .talk-hot .caption { height: 48px; margin: 12px 0 20px; } .talk-hot .show, .talk-hot .show .thumb, .talk-hot .show .thumb img { height: 100%; } .talk-hot .show .thumb { overflow: hidden; } .talk-lst .lst, .talk-lst .board .news-lst, .talk-lst .board .news-strm, .board .talk-lst .news-lst, .board .talk-lst .news-strm, .talk-lst .cataloger .cata-opts ul, .cataloger .cata-opts .talk-lst ul { margin: -15px 0 0; } .talk-lst .lst li, .talk-lst .board .news-lst li, .talk-lst .board .news-strm li, .board .talk-lst .news-lst li, .board .talk-lst .news-strm li, .talk-lst .cataloger .cata-opts ul li, .cataloger .cata-opts .talk-lst ul li { border-bottom: solid 1px #eaeaea; padding: 15px 0 15px 35px; position: relative; } .talk-lst .lst .author + .author, .talk-lst .board .news-lst .author + .author, .talk-lst .board .news-strm .author + .author, .board .talk-lst .news-lst .author + .author, .board .talk-lst .news-strm .author + .author, .talk-lst .cataloger .cata-opts ul .author + .author, .cataloger .cata-opts .talk-lst ul .author + .author { margin-left: 10px; } .talk-lst .lst .ico, .talk-lst .board .news-lst .ico, .talk-lst .board .news-strm .ico, .board .talk-lst .news-lst .ico, .board .talk-lst .news-strm .ico, .talk-lst .cataloger .cata-opts ul .ico, .cataloger .cata-opts .talk-lst ul .ico { display: block; margin: 0; padding: 0; height: 24px; width: 24px; position: absolute; top: 20px; left: 0; } .talk-lst .lst .ico > *, .talk-lst .board .news-lst .ico > *, .talk-lst .board .news-strm .ico > *, .board .talk-lst .news-lst .ico > *, .board .talk-lst .news-strm .ico > *, .talk-lst .cataloger .cata-opts ul .ico > *, .cataloger .cata-opts .talk-lst ul .ico > * { display: block; margin: -1px 2px; } .talk-lst .lst .ico > *, .talk-lst .board .news-lst .ico > *, .talk-lst .board .news-strm .ico > *, .board .talk-lst .news-lst .ico > *, .board .talk-lst .news-strm .ico > *, .talk-lst .cataloger .cata-opts ul .ico > *, .cataloger .cata-opts .talk-lst ul .ico > *, .talk-lst .lst .ico > *::before, .talk-lst .board .news-lst .ico > *::before, .talk-lst .board .news-strm .ico > *::before, .board .talk-lst .news-lst .ico > *::before, .board .talk-lst .news-strm .ico > *::before, .talk-lst .cataloger .cata-opts ul .ico > *::before, .cataloger .cata-opts .talk-lst ul .ico > *::before, .talk-lst .lst .ico > *::after, .talk-lst .board .news-lst .ico > *::after, .talk-lst .board .news-strm .ico > *::after, .board .talk-lst .news-lst .ico > *::after, .board .talk-lst .news-strm .ico > *::after, .talk-lst .cataloger .cata-opts ul .ico > *::after, .cataloger .cata-opts .talk-lst ul .ico > *::after { background-color: #5f5f5f; border-radius: 1px; height: 2px; width: 9px; position: absolute; top: 50%; left: 0; } .talk-lst .lst .ico > *::before, .talk-lst .board .news-lst .ico > *::before, .talk-lst .board .news-strm .ico > *::before, .board .talk-lst .news-lst .ico > *::before, .board .talk-lst .news-strm .ico > *::before, .talk-lst .cataloger .cata-opts ul .ico > *::before, .cataloger .cata-opts .talk-lst ul .ico > *::before { margin-top: -6px; width: 15px; } .talk-lst .lst .ico > *::after, .talk-lst .board .news-lst .ico > *::after, .talk-lst .board .news-strm .ico > *::after, .board .talk-lst .news-lst .ico > *::after, .board .talk-lst .news-strm .ico > *::after, .talk-lst .cataloger .cata-opts ul .ico > *::after, .cataloger .cata-opts .talk-lst ul .ico > *::after { margin-top: 4px; width: 12px; } .home-story .story-fst .title { margin: 10px 0; font-size: 1.25rem; font-weight: 800; } .home-story .story-fst .summ { margin: 15px 0; color: #28262c; font-size: 1rem; font-weight: 400; } .home-story .story-more ul { margin-top: 20px; } .home-story .story-more ul li { border-top: solid 1px #eaeaea; margin-left: 10px; padding: 20px 0; } .home-story .story-more .thumb { float: right; margin-left: 10px; padding-left: 10px; width: 60%; } @media only screen and (min-width: 1024px) { .home-story .story-fst .title { margin: 20px 0; font-size: 2rem; } .home-story .story-more ul { margin: -20px 0; } .home-story .story-more ul li:first-child { border-top: none; } } .tip-hot { background: url(https://bongdaplus.vn//img/tip-bg.png) center; } .tip-lst .caption { background: url(https://bongdaplus.vn//img/tip-bg.png) center; color: #ed1c24; padding-left: 0; } .tip-lst .more-lnk { fill: #ed1c24; padding: 3px; } .tip-lst .more-lnk:active, .tip-lst .more-lnk:focus, .tip-lst .more-lnk:hover { fill: #fff; } .tip-lst .news .title { margin-bottom: 5px; } .tip-lst .news .title .ico { background-size: 1.5em; opacity: 1; height: 1.5em; width: 1.5em; vertical-align: middle; } .tip-lst .bar, .tip-lst header.min .nav-bar ul, header.min .nav-bar .tip-lst ul { margin: 0 -20px; } .tip-lst .bar li, .tip-lst header.min .nav-bar ul li, header.min .nav-bar .tip-lst ul li { padding: 0 25px; } .tip-lst .bar .news, .tip-lst header.min .nav-bar ul .news, header.min .nav-bar .tip-lst ul .news { border-top: solid 1px rgba(0, 0, 0, 0.15); padding: 15px 0; } .tip-lst .bar li:nth-child(1) .news, .tip-lst header.min .nav-bar ul li:nth-child(1) .news, header.min .nav-bar .tip-lst ul li:nth-child(1) .news { border-top: none; } @media only screen and (min-width: 1024px) { .tip-lst .bar li, .tip-lst header.min .nav-bar ul li, header.min .nav-bar .tip-lst ul li { width: 50%; } .tip-lst li:nth-child(2) .news { border-top: none; } } .tip-top .lst li, .tip-top .board .news-lst li, .tip-top .board .news-strm li, .board .tip-top .news-lst li, .board .tip-top .news-strm li, .tip-top .cataloger .cata-opts ul li, .cataloger .cata-opts .tip-top ul li { padding: 20px 0; } .tip-top .tipster .avatar { float: left; margin-right: 10px; height: 68px; width: 68px; } .tip-top .tipster .author { font-size: 1.125rem; font-weight: bold; line-height: 30px; } .multi-media .mda-wrap { background-color: #101F2A; } .multi-media .show .play-btn { color: #fff; font-family: "Rockwell", serif; font-size: 0.875rem; float: left; margin: 20px 20px 0 0; } .multi-media .show .play-btn, .multi-media .show .play-btn .play-ico { background-color: transparent; } .multi-media .show .play-btn .play-ico { background-size: auto 34px; border: solid 2px #fff; height: 84px; width: 84px; } .multi-media .show .title { font-size: 2.25rem; font-weight: 800; padding: 0 30px; top: unset; bottom: 60px; } .multi-media .lst, .multi-media .board .news-lst, .multi-media .board .news-strm, .board .multi-media .news-lst, .board .multi-media .news-strm, .multi-media .board .search-news .news-strm, .board .search-news .multi-media .news-strm, .multi-media .search-news .board .news-strm, .search-news .board .multi-media .news-strm, .multi-media .cataloger .cata-opts ul, .cataloger .cata-opts .multi-media ul { margin: 10px; } .multi-media .lst li, .multi-media .board .news-lst li, .multi-media .board .news-strm li, .board .multi-media .news-lst li, .board .multi-media .news-strm li, .multi-media .board .search-news .news-strm li, .board .search-news .multi-media .news-strm li, .multi-media .search-news .board .news-strm li, .search-news .board .multi-media .news-strm li, .multi-media .cataloger .cata-opts ul li, .cataloger .cata-opts .multi-media ul li { padding: 10px 0; } .multi-media .lst .media, .multi-media .board .news-lst .media, .multi-media .board .news-strm .media, .board .multi-media .news-lst .media, .board .multi-media .news-strm .media, .multi-media .cataloger .cata-opts ul .media, .cataloger .cata-opts .multi-media ul .media { display: flex; align-items: center; } .multi-media .lst .media::before, .multi-media .board .news-lst .media::before, .multi-media .board .news-strm .media::before, .board .multi-media .news-lst .media::before, .board .multi-media .news-strm .media::before, .multi-media .cataloger .cata-opts ul .media::before, .cataloger .cata-opts .multi-media ul .media::before, .multi-media .lst .media::after, .multi-media .board .news-lst .media::after, .multi-media .board .news-strm .media::after, .board .multi-media .news-lst .media::after, .board .multi-media .news-strm .media::after, .multi-media .cataloger .cata-opts ul .media::after, .cataloger .cata-opts .multi-media ul .media::after { display: none; } .multi-media .lst .media .thumb, .multi-media .board .news-lst .media .thumb, .multi-media .board .news-strm .media .thumb, .board .multi-media .news-lst .media .thumb, .board .multi-media .news-strm .media .thumb, .multi-media .cataloger .cata-opts ul .media .thumb, .cataloger .cata-opts .multi-media ul .media .thumb { margin-right: 10px; width: 45%; } .multi-media .lst .media .title, .multi-media .board .news-lst .media .title, .multi-media .board .news-strm .media .title, .board .multi-media .news-lst .media .title, .board .multi-media .news-strm .media .title, .multi-media .cataloger .cata-opts ul .media .title, .cataloger .cata-opts .multi-media ul .media .title { color: #fff; font-size: 1rem; font-weight: bold; padding: 0 10px; width: 55%; } @media only screen and (max-width: 1023.9px) { .multi-media .mda-wrap { margin: 0 -15px; } .multi-media .show .title { font-size: 1.25rem; line-height: 1.3em; bottom: 20px; } .multi-media .show .play-btn .play-ico { background-size: auto 20px; height: 48px; width: 48px; } } @media only screen and (min-width: 1024px) { .multi-media .lst, .multi-media .board .news-lst, .multi-media .board .news-strm, .board .multi-media .news-lst, .board .multi-media .news-strm, .multi-media .board .search-news .news-strm, .board .search-news .multi-media .news-strm, .multi-media .search-news .board .news-strm, .search-news .board .multi-media .news-strm, .multi-media .cataloger .cata-opts ul, .cataloger .cata-opts .multi-media ul { margin-left: 10px; } } .home-score .xcap, .home-score .daily-betts .caption, .daily-betts .home-score .caption { margin-top: 0; margin-bottom: 10px; } .home-score .xcap b, .home-score .daily-betts .caption b, .daily-betts .home-score .caption b { color: #ed1c24; } .home-score .xcap .tab-lst ul, .home-score .daily-betts .caption .tab-lst ul, .daily-betts .home-score .caption .tab-lst ul { border: none; height: auto; } .home-score .xcap .tab-lst ul li, .home-score .daily-betts .caption .tab-lst ul li, .daily-betts .home-score .caption .tab-lst ul li { border: none !important; line-height: inherit; height: auto; } .home-score .xcap .tab-lst ul li.active, .home-score .daily-betts .caption .tab-lst ul li.active, .daily-betts .home-score .caption .tab-lst ul li.active { color: #ed1c24; } .home-score .xcap .tab-lst ul li + li, .home-score .daily-betts .caption .tab-lst ul li + li, .daily-betts .home-score .caption .tab-lst ul li + li { margin-left: 20px; } .home-score .score-wrap { border: solid 1px #eaeaea; padding: 15px; } .home-score .score-wrap .score-view { height: 520px; } .home-score .cup-lst { font-size: 1.125rem; font-weight: bold; line-height: 32px; height: 40px; text-transform: uppercase; } .home-score .cup-tags ul { border-bottom: solid 1px #eaeaea; display: block; margin: 0; padding: 0 0 15px 0; overflow-x: auto; white-space: nowrap; } .home-score .cup-tags ul li { display: inline-block; margin: 0; padding: 0 5px; } .home-score .cup-tags ul li a { color: #2e7d32; display: block; margin: 0; padding: 0; font-size: 0.875rem; line-height: 2em; } .home-score .view-more { border-top: solid 1px #eaeaea; padding: 10px 0; } .home-score .view-more a { color: #ed1c24; font-size: 0.75rem; text-transform: uppercase; } .home-cats .news .title { font-size: 1rem; } .home-cats .news .thumb + .title { font-size: 1.125rem; } .home-cats .lst, .home-cats .board .news-lst, .home-cats .board .news-strm, .board .home-cats .news-lst, .board .home-cats .news-strm, .home-cats .cataloger .cata-opts ul, .cataloger .cata-opts .home-cats ul { margin: 0; } .home-cats .lst li, .home-cats .board .news-lst li, .home-cats .board .news-strm li, .board .home-cats .news-lst li, .board .home-cats .news-strm li, .home-cats .cataloger .cata-opts ul li, .cataloger .cata-opts .home-cats ul li { border-bottom: solid 1px #eaeaea; padding: 5px; } .daily-betts { background-color: #f5f5f5; border: solid 1px #eaeaea; border-radius: 5px; padding: 15px; } .daily-betts .caption { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjZWQxYzI0Ij48cGF0aCBkPSJNNi4xLDYuNmMuMS4xLjMuMy41LjUsMCwwLDAsMCwwLDAsLjItLjEuNy0uOSwxLTEuNS4yLS40LjUtLjkuOC0xLjNoMGMwLS4yLDAtLjMtLjEtLjRsLS41LS4zYzAsMC0uMiwwLS4zLDBoMGMtLjUuOC0xLjQsMi4xLTEuNCwyLjcsMCwwLDAsMCwwLC4xWiIvPjxwYXRoIGQ9Ik01LjYsNS4yYzAsLjMsMCwuNiwwLC45LjMtLjksMS4xLTIuMiwxLjQtMi41aDBjMC0uMywwLS40LS4yLS40bC0uMy0uMmMuMS43LDAsMS41LS45LDIuM1oiLz48cGF0aCBkPSJNMTMuMyw3LjNjLS42LS4xLTEuMywwLTIsMGgwYzAsMCwwLDAsMCwuMSwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMC0uNS40LS45LjgtMS4zLDEuMywwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwuMSwwLC4yLDAsLjQuMWgwYy4xLDAsLjMuMS40LjJoMGMuOC41LDEuNywxLDIuNSwxLjUuMy4yLjYuNC44LjVoLjZjLjEtLjkuNy0yLjksMS0zLjgtLjgsMC0xLjUtLjEtMi4zLS4zWiIvPjxwYXRoIGQ9Ik0yLjcsNC41aDBjMCwwLDAsMCwuMS4xLDAsMCwuMSwwLC4yLjFoMHMwLDAsMCwwYzAsMCwwLDAsMC0uMS0uNS0uOC0xLjEtMS42LTEuNi0yLjQtLjQtLjItLjctLjMtMS0uNCwwLC4zLjEuNi4yLjksMCwuMi4zLjUuOSwxLC4zLjMuNy42LDEuMS44WiIvPjxwYXRoIGQ9Ik03LDcuNWMuMi4zLjUuNS43LjguMi0uNy43LTEuNiwxLjctMi42aDBjMC0uNCwwLS43LS4zLS44aC0uM2MtLjMuMi0uNS42LS43LDEtLjUuOC0uOCwxLjQtMS4yLDEuNloiLz48cGF0aCBkPSJNOC4yLDguOWMuMS4yLjMuMy40LjUuMiwwLC4zLS4yLjQtLjMsMCwwLDAsMCwwLDAsMCwwLDAsMCwuMS0uMWgwYzAsMCwwLS4xLjEtLjJoMGMwLS4xLjEtLjIuMi0uMywwLS4xLjItLjIuMy0uMywwLDAsMCwwLDAsMCwwLDAsLjEtLjIuMi0uMmgwYzAsMCwwLS4xLDAtLjEsMCwwLC4xLS4xLjItLjIsMCwwLDAsMCwwLDAsMCwwLDAsMCwuMSwwLDAsMCwwLDAsLjEtLjFsLS4yLS41Yy0uMS0uMi0uMy0uNC0uNi0uNWgtLjJjLTEsMS0xLjUsMi0xLjUsMi41LDAsMCwwLDAsMCwwWiIvPjxwYXRoIGQ9Ik0yLDIuMWMwLDAsLjEuMi4yLjMsMCwwLDAsLjEuMS4yLDAsMCwwLC4xLjEuMiwwLC4xLjIuMy4zLjR2LjJjLjIsMCwuMi4yLjMuMywwLC4xLjIuMy4zLjQsMCwwLDAsMCwwLDAsLjMtLjQuNy0uOCwxLjItMS4xaDBzMCwwLDAsMGMwLDAsMCwwLC4xLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBoMGMtLjEtLjktLjMtMi0uMy0yLjZDMi45LjgsMS44LjYsMS4xLjRjLjIuNS41LDEsLjgsMS41LDAsMCwwLDAsMCwuMVoiLz48cGF0aCBkPSJNMTIuOCwxMS4zYy0uNS0uMy0xLjEtLjgtMS44LTEuMmgwYzAsMC0uMSwwLS4yLS4xaDBjMCwwLS4xLDAtLjItLjFoMGMwLDAtLjEsMC0uMi0uMWgwYzAsMC0uMSwwLS4yLS4xLDAsMCwwLDAsMCwwLDAsMCwwLDAtLjEsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLS4xLDAsMCwwLDAsMCwwLDAsMCwwLDAsMC0uMSwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLS4xLjEtLjIuMi0uNC4zbDIuNSwzLjljLjctLjIsMi4xLS42LDIuNy0xLjFsLS40LS42Yy0uMy0uMi0uNi0uNC0uOS0uNloiLz48cGF0aCBkPSJNOC41LDEwLjFjMCwwLS4yLDAtLjItLjEtLjktMS4zLTMuMS0zLjUtMy4xLTMuNSwwLDAtLjEtLjIsMC0uMy4xLS4zLjEtLjYsMC0uOSwwLS4xLDAtLjMsMC0uNCwxLjEtLjcsMS0xLjYuNy0yLjMtLjEuMi0uMy40LS40LjYsMCwwLDAsMCwwLDAsMCwwLDAsMC0uMS4xLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMC0uMSwwLS4yLDAsMCwwLDAsMCwwLDAtLjQuMi0uOC42LTEsMWgwczAsMCwwLC4xaDBjMCwwLDAsLjEsMCwuMmgwYzAsMCwwLC4xLDAsLjEsMCwwLDAsLjEsMCwuMiwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMC0uMi4yLS4zLjUtLjMuNywwLC4yLDAsLjUsMCwuNywwLC4zLjEuNy4zLDEsLjgsMS40LjcsMy4xLS4xLDQuNWwtMiwzLjNjMCwwLDAsLjIsMCwuMywwLDAsLjEuMS4zLjFoNC40Yy4xLDAsLjIsMCwuMy0uMmwuOC0xLjVjLjEtLjMuMi0uNS4zLS44LjEtLjMuMi0uNi40LS45di0uMmMuMSwwLC4xLDAsLjIsMGwxLjUtMS4yLS43LTEuMXMwLDAsMCwwWk02LjksMTIuMmMwLDAtLjEsMC0uMiwwLDAsMC0uMSwwLS4yLS4xLS41LTEtMS44LTEuMy0xLjgtMS4zLS4yLDAtLjItLjItLjItLjMsMC0uMi4yLS4zLjMtLjIsMCwwLDEuNi4zLDIuMiwxLjYsMCwwLDAsLjEsMCwuMiwwLDAsMCwuMS0uMS4yWiIvPjxwYXRoIGQ9Ik0yLjEsNS42Yy4yLDAsLjMsMCwuNSwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMC0uMSwwLDAsMCwwLDAtLjEsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBoMGMtLjMtLjItLjYtLjQtLjktLjYsMCwuNC4yLjguMiwxWiIvPjwvc3ZnPg==); background-position: 0 50%; background-repeat: no-repeat; background-size: 28px auto; color: #ed1c24; font-size: 1.125rem; line-height: 28px; padding: 10px 0 10px 40px; } .daily-betts .news { border-top: solid 1px #eaeaea; } .daily-betts .bar-w { padding: 10px 0; } .daily-betts .bar-w .news { padding: 10px 0 10px 20px; } .daily-betts .bar-w .news:first-child { border: none; } .daily-betts .bar-w .news::before { background-color: #28262c; clear: none; content: ""; display: block; float: left; margin: 0.5em 10px 0 -12px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .daily-betts .lst .news, .daily-betts .board .news-lst .news, .daily-betts .board .news-strm .news, .board .daily-betts .news-lst .news, .board .daily-betts .news-strm .news, .daily-betts .cataloger .cata-opts ul .news, .cataloger .cata-opts .daily-betts ul .news { padding: 10px 0; } .daily-betts .lst .news:first-child, .daily-betts .board .news-lst .news:first-child, .daily-betts .board .news-strm .news:first-child, .board .daily-betts .news-lst .news:first-child, .board .daily-betts .news-strm .news:first-child, .daily-betts .cataloger .cata-opts ul .news:first-child, .cataloger .cata-opts .daily-betts ul .news:first-child { border: none; } .daily-betts .lst .news .playtime, .daily-betts .board .news-lst .news .playtime, .daily-betts .board .news-strm .news .playtime, .board .daily-betts .news-lst .news .playtime, .board .daily-betts .news-strm .news .playtime, .daily-betts .cataloger .cata-opts ul .news .playtime, .cataloger .cata-opts .daily-betts ul .news .playtime { border: solid 1.5px #ed1c24; border-radius: 1rem; font-size: 0.875rem; font-weight: bold; line-height: 2em; height: 2.2em; display: block; float: left; margin: -3px 1em 0 0; padding: 0 0.8em; } .daily-betts .lst .news .title, .daily-betts .board .news-lst .news .title, .daily-betts .board .news-strm .news .title, .board .daily-betts .news-lst .news .title, .board .daily-betts .news-strm .news .title, .daily-betts .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .daily-betts ul .news .title { padding: 3px 0; } .daily-betts .view-more a::before, .daily-betts .view-more a::after { display: none; } .scope-news .news { border-top: solid 1px #eaeaea; padding: 15px 0; } .scope-news .news .summ { margin: 10px 100px 10px 0; } .scope-news .news .mem-info { display: block; float: right; margin: 10px 0; } .scope-news .news .author { display: block; text-transform: none; } .scope-news .news .author .avatar { display: block; float: none; margin: 0 auto; height: 78px; width: 78px; } .scope-news .news:first-child { padding-top: 0; border: none; } @media only screen and (max-width: 1023.9px) { .head-scroll { display: none; } .home-slide .mda-sld, .home-slide .go-nav { display: none; } .home-slide .cap-sld { overflow: visible; } .home-slide .cap-sld .sld-lst { display: block !important; } .home-slide .cap-sld .xcap, .home-slide .cap-sld .daily-betts .caption, .daily-betts .home-slide .cap-sld .caption { font-size: 0.875rem; line-height: 20px; margin: 10px 0; } .home-slide .cap-sld .news { border-top: solid 1px #eaeaea; padding: 16px 0; } .home-slide .cap-sld .news .thumb { float: right; margin-left: 16px; width: 160px; } .home-slide .cap-sld .news .cat { display: block; } .home-slide .cap-sld .news.fst { border: none; padding-top: 0; } .home-slide .cap-sld .news.fst .thumb { float: none; margin: 0 -15px; width: auto; } .home-slide .cap-sld .news.fst .title { font-size: 1.25rem; font-weight: 800; margin: 10px 0; } .head-line .news-lst .news, .head-line .board .news-strm .news, .board .head-line .news-strm .news, .head-line .search-news .news-strm .news, .search-news .head-line .news-strm .news { border-top: solid 1px #eaeaea; } .head-line .news-lst .news .title, .head-line .board .news-strm .news .title, .board .head-line .news-strm .news .title, .head-line .search-news .news-strm .news .title, .search-news .head-line .news-strm .news .title { margin-top: 0; } .head-line .news-lst .news .thumb, .head-line .board .news-strm .news .thumb, .board .head-line .news-strm .news .thumb, .head-line .search-news .news-strm .news .thumb, .search-news .head-line .news-strm .news .thumb { float: right; margin-left: 16px; width: 160px; } .scope-view { margin: 0 -15px; } .scope-view .news .title { font-size: 1.125rem; font-weight: 800; } .scope-view .lst li:first-child .summ, .scope-view .board .news-lst li:first-child .summ, .scope-view .board .news-strm li:first-child .summ, .board .scope-view .news-lst li:first-child .summ, .board .scope-view .news-strm li:first-child .summ, .scope-view .cataloger .cata-opts ul li:first-child .summ, .cataloger .cata-opts .scope-view ul li:first-child .summ { margin-right: 0; } .daily-best li { border-top: solid 1px #eaeaea; padding: 10px 0; } .daily-best li:first-child { border: none; padding-top: 0; } .daily-best .news .title { margin-top: 0; } .daily-best .news .thumb { float: right; margin-left: 16px; width: 160px; } .daily-best .news .xcap, .daily-best .news .daily-betts .caption, .daily-betts .daily-best .news .caption { margin-top: 0; } .talk-hot .row { flex-wrap: nowrap; overflow: auto; padding-bottom: 10px; } .talk-hot .row .col { height: 466px !important; width: 280px !important; } .home-story .story-fst .thumb { margin: 0 -15px; width: auto; } .home-story .story-more ul li { margin-left: 0; } .home-story .story-more .thumb { width: 160px; } .tip-lst .news .title { font-size: 1.125rem; font-weight: 800; } .tip-lst li:first-child .news .title { font-size: 1.25rem; } .tip-lst li:first-child .news .author { line-height: 40px; } .tip-lst li:first-child .news .author .avatar { height: 40px; width: 40px; } .home-cats .news .thumb { margin: 0 -20px; } } @media only screen and (min-width: 1024px) { .home-slide .cap-sld, .home-slide .mda-sld { position: relative; } .home-slide .cap-sld li, .home-slide .mda-sld li { width: 100%; } .home-slide .cap-wrap { background: rgba(255, 255, 255, 0.8); border: solid 1px #28262c; margin: -60px 20px 0 20px; padding: 20px; text-align: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .home-slide .cap-sld .thumb { display: none !important; } .home-slide .cap-sld .summ { font-size: 1rem; } .home-slide .news.fst .title { font-size: 1.75rem; font-weight: 800; } .home-slide .xcap, .home-slide .daily-betts .caption, .daily-betts .home-slide .caption { color: #28262c; font-family: "Rockwell", serif; font-size: 0.875rem; display: block; margin: 30px auto; letter-spacing: 3px; } .home-slide .xcap::before, .home-slide .daily-betts .caption::before, .daily-betts .home-slide .caption::before, .home-slide .xcap::after, .home-slide .daily-betts .caption::after, .daily-betts .home-slide .caption::after { border-top: solid 1px #28262c; display: inline-block; margin: 0 10px; height: 0.5em; width: 11%; vertical-align: text-bottom; } .home-slide .go-nav li { transition: all ease 0.3s; } .home-slide .go-nav li.active { width: 48px; } .scope-view .scroller { height: 560px; } .daily-best li { width: 33.33%; } .multi-media .show .thumb { padding-bottom: 15%; } .multi-media .show .thumb::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 84%); } .multi-media .show .title { bottom: 30px !important; } .daily-betts { padding: 10px 20px 0; position: relative; } .daily-betts .bar-w { padding: 15px 0; } .daily-betts .bar-w .news:nth-child(2) { border: none; } .daily-betts .view-more { position: absolute; top: 25px; right: 25px; } .scope-news .news { padding-right: 160px; } .scope-news .news .title { font-size: 1.25rem; } .scope-news .news .mem-info { margin-right: -160px; width: 150px; text-align: center; } .scope-news .news .mem-info .avatar { margin-bottom: 10px; height: 120px; width: 120px; } .scope-news .news .mem-info .info { margin: 0; } } .bread-crums .chain-navs { overflow-x: auto; line-height: 1.5em; height: 1.8em; white-space: nowrap; } .bread-crums .chain-navs, .bread-crums .chain-navs a { color: #7a7a7a; } .bread-crums .chain-navs a { display: inline-block; margin: 0 10px; font-size: 0.875rem; } .bread-crums .chain-navs a:first-child { margin-left: 0; } .bread-crums .chain-navs a.active { color: #28262c; font-weight: 600; } .bread-crums .capt-cover { margin-top: 10px; margin-bottom: 0; } .prem .bread-crums { text-align: center; } .top-news .xcap, .top-news .daily-betts .caption, .daily-betts .top-news .caption { margin-top: 0; } .top-news .lst, .top-news .board .news-lst, .top-news .board .news-strm, .board .top-news .news-lst, .board .top-news .news-strm, .top-news .cataloger .cata-opts ul, .cataloger .cata-opts .top-news ul { margin: -15px 0 0; } .top-news .lst li, .top-news .board .news-lst li, .top-news .board .news-strm li, .board .top-news .news-lst li, .board .top-news .news-strm li, .top-news .cataloger .cata-opts ul li, .cataloger .cata-opts .top-news ul li { border-top: solid 1px #eaeaea; padding: 15px 0; } .top-news .lst li:first-child, .top-news .board .news-lst li:first-child, .top-news .board .news-strm li:first-child, .board .top-news .news-lst li:first-child, .board .top-news .news-strm li:first-child, .top-news .cataloger .cata-opts ul li:first-child, .cataloger .cata-opts .top-news ul li:first-child { border-top: none; } .cat-subs { overflow-y: auto; white-space: nowrap; padding-bottom: 8px; } .cat-subs a { background-color: #f5f5f5; border-radius: 12px; font-size: 0.9rem; font-weight: 600; display: inline-block; margin: 5px; padding: 0 12px; line-height: 24px; } .cat-news .news { padding: 20px 5px; } .cat-news .news .xcap, .cat-news .news .daily-betts .caption, .daily-betts .cat-news .news .caption { margin: 10px 0; } .cat-news .news .info .cat { display: block; } .cat-news .view-more a { border: solid 1px #7a7a7a; color: #7a7a7a; line-height: 36px; height: 36px; padding: 0 20px; text-transform: uppercase; } .cat-news .view-more a::after { display: none; } .cat-news .view-more a:active, .cat-news .view-more a:focus, .cat-news .view-more a:hover { background-color: #ed1c24; border-color: #ed1c24; color: #fff !important; } .cat-news .view-more a, .search-news .view-more a { border: solid 1px #7a7a7a; color: #7a7a7a; line-height: 36px; height: 36px; padding: 0 20px; text-transform: uppercase; } .cat-news .view-more a::after, .search-news .view-more a::after { display: none; } .cat-news .view-more a:active, .cat-news .view-more a:focus, .cat-news .view-more a:hover, .search-news .view-more a:active, .search-news .view-more a:focus, .search-news .view-more a:hover { background-color: #ed1c24; border-color: #ed1c24; color: #fff !important; } .cat-payment { width: 90%; max-width: 480px; height: 90%; max-height: 680px; } .cat-payment p { padding: 1em 20px 0; } .cat-payment .lst, .cat-payment .board .news-lst, .cat-payment .board .news-strm, .board .cat-payment .news-lst, .board .cat-payment .news-strm, .cat-payment .cataloger .cata-opts ul, .cataloger .cata-opts .cat-payment ul { padding: 0 20px; } .cat-payment .lst li, .cat-payment .board .news-lst li, .cat-payment .board .news-strm li, .board .cat-payment .news-lst li, .board .cat-payment .news-strm li, .cat-payment .cataloger .cata-opts ul li, .cataloger .cata-opts .cat-payment ul li { margin: 10px 0; } .cat-payment .lst .alt-fld, .cat-payment .board .news-lst .alt-fld, .cat-payment .board .news-strm .alt-fld, .board .cat-payment .news-lst .alt-fld, .board .cat-payment .news-strm .alt-fld, .cat-payment .cataloger .cata-opts ul .alt-fld, .cataloger .cata-opts .cat-payment ul .alt-fld { height: 40px; } .cat-payment .lst .alt-fld span, .cat-payment .board .news-lst .alt-fld span, .cat-payment .board .news-strm .alt-fld span, .board .cat-payment .news-lst .alt-fld span, .board .cat-payment .news-strm .alt-fld span, .cat-payment .cataloger .cata-opts ul .alt-fld span, .cataloger .cata-opts .cat-payment ul .alt-fld span { line-height: 24px; padding: 8px 10px; } .cat-payment .lst .ico, .cat-payment .board .news-lst .ico, .cat-payment .board .news-strm .ico, .board .cat-payment .news-lst .ico, .board .cat-payment .news-strm .ico, .cat-payment .cataloger .cata-opts ul .ico, .cataloger .cata-opts .cat-payment ul .ico { margin-right: 20px; } .cat-payment .rdo-fld { margin: 10px 20px; } .news-push button { background-size: 18px; opacity: 0.5; height: 48px; width: 48px; } .news-push button:active, .news-push button:focus, .news-push button:hover { opacity: 0.75; } .news-push .daily-cap { background: #fff; color: #7a7a7a; display: block; margin: 0; padding: 0 10px 0 20px; line-height: 48px; height: 48px; font-size: 1rem; text-transform: uppercase; } .news-push .news-daily { background-color: #f5f8fd; } .news-push .news-daily .news { border-top: solid 1px #eaeaea; padding: 20px 10px 20px 50px; } .news-push .news-daily .news .xpress { height: 24px; width: 24px; margin-top: 3px; margin-left: -35px; opacity: 0.25; position: absolute; } .news-push .news-daily .news .cate { color: #28262c; font-size: 1rem; font-weight: bold; } .news-push .news-daily .news .title { font-size: 0.9rem; font-weight: normal; margin: 0.5em 0; } .news-push .news-daily .news .thumb { border-radius: 6px; margin-left: 16px; height: 60px; overflow: hidden; } .news-push .news-daily .news .thumb img { height: 60px; width: 100%; } .news-push .news-daily .news:active, .news-push .news-daily .news:focus, .news-push .news-daily .news:hover { background-color: #f5f5f5; } .news-push .news-daily .news:active .cate, .news-push .news-daily .news:active .title, .news-push .news-daily .news:focus .cate, .news-push .news-daily .news:focus .title, .news-push .news-daily .news:hover .cate, .news-push .news-daily .news:hover .title { color: #ed1c24; } .time-lines .lst .news, .time-lines .board .news-lst .news, .time-lines .board .news-strm .news, .board .time-lines .news-lst .news, .board .time-lines .news-strm .news, .time-lines .cataloger .cata-opts ul .news, .cataloger .cata-opts .time-lines ul .news { padding: 5px 0 20px 10px; position: relative; } .time-lines .lst .news::before, .time-lines .board .news-lst .news::before, .time-lines .board .news-strm .news::before, .board .time-lines .news-lst .news::before, .board .time-lines .news-strm .news::before, .time-lines .cataloger .cata-opts ul .news::before, .cataloger .cata-opts .time-lines ul .news::before { background-color: #eaeaea; content: ""; display: block; position: absolute; top: 25px; bottom: 0px; left: 0; width: 1px; } .time-lines .lst .news .in-time, .time-lines .board .news-lst .news .in-time, .time-lines .board .news-strm .news .in-time, .board .time-lines .news-lst .news .in-time, .board .time-lines .news-strm .news .in-time, .time-lines .cataloger .cata-opts ul .news .in-time, .cataloger .cata-opts .time-lines ul .news .in-time { color: #7a7a7a; display: block; margin: 0; padding: 0; font-size: 0.9rem; } .time-lines .lst .news .in-time::before, .time-lines .board .news-lst .news .in-time::before, .time-lines .board .news-strm .news .in-time::before, .board .time-lines .news-lst .news .in-time::before, .board .time-lines .news-strm .news .in-time::before, .time-lines .cataloger .cata-opts ul .news .in-time::before, .cataloger .cata-opts .time-lines ul .news .in-time::before { background-color: #ed1c24; clear: none; content: ""; display: block; float: left; margin: 0.5em 10px 0 -12px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .time-lines .lst .news .thumb, .time-lines .board .news-lst .news .thumb, .time-lines .board .news-strm .news .thumb, .board .time-lines .news-lst .news .thumb, .board .time-lines .news-strm .news .thumb, .time-lines .cataloger .cata-opts ul .news .thumb, .cataloger .cata-opts .time-lines ul .news .thumb { float: right; margin-left: 10px; width: 120px; } .time-lines .lst .news .title, .time-lines .board .news-lst .news .title, .time-lines .board .news-strm .news .title, .board .time-lines .news-lst .news .title, .board .time-lines .news-strm .news .title, .time-lines .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .time-lines ul .news .title { font-size: 1rem; } .author-info .author, .author-lst .author { display: block; font-size: 1.25rem; font-weight: 700; } .author-info .info, .author-lst .info { color: #7a7a7a; display: block; margin: 5px 0; font-size: 1rem; } .author-info { background: url(https://bongdaplus.vn//img/tip-bg.png) center; display: block; margin: 0; padding: 15px; text-align: center; } .author-info .author { color: #ed1c24; } .author-info .avatar-photo { display: block; } .author-info .avatar-photo .avatar { box-shadow: 0 0 1px 1px #ed1c24; border: solid 5px #fff; margin: 10px auto; height: 120px; width: 120px; } .author-info .pub-info { font-size: 1rem; margin: 10px 0; } .author-info > p { text-align: justify; } .author-info .btn, .author-info .quiz-over .qz-act, .quiz-over .author-info .qz-act { background: #fff; border: solid 1px #eaeaea; color: #28262c; display: block; margin: 10px auto; padding: 0 0 0 12px; font-size: 0.875rem; font-weight: normal; line-height: 32px; height: 34px; width: 120px; position: relative; } .author-info .btn::before, .author-info .quiz-over .qz-act::before, .quiz-over .author-info .qz-act::before, .author-info .btn::after, .author-info .quiz-over .qz-act::after, .quiz-over .author-info .qz-act::after { background: currentColor; content: ""; display: block; height: 1px; width: 12px; position: absolute; top: 50%; left: 12px; } .author-info .btn::after, .author-info .quiz-over .qz-act::after, .quiz-over .author-info .qz-act::after { transform: rotate(90deg); } .author-news .caption { font-size: 1.25rem; } .author-news .news .summ { margin: 10px 0; } .author-news .btn, .author-news .quiz-over .qz-act, .quiz-over .author-news .qz-act { background: #fff; } .author-news ul { list-style: none; display: block; margin: 0; padding: 0; } .author-news ul li { border-bottom: solid 1px #eaeaea; display: block; margin: 0; padding: 15px 0; } .author-news ul .news::before { display: none; } .author-news ul .news::after { display: none; } .author-news .view-more a { border: 1px solid rgb(122, 122, 122); color: rgb(122, 122, 122); line-height: 36px; height: 36px; padding: 0px 20px; text-transform: uppercase; } .author-news .view-more a::after { display: none; } .author-lst { background: linear-gradient(0deg, #f5f5f5 0px, #fff 90px); margin: 0 -15px; padding: 15px 30px; } .author-lst .auth-inf { border: solid 1px #eaeaea; padding: 15px 10px; } .author-lst .lst li, .author-lst .board .news-lst li, .author-lst .board .news-strm li, .board .author-lst .news-lst li, .board .author-lst .news-strm li, .author-lst .cataloger .cata-opts ul li, .cataloger .cata-opts .author-lst ul li { border-top: solid 1px #eaeaea; border-bottom: none; padding: 15px 0; } .author-lst .lst li:first-child, .author-lst .board .news-lst li:first-child, .author-lst .board .news-strm li:first-child, .board .author-lst .news-lst li:first-child, .board .author-lst .news-strm li:first-child, .author-lst .cataloger .cata-opts ul li:first-child, .cataloger .cata-opts .author-lst ul li:first-child { border: none; } .author-lst .avatar { display: block; float: right; margin: 0 10px 0 0; padding: 0; height: 78px; width: 78px; } @media only screen and (max-width: 1023.9px) { .cat-news .col { border-top: solid 1px #eaeaea; } .cat-news .col:first-child { border: none; } .cat-news .news .xcap, .cat-news .news .daily-betts .caption, .daily-betts .cat-news .news .caption { margin-top: 0; } .cat-news .news .thumb { float: right; margin-left: 16px; width: 160px; } } @media only screen and (min-width: 1024px) { .time-lines .lst .news:first-child, .time-lines .board .news-lst .news:first-child, .time-lines .board .news-strm .news:first-child, .board .time-lines .news-lst .news:first-child, .board .time-lines .news-strm .news:first-child, .time-lines .cataloger .cata-opts ul .news:first-child, .cataloger .cata-opts .time-lines ul .news:first-child { border: none; padding-top: 0; } .time-lines .lst .news .title, .time-lines .board .news-lst .news .title, .time-lines .board .news-strm .news .title, .board .time-lines .news-lst .news .title, .board .time-lines .news-strm .news .title, .time-lines .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .time-lines ul .news .title { font-size: 1.25rem; } .time-lines .lst .news .summ, .time-lines .board .news-lst .news .summ, .time-lines .board .news-strm .news .summ, .board .time-lines .news-lst .news .summ, .board .time-lines .news-strm .news .summ, .time-lines .cataloger .cata-opts ul .news .summ, .cataloger .cata-opts .time-lines ul .news .summ { margin: 6px 0; } .time-lines .lst .news .thumb, .time-lines .board .news-lst .news .thumb, .time-lines .board .news-strm .news .thumb, .board .time-lines .news-lst .news .thumb, .board .time-lines .news-strm .news .thumb, .time-lines .cataloger .cata-opts ul .news .thumb, .cataloger .cata-opts .time-lines ul .news .thumb { margin-left: 20px; width: 196px; } .author-info { text-align: left; } .author-info .avatar-photo { float: left; margin-right: 20px; width: 160px; } .author-info .author { font-size: 1.5rem; font-weight: 700; } .author-info > p { margin: 1.25em 0; } .author-news .news .title { font-size: 1.25rem; } .author-news .author-lst { background-color: rgba(245, 245, 245, 0.5); border: solid 1px #eaeaea; } .author-lst { background: none; margin: 0; padding: 15px; } .author-lst .avatar { float: left; margin-right: 20px; margin-left: 0; } .author-lst .bar-w li { padding: 10px; width: 50%; } } .video-box { background-color: #f5f5f5; } .video-box .video-play { display: block; margin: 0; padding: 0 0 63% 0; height: 0; width: 100%; overflow: hidden; position: relative; } .video-box .video-play > * { display: none; } .video-box .video-play .play-frame { display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .video-box .clip-cont { padding: 20px; } .video-box .clip-cont .title { display: block; margin: 0; padding: 0; font-size: 1.75rem; font-weight: 700; } .video-box .clip-cont .desc { display: block; margin: 10px 0; padding: 0; } .video-box .clip-cont .counter .actions .ico { margin: 0 10px; } .video-box .clip-cont .counter .tiphover .tip-up { left: 120%; } @media only screen and (max-width: 1023.9px) { .video-box, .video-box .clip-box { padding: 0; } .video-box .row { margin: 0; } } @media only screen and (min-width: 1024px) { .video-box .clip-cont { margin: 0; padding: 0; } .video-box .clip-cont .ovrscrl { display: block; margin: 0; padding: 0 0 120% 0; height: 0; width: 100%; position: relative; } .video-box .clip-cont .ovrscrl > * { display: none; } .video-box .clip-cont .ovrscrl .clip-info { display: block; margin: 0; padding: 0; position: absolute; top: 20px; bottom: 20px; left: 10px; right: 20px; overflow-y: auto; } } .details table p { margin: 0; } .details blockquote, .details .quote { background-color: rgba(249, 168, 37, 0.035); border: solid 1px rgba(122, 63, 11, 0.15); border-radius: 5px; display: block; margin: 1em 0; padding: 1.25em; } .details blockquote > p:first-child, .details .quote > p:first-child { margin-top: 0 !important; } .details blockquote > p:last-child, .details .quote > p:last-child { margin-bottom: 0 !important; } .details .lead-title, .details .sub-title { margin: 10px 0; font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif; font-weight: 600; text-align: center; } .details .lead-title { display: block; font-size: 1.75rem; } .details .sub-title { background-color: #f5f5f5; border-radius: 1.2em; display: inline-block; padding: 0.5em 1.2em; font-size: 0.875rem; line-height: 1.3em; text-transform: uppercase; } .details .artitle { display: none !important; } .details .summary { display: block; margin: 0 auto; padding: 1.2em 10px; font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif; font-style: italic; font-size: 1.25rem; line-height: 1.6em; text-align: justify; } .details .summary.bdr { border-bottom: solid 1px #eaeaea; } .details .thumbnails, .details .thumins, .details .thumb { display: block; margin: 10px 0; } .details .thumbnails img, .details .thumins img, .details .thumb img { display: block; margin: auto; max-width: 100%; } .details .authorzone { color: #971217; line-height: 1.5em; text-align: center; } .details .toolbar { display: none; float: left; position: sticky; top: 60px; height: 0; width: 42px; } .details .toolbar .lst li, .details .toolbar .board .news-lst li, .details .toolbar .board .news-strm li, .board .details .toolbar .news-lst li, .board .details .toolbar .news-strm li, .details .toolbar .cataloger .cata-opts ul li, .cataloger .cata-opts .details .toolbar ul li { margin: 5px; } .details .toolbar .ico { background-size: 60%; border: solid 1px #ddd; border-radius: 50%; display: block; margin: 0; padding: 0; opacity: 0.6; height: 32px; width: 32px; } .details .toolbar .ico:active, .details .toolbar .ico:focus, .details .toolbar .ico:hover { opacity: 1; } .details .toolbar .font-sel { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzVGNUY1RiI+PHBhdGggZD0iTTkuNywxMi42bC00LTEwSDVsLTMuOSwxMEgwdjAuN2gzLjN2LTAuN0gxLjhsMS0yLjZoMy43bDEsMi42aC0xdjAuN2g0LjJ2LTAuN0g5Ljd6IE0zLjEsOS40bDEuNS0zLjlsMS42LDMuOUgzLjF6Ii8+PHBhdGggZD0iTTEzLDEzLjNjLTAuNCwwLTAuOC0wLjEtMS4xLTAuMmMtMC4zLTAuMi0wLjYtMC40LTAuOC0wLjdjLTAuMi0wLjMtMC4zLTAuNy0wLjMtMS4xYzAtMC40LDAuMS0wLjcsMC4yLTAuOSBjMC4xLTAuMiwwLjMtMC40LDAuNi0wLjZjMC4yLTAuMSwwLjUtMC4yLDAuOC0wLjNjMC4zLTAuMSwwLjYtMC4xLDAuOS0wLjJjMC40LTAuMSwwLjctMC4xLDEtMC4xYzAuMywwLDAuNC0wLjEsMC41LTAuMSBDMTQuOSw5LjEsMTUsOSwxNSw4Ljh2MGMwLTAuNC0wLjEtMC43LTAuMy0xYy0wLjItMC4yLTAuNi0wLjQtMS0wLjRjLTAuNSwwLTAuOSwwLjEtMS4xLDAuM0MxMi4yLDgsMTIsOC4yLDExLjksOC40bC0xLTAuMyBjMC4yLTAuNCwwLjQtMC43LDAuNy0wLjljMC4zLTAuMiwwLjYtMC40LDAuOS0wLjVjMC4zLTAuMSwwLjctMC4xLDEtMC4xYzAuMiwwLDAuNSwwLDAuNywwLjFjMC4zLDAsMC41LDAuMSwwLjgsMC4zIGMwLjMsMC4yLDAuNSwwLjQsMC42LDAuN0MxNS45LDcuOSwxNiw4LjMsMTYsOC45djQuM2gtMXYtMC45aC0wLjFjLTAuMSwwLjEtMC4yLDAuMy0wLjMsMC41Yy0wLjIsMC4yLTAuNCwwLjMtMC42LDAuNCBDMTMuNywxMy4zLDEzLjQsMTMuMywxMywxMy4zeiBNMTMuMSwxMi40YzAuNCwwLDAuNy0wLjEsMS0wLjJjMC4zLTAuMiwwLjUtMC40LDAuNi0wLjZjMC4xLTAuMiwwLjItMC41LDAuMi0wLjhWOS45IGMwLDAuMS0wLjEsMC4xLTAuMywwLjFjLTAuMSwwLTAuMywwLjEtMC41LDAuMWMtMC4yLDAtMC40LDAuMS0wLjUsMC4xYy0wLjIsMC0wLjMsMC0wLjQsMC4xYy0wLjMsMC0wLjUsMC4xLTAuNywwLjIgYy0wLjIsMC4xLTAuNCwwLjItMC41LDAuM2MtMC4xLDAuMS0wLjIsMC40LTAuMiwwLjZjMCwwLjMsMC4xLDAuNiwwLjQsMC44QzEyLjQsMTIuMywxMi43LDEyLjQsMTMuMSwxMi40eiIvPjwvc3ZnPg==) center no-repeat; background-size: 16px; border: solid 1px #eaeaea; border-radius: 15px; padding: 3px; } .details .toolbar .font-sel .plus, .details .toolbar .font-sel .minus { height: 24px; width: 24px; } .details .toolbar .font-sel .minus { margin-top: 32px; } .details .toolbar .cmt-cnt { border-bottom: solid 1px #7a7a7a; line-height: 32px; text-align: center; } .details .toolbar .cmt-cnt:hover { color: #ed1c24; } .details .infobar { border-top: solid 1px #eaeaea; padding-top: 1em; color: #7a7a7a; font-size: 0.875rem; line-height: 24px; } .details .infobar u { border-bottom: dotted 1px #7a7a7a; display: inline-block; margin: 0 5px; text-decoration: none; } .details .infobar .ico { height: 18px; width: 18px; } .details .infobar .bar li, .details .infobar header.min .nav-bar ul li, header.min .nav-bar .details .infobar ul li { padding: 0 5px; } .details .infobar .bar .separate, .details .infobar header.min .nav-bar ul .separate, header.min .nav-bar .details .infobar ul .separate { border-right: solid 1px #7a7a7a; padding-right: 10px; } .details .infobar .bar .ico, .details .infobar header.min .nav-bar ul .ico, header.min .nav-bar .details .infobar ul .ico { border: none; margin-left: 5px; padding: 0; opacity: 0.25; } .details .infobar .bar .ico:active, .details .infobar header.min .nav-bar ul .ico:active, header.min .nav-bar .details .infobar ul .ico:active, .details .infobar .bar .ico:focus, .details .infobar header.min .nav-bar ul .ico:focus, header.min .nav-bar .details .infobar ul .ico:focus, .details .infobar .bar .ico:hover, .details .infobar header.min .nav-bar ul .ico:hover, header.min .nav-bar .details .infobar ul .ico:hover { opacity: 1; } .details .infobar .fnt-lnk.active { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI0VEMUMyNCI+PHBhdGggZD0iTTE0LjUsMTVMOC41LDBINy41TDEuNywxNUgwdjFoNXYtMUgyLjdsMS41LTMuOGg1LjVsMS42LDMuOEg5Ljh2MUgxNnYtMUgxNC41eiBNNC42LDEwLjFsMi4zLTUuOWwyLjQsNS45SDQuNnoiLz48L3N2Zz4=); opacity: 1; position: relative; } .details .infobar .fnt-lnk.active::after { background-color: #ed1c24; content: ""; display: block; height: 2px; width: 100%; position: absolute; bottom: -3px; } .details .infobar .fnt-lnk.font-sm { background-size: 80%; background-position: bottom center; } .details .infobar .fnt-lnk.font-md { background-size: 90%; background-position: bottom center; } .details .infobar .author { color: #ed1c24; display: inline-block; margin: 0 5px; } .details .thumbnails + .infobar { border-top: none; padding-top: 0; } .details .emobar { line-height: 32px; } .details .emobar .emo { border-radius: 16px; background-color: #f5f5f5; background-size: auto 18px; cursor: pointer; margin: 0 3px; padding: 0 16px; line-height: 32px; height: 32px; } .details .emobar .emo:not(:empty) { background-position: left 10px top 50%; padding: 0 13px 0 36px; } .key-pnts { border: solid 1px #eaeaea; border-radius: 5px; background-color: #f5f5f5; display: block; margin: 20px 0; padding: 20px; } .key-pnts .capt { font-weight: bold; text-transform: uppercase; } .key-pnts .key-cap { font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; } .key-pnts h1, .key-pnts h2, .key-pnts h3, .key-pnts h4, .key-pnts h5, .key-pnts h6, .key-pnts p { margin: 1em 0 !important; } .key-pnts .lst li, .key-pnts .board .news-lst li, .key-pnts .board .news-strm li, .board .key-pnts .news-lst li, .board .key-pnts .news-strm li, .key-pnts .cataloger .cata-opts ul li, .cataloger .cata-opts .key-pnts ul li { margin: 10px 0; } .key-pnts .lst a, .key-pnts .board .news-lst a, .key-pnts .board .news-strm a, .board .key-pnts .news-lst a, .board .key-pnts .news-strm a, .key-pnts .cataloger .cata-opts ul a, .cataloger .cata-opts .key-pnts ul a { background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzVGNUY1RiI+PHBhdGggZD0iTTE0LjQ5MiAxLjUwODAzQzEyLjQ4MTIgLTAuNTAyNjkxIDkuMjA5NTYgLTAuNTAyNjYgNy4xOTg4NCAxLjUwODAzQzUuODI1NTMgMi44ODEzNCA1LjM0ODY2IDQuOTA1NjggNS45NDMwNiA2Ljc0MTg3TDAuMTM3MzQ0IDEyLjU0NzZDMC4wNDk0MDYyIDEyLjYzNTUgMCAxMi43NTQ4IDAgMTIuODc5MVYxNS41MzEyQzAgMTUuNzkwMSAwLjIwOTkwNiAxNiAwLjQ2ODgxMiAxNkgzLjEyMDg3QzMuMjQ1MjUgMTYgMy4zNjQ0NCAxNS45NTA2IDMuNDUyNDEgMTUuODYyN0w0LjExNTUzIDE1LjE5OTVDNC4yMTY4MSAxNS4wOTgyIDQuMjY2MjUgMTQuOTU2MiA0LjI0OTY5IDE0LjgxMzlMNC4xNjY5NCAxNC4xMDE5TDUuMTUzOTQgMTQuMDA4OUM1LjM3ODA2IDEzLjk4NzcgNS41NTU1NiAxMy44MTAzIDUuNTc2NjkgMTMuNTg2Mkw1LjY2OTc4IDEyLjU5OUw2LjM4MTgxIDEyLjY4MThDNi41MTQ3NSAxMi42OTczIDYuNjQ3ODEgMTIuNjU1MiA2Ljc0Nzc1IDEyLjU2NjJDNi44NDc2MiAxMi40NzczIDYuOTA0NzggMTIuMzQ5OSA2LjkwNDc4IDEyLjIxNjFWMTEuMzQzSDcuNzYxOTdDNy44ODUzNyAxMS4zNDMgOC4wMDM3OCAxMS4yOTQ0IDguMDkxNTYgMTEuMjA3Nkw5LjI1NjMxIDEwLjA1NjNDMTEuMDkyOSAxMC42NTE3IDEzLjExODMgMTAuMTc0OSAxNC40OTIgOC44MDExMkMxNi41MDI3IDYuNzkwNDMgMTYuNTAyNyAzLjUxODcyIDE0LjQ5MiAxLjUwODAzWk0xMy44MjkgOC4xMzgxNUMxMi42NDU3IDkuMzIxNDMgMTAuODcwNyA5LjY5MDc4IDkuMzA3IDkuMDc5MjJDOS4xMzQ0NCA5LjAxMTc1IDguOTM4MzcgOS4wNTIxOSA4LjgwNjY1IDkuMTgyNEw3LjU2OTM3IDEwLjQwNTRINi40MzU5NEM2LjE3NzAzIDEwLjQwNTQgNS45NjcxMiAxMC42MTUzIDUuOTY3MTIgMTAuODc0MlYxMS42ODk2TDUuMzAyMTIgMTEuNjEyM0M1LjE3Njg0IDExLjU5NzggNS4wNTEwMyAxMS42MzQzIDQuOTUzIDExLjcxMzZDNC44NTUgMTEuNzkzIDQuNzkzMDYgMTEuOTA4NCA0Ljc4MTIyIDEyLjAzNEw0LjY3OTU2IDEzLjExMThMMy42MDE4NyAxMy4yMTMzQzMuNDc2MzEgMTMuMjI1MiAzLjM2MDg0IDEzLjI4NzEgMy4yODE0NyAxMy4zODUxQzMuMjAyMTIgMTMuNDgzMSAzLjE2NTU5IDEzLjYwOSAzLjE4MDE2IDEzLjczNDJMMy4yOTIwOSAxNC42OTY5TDIuOTI2NjYgMTUuMDYyNEgwLjkzNzU5NFYxMy4wNzM0TDYuODE1NjIgNy4xOTUzNEM2Ljk0NzMxIDcuMDYzNjUgNi45ODg1OSA2Ljg2NjUgNi45MjA3NSA2LjY5MzA2QzYuMzA5MTIgNS4xMjkzNyA2LjY3ODUzIDMuMzU0NDMgNy44NjE4MSAyLjE3MTA5QzkuNTA3IDAuNTI1OTY1IDEyLjE4MzggMC41MjU5NjUgMTMuODI4OSAyLjE3MTA5QzE1LjQ3NDEgMy44MTYxOCAxNS40NzQxIDYuNDkzMDMgMTMuODI5IDguMTM4MTVaIi8+PHBhdGggZD0iTTEzLjE2NTkgMi44MzQxNEMxMi42MTc2IDIuMjg1NzQgMTEuNzI1MyAyLjI4NTc3IDExLjE3NjkgMi44MzQxNEMxMC42Mjg1IDMuMzgyNTIgMTAuNjI4NSA0LjI3NDggMTEuMTc2OSA0LjgyMzE4QzExLjcyNTMgNS4zNzE1NSAxMi42MTc2IDUuMzcxNjEgMTMuMTY1OSA0LjgyMzE4QzEzLjcxNDMgNC4yNzQ4IDEzLjcxNDMgMy4zODI1MiAxMy4xNjU5IDIuODM0MTRaTTEyLjUwMjkgNC4xNjAxOEMxMi4zMjAyIDQuMzQyOTYgMTIuMDIyOCA0LjM0Mjk5IDExLjgzOTkgNC4xNjAxOEMxMS42NTcyIDMuOTc3MzkgMTEuNjU3MiAzLjY3OTk5IDExLjgzOTkgMy40OTcxOEMxMi4wMjMyIDMuMzEzOTMgMTIuMzE5NyAzLjMxMzkzIDEyLjUwMjkgMy40OTcxOEMxMi42ODYyIDMuNjgwNDMgMTIuNjg2MiAzLjk3NjkzIDEyLjUwMjkgNC4xNjAxOFoiIC8+PC9zdmc+) left center no-repeat; background-size: 12px; padding-left: 25px; } .content { font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif; font-size: 1.125rem; line-height: 1.6em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p, .content .thumb, .content ol:not(classs), .content ul:not([class]) { margin: 1.5em 0; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 1.5em; } .content h2 { font-size: 1.25rem; font-weight: bold; } .content h3 { font-size: 1.05rem; font-weight: bold; } .content h4 { font-size: 0.95rem; font-weight: bold; } .content h5 { font-size: 0.85rem; font-weight: bold; } .content h6 { font-size: 0.8rem; font-weight: bold; } .content .caption { font-size: 2rem; font-weight: 800; font-family: "Mulish", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; } .content .caption small, .content .caption strong { display: block; font-weight: 400; } .content .caption strong { font-weight: 800; } .content a { color: #2196f3; text-decoration: underline; } .content img, .content table { max-width: 100%; } .content p > img, .content img:not(class) { display: block; margin: auto; } .content .thumb img, .content .thumb video, .content .thumb audio, .content .thumb iframe { display: block; margin: 0 auto; max-width: 100%; } .content .alt, .content .embcap { color: #7a7a7a; display: block; margin: 0; padding: 0.7em 0; font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 0.875rem; line-height: 1.3em; text-align: center; } .content ol:not(classs), .content ul:not([class]) { list-style: disc; margin-left: 1em; padding-left: 0.7em; } .content ol:not(classs) li, .content ul:not([class]) li { margin: 0.5em 0; } .content .layout { padding: 0 15px; line-height: 1.6em; } .content .layout h1, .content .layout h2, .content .layout h3, .content .layout h4, .content .layout h5, .content .layout p { margin: 1em 0; } .content .live-cont { border-bottom: solid 1px #eaeaea; position: relative; } .content .live-cont h1, .content .live-cont h2, .content .live-cont h3, .content .live-cont h4, .content .live-cont h5, .content .live-cont p { margin: 1em 0; } .content .live-cont.pin-top { background-color: #f5f5f5; border-radius: 5px; padding: 0 1.5em; } .content .live-cont .live-state { color: #5f5f5f; display: block; font-weight: bold; margin-top: 10px; } .content .live-actions { margin: 1.5em 0; } .content .live-actions .btn.refresh, .content .live-actions .quiz-over .refresh.qz-act, .quiz-over .content .live-actions .refresh.qz-act { background-color: #2196f3; border: none !important; display: block; padding: 0.5em 1em; color: #fff; width: 100%; } .content .live-actions .btn.refresh .ico, .content .live-actions .quiz-over .refresh.qz-act .ico, .quiz-over .content .live-actions .refresh.qz-act .ico { margin: -3px 5px -3px 0; height: 24px; width: 24px; } .content .inter-view { background-color: #f5f5f5; border-radius: 3px; margin: 1em 0; overflow: hidden; } .content .inter-view .int-asking, .content .inter-view .int-reply { padding: 0 1em; } .content .inter-view .int-cap, .content .inter-view h1, .content .inter-view h2, .content .inter-view h3, .content .inter-view h4, .content .inter-view h5, .content .inter-view p { margin: 1em 0; } .content .inter-view .int-cap { font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 1.125rem; } .content .inter-view .int-cap .asker, .content .inter-view .int-cap .reper { display: block; font-weight: bold; } .content .inter-view .int-cap .reper { color: #ed1c24; } .content .inter-view .int-cap .date { font-size: 0.75rem; } .content .inter-view .ask-cont, .content .inter-view .rep-cont { border-radius: 5px; padding: 0 1em; } .content .inter-view .ask-cont { background-color: #fff; } .content .inter-view .int-reply { margin-top: 1.5em; background-color: #f5f8fd; position: relative; } .content .inter-view .int-reply .int-cap::before { border-bottom: solid 1em #f5f8fd; border-left: solid 0.45em transparent; border-right: solid 0.45em transparent; content: ""; display: block; position: absolute; top: -1em; left: 1em; height: 0; width: 0; } .content .question { background-color: #f5f5f5; border-radius: 8px; margin: 1em 0; overflow: hidden; } .content .question p:empty { display: none; } .content .question .asker { border-radius: 6px; margin: 10px 15px 5px 15px; padding: 0 15px; background-color: #fff; } .content .question .answer { background-color: #f5f8fd; margin: 1.5em 0 0; padding: 0 15px; position: relative; } .content .question .answer::before { border-bottom: solid 1em #f5f8fd; border-left: solid 0.45em transparent; border-right: solid 0.45em transparent; content: ""; display: block; position: absolute; top: -1em; left: 1em; height: 0; width: 0; } .content .gal-photo { margin: 1.5em auto; text-align: center; max-width: 60%; position: relative; } .content .gal-photo.expand { max-width: 100%; } .content .gal-photo.expand .altxt { max-width: 60%; } .content .gal-photo .thumb { display: inline-block; margin: 0; position: relative; } .content .gal-photo .altxt { margin: 0.5em auto; text-align: left; } .content .gal-photo .gal-actions { background-color: rgba(0, 0, 0, 0.8); border-radius: 3px; display: block; margin: 0; padding: 2px; font-size: 0; opacity: 0; transition: all ease 0.3s; position: absolute; top: 24px; right: 24px; line-height: 28px; height: 32px; } .content .gal-photo .gal-actions .ico { background-color: #000; background-size: 16px; opacity: 0.5; height: 28px; width: 28px; } .content .gal-photo .gal-actions .ico:active, .content .gal-photo .gal-actions .ico:focus, .content .gal-photo .gal-actions .ico:hover { opacity: 1; } .content .gal-photo:hover .gal-actions { opacity: 1; } .content .top-lst, .content .peakr.listing { display: block; margin: 2em 0 1em; font-family: "Stafford", serif; font-size: 1.5rem; line-height: 36px; height: 36px; text-transform: uppercase; } .content .top-lst .top-idx, .content .top-lst .infor .indexr, .content .peakr.listing .top-idx, .content .peakr.listing .infor .indexr { color: #ed1c24; display: block; float: left; margin: 0 16px 0 0; font-size: 2.5rem; line-height: 24px; height: 36px; overflow: hidden; position: relative; } .content .top-lst .top-idx::before, .content .top-lst .infor .indexr::before, .content .peakr.listing .top-idx::before, .content .peakr.listing .infor .indexr::before { background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMzciIGZpbGw9IiNFRDFDMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwLjY3MTggMzIuMTA3OUMyMC41MTM5IDMxLjk2MiAyMC4zOTIzIDMxLjczMSAyMC4zNDM3IDMxLjUyNDNDMTkuOTc5MSAyOS44NzA5IDE5LjQ4MDkgMjguMjY2MSAxOC41MjA4IDI2Ljg0MzdDMTguMjg5OSAyNi41MDMzIDE4LjI3NzcgMjYuMjg0NCAxOC44MTI1IDI2LjEyNjRDMjAuMDc2NCAyNS43NjE3IDIwLjIzNDMgMjUuNTA2MyAyMC4yMjIyIDI0LjE0NDdDMjAuMTk3OSAyMi4xMDIyIDIwLjA4ODUgMjAuMDcxOSAxOS44NDU0IDE4LjA0MTZDMTkuNzk2OCAxNy42MDQgMTkuNDkzIDE3LjEyOTggMjAuMDg4NSAxNi43ODk0QzIwLjIzNDMgMTYuNzA0MyAyMC4wNTIgMTYuNTA5OCAxOS45OTEzIDE2LjQwMDRDMTkuNDkzIDE1LjQwMzUgMTkuNTUzOCAxNC40NDMgMjAuMTk3OSAxMy41MzEyQzIwLjQ1MzEgMTMuMTY2NSAyMC42OTYxIDEyLjc3NzQgMjAuNjk2MSAxMi4zMDMzQzIwLjY5NjEgMTEuOTg3MiAyMC44OTA2IDExLjgxNyAyMS4xNTc5IDExLjcwNzZDMjEuODI2MyAxMS40Mjc5IDIyLjMzNjggMTAuOTkwMyAyMi43Mzc4IDEwLjM4MjRDMjIuOTIwMSAxMC4xMTQ5IDIzLjE2MzIgOS44OTYxIDIzLjQ0MjcgOS43MjU5QzIzLjY4NTcgOS44NDc0NyAyMy45MTY2IDkuOTMyNTcgMjQuMTcxOCA5Ljc2MjM3QzI0LjM2NjMgOS43MzgwNSAyNC4zOTA2IDkuNjE2NDggMjQuMzU0MSA5LjQ1ODQzQzI0LjY3MDEgOS4xMDU4NiAyNC45MDEgOC43Mjg5OCAyNS4xMDc2IDguMjkxMzFDMjUuMzk5MyA3LjY4MzQ0IDI1LjE1NjIgNy40ODg5MSAyNC42NDU4IDcuMzU1MThDMjQuNDI3IDcuMzkxNjUgMjQuMjY5MSA3LjI3MDA4IDI0LjA3NDYgNy4yMDkyOUMyMy4xNTEgNi45MTc1MSAyMi41NDM0IDYuMDkwOCAyMS42NDQxIDUuNzk5MDJDMjAuOTUxMyA1LjU2ODAzIDIwLjY1OTcgNS4zMTI3MiAyMS4xNDU4IDQuNjMxOUMyMS4yMzA5IDQuNTIyNDggMjEuMTU3OSA0LjMwMzY1IDIxLjE3MDEgNC4xMzM0NEMyMS4xOTQ0IDMuNzgwODcgMjAuOTI3IDMuMzU1MzYgMjEuNTIyNSAzLjE3M0MyMS43MjkxIDMuMTEyMjEgMjEuNjU2MiAyLjc5NjEyIDIxLjU1OSAyLjU2NTEyQzIxLjEyMTUgMS42NDExNSAyMC4zMDczIDEuMTU0ODUgMTkuMzcxNSAxLjExODM4QzE4LjM5OTMgMS4wNjk3NSAxNy4yMzI2IDAuODg3Mzg3IDE2Ljc1ODYgMi4xODgyNEMxNS43NSAyLjU0MDgxIDE1Ljk5MyAzLjMzMTA1IDE2LjE4NzUgNC4wMjQwMkMxNi4zMzMzIDQuNTM0NjQgMTUuOTU2NiA0LjQ4NjAxIDE1Ljc2MjEgNC40NzM4NUMxNC45NDc5IDQuNDEzMDYgMTQuMTIxNSA0LjQwMDkxIDEzLjQ2NTMgMy43Njg3MkMxMy4wODg1IDMuNDAzOTkgMTIuNjUxIDIuOTkwNjQgMTIuMTE2MyAzLjA2MzU4QzExLjExOTggMy4xOTczMSAxMC4yNTY5IDIuNzk2MTIgOS4zMzMzMiAyLjYxMzc1QzcuNjU2MjQgMi4yNzMzNCA2LjA2NDIyIDEuNTY4MjEgNC4zNTA2OSAxLjM0OTM3QzQuMDQ2ODcgMS4zMTI5IDMuNjcwMTMgMS4xOTEzMyAzLjQ2MzU0IDAuOTg0NjQ4QzIuNDQyNyAtMC4wNjA4OTc4IDEuMzEyNSAtMC4zMDQwNDcgMCAwLjQwMTA4OEMwLjEwOTM3NSAwLjU1OTEzNiAwLjMwMzgxOSAwLjcyOTM0IDAuMzQwMjc3IDAuOTM2MDE4QzAuNDQ5NjUyIDEuNTA3NDIgMC44MTQyMzQgMS41MzE3NCAxLjMwMDM0IDEuNTU2MDVDMS45MDc5OCAxLjYwNDY4IDIuNTAzNDcgMS42Nzc2MyAzLjA5ODk1IDEuOTQ1MDlDNS4wNTU1NSAyLjgyMDQzIDcuMDM2NDUgMy42ODM2MSA5LjEyNjcyIDQuMjMwN0M5LjI2MDQgNC4yNjcxOCA5LjM5NDA4IDQuMzE1ODEgOS4zODE5MyA0LjQ0OTU0QzkuMzIxMTYgNC44NTA3NCA5LjY3MzU5IDQuOTYwMTUgOS44NTU4OSA1LjIxNTQ2QzEwLjM3ODUgNS45NTcwNyAxMS4wNTkgNi42OTg2OCAxMS4yNTM1IDcuNTM3NTRDMTEuNTU3MyA4Ljg2MjcxIDExLjQyMzYgMTAuMjEyMiAxMC42NTggMTEuNDc2NkMxMC4xODQgMTIuMjU0NyA5LjY2MTQ0IDEzLjE0MjIgMTAuMTk2MiAxNC4xNjM0QzEwLjM3ODUgMTQuNTE2IDEwLjExMTEgMTQuNzcxMyA5Ljg5MjM0IDE1LjAwMjNDOS41NjQyMiAxNS4zMzA1IDkuMTg3NDggMTUuNzY4MiA5LjQwNjIzIDE2LjE2OTRDOS44MDcyNyAxNi45MjMxIDkuNTg4NTIgMTcuNzM3NyA5LjgwNzI3IDE4LjUwMzZDOS45MTY2NSAxOC44NjgzIDEwLjE0NzUgMTkuMDg3MiAxMC4zNzg1IDE5LjM1NDZDMTAuOTAxIDE5Ljk3NDcgMTEuNDg0NCAyMC41NzA0IDExLjMxNDIgMjEuNTE4N0MxMC44ODg5IDIxLjQwOTMgMTAuNTk3MiAyMS4yNTEyIDEwLjM2NjMgMjAuODYyMkMxMC4wNjI1IDIwLjMzOTQgOS4zNjk3NyAyMC4zODggOC44ODM2NiAyMC4xMDg0QzguNjQwNjEgMTkuOTYyNSA4LjIzOTU3IDIwLjQ2MSA3LjkzNTc1IDIwLjcxNjNDNy4zNjQ1NyAyMS4yMTQ3IDYuNzY5MDggMjEuNzAxIDYuMTk3OTEgMjIuMjExN0M1Ljg0NTQ4IDIyLjUyNzggNS4wNTU1NSAyMi43NzA5IDUuMjk4NiAyMy4yMDg2QzUuNTI5NSAyMy42MjE5IDYuMjk1MTMgMjMuMzQyMyA2LjgwNTU0IDIzLjE5NjRDNi44Mjk4NSAyMy4xODQzIDYuODU0MTUgMjMuMTk2NCA2Ljg3ODQ2IDIzLjE4NDNDOS4xNjMxOCAyMi4xMzg3IDExLjExOTggMjMuMjY5NCAxMy4xMjUgMjQuMDk2MUMxMy4zMzE2IDI0LjE4MTIgMTMuNDY1MyAyNC4zODc5IDEzLjU3NDYgMjQuNTgyNEMxNC4zMjgxIDI1Ljk1NjIgMTUuMzI0NiAyNy4xODQxIDE2LjIzNjEgMjguNDQ4NUMxNy44MDM4IDMwLjYzNjggMTkuNzM2MSAzMi42MzA2IDE5Ljc0ODIgMzUuNTg0OUMxOS43NDgyIDM1LjgwMzcgMTkuODMzMyAzNi4wMzQ3IDIwLjEzNzEgMzYuMDQ2OUMyMC44Mjk4IDM2LjA3MTIgMjEuNTM0NyAzNi4xMDc3IDIyLjIwMzEgMzUuODI4MUMyMi40MzQgMzUuNzMwOCAyMi42ODkyIDM1LjU5NzEgMjIuNDQ2MSAzNS4yODFDMjEuNjgwNSAzNC4yOTYyIDIxLjU3MTEgMzIuOTgzMiAyMC42NzE4IDMyLjEwNzlaIiAvPjxwYXRoIGQ9Ik0yNy4wNTM0IDkuODg1NzZDMjcuMjM1NyAxMC4wMDczIDI3LjQwNTkgMTAuMTg5NyAyNy42MzY4IDkuOTgzMDNDMjcuNzU4MyA5Ljg3MzYgMjcuODU1NSA5LjczOTg0IDI3Ljc5NDcgOS41OTM5M0MyNy41NzYgOS4xNjgzNSAyNy4zOTM3IDguNjgxOTggMjcuMDUzNCA4LjM1MzY4QzI2LjQ5NDQgNy44MDY1IDI1Ljg3NDYgNy45NjQ1OCAyNS40OTc5IDguNjY5ODJDMjUuMjU0OCA5LjExOTcyIDI1LjAzNjEgOS41ODE3NyAyNC44MTczIDEwLjA0MzhDMjQuODE3MyAxMC4wNDM4IDI0LjgxNzMgMTAuMDQzOCAyNC44MDUyIDEwLjA0MzhDMjQuODA1MiAxMC4wNTYgMjQuODA1MiAxMC4wNTYgMjQuODA1MiAxMC4wNTZDMjQuNTg2NCAxMC4xMjg5IDI0LjQyODQgMTAuMjYyNyAyNC4zNjc3IDEwLjQ5MzdDMjQuMTczMiAxMC41MTggMjQuMDM5NSAxMC42Mzk2IDI0LjA4ODIgMTAuODM0MkMyNC4xMjQ2IDEwLjk5MjMgMjQuMjU4MyAxMS4wODk1IDI0LjQ0MDYgMTEuMTM4MkMyNC43MjAxIDExLjIxMTEgMjQuODkwMiAxMS4wMjg3IDI1LjEwOSAxMC45NTU4QzI1LjQxMjggMTEuNDMgMjUuOTExMSAxMS4zNTcgMjYuMzg1IDExLjQ1NDNDMjcuMDA0OCAxMS41ODgxIDI3LjE3NSAxMS4xMDE3IDI3LjM5MzcgMTAuNzk3N0MyNy41Mzk1IDEwLjYwMzIgMjcuMjQ3OSAxMC4yNjI3IDI2LjkxOTggMTAuMTUzM0MyNi45MTk4IDEwLjA0MzggMjYuOTMxOSA5LjkzNDM5IDI3LjA1MzQgOS44ODU3NloiLz48L3N2Zz4=) center no-repeat; background-size: contain; display: block; float: left; margin: 0 5px 0 0; padding: 0; height: 36px; width: 28px; } .content .top-lst .top-idx::after, .content .top-lst .infor .indexr::after, .content .peakr.listing .top-idx::after, .content .peakr.listing .infor .indexr::after { background-color: #ed1c24; height: 1.5px; width: 100%; position: absolute; bottom: 0; left: 20px; } .relates { background-color: #f5f5f5; border-left: solid 2px #eaeaea; padding: 10px 20px; } .relates .lst .news, .relates .board .news-lst .news, .relates .board .news-strm .news, .board .relates .news-lst .news, .board .relates .news-strm .news, .relates .cataloger .cata-opts ul .news, .cataloger .cata-opts .relates ul .news { margin: 5px 0 5px 20px; } .relates .lst .news .title, .relates .board .news-lst .news .title, .relates .board .news-strm .news .title, .board .relates .news-lst .news .title, .board .relates .news-strm .news .title, .relates .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .relates ul .news .title { color: #5f5f5f; font-size: 1rem; font-weight: normal; } .relates .lst .news::before, .relates .board .news-lst .news::before, .relates .board .news-strm .news::before, .board .relates .news-lst .news::before, .board .relates .news-strm .news::before, .relates .cataloger .cata-opts ul .news::before, .cataloger .cata-opts .relates ul .news::before { background-color: #ed1c24; clear: none; content: ""; display: block; float: left; margin: 7px 5px 0 -15px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .gallery { background: #000; color: #fff; display: block; margin: 0; padding: 0; overflow-y: auto !important; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 10000; } .gallery .cont-wrap { height: 100%; position: relative; } .gallery .gal-cap { background: #000; display: block; margin: 0; padding: 32px 0; font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: normal; line-height: 24px; height: 88px; width: 100%; position: fixed; top: 0; left: 0; z-index: 2; } .gallery .gal-cap .ico { background-size: 18px; display: block; float: left; margin: 0 8px; height: 24px; width: 24px; opacity: 0.5; } .gallery .gal-cap .ico:active, .gallery .gal-cap .ico:focus, .gallery .gal-cap .ico:hover { opacity: 1; } .gallery .gal-cap .ico.close, .gallery .gal-cap .ico.alls { position: relative; } .gallery .gal-cap .ico.close::before, .gallery .gal-cap .ico.close::after { background: #fff; border-radius: 1px; position: absolute; top: 50%; left: 50%; height: 20px; width: 2px; } .gallery .gal-cap .ico.close::before { margin-left: 7px; margin-top: -3px; transform: rotate(-45deg) translate(-50%, -50%); } .gallery .gal-cap .ico.close::after { margin-left: -7px; margin-top: -2px; transform: rotate(45deg) translate(-50%, -50%); } .gallery .gal-cap .ico.alls::before, .gallery .gal-cap .ico.alls::after { background: #fff; box-shadow: 10px 0 0 #fff; margin-left: -8px; height: 6px; width: 6px; position: absolute; top: 50%; left: 50%; } .gallery .gal-cap .ico.alls::before { margin-top: -8px; } .gallery .gal-cap .ico.alls::after { margin-top: 2px; } .gallery .gal-wrap, .gallery .gal-alls { display: block; margin: 0; padding: 90px 0 0; height: 100%; position: relative; } .gallery .gal-wrap .nav-btn { border: none; display: block; opacity: 0.5; position: absolute; top: 0; height: 100%; width: 70px; } .gallery .gal-wrap .nav-btn:active, .gallery .gal-wrap .nav-btn:focus, .gallery .gal-wrap .nav-btn:hover { opacity: 1; } .gallery .gal-wrap .nav-btn::before, .gallery .gal-wrap .nav-btn::after { position: absolute; top: 50%; left: 50%; } .gallery .gal-wrap .nav-btn::before { background: #fff; border-radius: 1px; height: 2px; width: 18px; transform: translate(-50%, -50%); } .gallery .gal-wrap .nav-btn::after { border-top: solid 2px #fff; border-left: solid 2px #fff; height: 10px; width: 10px; } .gallery .gal-wrap .nav-btn.back { background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, black 100%); margin-right: -30px; right: 100%; } .gallery .gal-wrap .nav-btn.back::after { margin-top: -6px; transform: rotate(-45deg) translate(-50%, -50%); } .gallery .gal-wrap .nav-btn.next { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%); margin-left: -30px; left: 100%; } .gallery .gal-wrap .nav-btn.next::after { margin-top: -6px; margin-left: -12px; transform: rotate(135deg) translate(-50%, -50%); } .gallery .gal-wrap .gal-view { display: block; height: 100%; width: 100%; } .gallery .gal-wrap .gal-view img { display: block; margin: auto; max-width: 100%; max-height: 85%; } .gallery .gal-wrap .gal-view .altxt { display: block; margin: 1.5em 0; font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif; font-size: 1.25rem; line-height: 1.6em; text-align: center; } .gallery .gal-alls .cont-wrap { display: flex; flex-flow: row wrap; } .gallery .gal-alls img { display: block; margin: 1em; max-height: 30%; flex: 0 0 auto; } .editor { background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS43MTk2IDMuNDQ3MDNDMTUuMzIyMSAzLjA0OTU3IDE0LjY3NzcgMy4wNDk1NiAxNC4yODAzIDMuNDQ3MDFMMTQuMDYwOCAzLjY2NjQzQzE0LjA2OTcgNC40NTM1MiAxNC43MTI5IDUuMDk2ODggMTUuNSA1LjEwNTg2TDE1LjcxOTYgNC44ODYzQzE2LjExNyA0LjQ4ODg2IDE2LjExNyAzLjg0NDQ4IDE1LjcxOTYgMy40NDcwM1pNMTYuMzc0NSA2LjM1MjczTDE2Ljc4MDIgNS45NDY5NkMxNy43NjM0IDQuOTYzNzQgMTcuNzYzNSAzLjM2OTYzIDE2Ljc4MDMgMi4zODYzOUMxNS43OTcgMS40MDMxMiAxNC4yMDI5IDEuNDAzMSAxMy4yMTk2IDIuMzg2MzRMNy4zODk2OCA4LjIxNjE5TDcuMzQ1NTkgOC4yNjAyOEM2LjkyMDk5IDguNjg0NzcgNi42NDcxOCA4Ljk1ODUxIDYuNDIxNDkgOS4yNzI0NkM2LjIyMTUyIDkuNTUwNjUgNi4wNTIyMiA5Ljg0OTY1IDUuOTE2NTcgMTAuMTY0M0M1Ljc2MzQ3IDEwLjUxOTMgNS42Njk2MSAxMC44OTQ5IDUuNTI0MDYgMTEuNDc3NEw1LjUwODk0IDExLjUzNzlMNS4xMDU1NiAxMy4xNTE1QzUuMDQxNjYgMTMuNDA3IDUuMTE2NTUgMTMuNjc3NCA1LjMwMjg0IDEzLjg2MzdDNS40ODkxMiAxNC4wNSA1Ljc1OTQ5IDE0LjEyNDkgNi4wMTUwNyAxNC4wNjFMNy42Mjg2MyAxMy42NTc2TDcuNjg5MTEgMTMuNjQyNUM4LjI3MTYgMTMuNDk2OSA4LjY0NzIyIDEzLjQwMyA5LjAwMjI3IDEzLjI1QzkuMzE2ODcgMTMuMTE0MyA5LjYxNTg3IDEyLjk0NSA5Ljg5NDA1IDEyLjc0NUMxMC4yMDggMTIuNTE5MyAxMC40ODE3IDEyLjI0NTUgMTAuOTA2MiAxMS44MjFMMTAuOTUwMyAxMS43NzY5TDE2LjM1MTkgNi4zNzUyOEMxNi4zNTk2IDYuMzY3OTIgMTYuMzY3MSA2LjM2MDQgMTYuMzc0NSA2LjM1MjczWk0xNC4yNzQgNi4zMzE4OEMxMy42NDIxIDYuMDM3MDEgMTMuMTI5NiA1LjUyNDQ4IDEyLjgzNDcgNC44OTI1M0w4LjQ1MDM0IDkuMjc2ODZDNy45NjcxIDkuNzYwMDkgNy43ODU0MSA5Ljk0NDk3IDcuNjM5NDUgMTAuMTQ4QzcuNTAyNjIgMTAuMzM4MyA3LjM4Njc5IDEwLjU0MjkgNy4yOTM5NyAxMC43NTgyQzcuMTk0OTYgMTAuOTg3OCA3LjEyOTkgMTEuMjM4NyA2Ljk2NDE2IDExLjkwMTdMNi44NjM5NCAxMi4zMDI2TDcuMjY0ODMgMTIuMjAyNEM3LjkyNzgxIDEyLjAzNjYgOC4xNzg3MyAxMS45NzE2IDguNDA4MzUgMTEuODcyNUM4LjYyMzYgMTEuNzc5NyA4LjgyODE4IDExLjY2MzkgOS4wMTg1MSAxMS41MjcxQzkuMjIxNTUgMTEuMzgxMSA5LjQwNjQzIDExLjE5OTQgOS44ODk2NiAxMC43MTYyTDE0LjI3NCA2LjMzMTg4Wk0yLjU4MzM0IDE3LjVDMi41ODMzNCAxNy4wODU4IDIuOTE5MTMgMTYuNzUgMy4zMzMzNCAxNi43NUgxNi42NjY3QzE3LjA4MDkgMTYuNzUgMTcuNDE2NyAxNy4wODU4IDE3LjQxNjcgMTcuNUMxNy40MTY3IDE3LjkxNDIgMTcuMDgwOSAxOC4yNSAxNi42NjY3IDE4LjI1SDMuMzMzMzRDMi45MTkxMyAxOC4yNSAyLjU4MzM0IDE3LjkxNDIgMi41ODMzNCAxNy41WiIgZmlsbD0iI0FGQUZBRiIvPjwvc3ZnPg==) left center no-repeat; color: #7a7a7a; display: block; margin: 20px 0; padding: 0 0 0 25px; font-size: 0.875rem; } .editor a { color: #000; font-size: 1rem; font-weight: bold; } .hash-tags { color: #7a7a7a; display: block; margin: 20px 0; } .hash-tags a, .hash-tags b { display: inline-block; font-weight: 500; } .hash-tags a { margin: 0 8px; font-size: 1rem; font-weight: bold; } .counter > div { border-bottom: solid 1px #eaeaea; padding: 15px 0; } .counter .ico { background-size: 20px; line-height: 20px; height: 20px; min-width: 20px; } .counter .actions .ico { margin: 0 1em; padding-left: 2em; opacity: 0.6; } .counter .actions .ico:active, .counter .actions .ico:focus, .counter .actions .ico:hover { opacity: 1; } .counter .tiphover { border: none; display: inline-block; margin-top: -10px; padding-top: 10px; } .counter .emoliker { background: #fff; border-radius: 24px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25); font-size: 0; height: 48px; margin-top: -3px; padding: 0 5px; white-space: nowrap; } .counter .emoliker .emo { font-size: 30px; line-height: 48px; height: 48px; vertical-align: top; } .big-cont.darken { background: #000; } .big-cont.darken .news .title { color: #fff; } .big-cont .thumbnails { margin: 0; } .big-cont .row { margin-left: -32px; margin-right: -32px; } .big-cont .row .col { padding: 32px; } .big-cont .news .thumb { margin: 0; } .big-cont .news .thumb.lft, .big-cont .news .thumb.rgt { width: 48%; } .big-cont .news .thumb.lft + .title, .big-cont .news .thumb.rgt + .title { margin-top: 0; text-align: left; } .big-cont .news .thumb.lft { margin-right: 24px; } .big-cont .news .thumb.rgt { margin-left: 24px; } .big-cont .news .title { margin-top: 1em; font-size: 1.25rem; text-align: center; } .big-cont .big-info { color: #fff; display: block; margin: 0; padding: 48px 0 60px; font-family: "Mulish", Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 300; text-align: center; text-transform: uppercase; } .big-cont .big-info img { display: block; margin: auto; } .big-story .artitle { display: none; } .big-story .thumbnails img, .big-story .thumb img, .big-story .thumins img { display: block; margin: auto; max-width: 100%; } .big-story .content { background: transparent; } .big-story .content.darken { background: #000; color: #fff; } .big-story .content figure > .lft, .big-story .content figure > .rgt, .big-story .content .thumbnails > .lft, .big-story .content .thumbnails > .rgt, .big-story .content .thumins > .lft, .big-story .content .thumins > .rgt { padding: 3px; width: 50%; } .big-story .wrapr { max-width: 600px; min-width: 300px; width: 90%; margin: auto; position: relative; } .big-story .wrapr::before, .big-story .wrapr::after { background: #fff; content: ""; display: block; display: block; height: 70%; width: 1px; position: absolute; top: 15%; } .big-story .wrapr::before { left: -4%; } .big-story .wrapr::after { right: -4%; } .big-story .wrapr.ln-base::before, .big-story .wrapr.ln-base::after { background-color: #7a7a7a; } .big-story .wrapr.ln-base-drk::before, .big-story .wrapr.ln-base-drk::after { background-color: #5f5f5f; } .big-story .wrapr.ln-base-lgt::before, .big-story .wrapr.ln-base-lgt::after { background-color: #eaeaea; } .big-story .wrapr.ln-base-blk::before, .big-story .wrapr.ln-base-blk::after { background-color: #28262c; } .big-story .wrapr.ln-base-wht::before, .big-story .wrapr.ln-base-wht::after { background-color: #f5f5f5; } .big-story .wrapr.ln-prime::before, .big-story .wrapr.ln-prime::after { background-color: #ed1c24; } .big-story .wrapr.ln-prime-drk::before, .big-story .wrapr.ln-prime-drk::after { background-color: #971217; } .big-story .wrapr.ln-prime-lgt::before, .big-story .wrapr.ln-prime-lgt::after { background-color: #fac1c3; } .big-story .wrapr.ln-prime-blk::before, .big-story .wrapr.ln-prime-blk::after { background-color: #570b0e; } .big-story .wrapr.ln-prime-wht::before, .big-story .wrapr.ln-prime-wht::after { background-color: #fdeaeb; } .big-story .wrapr.ln-media::before, .big-story .wrapr.ln-media::after { background-color: #2196f3; } .big-story .wrapr.ln-media-drk::before, .big-story .wrapr.ln-media-drk::after { background-color: #1565c0; } .big-story .wrapr.ln-media-lgt::before, .big-story .wrapr.ln-media-lgt::after { background-color: #bbdefb; } .big-story .wrapr.ln-media-blk::before, .big-story .wrapr.ln-media-blk::after { background-color: #0d47a1; } .big-story .wrapr.ln-media-wht::before, .big-story .wrapr.ln-media-wht::after { background-color: #f5f8fd; } .big-story .wrapr.ln-radio::before, .big-story .wrapr.ln-radio::after { background-color: #6e25b0; } .big-story .wrapr.ln-radio-drk::before, .big-story .wrapr.ln-radio-drk::after { background-color: #541d86; } .big-story .wrapr.ln-radio-lgt::before, .big-story .wrapr.ln-radio-lgt::after { background-color: #bfa6d7; } .big-story .wrapr.ln-radio-blk::before, .big-story .wrapr.ln-radio-blk::after { background-color: #3a145c; } .big-story .wrapr.ln-radio-wht::before, .big-story .wrapr.ln-radio-wht::after { background-color: #efe8f5; } .big-story .wrapr.ln-score::before, .big-story .wrapr.ln-score::after { background-color: #4caf50; } .big-story .wrapr.ln-score-drk::before, .big-story .wrapr.ln-score-drk::after { background-color: #2e7d32; } .big-story .wrapr.ln-score-lgt::before, .big-story .wrapr.ln-score-lgt::after { background-color: #c8e6c9; } .big-story .wrapr.ln-score-blk::before, .big-story .wrapr.ln-score-blk::after { background-color: #1b5e20; } .big-story .wrapr.ln-score-wht::before, .big-story .wrapr.ln-score-wht::after { background-color: #e8f5e9; } .big-story .wrapr.ln-voice::before, .big-story .wrapr.ln-voice::after { background-color: #00bba0; } .big-story .wrapr.ln-voice-drk::before, .big-story .wrapr.ln-voice-drk::after { background-color: #007565; } .big-story .wrapr.ln-voice-lgt::before, .big-story .wrapr.ln-voice-lgt::after { background-color: #cbfaf2; } .big-story .wrapr.ln-voice-blk::before, .big-story .wrapr.ln-voice-blk::after { background-color: #00453b; } .big-story .wrapr.ln-voice-wht::before, .big-story .wrapr.ln-voice-wht::after { background-color: #dffcf8; } .big-story .wrapr.ln-alert::before, .big-story .wrapr.ln-alert::after { background-color: #fdd835; } .big-story .wrapr.ln-alert-drk::before, .big-story .wrapr.ln-alert-drk::after { background-color: #f9a825; } .big-story .wrapr.ln-alert-lgt::before, .big-story .wrapr.ln-alert-lgt::after { background-color: #fff9c4; } .big-story .wrapr.ln-alert-blk::before, .big-story .wrapr.ln-alert-blk::after { background-color: #7a3f0b; } .big-story .wrapr.ln-alert-wht::before, .big-story .wrapr.ln-alert-wht::after { background-color: #fffde7; } .big-story .col > .news .title { font-size: 125%; } .big-story .news .cico { display: block; float: right; margin: 30px 10% 10px; padding: 0.5em; width: 3em; } .big-story .news .mico { display: block; float: left; margin: 0 10px 0 0; padding: 10px; height: 100px; width: 100px; overflow: hidden; } .big-story .news .mico img { display: block; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .big-story .news .mico.mid { padding-bottom: 0; float: none; margin: auto; } .big-story .news .mico + .title { padding-top: 0 !important; text-align: left !important; } .big-story .news .bull { background-color: #fdd835; border-radius: 1em; display: block; float: left; margin: 0.5em; padding: 0.5em; font-weight: bold; line-height: 1.2em; text-transform: uppercase; text-align: center; max-width: 5em; } .big-story .news .bull + .title, .big-story .news .mico + .title { clear: none; } .big-story .news .bull + .title { text-align: left; } .big-story .news .mico + .title { padding: 15px; } .big-story .news .cico img { display: block; height: auto; width: 100%; } .big-story .news.rev .cico { float: left; } .big-story .news.rev .mico { float: right; margin-right: 0; margin-left: 10px; } .big-story .news.rev .bull { float: right; } .big-story .news.rev .bull + .title { text-align: right; } .big-story .news.rev .mico + .title { float: none; } .big-story .news.mixed::before { display: none; } .big-story .news .title { color: #fff; clear: both; font-size: 1rem; font-weight: 300; padding: 10px 15px; text-transform: uppercase; text-align: center; } .big-story .news.mixed .title, .big-story .news.mixed .thumb { float: none !important; width: 100% !important; } .big-story .news.mixed .title { margin-top: -2.4em; padding-top: 1em; padding-bottom: 0.6em; min-height: 2.5em; } .big-story .news.rev .thumb { float: right; } .big-story .news .thumb img { width: 100%; height: auto; } .big-story .lst, .big-story .board .news-lst, .big-story .board .news-strm, .board .big-story .news-lst, .board .big-story .news-strm, .big-story .cataloger .cata-opts ul, .cataloger .cata-opts .big-story ul { margin: 0 -15px; } .big-story .lst li, .big-story .board .news-lst li, .big-story .board .news-strm li, .board .big-story .news-lst li, .board .big-story .news-strm li, .big-story .cataloger .cata-opts ul li, .cataloger .cata-opts .big-story ul li { padding: 15px 15px 0; } .big-story .lst li:only-child, .big-story .board .news-lst li:only-child, .big-story .board .news-strm li:only-child, .board .big-story .news-lst li:only-child, .board .big-story .news-strm li:only-child, .big-story .cataloger .cata-opts ul li:only-child, .cataloger .cata-opts .big-story ul li:only-child { padding-top: 0; } .big-story .bar li, .big-story header.min .nav-bar ul li, header.min .nav-bar .big-story ul li { padding: 10px 0; } .big-story .lst .news .title, .big-story .board .news-lst .news .title, .big-story .board .news-strm .news .title, .board .big-story .news-lst .news .title, .board .big-story .news-strm .news .title, .big-story .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .big-story ul .news .title { font-size: 1.25rem; } .big-story .authorzone { border-color: #fff !important; padding-left: 20px; } .big-story .authorzone .caption, .big-story .authorzone b { color: #fff !important; } .big-story .authorzone .caption { font-size: 1rem; } .email-box { border: solid 1px #eaeaea; border-radius: 5px; background-color: #f5f5f5; display: block; margin: 20px 0; padding: 20px 30px; text-align: center; } .email-box .caption { font-size: 1.125rem; font-weight: bold; text-align: left; text-transform: none; } .email-box .caption .ico { margin-right: 0.5em; } @media only screen and (max-width: 1023.9px) { .key-pnts { font-size: 0.875rem; } .infobar { padding: 0 10px; } .infobar .paid-sign { clear: both; padding-top: 10px; display: block; } .infobar .bar, .infobar header.min .nav-bar ul, header.min .nav-bar .infobar ul { float: right; } .big-cont .row .col { padding: 0 32px; } .big-cont .news .thumb.lft-m, .big-cont .news .thumb.rgt-m { width: 48%; } .big-cont .news .thumb.lft-m + .title, .big-cont .news .thumb.rgt-m + .title { margin-top: 0; text-align: left; } .big-cont .news .thumb.lft-m { margin-right: 24px; } .big-cont .news .thumb.rgt-m { margin-left: 24px; } .email-box .caption .ico { float: left; } .content { padding: 0 10px; } } @media only screen and (min-width: 1024px) { .details .lead-title { font-size: 3rem; } .details .toolbar { display: block; margin-left: -60px; } .content { font-size: 1.25rem; } .counter .actions .ico { margin: 0 5em; } .relates { width: 80%; margin: auto; } .big-cont .news .thumb.lft-w, .big-cont .news .thumb.rgt-w { width: 48%; } .big-cont .news .thumb.lft-w + .title, .big-cont .news .thumb.rgt-w + .title { margin-top: 0; text-align: left; } .big-cont .news .thumb.lft-w { margin-right: 24px; } .big-cont .news .thumb.rgt-w { margin-left: 24px; } .big-cont .news .title { font-size: 1.5rem; } .big-cont .news .title.big { font-size: 2rem; } .big-story .content figure.lftr, .big-story .content figure.rgtr, .big-story .content .thumbnails.lftr, .big-story .content .thumbnails.rgtr, .big-story .content .thumins.lftr, .big-story .content .thumins.rgtr { max-width: 65%; } .big-story .content figure.lftr, .big-story .content .thumbnails.lftr, .big-story .content .thumins.lftr { margin-left: -40%; } .big-story .content figure.rgtr, .big-story .content .thumbnails.rgtr, .big-story .content .thumins.rgtr { margin-right: -40%; } .big-story .wrapr { width: 80%; max-width: 1320px; min-width: 1000px; } .big-story .wrapr::before, .big-story .wrapr::after { height: 50%; width: 3px; top: 25%; } .big-story .wrapr::before { left: -50px; } .big-story .wrapr::after { right: -50px; } .big-story a { font-weight: normal; } .big-story .col > .news .title { font-size: 175%; } .big-story .col.c1 { width: 8.33%; } .big-story .col.c2 { width: 16.66%; } .big-story .col.c3 { width: 25%; } .big-story .col.c4 { width: 33.33%; } .big-story .col.c5 { width: 41.66%; } .big-story .col.c6 { width: 50%; } .big-story .col.c7 { width: 58.33%; } .big-story .col.c8 { width: 66.66%; } .big-story .col.c9 { width: 75%; } .big-story .col.c10 { width: 83.33%; } .big-story .col.c11 { width: 91.66%; } .big-story .col.c12 { width: 100%; } .big-story .news::before { display: none; } .big-story .news .thumb { float: left; width: 60%; } .big-story .news .thumb + .title { clear: none; display: block; float: right; width: 40%; } .big-story .news .cico { border-bottom: solid 2px #ffe700; margin: 15px auto; width: 4em; } .big-story .news.rev .title { float: left; } .big-story .news.mixed .title { text-align: left; } .big-story .news.mixed .thumb { float: none; width: 100%; } .big-story .news.mixed .cico { border-bottom: none; border-right: solid 2px #ffe700; float: left; margin: 0.5em 10px 0.5em 0; width: 3em; } .big-story .lst, .big-story .board .news-lst, .big-story .board .news-strm, .board .big-story .news-lst, .board .big-story .news-strm, .big-story .cataloger .cata-opts ul, .cataloger .cata-opts .big-story ul, .big-story .bar, .big-story header.min .nav-bar ul, header.min .nav-bar .big-story ul { margin: -15px -15px 0 -15px; } .big-story .lst li, .big-story .board .news-lst li, .big-story .board .news-strm li, .board .big-story .news-lst li, .board .big-story .news-strm li, .big-story .cataloger .cata-opts ul li, .cataloger .cata-opts .big-story ul li, .big-story .bar li, .big-story header.min .nav-bar ul li, header.min .nav-bar .big-story ul li { padding: 15px 15px 0; } .big-story .bar li, .big-story header.min .nav-bar ul li, header.min .nav-bar .big-story ul li { width: 50%; } .big-story .bar .news .thumb, .big-story header.min .nav-bar ul .news .thumb, header.min .nav-bar .big-story ul .news .thumb { float: none; margin-right: 0; margin-bottom: 15px; width: auto; } .big-story .bar .news.mixed .thumb, .big-story header.min .nav-bar ul .news.mixed .thumb, header.min .nav-bar .big-story ul .news.mixed .thumb { margin-bottom: 0; } .big-story .bar .news .thumb + .title, .big-story header.min .nav-bar ul .news .thumb + .title, header.min .nav-bar .big-story ul .news .thumb + .title { clear: both; float: none; width: auto; } .big-story .lst .news .title, .big-story .board .news-lst .news .title, .big-story .board .news-strm .news .title, .board .big-story .news-lst .news .title, .board .big-story .news-strm .news .title, .big-story .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .big-story ul .news .title { padding-top: 1.5em; } .big-story .authorzone .caption { font-size: 1.25rem; } .email-box { margin: auto; width: 80%; } } .search-box .srch-fld { position: relative; } .search-box .srch-fld button, .search-box .srch-fld input { display: block; line-height: 40px; height: 40px; } .search-box .srch-fld button { background-size: 20px; opacity: 0.5; width: 40px; position: absolute; top: 0; right: 0; z-index: 2; } .search-box .srch-fld button:active, .search-box .srch-fld button:focus, .search-box .srch-fld button:hover { opacity: 1; } .search-box .srch-fld input { padding: 0 50px 0 10px; } .search-box .srch-result { color: #7a7a7a; padding: 15px 0; } .search-box .srch-result b { color: #28262c; font-size: 125%; } .search-news .news-strm { display: block; margin: 0; padding: 0; } .search-news .news-strm li { border-top: solid 1px #eaeaea; padding: 20px 0; } .search-news .news-strm li:first-child { border-top: none; } .search-news .news-strm .title { font-size: 1.25rem; margin-top: 0; } .search-news .news-strm .thumb { border-radius: 3px; display: block; float: left; margin: 0 20px 0 0; overflow: hidden; width: 240px; } .search-news .news-strm .info, .search-news .news-strm .actions { margin-top: 16px; } @media only screen and (max-width: 1023.9px) { .search-box .news-strm .thumb { float: left; margin-right: 10px; width: 120px; } .search-box .news-strm .title { font-size: 1rem; } .search-box .news-strm .summ { display: none; } } .match .home, .match .away, .match .score, .match .time, .fixture .home, .fixture .away, .fixture .score, .fixture .time { display: block; float: left; padding: 0 8px; } .match .home, .match .away, .fixture .home, .fixture .away { color: #7a7a7a; } .match .home img, .match .away img, .fixture .home img, .fixture .away img { display: block; } .match .score, .match .time, .fixture .score, .fixture .time { color: #28262c; } .match .home img, .fixture .home img { float: left; } .match .away img, .fixture .away img { float: right; } .fixture, .ranking { color: #7a7a7a; font-size: 0.875rem; } .fixture table, .ranking table { width: 100%; } .fixture th, .fixture td, .ranking th, .ranking td { border: none; padding: 2px; text-align: center; } .fixture th { font-size: 1rem; font-weight: normal; } .fixture td.home, .fixture td.away, .fixture td.score, .fixture td.time { display: table-cell; float: none; } .fixture img { display: block; float: left; max-width: 20px; max-height: 20px; } .fixture .date { border-bottom: solid 1px #eaeaea; } .fixture .home, .fixture .away { width: 36%; } .fixture .home { text-align: right; } .fixture .away { text-align: left; } .fixture .play { color: #5f5f5f; font-size: 0.875rem; font-weight: bold; text-align: left; width: 12%; } .fixture .score, .fixture .time { font-size: 1rem; font-weight: bold; text-align: center; width: 16%; } .fixture .score span { border: solid 1px #7a7a7a; display: inline-block; padding: 0 5px; } .fixture tr.mch-inf:hover { color: #ed1c24; cursor: pointer; } .fixture.live .score { color: #ed1c24; } .fixture.live .score span { border: solid 1px #fac1c3; } .fixture .time, .ranking th { color: #28262c; } .ranking th, .ranking td { border-bottom: solid 1px #eaeaea; font-size: 1rem; } .ranking th { color: #28262c; } .ranking .idx, .ranking .team { text-align: left; } .ranking .team { font-size: 0.875rem; line-height: 20px; width: 40%; } .ranking .team img { display: inline-block; margin-right: 10px; height: 20px; width: 20px; vertical-align: middle; } .ranking .cnt, .ranking .idx, .ranking .pnt { width: 15%; } .ranking .pnt { font-weight: bold; } .live-on { color: #ed1c24; display: inline-block; margin: 0; padding: 0; } .live-on::after { background-color: #ed1c24; border-radius: 50%; content: ""; display: inline-block; margin: 0; height: 6px; width: 6px; vertical-align: text-top; } .fixt-board .cup-tags ul { display: block; margin: 0; padding: 0; overflow-x: auto; white-space: nowrap; } .fixt-board .cup-tags ul li { display: inline-block; margin: 0; padding: 0 5px; } .fixt-board .cup-tags ul li a { color: #2e7d32; display: block; margin: 0; padding: 0; font-size: 0.875rem; line-height: 2em; } .fixt-board .fixt-capt { line-height: 52px; height: 52px; border-bottom: solid 1px #eaeaea; display: block; margin: 0 0 20px; } .fixt-board .fixt-capt a { display: inline-block; margin: 0; padding: 0 10px; font-size: 1.5rem; font-weight: 700; line-height: 52px; height: 52px; } .fixt-board .fixt-capt a + a { margin-left: 1em; } .fixt-board .fixt-capt a.active { border-bottom: solid 2px #ed1c24; color: #ed1c24; } .fixt-board .fixt-bar { display: block; margin: 30px 0; padding: 0 130px 0 90px; line-height: 40px; width: 100%; position: relative; } .fixt-board .fixt-bar .fxt-live, .fixt-board .fixt-bar .fxt-cals { display: block; } .fixt-board .fixt-bar .fxt-live { width: 80px; position: absolute; top: 0; left: 0; } .fixt-board .fixt-bar .fxt-cals { text-align: right; width: 120px; position: absolute; top: 0; right: 0; } .fixt-board .fixt-bar .fxt-cals button { border: none !important; line-height: 38px; height: 40px; } .fixt-board .fixt-bar .fxt-srch { border: solid 1px #eaeaea; border-radius: 3px; display: block; margin: 0; padding: 0 0 0 40px; height: 40px; width: 100%; position: relative; } .fixt-board .fixt-bar .fxt-srch .ico.search { background-size: 1em; display: block; float: left; opacity: 0.5; height: 40px; width: 40px; position: absolute; top: 0; left: 0; } .fixt-board .fixt-bar .fxt-srch .txt-fld, .fixt-board .fixt-bar .fxt-srch .dte-fld, .fixt-board .fixt-bar .fxt-srch .dte-range { margin: 0; } .fixt-board .fixt-bar .fxt-srch .txt-fld input, .fixt-board .fixt-bar .fxt-srch .dte-fld input, .fixt-board .fixt-bar .fxt-srch .dte-range input { border: none !important; display: block; margin: 0; padding: 0 10px 0 0; line-height: 38px; height: 38px; width: 100%; } .fixt-board .fixt-sels { display: flex; flex-flow: row nowrap; } .fixt-board .fixt-sels .fxt-now { background-color: #fdeaeb; border-radius: 8px; display: block; margin: 0 15px 0 0; padding: 0 15px; font-size: 1rem; font-weight: bold; line-height: 40px; white-space: nowrap; } .fixt-board .fixt-sels .cup-lst { margin: 0; } .fixt-board .cup-lst { border: solid 1px #eaeaea; border-radius: 3px; margin: 20px 0; height: 42px; width: 100%; max-width: 560px; } .fixt-board .cup-lst li a { padding: 0 10px; } .fixt-board .fixt-weeks { display: block; } .fixt-board .fixt-weeks .bar li, .fixt-board .fixt-weeks header.min .nav-bar ul li, header.min .nav-bar .fixt-board .fixt-weeks ul li, .fixt-board .fixt-weeks .nav li, .fixt-board .fixt-weeks .tabber .tab-lst ul li, .tabber .tab-lst .fixt-board .fixt-weeks ul li { padding: 0 10px; width: auto; } .fixt-board .fixt-weeks .bar li a, .fixt-board .fixt-weeks header.min .nav-bar ul li a, header.min .nav-bar .fixt-board .fixt-weeks ul li a, .fixt-board .fixt-weeks .nav li a, .fixt-board .fixt-weeks .tabber .tab-lst ul li a, .tabber .tab-lst .fixt-board .fixt-weeks ul li a { background-color: #eaeaea; border: solid 1px #eaeaea; border-radius: 5px; display: block; margin: 0; padding: 8px 12px; font-size: 90%; line-height: 1.5em; text-align: center; } .fixt-board .fixt-weeks .bar li a b, .fixt-board .fixt-weeks header.min .nav-bar ul li a b, header.min .nav-bar .fixt-board .fixt-weeks ul li a b, .fixt-board .fixt-weeks .bar li a span, .fixt-board .fixt-weeks header.min .nav-bar ul li a span, header.min .nav-bar .fixt-board .fixt-weeks ul li a span, .fixt-board .fixt-weeks .nav li a b, .fixt-board .fixt-weeks .tabber .tab-lst ul li a b, .tabber .tab-lst .fixt-board .fixt-weeks ul li a b, .fixt-board .fixt-weeks .nav li a span, .fixt-board .fixt-weeks .tabber .tab-lst ul li a span, .tabber .tab-lst .fixt-board .fixt-weeks ul li a span { display: block; } .fixt-board .fixt-weeks .bar li a:hover, .fixt-board .fixt-weeks header.min .nav-bar ul li a:hover, header.min .nav-bar .fixt-board .fixt-weeks ul li a:hover, .fixt-board .fixt-weeks .bar li a.active, .fixt-board .fixt-weeks header.min .nav-bar ul li a.active, header.min .nav-bar .fixt-board .fixt-weeks ul li a.active, .fixt-board .fixt-weeks .nav li a:hover, .fixt-board .fixt-weeks .tabber .tab-lst ul li a:hover, .tabber .tab-lst .fixt-board .fixt-weeks ul li a:hover, .fixt-board .fixt-weeks .nav li a.active, .fixt-board .fixt-weeks .tabber .tab-lst ul li a.active, .tabber .tab-lst .fixt-board .fixt-weeks ul li a.active { background: #fff; } .fixt-board .fixt-weeks .bar li a.active, .fixt-board .fixt-weeks header.min .nav-bar ul li a.active, header.min .nav-bar .fixt-board .fixt-weeks ul li a.active, .fixt-board .fixt-weeks .nav li a.active, .fixt-board .fixt-weeks .tabber .tab-lst ul li a.active, .tabber .tab-lst .fixt-board .fixt-weeks ul li a.active { border-color: #ed1c24; font-weight: 700; } .fixt-board .fixt-list { background-color: #f5f5f5; border: solid 1px #eaeaea; border-radius: 3px; display: block; margin: 20px 0; padding: 0; overflow: hidden; } .fixt-board .fixt-list a { display: block; font-weight: bold; } .fixt-board .fixt-list .fx-leag { display: block; margin: 0; padding: 0 10px; font-size: 110%; line-height: 64px; height: 64px; } .fixt-board .fixt-list .fx-leag img { display: block; float: left; margin: 8px 10px; padding: 0; height: 48px; width: 48px; } .fixt-board .fixt-list .fx-date { color: #5f5f5f; text-indent: 20px; line-height: 36px; } .fixt-board .fixt-list .fx-match { background: #fff; display: flex; flex-flow: row wrap; margin-top: 3px; } .fixt-board .fixt-list .fx-match img { display: block; margin: 10px auto; height: 36px; width: 36px; } .fixt-board .fixt-list .fx-match .col { float: none; flex: 0 0 auto; } .fixt-board .fixt-list .fx-match .mch-home, .fixt-board .fixt-list .fx-match .mch-away, .fixt-board .fixt-list .fx-match .mch-time, .fixt-board .fixt-list .fx-match .mch-score { text-align: center; } .fixt-board .fixt-list .fx-match .mch-time, .fixt-board .fixt-list .fx-match .mch-score { line-height: 56px; } .fixt-board .fixt-list .fx-match .mch-score { font-size: 1.25rem; font-weight: bold; width: 20%; white-space: nowrap; } .fixt-board .fixt-list .fx-match .mch-score b { color: #28262c; border: solid 1px #7a7a7a; display: inline-block; line-height: 36px; padding: 0 5px; margin: 10px auto; } .fixt-board .fixt-list .fx-match .mch-home, .fixt-board .fixt-list .fx-match .mch-away { display: flex; align-items: center; vertical-align: middle; text-align: center; padding: 5px 0; width: 30%; } .fixt-board .fixt-list .fx-match .mch-home b, .fixt-board .fixt-list .fx-match .mch-away b { display: block; } .fixt-board .fixt-list .fx-match.live .mch-score b { color: #ed1c24; border: solid 1px #fac1c3; } .fixt-board .fixt-stand table { width: 100%; } .fixt-board .fixt-stand table thead tr { border-bottom: solid 1px #eaeaea; } .fixt-board .fixt-stand table th, .fixt-board .fixt-stand table td { border: none; padding: 0 5px; line-height: 1.5em; height: 54px; width: 5%; text-align: left; } .fixt-board .fixt-stand table th.team, .fixt-board .fixt-stand table td.team { width: 24%; } .fixt-board .fixt-stand table th.wlds, .fixt-board .fixt-stand table td.wlds { white-space: nowrap; width: 16%; } .fixt-board .fixt-stand table th.pnts, .fixt-board .fixt-stand table td.pnts { font-weight: bold; } .fixt-board .fixt-stand table thead tr, .fixt-board .fixt-stand table tbody tr:nth-child(2n) { background-color: #f5f5f5; } .fixt-board .fixt-stand table thead { font-size: 0.875rem; font-weight: 700; } .fixt-board .fixt-stand img { display: inline-block; margin: 0 10px 0 0; height: 24px; width: 24px; vertical-align: middle; } .fixt-board .fixt-stand .draw, .fixt-board .fixt-stand .lost, .fixt-board .fixt-stand .win { border-radius: 50%; color: #fff; display: inline-block; margin: 0 1px; padding: 0; font-size: 0.75rem; font-weight: bold; line-height: 24px; text-align: center; height: 24px; width: 24px; } .fixt-board .fixt-stand .draw { background: #f4a645; } .fixt-board .fixt-stand .draw::before { content: "D"; } .fixt-board .fixt-stand .lost { background: #a33336; } .fixt-board .fixt-stand .lost::before { content: "L"; } .fixt-board .fixt-stand .win { background: #478458; } .fixt-board .fixt-stand .win::before { content: "W"; } .fixt-board .leag-lst { border: solid 1px #eaeaea; padding: 10px; } .fixt-board .leag-lst a { line-height: 34px; } .fixt-board .leag-lst img { display: block; float: left; margin: 5px; height: 24px; width: 24px; } .fixt-board .leag-lst .caption, .fixt-board .leag-lst li { border-bottom: solid 1px #eaeaea; padding: 10px 5px; } .fixt-board .leag-lst .caption { font-size: 1.125rem; font-weight: bold; } .fixt-board .leag-lst .scroller { height: 430px; } /*.match-refbox { @include colorz(base, wht, background); border-radius: 9px; box-shadow: inset 0 0 1px 0 rgba(#000, .25); @include blok(0 auto, 10px); width: 100%; max-width: 480px; .match { text-align: center; .home, .away { padding: 0; font-weight: bold; width: 28%; img { margin: 5px auto; float: none; max-height: 48px; } } .info { @include blok(0, 0 10px, left); width: 44%; .tme, .cup { @include fontz(small); } .sco { @include fontz(h4, bold); @include lnhei(28px); b { @include colorz(prime); @include nblk(5px 0, 0 10px); border-radius: 5px; @include bdz(all, prime, def); margin: 5px 0; } } .cup { &, & a { @include colorz(score, drk); } } } .toggler { background: transparent; border: none; border-radius: 3px; @include colorz(score, drk); @include blok(5px auto -5px); @include widhei(60px, 24px); @include pos; &:hover { background: rgba(#000, .075); } &::before, &::after { background: currentColor; content: ''; @include blok(0, 0); @include widhei(1px, 12px); @include pos(absolute, 50%, 50%); } &::before { transform: rotate(-45deg); margin-top: -5px; margin-left: -4px; } &::after { transform: rotate(45deg); margin-top: -5px; margin-left: 4px; } } } }*/ .match-box { border: solid 1px #eaeaea; font-family: "Mulish", Arial, Helvetica, sans-serif; } .match-box .mch-cap { background: #f5f8fd; color: #971217; font-weight: bold; line-height: 52px; text-align: center; } .match-box .mch-sco b { display: block; text-align: center; } .match-box .mch-sco img { display: block; margin: 10px auto; max-width: 30px; max-height: 30px; } .match-box .mch-sco .home, .match-box .mch-sco .score, .match-box .mch-sco .away { display: block; float: left; margin: 0; padding: 5px; } .match-box .mch-sco .score { background: #971217; color: #fff; margin: 20px 0; font-weight: 900; line-height: 30px; height: 40px; width: 16%; text-align: center; } .match-box .mch-sco .home, .match-box .mch-sco .away { width: 42%; } .match-box .mch-sco .half { font-size: 0.875rem; line-height: 30px; text-align: center; } .mch-evt .evt-cap { color: #2196f3; font-size: 1rem; font-weight: bold; line-height: 30px; text-align: center; } .mch-evt .event { background: #fff; border-top: dotted 1px #7a7a7a; font-size: 0.875rem; font-weight: 600; } .mch-evt .event .ico { margin: 0 5px; } .mch-evt .event .home, .mch-evt .event .away, .mch-evt .event .time { display: block; float: left; margin: 0; padding: 15px 0; } .mch-evt .event .time { background: #f5f8fd; text-align: center; width: 48px; } .mch-evt .event .home, .mch-evt .event .away { width: calc(50% - 24px); } .mch-evt .event .away { padding-left: 10px; text-align: left; } .mch-evt .event .home { padding-right: 10px; text-align: right; } @keyframes blinking { 0% { opacity: 0; transform: scale(1); } 40% { opacity: 1; transform: scale(1.25); } } .live-box, .match-refbox { background: #f5f5f5; border: solid 1px #eaeaea; padding: 10px; border-radius: 3px; } .live-box.home, .match-refbox.home { background: #fdeaeb; border: solid 1px #fac1c3; } .live-box .liv-cap .liv-ico, .match-refbox .liv-cap .liv-ico { background: #ed1c24; color: #fff; border-radius: 5px; display: block; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 90%; font-weight: bold; font-style: normal; line-height: 28px; text-transform: uppercase; } .live-box .liv-cap .liv-ico::before, .match-refbox .liv-cap .liv-ico::before { background: #fff; border-radius: 50%; content: ""; display: block; float: left; margin: 12px 8px; height: 6px; width: 6px; animation: blinking 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s infinite; } .live-box .liv-cap .liv-ico::after, .match-refbox .liv-cap .liv-ico::after { content: "live"; } .live-box .liv-cap .uni-score, .match-refbox .liv-cap .uni-score { float: left; padding: 0; } .live-box .liv-mch b, .match-refbox .liv-mch b { display: block; text-align: center; } .live-box .liv-mch img, .match-refbox .liv-mch img { display: block; margin: 10px auto; padding: 0; max-width: 40px; max-height: 40px; } .live-box .liv-mch .home, .live-box .liv-mch .away, .live-box .liv-mch .score, .match-refbox .liv-mch .home, .match-refbox .liv-mch .away, .match-refbox .liv-mch .score { display: block; float: left; } .live-box .liv-mch .score, .match-refbox .liv-mch .score { padding-top: 15px; line-height: 40px; width: 46%; } .live-box .liv-mch .score b, .match-refbox .liv-mch .score b { color: #ed1c24; float: left; font-size: 2rem; font-weight: 900; width: 35%; } .live-box .liv-mch .score .time, .match-refbox .liv-mch .score .time { border: solid 1px #7a7a7a; display: block; float: left; font-size: 0.75rem; font-weight: 600; margin-top: 8px; line-height: 24px; text-align: center; width: 30%; } .live-box .liv-mch .home, .live-box .liv-mch .away, .match-refbox .liv-mch .home, .match-refbox .liv-mch .away { width: 27%; } .live-box .liv-mor, .match-refbox .liv-mor { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; display: block; margin: 0 0 -10px 0; padding: 0 0 20px 0; font-size: 0.875rem; font-weight: 600; text-align: center; position: relative; width: 100%; } .live-box .liv-mor::before, .live-box .liv-mor::after, .match-refbox .liv-mor::before, .match-refbox .liv-mor::after { background: currentColor; content: ""; display: block; margin: 0; padding: 0; height: 12px; width: 2px; position: absolute; top: 50%; left: 50%; } .live-box .liv-mor::before, .match-refbox .liv-mor::before { transform: rotate(-45deg); margin-top: 2px; margin-left: -4px; } .live-box .liv-mor::after, .match-refbox .liv-mor::after { transform: rotate(45deg); margin-top: 2px; margin-left: 4px; } .live-box .liv-mor.active, .match-refbox .liv-mor.active { color: #2196f3; font-size: 1rem; font-weight: bold; line-height: 30px; } .live-box .liv-mor.active::before, .match-refbox .liv-mor.active::before { transform: rotate(45deg); } .live-box .liv-mor.active::after, .match-refbox .liv-mor.active::after { transform: rotate(-45deg); } .live-box .liv-min, .match-refbox .liv-min { margin-top: 10px; position: relative; } .live-box .liv-min::before, .match-refbox .liv-min::before { background: #1565c0; content: ""; display: block; margin: 0 -1px; position: absolute; top: 0; left: 50%; right: 0; height: 100%; width: 2px; z-index: 0; } .live-box .liv-min > div, .match-refbox .liv-min > div { display: block; min-height: 60px; position: relative; z-index: 1; } .live-box .liv-min > div.end, .match-refbox .liv-min > div.end { min-height: unset; } .live-box .liv-min .min-cap, .match-refbox .liv-min .min-cap { text-align: center; text-transform: uppercase; } .live-box .liv-min .min-cap b, .match-refbox .liv-min .min-cap b { background: #e4e8f0; border-radius: 5px; display: inline-block; margin: 0; padding: 8px 15px; } .live-box .liv-min .min-tik .home, .live-box .liv-min .min-tik .away, .live-box .liv-min .min-tik .min, .match-refbox .liv-min .min-tik .home, .match-refbox .liv-min .min-tik .away, .match-refbox .liv-min .min-tik .min { display: block; float: left; } .live-box .liv-min .min-tik .min, .match-refbox .liv-min .min-tik .min { text-align: center; width: 18%; } .live-box .liv-min .min-tik .min b, .live-box .liv-min .min-tik .min span, .match-refbox .liv-min .min-tik .min b, .match-refbox .liv-min .min-tik .min span { background: #fff; border-radius: 3px; display: inline-block; margin: 0; padding: 5px; min-width: 30px; } .live-box .liv-min .min-tik .home, .live-box .liv-min .min-tik .away, .match-refbox .liv-min .min-tik .home, .match-refbox .liv-min .min-tik .away { min-height: 1px; width: 41%; } .live-box .liv-min .min-tik .home p, .live-box .liv-min .min-tik .away p, .match-refbox .liv-min .min-tik .home p, .match-refbox .liv-min .min-tik .away p { margin: 0 0 10px; } .live-box .liv-min .min-tik .away, .match-refbox .liv-min .min-tik .away { text-align: left; } .live-box .liv-min .min-tik .away .ico, .match-refbox .liv-min .min-tik .away .ico { margin-right: 8px; } .live-box .liv-min .min-tik .home, .match-refbox .liv-min .min-tik .home { text-align: right; } .live-box .liv-min .min-tik .home .ico, .match-refbox .liv-min .min-tik .home .ico { margin-left: 8px; } .live-box .ext-cap, .match-refbox .ext-cap { color: #2196f3; font-size: 1rem; font-weight: bold; line-height: 30px; text-align: center; } .live-box .slider .sld-wrap, .match-refbox .slider .sld-wrap { width: auto; margin: 0 40px; overflow: hidden; } .live-box .slider .sld-wrap .sld-itm, .match-refbox .slider .sld-wrap .sld-itm { width: 100%; } .live-box .slider .go-nxt, .live-box .slider .go-bck, .match-refbox .slider .go-nxt, .match-refbox .slider .go-bck { background: none; border: none; color: #7a7a7a; display: block; margin: 0; padding: 0; height: 100%; width: 40px; } .live-box .slider .go-nxt::before, .live-box .slider .go-bck::before, .match-refbox .slider .go-nxt::before, .match-refbox .slider .go-bck::before { display: none; } .live-box .slider .go-nxt::after, .live-box .slider .go-bck::after, .match-refbox .slider .go-nxt::after, .match-refbox .slider .go-bck::after { border-top: solid 0.1em currentColor; border-left: solid 0.1em currentColor; margin-top: -1em; height: 1em; width: 1em; } .live-box .slider .go-nxt:hover, .live-box .slider .go-bck:hover, .match-refbox .slider .go-nxt:hover, .match-refbox .slider .go-bck:hover { color: #ed1c24; } .live-box .slider .go-nxt::after, .match-refbox .slider .go-nxt::after { margin-left: -1.5em; } .live-box .slider .go-bck::after, .match-refbox .slider .go-bck::after { margin-left: 0.5em; } .live-box .liv-ext, .match-refbox .liv-ext { display: none !important; } .live-box.expand .liv-ext, .match-refbox.expand .liv-ext { display: block !important; } .line-ups { background: #fff; padding: 10px; } .line-ups .home, .line-ups .away { display: block; margin: 0; padding: 0; } .line-ups .line-cap, .line-ups .line { display: block; } .line-ups .line-cap span, .line-ups .line span { color: #7a7a7a; } .line-ups .line-cap { line-height: 3em; text-align: right; } .line-ups .line-cap b { display: block; float: left; font-size: 1.125rem; text-transform: uppercase; } .line-ups .line-cap img { display: block; float: left; margin: 0.3rem 1rem 0 0; max-width: 2rem; max-height: 2em; } .line-ups .line { border-top: dotted 1px #7a7a7a; display: flex; align-items: center; flex: 1 1 auto; padding: 5px; height: 4em; } .line-ups .line b { display: inline-block; width: 2.5em; text-align: center; } .line-ups .line span { display: block; font-size: 0.75rem; } .line-ups .line strong { color: #ed1c24; font-weight: bold; } .line-ups .line.stage { background: #e8f5e9; } .line-ups .line.stage b { color: #2e7d32; } .trophies { background: #fff; font-size: 1rem; font-weight: bold; min-width: 300px; max-width: 600px; margin: auto; padding: 5px 10px; text-align: center; } .trophies .win, .trophies .lost, .trophies .draw { background-color: #2196f3; border-radius: 50%; color: #fff; display: inline-block; margin: 0; padding: 0; font-size: 0.625em; font-weight: 900; text-align: center; line-height: 2em; height: 2em; width: 2em; } .trophies .win::before, .trophies .lost::before, .trophies .draw::before { content: "D"; } .trophies .win { background-color: #4caf50; } .trophies .win::before { content: "W"; } .trophies .lost { background-color: #ed1c24; } .trophies .lost::before { content: "L"; } .trophies .perc { border-radius: 3px; background-color: #2196f3; display: block; margin: 10px 0; padding: 0; font-size: 0.875rem; font-weight: bold; line-height: 20px; height: 20px; } .trophies .perc, .trophies .perc div { overflow: hidden; } .trophies .perc div { display: block; float: left; margin: 0; padding: 0; color: #fff; } .trophies .perc div + div { float: right; } .h2h-comps .team-mchs { border: solid 1px #eaeaea; min-width: 300px; max-width: 600px; margin: auto; text-align: center; } .h2h-comps .team-mchs .mch { border-bottom: solid 1px #eaeaea; font-size: 0.875rem; line-height: 2em; } .h2h-comps .team-mchs .home, .h2h-comps .team-mchs .away, .h2h-comps .team-mchs .score { display: block; float: left; margin: 0; padding: 0; width: 20%; } .h2h-comps .team-mchs .home, .h2h-comps .team-mchs .away { width: 40%; text-align: right; } .h2h-comps .team-mchs .away { text-align: left; } @media only screen and (min-width: 1024px) { .fixt-board .fixt-weeks .bar, .fixt-board .fixt-weeks header.min .nav-bar ul, header.min .nav-bar .fixt-board .fixt-weeks ul, .fixt-board .fixt-weeks .nav, .fixt-board .fixt-weeks .tabber .tab-lst ul, .tabber .tab-lst .fixt-board .fixt-weeks ul { margin: 0 -10px; } .fixt-board .fixt-weeks .bar li, .fixt-board .fixt-weeks header.min .nav-bar ul li, header.min .nav-bar .fixt-board .fixt-weeks ul li, .fixt-board .fixt-weeks .nav li, .fixt-board .fixt-weeks .tabber .tab-lst ul li, .tabber .tab-lst .fixt-board .fixt-weeks ul li { width: 14.286%; } .fixt-board .fixt-list .fx-match { padding-bottom: 0; } .fixt-board .fixt-list .fx-match img { margin: 16px 0; } .fixt-board .fixt-list .fx-match .mch-time, .fixt-board .fixt-list .fx-match .mch-score { line-height: 72px; width: 10%; } .fixt-board .fixt-list .fx-match .mch-away, .fixt-board .fixt-list .fx-match .mch-home { display: block; line-height: 72px; padding: 0; width: 40%; } .fixt-board .fixt-list .fx-match .mch-away b, .fixt-board .fixt-list .fx-match .mch-home b { display: inline-block; } .fixt-board .fixt-list .fx-match .mch-away { text-align: left; } .fixt-board .fixt-list .fx-match .mch-away img { float: left; margin-right: 15px; } .fixt-board .fixt-list .fx-match .mch-home { text-align: right; } .fixt-board .fixt-list .fx-match .mch-home img { float: right; margin-left: 15px; } .fixt-board .fixt-list .fx-match .mch-score b { margin: 18px auto; } .match-box .mch-view { border: solid 1px #eaeaea; margin: 20px; } .match-box .mch-sco img { max-width: 60px; max-height: 60px; } .match-box .mch-sco .score { font-size: 1.75rem; line-height: 50px; height: 60px; margin: 10px 0; width: 12%; } .match-box .mch-sco .home, .match-box .mch-sco .away { padding: 10px; width: 44%; } .match-box .mch-sco .home b, .match-box .mch-sco .away b { line-height: 60px; height: 60px; } .match-box .mch-sco .away b { text-align: left; } .match-box .mch-sco .away img { float: left; margin: 0 10px 0 30px; } .match-box .mch-sco .home b { text-align: right; } .match-box .mch-sco .home img { float: right; margin: 0 30px 0 10px; } .match-box .mch-evt .event .away { padding-left: 20px; } .match-box .mch-evt .event .home { padding-right: 20px; } .live-box:not(.home) .liv-mch .home, .live-box:not(.home) .liv-mch .away, .match-refbox .liv-mch .home, .match-refbox .liv-mch .away { width: 35%; } .live-box:not(.home) .liv-mch .home b, .live-box:not(.home) .liv-mch .away b, .match-refbox .liv-mch .home b, .match-refbox .liv-mch .away b { font-size: 1.5rem; } .live-box:not(.home) .liv-mch .home img, .live-box:not(.home) .liv-mch .away img, .match-refbox .liv-mch .home img, .match-refbox .liv-mch .away img { max-width: 60px; max-height: 60px; } .live-box:not(.home) .liv-mch .score, .match-refbox .liv-mch .score { padding-top: 25px; width: 30%; } .live-box:not(.home) .liv-mch .score b, .match-refbox .liv-mch .score b { font-size: 2.5rem; } .live-box:not(.home) .liv-mch .score .time, .match-refbox .liv-mch .score .time { margin-top: 0; font-size: 1rem; line-height: 40px; } .live-box:not(.home) .liv-mor, .match-refbox .liv-mor { font-size: 1rem; } .live-box:not(.home) .liv-min .min-tik .min, .match-refbox .liv-min .min-tik .min { width: 10%; } .live-box:not(.home) .liv-min .min-tik .home, .live-box:not(.home) .liv-min .min-tik .away, .match-refbox .liv-min .min-tik .home, .match-refbox .liv-min .min-tik .away { width: 45%; } .line-ups { position: relative; } .line-ups::before { background: #eaeaea; content: ""; display: block; height: 100%; width: 1px; position: absolute; top: 0; left: 50%; } .line-ups .home, .line-ups .away { float: left; padding: 0 10px; width: 50%; } } .comment { padding-left: 60px; position: relative; } .comment .comm-wrap { background-color: #f5f5f5; border-radius: 3px; padding: 15px 20px; position: relative; } .comment .ico { font-size: 0.75rem; } .comment .info { color: #7a7a7a; display: block; margin-bottom: 10px; } .comment .info .member { color: #28262c; display: inline-block; font-size: 1.125rem; font-weight: bold; margin-right: 10px; } .comment .info .avatar { background: rgba(0, 0, 0, 0.1); border-radius: 50%; height: 36px; width: 36px; position: absolute; top: 0; left: -60px; } .comment .info .dropper .dots { border-radius: 50%; color: #7a7a7a; line-height: 30px; height: 30px; width: 30px; } .comment .info .dropper .dots:active, .comment .info .dropper .dots:focus, .comment .info .dropper .dots:hover { background-color: #eaeaea; } .comment .info .dropper a { display: block; margin: 0; padding: 5px 10px; font-size: 1rem; } .comment .info .dropper .drop-down { padding: 5px; min-width: 90px; } .comment .summ, .comment .title { margin: 10px 0; } .comment .summ { color: #5f5f5f; font-size: 0.875rem; line-height: 1.5em; } .comment .title { color: #000; font-size: 1rem; font-weight: bold; line-height: 1.35em; } @media only screen and (min-width: 1024px) { .comment .title { font-size: 1.125rem; } } .comment .actions { color: #7a7a7a; margin-top: 10px; } .comment .actions a, .comment .actions .ico { color: #000; } .comment .actions a { display: inline-block; font-size: 0.875rem; font-weight: 500; margin-right: 10px; } .comment .actions .act-cnt { float: right; } .comment .actions .act-cnt .ico { opacity: 0.5; margin-left: 8px; margin-right: 0; } .comment .actions .act-cnt .ico:active, .comment .actions .act-cnt .ico:focus, .comment .actions .act-cnt .ico:hover { opacity: 1; } .comm-lst .lst li, .comm-lst .board .news-lst li, .comm-lst .board .news-strm li, .board .comm-lst .news-lst li, .board .comm-lst .news-strm li, .comm-lst .cataloger .cata-opts ul li, .cataloger .cata-opts .comm-lst ul li { margin-top: 20px; } .comm-lst .lst li.comment, .comm-lst .board .news-lst li.comment, .comm-lst .board .news-strm li.comment, .board .comm-lst .news-lst li.comment, .board .comm-lst .news-strm li.comment, .comm-lst .cataloger .cata-opts ul li.comment, .cataloger .cata-opts .comm-lst ul li.comment { padding-left: 60px; } .comm-lst .lst li.comment .info, .comm-lst .board .news-lst li.comment .info, .comm-lst .board .news-strm li.comment .info, .board .comm-lst .news-lst li.comment .info, .board .comm-lst .news-strm li.comment .info, .comm-lst .cataloger .cata-opts ul li.comment .info, .cataloger .cata-opts .comm-lst ul li.comment .info { font-size: 0.75rem; } .comm-lst .lst li:first-child, .comm-lst .board .news-lst li:first-child, .comm-lst .board .news-strm li:first-child, .board .comm-lst .news-lst li:first-child, .board .comm-lst .news-strm li:first-child, .comm-lst .cataloger .cata-opts ul li:first-child, .cataloger .cata-opts .comm-lst ul li:first-child { margin-top: 0; } .comm-lst .lst li .lst, .comm-lst .board .news-lst li .lst, .comm-lst .board .news-strm li .lst, .board .comm-lst .news-lst li .lst, .board .comm-lst .news-strm li .lst, .comm-lst .lst li .board .news-lst, .comm-lst .lst li .board .news-strm, .board .comm-lst .lst li .news-lst, .board .comm-lst .lst li .news-strm, .comm-lst .board .news-lst li .news-lst, .comm-lst .board .news-strm li .news-lst, .comm-lst .board .news-lst li .news-strm, .comm-lst .board .news-strm li .news-strm, .board .comm-lst .news-lst li .news-lst, .board .comm-lst .news-strm li .news-lst, .board .comm-lst .news-lst li .news-strm, .board .comm-lst .news-strm li .news-strm, .comm-lst .cataloger .cata-opts ul li .lst, .comm-lst .cataloger .cata-opts ul li .board .news-lst, .comm-lst .cataloger .cata-opts ul li .board .news-strm, .board .comm-lst .cataloger .cata-opts ul li .news-lst, .board .comm-lst .cataloger .cata-opts ul li .news-strm, .cataloger .cata-opts .comm-lst ul li .lst, .cataloger .cata-opts .comm-lst ul li .board .news-lst, .cataloger .cata-opts .comm-lst ul li .board .news-strm, .board .cataloger .cata-opts .comm-lst ul li .news-lst, .board .cataloger .cata-opts .comm-lst ul li .news-strm, .comm-lst .lst li .cataloger .cata-opts ul, .comm-lst .board .news-lst li .cataloger .cata-opts ul, .comm-lst .board .news-strm li .cataloger .cata-opts ul, .board .comm-lst .news-lst li .cataloger .cata-opts ul, .board .comm-lst .news-strm li .cataloger .cata-opts ul, .cataloger .cata-opts .comm-lst .lst li ul, .cataloger .cata-opts .comm-lst .board .news-lst li ul, .cataloger .cata-opts .comm-lst .board .news-strm li ul, .board .cataloger .cata-opts .comm-lst .news-lst li ul, .board .cataloger .cata-opts .comm-lst .news-strm li ul, .comm-lst .cataloger .cata-opts ul li ul, .cataloger .cata-opts .comm-lst ul li ul { border-left: solid 1px #eaeaea; margin-top: 20px; padding-left: 10px; } .comm-lst .more-reps { color: #2196f3; font-size: 0.875rem; font-weight: 500; } .hot-comments .view-more { margin-top: 30px; } .hot-comments .comm-lst { height: 620px; } .hot-comments .lst li.comment, .hot-comments .board .news-lst li.comment, .hot-comments .board .news-strm li.comment, .board .hot-comments .news-lst li.comment, .board .hot-comments .news-strm li.comment, .hot-comments .cataloger .cata-opts ul li.comment, .cataloger .cata-opts .hot-comments ul li.comment { padding-left: 0; } .hot-comments .lst li.comment .info, .hot-comments .board .news-lst li.comment .info, .hot-comments .board .news-strm li.comment .info, .board .hot-comments .news-lst li.comment .info, .board .hot-comments .news-strm li.comment .info, .hot-comments .cataloger .cata-opts ul li.comment .info, .cataloger .cata-opts .hot-comments ul li.comment .info { line-height: 32px; height: 32px; } .hot-comments .lst li.comment .info, .hot-comments .board .news-lst li.comment .info, .hot-comments .board .news-strm li.comment .info, .board .hot-comments .news-lst li.comment .info, .board .hot-comments .news-strm li.comment .info, .hot-comments .cataloger .cata-opts ul li.comment .info, .cataloger .cata-opts .hot-comments ul li.comment .info, .hot-comments .lst li.comment .info .member, .hot-comments .board .news-lst li.comment .info .member, .hot-comments .board .news-strm li.comment .info .member, .board .hot-comments .news-lst li.comment .info .member, .board .hot-comments .news-strm li.comment .info .member, .hot-comments .cataloger .cata-opts ul li.comment .info .member, .cataloger .cata-opts .hot-comments ul li.comment .info .member { font-size: 0.875rem; } .hot-comments .lst li.comment .info .avatar, .hot-comments .board .news-lst li.comment .info .avatar, .hot-comments .board .news-strm li.comment .info .avatar, .board .hot-comments .news-lst li.comment .info .avatar, .board .hot-comments .news-strm li.comment .info .avatar, .hot-comments .cataloger .cata-opts ul li.comment .info .avatar, .cataloger .cata-opts .hot-comments ul li.comment .info .avatar { position: unset; left: unset; top: unset; float: left; margin-right: 10px; } .comm-zone .comm-post { border: solid 1px #eaeaea; border-radius: 5px; position: relative; } .comm-zone .comm-post.authed { margin-left: 60px; } .comm-zone .comm-post.authed .avatar { display: block; } .comm-zone .comm-post .avatar { background: rgba(0, 0, 0, 0.1); border-radius: 50%; display: none; height: 36px; width: 36px; position: absolute; top: 0; left: -60px; } .comm-zone .comm-post .txt-fld, .comm-zone .comm-post .dte-fld, .comm-zone .comm-post .dte-range { font-size: 1rem; margin: 0; height: 3.5em; } .comm-zone .comm-post .txt-fld textarea, .comm-zone .comm-post .dte-fld textarea, .comm-zone .comm-post .dte-range textarea { border: none; } .comm-zone .comm-post .txt-fld span, .comm-zone .comm-post .dte-fld span, .comm-zone .comm-post .dte-range span, .comm-zone .comm-post .txt-fld textarea, .comm-zone .comm-post .dte-fld textarea, .comm-zone .comm-post .dte-range textarea { color: #000; font-size: 1rem; font-weight: normal; line-height: 1.5em; padding: 1em; } .comm-zone .comm-post .actions { text-align: right; } .comm-zone .comm-post .actions .upl-fld { display: inline-block; } .comm-zone .comm-post .actions .upl-fld, .comm-zone .comm-post .actions .poll-upl { font-size: 20px; margin: 0 8px; opacity: 0.5; filter: grayscale(1); height: 20px; width: 20px; vertical-align: middle; } .comm-zone .comm-post .actions .upl-fld:active, .comm-zone .comm-post .actions .upl-fld:focus, .comm-zone .comm-post .actions .upl-fld:hover, .comm-zone .comm-post .actions .poll-upl:active, .comm-zone .comm-post .actions .poll-upl:focus, .comm-zone .comm-post .actions .poll-upl:hover { opacity: 1; filter: none; } .comm-zone .comm-post .actions .btn-send { padding: 0 1.25em; } .comm-zone .comm-post .actions .btn-send:active, .comm-zone .comm-post .actions .btn-send:focus, .comm-zone .comm-post .actions .btn-send:hover { background-color: #ed1c24; color: #fff; } .comm-zone .comm-frame iframe.maximize { min-height: 800px; } .poll-create { width: 90%; max-width: 420px; } .poll-create .pan-cont p, .poll-create .pan-cont .question { margin: 15px 15px 0; } .poll-create .pan-cont .lst li, .poll-create .pan-cont .board .news-lst li, .poll-create .pan-cont .board .news-strm li, .board .poll-create .pan-cont .news-lst li, .board .poll-create .pan-cont .news-strm li, .poll-create .pan-cont .cataloger .cata-opts ul li, .cataloger .cata-opts .poll-create .pan-cont ul li { margin: 8px 15px; } .poll-create .pan-cont .lst li .txt-fld, .poll-create .pan-cont .board .news-lst li .txt-fld, .poll-create .pan-cont .board .news-strm li .txt-fld, .board .poll-create .pan-cont .news-lst li .txt-fld, .board .poll-create .pan-cont .news-strm li .txt-fld, .poll-create .pan-cont .cataloger .cata-opts ul li .txt-fld, .cataloger .cata-opts .poll-create .pan-cont ul li .txt-fld, .poll-create .pan-cont .lst li .dte-fld, .poll-create .pan-cont .board .news-lst li .dte-fld, .poll-create .pan-cont .board .news-strm li .dte-fld, .board .poll-create .pan-cont .news-lst li .dte-fld, .board .poll-create .pan-cont .news-strm li .dte-fld, .poll-create .pan-cont .cataloger .cata-opts ul li .dte-fld, .cataloger .cata-opts .poll-create .pan-cont ul li .dte-fld, .poll-create .pan-cont .lst li .dte-range, .poll-create .pan-cont .board .news-lst li .dte-range, .poll-create .pan-cont .board .news-strm li .dte-range, .board .poll-create .pan-cont .news-lst li .dte-range, .board .poll-create .pan-cont .news-strm li .dte-range, .poll-create .pan-cont .cataloger .cata-opts ul li .dte-range, .cataloger .cata-opts .poll-create .pan-cont ul li .dte-range, .poll-create .pan-cont .lst li .nav-lnk, .poll-create .pan-cont .board .news-lst li .nav-lnk, .poll-create .pan-cont .board .news-strm li .nav-lnk, .board .poll-create .pan-cont .news-lst li .nav-lnk, .board .poll-create .pan-cont .news-strm li .nav-lnk, .poll-create .pan-cont .cataloger .cata-opts ul li .nav-lnk, .cataloger .cata-opts .poll-create .pan-cont ul li .nav-lnk { margin: 0; } .poll-create .pan-cont .question { height: 102px; } .poll-create .pan-cont .question input, .poll-create .pan-cont .question textarea { border-color: #2196f3; } .poll-create .pan-cont .spl { margin: 10px 0; } @media only screen and (max-width: 1023.9px) { .comm-lst .lst li.comment, .comm-lst .board .news-lst li.comment, .comm-lst .board .news-strm li.comment, .board .comm-lst .news-lst li.comment, .board .comm-lst .news-strm li.comment, .comm-lst .cataloger .cata-opts ul li.comment, .cataloger .cata-opts .comm-lst ul li.comment { padding-left: 0; } .comm-lst .lst li.comment .avatar, .comm-lst .board .news-lst li.comment .avatar, .comm-lst .board .news-strm li.comment .avatar, .board .comm-lst .news-lst li.comment .avatar, .board .comm-lst .news-strm li.comment .avatar, .comm-lst .cataloger .cata-opts ul li.comment .avatar, .cataloger .cata-opts .comm-lst ul li.comment .avatar { height: 28px; width: 28px; top: 8px; left: 15px; } .comm-lst .lst li.comment .member, .comm-lst .board .news-lst li.comment .member, .comm-lst .board .news-strm li.comment .member, .board .comm-lst .news-lst li.comment .member, .board .comm-lst .news-strm li.comment .member, .comm-lst .cataloger .cata-opts ul li.comment .member, .cataloger .cata-opts .comm-lst ul li.comment .member { padding-left: 36px; } .comm-lst .lst li.comment > .lst, .comm-lst .board .news-lst li.comment > .lst, .comm-lst .board .news-strm li.comment > .lst, .board .comm-lst .news-lst li.comment > .lst, .board .comm-lst .news-strm li.comment > .lst, .comm-lst .lst .board li.comment > .news-lst, .comm-lst .lst .board li.comment > .news-strm, .board .comm-lst .lst li.comment > .news-lst, .board .comm-lst .lst li.comment > .news-strm, .comm-lst .board .news-lst li.comment > .news-lst, .comm-lst .board .news-strm li.comment > .news-lst, .comm-lst .board .news-lst li.comment > .news-strm, .comm-lst .board .news-strm li.comment > .news-strm, .board .comm-lst .news-lst li.comment > .news-lst, .board .comm-lst .news-strm li.comment > .news-lst, .board .comm-lst .news-lst li.comment > .news-strm, .board .comm-lst .news-strm li.comment > .news-strm, .comm-lst .cataloger .cata-opts ul li.comment > .lst, .comm-lst .cataloger .cata-opts ul .board li.comment > .news-lst, .comm-lst .cataloger .cata-opts ul .board li.comment > .news-strm, .board .comm-lst .cataloger .cata-opts ul li.comment > .news-lst, .board .comm-lst .cataloger .cata-opts ul li.comment > .news-strm, .cataloger .cata-opts .comm-lst ul li.comment > .lst, .cataloger .cata-opts .comm-lst ul .board li.comment > .news-lst, .cataloger .cata-opts .comm-lst ul .board li.comment > .news-strm, .board .cataloger .cata-opts .comm-lst ul li.comment > .news-lst, .board .cataloger .cata-opts .comm-lst ul li.comment > .news-strm, .comm-lst .lst .cataloger .cata-opts li.comment > ul, .comm-lst .board .news-lst .cataloger .cata-opts li.comment > ul, .comm-lst .board .news-strm .cataloger .cata-opts li.comment > ul, .board .comm-lst .news-lst .cataloger .cata-opts li.comment > ul, .board .comm-lst .news-strm .cataloger .cata-opts li.comment > ul, .cataloger .cata-opts .comm-lst .lst li.comment > ul, .cataloger .cata-opts .comm-lst .board .news-lst li.comment > ul, .cataloger .cata-opts .comm-lst .board .news-strm li.comment > ul, .board .cataloger .cata-opts .comm-lst .news-lst li.comment > ul, .board .cataloger .cata-opts .comm-lst .news-strm li.comment > ul, .comm-lst .cataloger .cata-opts ul li.comment > ul, .cataloger .cata-opts .comm-lst ul li.comment > ul { padding-left: 30px; } } header.min { padding: 20px 0; } header.min .logo { margin: 0; height: 54px; width: 190px; } header.min .nav-bar { display: block; padding-top: 20px; } header.min .nav-bar ul { font-size: 0.875rem; line-height: 54px; height: 54px; } header.min .nav-bar ul li a { padding: 0 15px; text-transform: uppercase; } header.min .nav-bar ul li.active { border-bottom: solid 2px #ed1c24; } header.min .nav-bar ul li.active a { color: #ed1c24; } .welcome .xcap, .welcome .daily-betts .caption, .daily-betts .welcome .caption { margin: 3em 0 1em; font-size: 2.5em; text-transform: none; } .welcome .wel-msg { font-size: 1.125rem; line-height: 1.5em; } .welcome .btn.ext, .welcome .quiz-over .ext.qz-act, .quiz-over .welcome .ext.qz-act { border: solid 1px #28262c; border-radius: 1.5em; color: #28262c; margin-top: 30px; padding: 0.5em 1.5em; text-transform: none; } .welcome .btn.ext .ico, .welcome .quiz-over .ext.qz-act .ico, .quiz-over .welcome .ext.qz-act .ico { margin-left: 0.5em; } .welcome .btn.ext[type=submit], .welcome .quiz-over .ext[type=submit].qz-act, .quiz-over .welcome .ext[type=submit].qz-act { background-color: #fff; } .welcome .login-box, .welcome .regnew-box, .welcome .forget-box { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15), 2px 2px 21px 3px rgba(0, 0, 0, 0.05); border: solid 1px #f5f5f5; border-radius: 8px; } .welcome .login-box .pan-title, .welcome .regnew-box .pan-title, .welcome .forget-box .pan-title { color: #ed1c24; border-bottom: solid 1px #fac1c3; font-size: 1.125rem; font-weight: 700; line-height: 48px; text-transform: uppercase; } .welcome .login-box button, .welcome .login-box input, .welcome .regnew-box button, .welcome .regnew-box input, .welcome .forget-box button, .welcome .forget-box input { border-color: #7a7a7a !important; } .welcome .login-box .alt-fld, .welcome .login-box .txt-fld, .welcome .login-box .dte-fld, .welcome .login-box .dte-range, .welcome .login-box .sel-fld label, .welcome .regnew-box .alt-fld, .welcome .regnew-box .txt-fld, .welcome .regnew-box .dte-fld, .welcome .regnew-box .dte-range, .welcome .regnew-box .sel-fld label, .welcome .forget-box .alt-fld, .welcome .forget-box .txt-fld, .welcome .forget-box .dte-fld, .welcome .forget-box .dte-range, .welcome .forget-box .sel-fld label { padding: 5px 0; } .wel-pane .wel-cap { padding: 20px 0; } .wel-pane .wel-cap .lead { font-size: 2rem; font-weight: bold; line-height: 1.5em; height: 1.5em; } .wel-pane .wel-cap p { color: #7a7a7a; font-size: 1rem; } .wel-pane .wel-cap b { color: #28262c; display: block; font-size: 1.1em; } .wel-pane .wel-cap .btn, .wel-pane .wel-cap .quiz-over .qz-act, .quiz-over .wel-pane .wel-cap .qz-act { font-size: 1rem; margin-top: -0.3em; padding: 0 1em; } .wel-pane .wel-cap .btn .ico, .wel-pane .wel-cap .quiz-over .qz-act .ico, .quiz-over .wel-pane .wel-cap .qz-act .ico { margin-left: 1em; } .cataloger .row { margin: 0 -30px; } .cataloger .row .col { padding: 0 30px; } .cataloger .cata-srch { background-color: #eaeaea; border-radius: 44px; display: block; margin: 10px 0; padding: 0 10px; height: 44px; } .cataloger .cata-srch .btn, .cataloger .cata-srch .quiz-over .qz-act, .quiz-over .cataloger .cata-srch .qz-act, .cataloger .cata-srch .txt-fld, .cataloger .cata-srch .dte-fld, .cataloger .cata-srch .dte-range { background: transparent; border: none; display: block; margin: 0; padding: 0; line-height: 44px; height: 44px; } .cataloger .cata-srch .btn:active, .cataloger .cata-srch .quiz-over .qz-act:active, .quiz-over .cataloger .cata-srch .qz-act:active, .cataloger .cata-srch .btn:focus, .cataloger .cata-srch .quiz-over .qz-act:focus, .quiz-over .cataloger .cata-srch .qz-act:focus, .cataloger .cata-srch .btn:hover, .cataloger .cata-srch .quiz-over .qz-act:hover, .quiz-over .cataloger .cata-srch .qz-act:hover, .cataloger .cata-srch .txt-fld:active, .cataloger .cata-srch .dte-fld:active, .cataloger .cata-srch .dte-range:active, .cataloger .cata-srch .txt-fld:focus, .cataloger .cata-srch .dte-fld:focus, .cataloger .cata-srch .dte-range:focus, .cataloger .cata-srch .txt-fld:hover, .cataloger .cata-srch .dte-fld:hover, .cataloger .cata-srch .dte-range:hover { box-shadow: none; border: none; } .cataloger .cata-srch .btn, .cataloger .cata-srch .quiz-over .qz-act, .quiz-over .cataloger .cata-srch .qz-act { width: 44px; } .cataloger .cata-srch .txt-fld, .cataloger .cata-srch .dte-fld, .cataloger .cata-srch .dte-range { margin-left: 44px; } .cataloger .cata-srch .txt-fld input, .cataloger .cata-srch .dte-fld input, .cataloger .cata-srch .dte-range input { border: none !important; } .cataloger .cata-lst .tab-lst { font-size: 1rem; font-weight: 600; } .cataloger .cata-lst .tab-lst ul { border: none; } .cataloger .cata-lst .tab-lst li { font-size: 0.875rem; padding: 0 0.5em; } .cataloger .cata-lst .tab-lst li.active { border-bottom: solid 1px #fac1c3; color: #ed1c24; } .cataloger .cata-lst .tab-lst li:active, .cataloger .cata-lst .tab-lst li:focus, .cataloger .cata-lst .tab-lst li:hover { color: #ed1c24; } .cataloger .cata-opts ul { margin: 0 -10px; } .cataloger .cata-opts ul > li { padding: 10px; } .cataloger .cata-opts ul .alt-fld input { opacity: 0.8; right: 0; height: 70px; width: 70px; } .cataloger .cata-opts ul .alt-fld input::before, .cataloger .cata-opts ul .alt-fld input::after { background: #000; position: absolute; top: 50%; transform: translate(0, -50%); } .cataloger .cata-opts ul .alt-fld input::before { right: 30px; height: 18px; width: 2px; } .cataloger .cata-opts ul .alt-fld input::after { right: 22px; height: 2px; width: 18px; } .cataloger .cata-opts ul .alt-fld input:checked::before { background: none; border-right: solid 2px #ed1c24; border-bottom: solid 2px #ed1c24; height: 18px; width: 8px; right: 42px; transform: rotate(38deg) translate(0, -50%); } .cataloger .cata-opts ul .alt-fld input:checked::after { display: none; } .cataloger .cata-opts ul .alt-fld span { border-radius: 35px; line-height: 70px; height: 70px; position: relative; } .cataloger .cata-opts ul .alt-fld span img { display: block; float: left; margin: 17px 21px; height: 36px; } .cataloger .cata-opts ul .alt-fld span:active, .cataloger .cata-opts ul .alt-fld span:focus, .cataloger .cata-opts ul .alt-fld span:hover { border: solid 1px #fac1c3; color: #ed1c24; } .cataloger .cata-opts ul .alt-fld input:checked + span { background: none; border: solid 1px #ed1c24; color: #ed1c24; } .cataloger .cata-sel { border-bottom: solid 1px #eaeaea; padding: 10px 0; } .cataloger .cata-sel .tmpl { color: #7a7a7a; margin: 5px 0; line-height: 54px; } .cataloger .cata-sel .tmpl .ico { border: dotted 1px #7a7a7a; display: block; border-radius: 50%; margin-right: 15px; height: 54px; width: 54px; } .cataloger .cata-sel ul { display: flex; margin: 0; padding: 10px 0; flex-flow: row nowrap; list-style: none; overflow-x: auto; } .cataloger .cata-sel ul:empty { display: none; } .cataloger .cata-sel ul li { background-color: #eaeaea; border-radius: 35px; display: block; margin: 10px; padding: 0; flex: 0 0 auto; height: 70px; width: 70px; position: relative; } .cataloger .cata-sel ul li img { display: block; margin: 15px auto; height: 40px; } .cataloger .cata-sel ul li .ico { border: solid 1px #000; border-radius: 50%; opacity: 0.25; font-size: 0.7em; height: 16px; width: 16px; position: absolute; top: -5px; right: -5px; } @media only screen and (min-width: 1024px) { header.min { padding: 30px 0; } header.min .nav-bar { padding-top: 0; } .welcome .xcap, .welcome .daily-betts .caption, .daily-betts .welcome .caption { font-size: 4.5em; margin-top: 2em; } .welcome .wel-msg { border-left: solid 3px #28262c; padding: 5px 20px; } .welcome .btn, .welcome .quiz-over .qz-act, .quiz-over .welcome .qz-act { margin-top: 0; } .welcome .btn:active, .welcome .quiz-over .qz-act:active, .quiz-over .welcome .qz-act:active, .welcome .btn:focus, .welcome .quiz-over .qz-act:focus, .quiz-over .welcome .qz-act:focus, .welcome .btn:hover, .welcome .quiz-over .qz-act:hover, .quiz-over .welcome .qz-act:hover { background-color: #ed1c24 !important; border: solid 1px #fac1c3; color: #fff !important; } .welcome .btn:active .ico::before, .welcome .quiz-over .qz-act:active .ico::before, .quiz-over .welcome .qz-act:active .ico::before, .welcome .btn:focus .ico::before, .welcome .quiz-over .qz-act:focus .ico::before, .quiz-over .welcome .qz-act:focus .ico::before, .welcome .btn:hover .ico::before, .welcome .quiz-over .qz-act:hover .ico::before, .quiz-over .welcome .qz-act:hover .ico::before { background-color: #fff; } .welcome .btn:active .ico::after, .welcome .quiz-over .qz-act:active .ico::after, .quiz-over .welcome .qz-act:active .ico::after, .welcome .btn:focus .ico::after, .welcome .quiz-over .qz-act:focus .ico::after, .quiz-over .welcome .qz-act:focus .ico::after, .welcome .btn:hover .ico::after, .welcome .quiz-over .qz-act:hover .ico::after, .quiz-over .welcome .qz-act:hover .ico::after { border-color: #fff; } .wel-pane .wel-cap { border-bottom: solid 1px #eaeaea; } .cataloger .cata-lst .tab-lst ul li { font-size: 1rem; padding: 0 1em; } .cataloger .cata-opts ul > li { float: left; width: 50%; } .cataloger .cata-sel { overflow: visible; } .cataloger .cata-sel ul { flex-flow: row wrap; overflow: hidden; } .cataloger .cata-sel .tmpl .ico { display: inline-block; } } .side-brand { background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); height: 75px; width: 100%; position: absolute; top: 0; left: 0; z-index: 9999; } .side-brand .logo { height: 65px; width: 210px; margin: 5px auto; } .side-bar { background-color: #fff; border-right: solid 1px #eaeaea; display: block; margin: 0; padding: 20px 0; overflow: hidden; position: fixed; top: 75px; left: 0; right: 0; height: 100%; width: 0; transition: all ease 0.3s; z-index: 99; } .side-bar.active { z-index: 99; width: 100%; } .side-bar .member { border-bottom: solid 1px #eaeaea; display: block; margin: 10px 0; padding: 10px; font-size: 1rem; line-height: 40px; } .side-bar .member .avatar { margin-right: 10px; height: 40px; width: 40px; } .side-bar .side-nav { font-size: 0.9rem; } .side-bar .side-nav .lst li, .side-bar .side-nav .board .news-lst li, .side-bar .side-nav .board .news-strm li, .board .side-bar .side-nav .news-lst li, .board .side-bar .side-nav .news-strm li, .side-bar .side-nav .cataloger .cata-opts ul li, .cataloger .cata-opts .side-bar .side-nav ul li { line-height: 40px; height: 40px; } .side-bar .side-nav .lst a, .side-bar .side-nav .board .news-lst a, .side-bar .side-nav .board .news-strm a, .board .side-bar .side-nav .news-lst a, .board .side-bar .side-nav .news-strm a, .side-bar .side-nav .cataloger .cata-opts ul a, .cataloger .cata-opts .side-bar .side-nav ul a { padding: 0 10px; } .side-bar .side-nav .lst a:active, .side-bar .side-nav .board .news-lst a:active, .side-bar .side-nav .board .news-strm a:active, .board .side-bar .side-nav .news-lst a:active, .board .side-bar .side-nav .news-strm a:active, .side-bar .side-nav .cataloger .cata-opts ul a:active, .cataloger .cata-opts .side-bar .side-nav ul a:active, .side-bar .side-nav .lst a:focus, .side-bar .side-nav .board .news-lst a:focus, .side-bar .side-nav .board .news-strm a:focus, .board .side-bar .side-nav .news-lst a:focus, .board .side-bar .side-nav .news-strm a:focus, .side-bar .side-nav .cataloger .cata-opts ul a:focus, .cataloger .cata-opts .side-bar .side-nav ul a:focus, .side-bar .side-nav .lst a:hover, .side-bar .side-nav .board .news-lst a:hover, .side-bar .side-nav .board .news-strm a:hover, .board .side-bar .side-nav .news-lst a:hover, .board .side-bar .side-nav .news-strm a:hover, .side-bar .side-nav .cataloger .cata-opts ul a:hover, .cataloger .cata-opts .side-bar .side-nav ul a:hover { color: #ed1c24; } .side-bar .side-nav .lst a.active, .side-bar .side-nav .board .news-lst a.active, .side-bar .side-nav .board .news-strm a.active, .board .side-bar .side-nav .news-lst a.active, .board .side-bar .side-nav .news-strm a.active, .side-bar .side-nav .cataloger .cata-opts ul a.active, .cataloger .cata-opts .side-bar .side-nav ul a.active { background-color: #fdeaeb; color: #ed1c24; } .side-bar .side-nav .ico { display: block; float: left; margin: 10px 10px 10px 0; height: 18px; width: 18px; } .side-bar .side-nav .side-bot { position: sticky; bottom: 0; left: 0; width: 100%; } .owner-band { padding-top: 20px; } .owner-band::before { background: #FC161E url(https://bongdaplus.vn//img/memband.svg) right center no-repeat; background-size: 50%; content: ""; display: block; height: 60px; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .owner-band > * { position: relative; z-index: 1; } .owner-band .avatar { background: #fff url(https://bongdaplus.vn//img/no-user.png) center no-repeat; background-size: cover; border: solid 8px #fff; display: block; float: left; margin: 0; height: 70px; width: 70px; z-index: 3; } .owner-band .avatar.premium { border: solid 2px #fdd835 !important; } .owner-band .avatar.premium::after { height: 16px; width: 16px; } .owner-band .owner-info .member { color: #fff; line-height: 40px; height: 40px; } .owner-band .owner-info .member .title { color: #fff !important; display: inline-block; margin: 0; padding: 0 10px; font-size: 1.5rem; font-weight: 700; } .owner-band .owner-info .member .premium { display: inline-block; margin: 0; padding: 0; font-size: 0.75rem; text-transform: uppercase; } .owner-band .owner-info .status { padding-left: 70px; } .owner-band .owner-info .status a, .owner-band .owner-info .status span { border-radius: 1em; border: solid 1px #7a7a7a; display: inline-block; margin: 5px; padding: 0 15px; line-height: 30px; } .owner-band .owner-info .status b { color: #ed1c24; } .page-cover { display: block; margin: 0; padding: 15px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } .page-cover .logo { margin: 0 auto; } .page-cover .authen-nav { position: relative; top: unset; float: right; } .side-trigger { border: none; padding: 0; position: absolute; height: 40px; width: 40px; top: 10px; } .side-trigger .ico { background-size: 20px; opacity: 0.5; height: 40px; width: 40px; } .side-trigger .menubar, .side-trigger.active .close { display: block; } .side-trigger .close, .side-trigger.active .menubar { display: none; } .side-trigger, .authen-nav { z-index: 10001; } .page-wrap { background: #fff; display: block; margin: 0; padding: 0 20px 10px; position: absolute; top: 75px; bottom: 0; left: 0; right: 0; overflow-y: auto; z-index: 90; } .refer-nav { color: #7a7a7a; padding-left: 20px; position: relative; } .refer-nav::before { border-top: solid 1px #5f5f5f; border-left: solid 1px #5f5f5f; content: ""; display: block; margin: 5px 0 0 11px; position: absolute; top: 0; left: 0; height: 9px; width: 9px; transform: rotate(-45deg); } .refer-nav a { color: #5f5f5f; display: inline-block; margin: 0 10px; font-size: 0.875rem; line-height: 20px; height: 20px; } .refer-nav a:active, .refer-nav a:focus, .refer-nav a:hover { color: #28262c !important; } .all-boards .col { padding: 15px; } .all-boards .col > .board { margin: 0; height: 100%; } .board { background: #fff; display: block; margin: 20px 0; padding: 0; } .board .brd-cap { color: #28262c; font-size: 1.25rem; font-weight: bold; display: block; line-height: 1.5em; } .board .brd-cap .badge { border-radius: 0.8em; padding: 0 0.5em; font-size: 1rem; font-weight: 600; line-height: 1.3em; height: 1.3em; vertical-align: text-top; } .board .brd-cap a { color: #7a7a7a; font-size: 0.75rem; font-weight: normal; } .board .brd-cap a.btn, .board .brd-cap .quiz-over a.qz-act, .quiz-over .board .brd-cap a.qz-act { background-color: #f5f5f5; margin: 0; padding: 0 10px; line-height: 32px; height: 32px; } .board .brd-cap .view-more { font-size: 0.875rem; font-weight: 700; border-radius: 14px; margin: 8px 8px 0; padding: 0 10px; line-height: 28px; } .board .brd-cap .view-more:hover, .board .brd-cap .view-more.active { background-color: #f5f8fd; } .board .brd-cap div + .view-more { margin-left: 20px; } .board .brd-wrap { padding: 10px 0; } .board .brd-wrap p { line-height: 1.5em; } .board .brd-box { background-color: #f5f5f5; border-radius: 6px; display: block; margin: 10px 0; padding: 10px; text-align: center; } .board .brd-box .box-cap { color: #7a7a7a; display: block; line-height: 2em; } .board .brd-box .box-cap .ico { opacity: 0.5; margin-right: 10px; height: 16px; width: 16px; vertical-align: middle; } .board .brd-box .box-cnt { display: block; font-size: 1.75rem; font-weight: 600; line-height: 1.5em; } .board .brd-mt { display: block; padding: 120px 0; } .board .brd-mt, .board .brd-mt a { color: #7a7a7a; } .board .brd-mt a { text-decoration: underline; } .board .brd-mt img { display: block; margin: 10px auto; } .board .news-lst li, .board .news-strm li { border-top: solid 1px #eaeaea; padding: 10px 0; } .board .news-lst li:first-child, .board .news-strm li:first-child { border: none; } .board .news-lst li a:active .ico, .board .news-strm li a:active .ico, .board .news-lst li a:focus .ico, .board .news-strm li a:focus .ico, .board .news-lst li a:hover .ico, .board .news-strm li a:hover .ico { opacity: 1; } .board .news-lst .thumb, .board .news-strm .thumb { float: left; margin-right: 10px; width: 120px; } .board .news-lst .title, .board .news-strm .title { margin-top: 0; } .board .news-lst .title, .board .news-strm .title, .board .news-lst .comm, .board .news-strm .comm { font-size: 1rem; } .board .news-lst .comm, .board .news-strm .comm { padding: 16px 0; } .board .news-lst .info, .board .news-strm .info { font-size: 0.875rem; float: left; margin: 0; } .board .news-lst .info a, .board .news-strm .info a { color: #7a7a7a; } .board .news-lst .info a.ref, .board .news-strm .info a.ref { text-decoration: underline; } .board .news-lst .actions, .board .news-strm .actions { float: right; } .board .news-lst .ico, .board .news-strm .ico { margin-left: 8px; font-size: 0.875rem; } .board .news-lst .ico.mak-fil, .board .news-strm .ico.mak-fil { opacity: 1; } .board .news-lst .ico.comm-lnk, .board .news-strm .ico.comm-lnk { background-position: right center; padding-left: 0; padding-right: 1.35em; width: auto; } .board .news-strm .title { font-size: 1rem; } .board .news-strm .thumb { border-radius: 3px; display: block; float: left; margin: 0 20px 0 0; overflow: hidden; width: 240px; } .board .news-strm .info, .board .news-strm .actions { margin-top: 16px; } .board .tabber .tab-lst li { padding: 0 10px; } .board .tabber .tab-lst li.active { border-color: #ed1c24; color: #ed1c24; } .memb-form .avatar { background: #fff url(https://bongdaplus.vn//img/no-user.png) center no-repeat; margin-right: 20px; height: 90px; width: 90px; } .memb-form .ava-chooser, .memb-form .upload { color: #2196f3; display: block; margin: 22px; line-height: 20px; text-decoration: underline; } .memb-form .ava-chooser .ico, .memb-form .upload .ico { margin-right: 0.5em; } .memb-form .cpy-lnk { display: block; margin: 0; padding: 0 10px 0 25px; line-height: 24px; height: 24px; opacity: 0.35; } .memb-form .cpy-lnk:active, .memb-form .cpy-lnk:focus, .memb-form .cpy-lnk:hover { background-color: #eaeaea; opacity: 0.75; } .memb-form .no-wrap { color: #5f5f5f; display: block; margin: 0; padding: 0 10px 0 25px; line-height: 24px; height: 24px; } .memb-form .rdo-fld { margin-right: 15px; padding-left: 30px; } .soc-conn { line-height: 32px; } .soc-conn p { color: #7a7a7a; } .soc-conn .ico { margin-right: 10px; height: 32px; width: 32px; } .trans-hist .actions { margin-top: -40px; margin-bottom: 20px; position: relative; z-index: 10; } .trans-hist .actions .btn, .trans-hist .actions .quiz-over .qz-act, .quiz-over .trans-hist .actions .qz-act, .trans-hist .actions .txt-fld, .trans-hist .actions .dte-fld, .trans-hist .actions .dte-range { margin-top: 0; margin-bottom: 0; } .trans-sync { width: 90%; max-width: 540px; } .trans-sync form { display: block; padding: 10px 20px; } .trans-sync p, .trans-sync .txt-fld, .trans-sync .dte-fld, .trans-sync .dte-range, .trans-sync .btn, .trans-sync .quiz-over .qz-act, .quiz-over .trans-sync .qz-act { display: block; margin: 16px 0; width: 100%; } .tip-tbl, .trans-tbl { border: none !important; width: 100%; } .tip-tbl, .tip-tbl th, .tip-tbl td, .trans-tbl, .trans-tbl th, .trans-tbl td { padding: 0 5px; border: none; font-size: 0.875rem; } .tip-tbl thead, .trans-tbl thead { border-bottom: solid 2px #eaeaea; } .tip-tbl thead th, .tip-tbl thead td, .trans-tbl thead th, .trans-tbl thead td { background: none; color: #28262c; font-size: 1rem; font-weight: 600; line-height: 28px; text-align: left; text-transform: none; } .tip-tbl tbody tr, .trans-tbl tbody tr { border-top: solid 1px #eaeaea; } .tip-tbl tbody tr:first-child, .trans-tbl tbody tr:first-child { border: none; } .tip-tbl tbody td, .trans-tbl tbody td { padding: 15px 5px; line-height: 30px; } .tip-tbl.min thead th, .tip-tbl.min thead td, .tip-tbl.min tbody th, .tip-tbl.min tbody td, .trans-tbl.min thead th, .trans-tbl.min thead td, .trans-tbl.min tbody th, .trans-tbl.min tbody td { padding: 5px; } .tip-tbl tbody th, .tip-tbl tbody td { padding: 10px 5px; } .tip-tbl .avatar { float: left; height: 48px; width: 48px; margin-right: 10px; vertical-align: middle; } .tip-tbl .author b { display: block; font-size: 1.125rem; font-weight: 700; line-height: 1.5em; } .tip-tbl button { background-color: #f5f8fd; border: none !important; border-radius: 12px; font-size: 0.875rem; padding: 3px 15px; } .tip-tbl button:active, .tip-tbl button:focus, .tip-tbl button:hover { background-color: #eaeaea; } .tip-tbl button .ico { margin-left: 0.5em; opacity: 0.9; vertical-align: middle; } .depos-lead { margin-top: 20px; line-height: 40px; height: 40px; } .depos-lead .depos-cap { font-size: 1.25rem; font-weight: bold; } .depos-lead .tab-lst { background: rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 2px 0; } .depos-lead .tab-lst li { border-radius: 4px; line-height: 32px; height: 32px; padding: 0 15px; text-align: center; } .depos-lead .tab-lst li:active, .depos-lead .tab-lst li:focus, .depos-lead .tab-lst li:hover { color: #ed1c24; } .depos-lead .tab-lst li.active { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); color: #ed1c24; font-weight: bold; } .depos-choice { padding: 20px 0; } .depos-choice .board { margin: 0; } .depos-choice .hei-fill { height: 100%; } .depos-choice .board-cap { border-bottom: solid 1px #eaeaea; font-size: 1.5rem; font-weight: bold; line-height: 30px; padding-bottom: 10px; } .depos-choice .board-cap.extra { background-image: linear-gradient(90deg, #971217 0%, #ed1c24 100%); border: none; color: #fff; margin: -20px -15px 0 -15px; padding: 20px 15px 10px 15px; } .depos-choice .board-cap .ico { background-position: top center; background-size: 21px; height: 30px; width: 30px; } .depos-choice table { width: 100%; } .depos-choice table th, .depos-choice table td { border: none; padding: 10px 5px; } .depos-choice table tr { border-top: solid 1px #eaeaea; } .depos-choice table thead th { color: #000; text-transform: none; text-align: left; } .depos-price { padding: 15px 0; } .depos-price b { color: #ed1c24; font-size: 2.5em; font-weight: 800; } .depos-price .price-lst li a { background: #fff; border: solid 2px rgba(0, 0, 0, 0.1); border-radius: 4px; line-height: 24px; margin: 3px; padding: 10px 15px; text-align: center; text-transform: uppercase; width: 142px; } .depos-price .price-lst li a:active, .depos-price .price-lst li a:focus, .depos-price .price-lst li a:hover { background: #fff; border: solid 2px #ed1c24; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); color: #000; font-weight: bold; } .depos-price .price-lst li a strong { display: block; font-size: 0.9rem; font-weight: 800; color: #ed1c24; } .depos-cont { color: #7a7a7a; font-size: 0.875rem; } .depos-cont .caption { border-top: solid 1px #eaeaea; color: #000; padding: 10px 0; } .depos-cont li { padding: 10px 10px 10px 30px; position: relative; } .depos-cont li::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNNi40LDYuN2MtLjMtLjMtLjgtLjMtMS4xLDAtLjIuMi0uMi40LS4yLjZzMCwuNC4yLjZsMi4yLDIuMmMuMi4yLjQuMi42LjJzLjQsMCwuNi0uMmw3LjItNy4yaDBjLjMtLjMuMy0uOCwwLTEuMS0uMi0uMi0uNC0uMi0uNi0uMmgwYy0uMiwwLS40LDAtLjYuMmwtNi42LDYuNi0xLjYtMS42WiIvPjxwYXRoIGQ9Ik0xNiw3LjFjMC0uNC0uNS0uOC0uOS0uNy0uMiwwLS40LjEtLjUuMy0uMS4yLS4yLjQtLjIuNiwwLC4yLDAsLjUsMCwuNywwLDMuNS0yLjksNi40LTYuNCw2LjRTMS42LDExLjUsMS42LDgsNC41LDEuNiw4LDEuNnMyLC4yLDIuOC43Yy4yLDAsLjQuMS42LDBzLjQtLjIuNS0uNGMwLS4yLjEtLjQsMC0uNiwwLS4yLS4yLS40LS40LS41LTEuMS0uNi0yLjMtLjgtMy42LS44QzMuNiwwLDAsMy42LDAsOHMzLjYsOCw4LDgsOC0zLjYsOC04LDAtLjYsMC0uOVoiLz48L3N2Zz4=) left center no-repeat; background-size: 12px; display: block; margin: 0; padding: 0; height: 12px; width: 12px; opacity: 0.35; position: absolute; top: 16px; left: 6px; } .depos-cont li.prem::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNNi40LDYuN2MtLjMtLjMtLjgtLjMtMS4xLDAtLjIuMi0uMi40LS4yLjZzMCwuNC4yLjZsMi4yLDIuMmMuMi4yLjQuMi42LjJzLjQsMCwuNi0uMmw3LjItNy4yaDBjLjMtLjMuMy0uOCwwLTEuMS0uMi0uMi0uNC0uMi0uNi0uMmgwYy0uMiwwLS40LDAtLjYuMmwtNi42LDYuNi0xLjYtMS42WiIgZmlsbD0iIzE1OEU0QiIvPjxwYXRoIGQ9Ik0xNiw3LjFjMC0uNC0uNS0uOC0uOS0uNy0uMiwwLS40LjEtLjUuMy0uMS4yLS4yLjQtLjIuNiwwLC4yLDAsLjUsMCwuNywwLDMuNS0yLjksNi40LTYuNCw2LjRTMS42LDExLjUsMS42LDgsNC41LDEuNiw4LDEuNnMyLC4yLDIuOC43Yy4yLDAsLjQuMS42LDBzLjQtLjIuNS0uNGMwLS4yLjEtLjQsMC0uNiwwLS4yLS4yLS40LS40LS41LTEuMS0uNi0yLjMtLjgtMy42LS44QzMuNiwwLDAsMy42LDAsOHMzLjYsOCw4LDgsOC0zLjYsOC04LDAtLjYsMC0uOVoiIGZpbGw9IiMxNThFNEIiLz48L3N2Zz4=); opacity: 1; } .depos-cont table thead th { font-size: 0.75rem; font-weight: bold; } .depos-cont table tbody td:first-child { width: 70%; } .depos-cont table tbody td:last-child { width: 30%; } .depos-cont .rdo-fld input { border-color: #ed1c24; } .depos-cont .rdo-fld input:checked { border: solid 2px #ed1c24; } .depos-cont .rdo-fld input:checked:checked::before { background-color: #ed1c24; } .paid-choices { background-color: #f5f5f5; border: solid 1px #eaeaea; color: #2196f3; border-radius: 3px; display: block; margin: 10px 0; padding: 8px; font-size: 1.1em; font-weight: 500; } .paid-note { color: #7a7a7a; display: block; margin: 10px 10px 10px 30px; font-size: 0.9em; } .paid-success { font-size: 1.125rem; line-height: 2em; } .paid-success .brd-cap { font-size: 1.5rem; } .paid-success svg { display: block; margin: 30px auto; height: 160px; width: 160px; } .paner.no-cup { max-width: 420px; } .paner.no-cup .pan-title { color: #ed1c24; } .paner.no-cup .ico { margin: 20px; height: 90px; width: 90px; } .paner.no-cup p { padding: 20px; } .bank-lst li { padding: 5px; } .bank-lst li .alt-fld span { border-width: 2px; padding: 10px 5px; width: 120px; } .bank-lst li .alt-fld i { margin: auto; } .board.flow-up { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 6px; margin-left: 20px; margin-right: -30px; padding: 10px 30px 10px 10px; transition: all ease 0.2s; } .board.flow-up:hover, .board.flow-up.active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .board.flow-up.active { margin-left: 0; margin-right: 0; } .board.flow-up .arrow-cap { background-color: #ed1c24; color: #fff; line-height: 30px; height: 30px; margin-left: -10px; width: 70%; font-weight: 600; text-transform: uppercase; position: relative; text-align: center; } .board.flow-up .arrow-cap::before { content: ""; display: block; height: 0; width: 0; position: absolute; right: -15px; } .board.flow-up .arrow-cap::before { border-top: solid 15px #ed1c24; border-bottom: solid 15px #ed1c24; border-right: solid 15px transparent; } .board.flow-up a.more, .board.flow-up a.close { display: block; margin-top: 10px; line-height: 30px; } .avatar-box { width: 90%; margin: auto; } .avatar-box .bar li, .avatar-box header.min .nav-bar ul li, header.min .nav-bar .avatar-box ul li { padding: 10px; width: 25%; } .avatar-box .bar img, .avatar-box header.min .nav-bar ul img, header.min .nav-bar .avatar-box ul img { background-color: #f5f5f5; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); border-radius: 50%; cursor: pointer; display: block; margin: auto; width: 100%; } .bounder { border: solid 1px #eaeaea; border-radius: 5px; padding: 10px; } .bounder .bnd-cap { border-bottom: solid 1px #eaeaea; color: #5f5f5f; display: block; margin: 0 -10px; padding: 0 10px 10px; font-weight: 700; text-transform: uppercase; } .bounder .bnd-wrap { padding: 20px 0 0; } .page-capt { font-size: 1.25rem; font-weight: 700; text-transform: none; } .page-capt b { color: #ed1c24; } .min-tbl { width: 100%; } .min-tbl th, .min-tbl td { border: none; font-size: 1rem; padding: 10px; } .min-tbl tr { border-top: solid 1px #eaeaea; } .min-tbl tr:first-child { border: none; } .min-tbl thead { font-size: 1rem; font-weight: 700; padding: 0; } .min-tbl thead th { padding: 0 10px; height: 60px; } .min-tbl tbody { font-size: 0.875rem; padding: 0 10px; } .vip-reg .packages { margin: 0 -15px; } .vip-reg .packages li { padding: 10px; width: 50%; } .vip-reg .packages .pack { text-align: center; position: relative; } .vip-reg .packages .pack .pack-cap { display: block; line-height: 2em; } .vip-reg .packages .pack .pack-cap b { display: block; font-size: 1.25em; font-weight: 800; } .vip-reg .packages .pack .badge { border-radius: 10px; position: absolute; top: 10px; right: 10px; } .vip-reg .packages .pack .btn, .vip-reg .packages .pack .quiz-over .qz-act, .quiz-over .vip-reg .packages .pack .qz-act { background-color: #f5f5f5; border: solid 1px #eaeaea; color: #5f5f5f; display: block; margin: 20px auto 0; font-size: 1rem; font-weight: 700; text-transform: uppercase; white-space: nowrap; } .vip-reg .comparing { display: block; margin: 0 -10px; padding: 0 10px; position: relative; } .vip-reg .comparing::before { border-bottom: solid 1px #eaeaea; content: ""; display: block; height: 60px; width: 100%; position: absolute; top: 0; left: 0; } .vip-reg .comparing table { position: relative; z-index: 2; } .tip-reg { background-color: #fffde7; border-color: #fdd835; font-size: 0.875rem; display: block; margin: 0; padding: 15px; } .tip-reg .page-capt { margin: 15px 0; text-transform: none; } .tip-reg .btn, .tip-reg .quiz-over .qz-act, .quiz-over .tip-reg .qz-act { display: block; } .pay-info table { font-weight: 600; } .pay-info input { border: none; width: 9.5em; } .pay-info input::-moz-placeholder { opacity: 0.35; } .pay-info input::placeholder { opacity: 0.35; } .pay-choice .pay-cap { color: #5f5f5f; font-weight: 700; text-transform: uppercase; } .pay-choice .grp-cord .grp-wrap { margin: 10px 0; } .pay-choice .grp-cord .grp-wrap > .grp-cap { background-color: #f5f5f5; background-position: left 10px top 50%; background-repeat: no-repeat; background-size: 60px auto; border-radius: 5px; display: block; margin: 0; padding: 15px 10px 15px 80px; position: relative; } .pay-choice .grp-cord .grp-wrap > label::before, .pay-choice .grp-cord .grp-wrap > label::after { content: ""; display: block; position: absolute; top: 50%; right: 20px; } .pay-choice .grp-cord .grp-wrap > label::before { border-radius: 50%; border: solid 1px #28262c; margin: -10px; height: 20px; width: 20px; } .pay-choice .grp-cord .grp-wrap > [type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; margin: 0; padding: 0; height: 0; width: 0; visibility: hidden; position: absolute; } .pay-choice .grp-cord .grp-wrap > [type=radio]:checked + label::before { background-color: #2196f3; border: none; } .pay-choice .grp-cord .grp-wrap > [type=radio]:checked + label::after { border-bottom: solid 1px #fff; border-left: solid 1px #fff; margin: -3px -5px; height: 3px; width: 9px; transform: rotate(-45deg); } .pay-choice .grp-cord .grp-wrap .acc-cord { margin-left: 40px; } .pay-choice .acc-cord .acc-wrap { background-color: #f5f5f5; border-radius: 5px; margin: 10px 0; } .pay-choice .acc-cord .acc-wrap > label { background: left 20px top 50% no-repeat; display: block; margin: 0; padding: 15px 10px 15px 70px; position: relative; } .pay-choice .acc-cord .acc-wrap > label::before, .pay-choice .acc-cord .acc-wrap > label::after { content: ""; display: block; position: absolute; top: 50%; right: 20px; } .pay-choice .acc-cord .acc-wrap > label::before { border-radius: 50%; border: solid 1px #28262c; margin: -10px; height: 20px; width: 20px; } .pay-choice .acc-cord .acc-wrap > label.momo { background-image: url(https://bongdaplus.vn//img/banks/momo.png); } .pay-choice .acc-cord .acc-wrap > label.bank { background-image: url(https://bongdaplus.vn//img/banks/bank.png); } .pay-choice .acc-cord .acc-wrap > label.card { background-image: url(https://bongdaplus.vn//img/banks/card.png); } .pay-choice .acc-cord .acc-wrap .acc-sel { border-top: solid 1px #eaeaea; display: none; } .pay-choice .acc-cord .acc-wrap .acc-sel li { padding: 10px; width: 33.33%; } .pay-choice .acc-cord .acc-wrap .acc-sel label { background: #fff; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); display: block; height: 42px; position: relative; } .pay-choice .acc-cord .acc-wrap .acc-sel label img { display: block; margin: 0 auto; max-width: 100%; max-height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pay-choice .acc-cord .acc-wrap .acc-sel [type=radio]:checked + label { background-color: #f5f8fd; border: solid 2px #2196f3; } .pay-choice .acc-cord .acc-wrap .acc-sel .qrcode { background: #ddd; display: block; margin: 20px auto; height: 160px; width: 160px; } .pay-choice .acc-cord .acc-wrap [type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; margin: 0; padding: 0; height: 0; width: 0; visibility: hidden; position: absolute; } .pay-choice .acc-cord .acc-wrap [type=radio]:checked + label::before { background-color: #2196f3; border: none; } .pay-choice .acc-cord .acc-wrap [type=radio]:checked + label::after { border-bottom: solid 1px #fff; border-left: solid 1px #fff; margin: -3px -5px; height: 3px; width: 9px; transform: rotate(-45deg); } .pay-choice .acc-cord .acc-wrap [type=radio]:checked ~ .acc-sel { display: block; } .pay-end .pay-cap { color: #5f5f5f; font-weight: 700; text-transform: uppercase; } .pay-end img { display: block; margin: 20px auto; } .pay-end p { margin: 10px 0; } @media only screen and (max-width: 1023.9px) { .page-cover { padding: 15px 5px; } .tbl-form th, .tbl-form td { display: block; padding: 5px 0; width: 100%; } .tbl-form th { font-size: 0.875rem; margin-top: 10px; padding-bottom: 0; } .board .news-strm .thumb { float: left; margin-right: 10px; width: 120px; } .board .news-strm .title { font-size: 1rem; } .board .news-strm .summ { display: none; } .trans-hist { overflow-x: auto; } .trans-hist th { white-space: nowrap; } .pay-info td { display: block; } .pay-info td input { display: block; width: 100% !important; } } @media only screen and (min-width: 1024px) { .side-bar, .side-bar.active { width: 260px; } .side-bar .logo { height: 54px; width: 260px; } .owner-band { padding-top: 42px; } .owner-band::before { background-size: 100%; height: 128px; } .owner-band .avatar { height: 132px; width: 132px; } .owner-band .avatar.premium { border: #fdd835, 5px !important; } .owner-band .avatar.premium::after { height: 28px; width: 28px; top: 5px; right: -5px; } .owner-band .owner-info .member { line-height: 80px; height: 80px; } .owner-band .owner-info .member .title { font-size: 2rem; font-weight: 700; } .owner-band .owner-info .member .premium { padding: 0 10px; font-size: 0.875rem; } .owner-band .owner-info .status { padding: 0; } .owner-band .owner-info .status a, .owner-band .owner-info .status span { margin: 10px; } .page-wrap { padding-top: 10px; left: 260px; } .board { padding: 0 20px; } .board .brd-cap { font-size: 1.75rem; } .memb-form .no-wrap { margin: 22px; } .tip-tbl .avatar { display: inline-block; } .avatar-box { max-width: 800px; } .avatar-box .bar li, .avatar-box header.min .nav-bar ul li, header.min .nav-bar .avatar-box ul li { width: 12.5%; } .avatar-box .bar a img, .avatar-box header.min .nav-bar ul a img, header.min .nav-bar .avatar-box ul a img { max-width: 160px; } .bounder { padding: 20px; } .bounder .bnd-cap { margin: 0 -20px; padding: 0 20px 10px; } .page-capt { font-size: 1.75rem; } .min-tbl th, .min-tbl td { padding: 20px 10px; } .min-tbl thead { font-size: 1.125rem; } .vip-reg .packages { margin: 0; } .vip-reg .packages li { width: 25%; } .vip-reg .packages .pack .pack-cap { font-size: 1.125rem; } .vip-reg .packages .pack:active, .vip-reg .packages .pack:focus, .vip-reg .packages .pack:hover { background-color: #fdeaeb; border-color: #ed1c24; } .vip-reg .packages .pack:hover .btn, .vip-reg .packages .pack:hover .quiz-over .qz-act, .quiz-over .vip-reg .packages .pack:hover .qz-act, .vip-reg .packages .pack .btn:hover, .vip-reg .packages .pack .quiz-over .qz-act:hover, .quiz-over .vip-reg .packages .pack .qz-act:hover { border: none; background-image: linear-gradient(90deg, #971217 0%, #ed1c24 100%); color: #fff !important; } .vip-reg .comparing { margin: 0; padding: 0 20px; } .vip-reg .comparing th, .vip-reg .comparing td { padding: 20px 10px; } .vip-reg .comparing thead { font-size: 1.125rem; } .tip-reg { padding: 20px 50px; } .tip-reg .page-capt { margin: 20px 0; } .pay-choice .acc-cord .acc-wrap .acc-sel { padding: 10px; } .pay-choice .acc-cord .acc-wrap .acc-sel li { width: 25%; } .pay-choice .acc-cord .acc-wrap .acc-sel label { height: 72px; } .pay-choice .acc-cord .acc-wrap .acc-sel img { min-height: 52px; } } .mix-fit { max-width: 1140px; } .mix-slide .news.fst .title { font-size: 2rem; font-weight: 800; margin: 10px 0; } .mix-slide .lst .news, .mix-slide .cataloger .cata-opts ul .news, .cataloger .cata-opts .mix-slide ul .news, .mix-slide .board .news-lst .news, .board .mix-slide .news-lst .news, .mix-slide .board .news-strm .news, .board .mix-slide .news-strm .news { margin: 5px 0 5px 20px; } .mix-slide .lst .news .title, .mix-slide .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .mix-slide ul .news .title, .mix-slide .board .news-lst .news .title, .board .mix-slide .news-lst .news .title, .mix-slide .board .news-strm .news .title, .board .mix-slide .news-strm .news .title { color: #7a7a7a; font-size: 0.9rem; } .mix-slide .lst .news::before, .mix-slide .cataloger .cata-opts ul .news::before, .cataloger .cata-opts .mix-slide ul .news::before, .mix-slide .board .news-lst .news::before, .board .mix-slide .news-lst .news::before, .mix-slide .board .news-strm .news::before, .board .mix-slide .news-strm .news::before { background-color: #ed1c24; clear: none; content: ""; display: block; float: left; margin: 7px 5px 0 -15px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .mix-scope { background-color: #f5f5f5; } .mix-scope .caption { background-position: left 15px top 25px; height: 60px; } .mix-scope .news .title { font-size: 1rem; } .mix-scope .news .summ { margin: 10px 0; } .mix-scope .news .info { margin-top: 15px; } .mix-scope .news .author { display: block; } .mix-scope .news .avatar { margin-left: 14px; height: 44px; width: 44px; } .mix-scope .scroller::before { background-image: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%); } .mix-scope .scroller::after { background-image: linear-gradient(0deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%); } .mix-scope .lst li, .mix-scope .cataloger .cata-opts ul li, .cataloger .cata-opts .mix-scope ul li, .mix-scope .board .news-lst li, .board .mix-scope .news-lst li, .mix-scope .board .news-strm li, .board .mix-scope .news-strm li { border-top: solid 1px #eaeaea; padding: 15px; } .mix-scope .lst li .avatar, .mix-scope .cataloger .cata-opts ul li .avatar, .cataloger .cata-opts .mix-scope ul li .avatar, .mix-scope .board .news-lst li .avatar, .board .mix-scope .news-lst li .avatar, .mix-scope .board .news-strm li .avatar, .board .mix-scope .news-strm li .avatar { margin-top: 3px; height: 80px; width: 80px; position: relative; z-index: 2; } .mix-scope .lst li:first-child, .mix-scope .cataloger .cata-opts ul li:first-child, .cataloger .cata-opts .mix-scope ul li:first-child, .mix-scope .board .news-lst li:first-child, .board .mix-scope .news-lst li:first-child, .mix-scope .board .news-strm li:first-child, .board .mix-scope .news-strm li:first-child { border-top: none; } .mix-scope .lst li:first-child .avatar, .mix-scope .cataloger .cata-opts ul li:first-child .avatar, .cataloger .cata-opts .mix-scope ul li:first-child .avatar, .mix-scope .board .news-lst li:first-child .avatar, .board .mix-scope .news-lst li:first-child .avatar, .mix-scope .board .news-strm li:first-child .avatar, .board .mix-scope .news-strm li:first-child .avatar { margin-top: 0; } .mix-lst .news, .mix-strm .news { border-top: solid 1px #eaeaea; padding: 15px 0; } .mix-lst .news .thumb, .mix-strm .news .thumb { float: right; margin-left: 10px; width: 160px; } .mix-lst .news .title, .mix-strm .news .title { font-size: 1rem; } .mix-lst .tab-lst ul li { font-size: 1rem; font-weight: 800; padding: 0 10px; text-transform: uppercase; } .mix-lst .tab-lst ul li.active { color: #ed1c24; border-color: #ed1c24; } .mix-predict { background-color: #f5f5f5; border: solid 1px #eaeaea; display: block; margin: 30px 0; padding: 15px; } .mix-predict .lead { margin: 0; } .mix-predict .bar li, .mix-predict header.min .nav-bar ul li, header.min .nav-bar .mix-predict ul li { padding: 10px 10px 10px 20px; width: 100%; } .mix-predict .bar li::before, .mix-predict header.min .nav-bar ul li::before, header.min .nav-bar .mix-predict ul li::before { background-color: #ed1c24; clear: none; content: ""; display: block; float: left; margin: 7px 5px 0 -12px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .mix-more { color: #7a7a7a; font-size: 0.875rem; } .mix-score { border: solid 1px #eaeaea; padding: 15px; } .mix-score .xcap, .mix-score .daily-betts .caption, .daily-betts .mix-score .caption { margin-top: 0; margin-bottom: 10px; } .mix-score .xcap b, .mix-score .daily-betts .caption b, .daily-betts .mix-score .caption b { color: #ed1c24; } .mix-score .score-view { height: 450px; } .mix-score .cup-lst { font-size: 1.125rem; font-weight: bold; line-height: 32px; height: 40px; text-transform: uppercase; } .mix-story { background-color: #f5f5f5; border: solid 1px #eaeaea; padding: 10px 20px; } .mix-story .capt-cover { margin-top: 0; } .mix-story .capt-cover .caption { background-color: #f5f5f5; } .mix-story .capt-cover .caption img { margin-right: 10px; max-height: 32px; vertical-align: baseline; } .mix-story .capt-cover.base::before { top: unset; bottom: 6px; } .mix-story .capt-cover.base .caption { text-transform: none; } .mix-story .news .title { font-size: 1rem; margin: 10px 0; } .mix-story .news.fst .title { font-size: 1.125rem; } .mix-story .lst li, .mix-story .cataloger .cata-opts ul li, .cataloger .cata-opts .mix-story ul li, .mix-story .board .news-lst li, .board .mix-story .news-lst li, .mix-story .board .news-strm li, .board .mix-story .news-strm li { padding-left: 20px; border-top: solid 1px #eaeaea; } .mix-story .lst li::before, .mix-story .cataloger .cata-opts ul li::before, .cataloger .cata-opts .mix-story ul li::before, .mix-story .board .news-lst li::before, .board .mix-story .news-lst li::before, .mix-story .board .news-strm li::before, .board .mix-story .news-strm li::before { background-color: #ed1c24; clear: none; content: ""; display: block; float: left; margin: 20px 10px 0 -15px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .mix-stars .capt-cover { margin: 0 0 10px 0; } .mix-stars .go-bck, .mix-stars .go-nxt { height: 48px; width: 48px; } .mix-stars .go-bck::before, .mix-stars .go-nxt::before { display: none; } .mix-stars .go-bck::after, .mix-stars .go-nxt::after { border-color: #ed1c24; border-width: 2px; margin-left: -19px; margin-top: -7px; height: 12px; width: 12px; } .mix-stars .go-bck::after { margin-left: 8px; } .mix-stars .sld-wrap { background: #000; } .mix-stars .sld-wrap .sld-itm { padding: 20px; width: 100%; } .mix-stars .sld-wrap .sld-itm .sld-chg { transition: all ease 0.3s; } .mix-stars .sld-wrap .news { position: relative; } .mix-stars .sld-wrap .news .title { color: #fff; padding: 15px 0; font-size: 1.25rem; font-weight: 800; } .mix-tops .tab-lst { display: block; margin: 5px 0; text-align: center; } .mix-tops .tab-lst ul, .mix-tops .tab-lst li { border-radius: 20px; display: inline-block !important; text-align: center; white-space: nowrap; } .mix-tops .tab-lst ul { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); height: 40px; padding: 2px; } .mix-tops .tab-lst ul li { font-weight: bold; line-height: 36px; height: 36px; padding: 0 20px; } .mix-tops .tab-lst ul li.active { border: none; background-color: #ed1c24; color: #fff; margin-bottom: 0; height: 36px; } .mix-tops .tab-pane .news { color: #7a7a7a; padding: 10px 0 10px 25px; } .mix-tops .tab-pane .news::before { background-color: #ed1c24; clear: none; content: ""; display: block; float: left; margin: 10px 10px 0 -15px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .mix-tops .tab-pane .news .title { font-size: 1rem; } .mix-specs .slider { padding: 0 20px; } .mix-specs .slider .go-bck, .mix-specs .slider .go-nxt { height: 48px; width: 48px; } .mix-specs .slider .go-bck::before, .mix-specs .slider .go-nxt::before { display: none; } .mix-specs .slider .go-bck::after, .mix-specs .slider .go-nxt::after { border-color: #ed1c24; border-width: 2px; margin-left: -19px; margin-top: -7px; height: 12px; width: 12px; } .mix-specs .slider .go-bck:active:after, .mix-specs .slider .go-bck:focus:after, .mix-specs .slider .go-bck:hover:after, .mix-specs .slider .go-nxt:active:after, .mix-specs .slider .go-nxt:focus:after, .mix-specs .slider .go-nxt:hover:after { border-color: #fff; } .mix-specs .slider .go-nxt { right: -25px; } .mix-specs .slider .go-bck { left: -25px; } .mix-specs .slider .go-bck::after { margin-left: 8px; } .mix-specs .slider .sld-lst { display: flex; } .mix-specs .slider .sld-lst .sld-itm { background: #000; border-radius: 8px; margin: 0 10px; padding: 0 0 45px 0; overflow: hidden; width: 240px; min-width: auto; position: relative; } .mix-specs .slider .sld-lst .sld-itm:first-child { margin-left: 0; } .mix-specs .slider .sld-lst .sld-itm:last-child { margin-right: 0; } .mix-specs .slider .sld-lst .sld-itm .title { color: #fff; font-size: 1.25rem; margin: 10px 0; padding: 10px; } .mix-specs .slider .sld-lst .sld-itm .cat { background-color: #ed1c24; color: #fff; display: block; margin: 0; padding: 0 10px 0 0; line-height: 24px; position: absolute; bottom: 20px; left: 10px; text-transform: uppercase; } .mix-specs .slider .sld-lst .sld-itm .cat .ico.plus { background: rgba(0, 0, 0, 0.5); border: none; display: block; float: left; margin: 0 10px 0 0; height: 24px; width: 24px; } .mix-specs .slider .sld-lst .sld-itm .cat .ico.plus::before, .mix-specs .slider .sld-lst .sld-itm .cat .ico.plus::after { background-color: #ed1c24; } .mix-news .news { border-top: solid 1px #eaeaea; padding: 15px 0; } .mix-news .news:first-child { border: none; padding-top: 0; } .mix-news .news .title { font-size: 1rem; margin-bottom: 10px; } .mix-news .news .thumb { float: left; margin-right: 10px; width: 160px; } .mix-news .news .cat { color: #5f5f5f; margin-right: 10px; text-transform: uppercase; } .mix-tags { text-align: center; } .mix-tags .capt { font-size: 1.25rem; font-weight: bold; text-align: left; } .mix-tags .tag { background-color: #eaeaea; border-radius: 5px; display: inline-block; margin: 5px 10px 5px 0; padding: 0 0.5em; font-size: 0.875rem; line-height: 2em; } .mix-tips { border: solid 1px #eaeaea; padding: 0 20px; } .mix-cats .news.fst { padding-bottom: 15px; } .mix-cats .news.fst .title { font-size: 1rem; } .mix-cats .news.fst:not(.small) .title { padding-top: 15px; } .mix-cats .news.fst.small { border-bottom: solid 1px #eaeaea; } .mix-cats .news.fst.small .thumb { float: left; margin-right: 10px; width: 160px; } .mix-cats .lst .news, .mix-cats .cataloger .cata-opts ul .news, .cataloger .cata-opts .mix-cats ul .news, .mix-cats .board .news-lst .news, .board .mix-cats .news-lst .news, .mix-cats .board .news-strm .news, .board .mix-cats .news-strm .news { padding: 10px 0 10px 20px; } .mix-cats .lst .news::before, .mix-cats .cataloger .cata-opts ul .news::before, .cataloger .cata-opts .mix-cats ul .news::before, .mix-cats .board .news-lst .news::before, .board .mix-cats .news-lst .news::before, .mix-cats .board .news-strm .news::before, .board .mix-cats .news-strm .news::before { background-color: #ed1c24; clear: none; content: ""; display: block; float: left; margin: 10px 10px 0 -15px; padding: 0; height: 5px; width: 5px; transform: rotate(45deg); } .mix-cats .lst .news .title, .mix-cats .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .mix-cats ul .news .title, .mix-cats .board .news-lst .news .title, .board .mix-cats .news-lst .news .title, .mix-cats .board .news-strm .news .title, .board .mix-cats .news-strm .news .title { font-size: 0.9rem; } .mix-radio { padding: 10px; } .mix-radio .media.fst { border-bottom: solid 1px #eaeaea; padding: 20px 0; } .mix-radio .media.fst .thumb { display: block; float: right; margin: 5px 0 5px 20px; width: 196px; } .mix-radio .media.fst .title { margin-top: 0; } .mix-radio .media.fst .rdo-player { margin: 10px 216px 0 0; } .mix-radio .rdo-lst li { padding: 10px 0; } .mix-radio .rdo-lst .title { margin-left: 2em; } .mix-radio .rdo-lst .ico { display: block; float: left; margin: 0.5em 0.5em 0 -2em; height: 1.5em; width: 1.5em; } .mix-paper .caption { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0em, #fff 3em); margin: 10px auto 0; width: 16.8rem; white-space: nowrap; } .mix-paper .caption .xcap, .mix-paper .caption .daily-betts .caption, .daily-betts .mix-paper .caption .caption { font-size: 3.5rem; line-height: 60px; } .mix-paper .caption .xcap b, .mix-paper .caption .daily-betts .caption b, .daily-betts .mix-paper .caption .caption b { color: #ed1c24; } .mix-paper .caption small { display: block; font-size: 1rem; font-weight: normal; text-align: right; } .mix-paper .epaper { display: block; } .mix-paper .epaper .thumb { display: block; margin: 0; padding: 15px; } .mix-paper .epaper .thumb img { box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); display: block; max-width: 100%; } .mix-paper .epaper .title { color: #ed1c24; display: block; font-size: 0.85rem; font-weight: 800; text-align: center; } .mix-paper .epaper .title::before { background-color: #ed1c24; color: #fff; content: "EP"; display: inline-block; margin-right: 1em; font-size: 0.7em; font-weight: 600; line-height: 1rem; height: 1rem; width: 1rem; text-align: center; } .mix-paper .slider .go-bck, .mix-paper .slider .go-nxt { border: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); height: 40px; width: 40px; } .mix-paper .slider .go-bck::before, .mix-paper .slider .go-nxt::before { display: none; } .mix-paper .slider .go-bck::after, .mix-paper .slider .go-nxt::after { border-color: #ed1c24; border-width: 2px; height: 9px; width: 9px; top: 45%; } .mix-paper .slider .go-bck:hover:after, .mix-paper .slider .go-nxt:hover:after { border-color: #fff; } .mix-paper .slider .go-bck::after { left: 25px; } .mix-paper .slider .go-nxt::after { left: 9px; } .mix-paper .slider .sld-lst .sld-itm { width: 100%; } .mix-paper .slider .sld-lst .sld-itm img { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); display: block; margin: 15px auto; padding: 0; max-width: 80%; } .mix-files .lst li, .mix-files .cataloger .cata-opts ul li, .cataloger .cata-opts .mix-files ul li, .mix-files .board .news-lst li, .board .mix-files .news-lst li, .mix-files .board .news-strm li, .board .mix-files .news-strm li, .mix-boxer .lst li, .mix-boxer .cataloger .cata-opts ul li, .cataloger .cata-opts .mix-boxer ul li, .mix-boxer .board .news-lst li, .board .mix-boxer .news-lst li, .mix-boxer .board .news-strm li, .board .mix-boxer .news-strm li { margin: 15px 0; } .mix-files .lst .news .thumb, .mix-files .cataloger .cata-opts ul .news .thumb, .cataloger .cata-opts .mix-files ul .news .thumb, .mix-files .board .news-lst .news .thumb, .board .mix-files .news-lst .news .thumb, .mix-files .board .news-strm .news .thumb, .board .mix-files .news-strm .news .thumb, .mix-boxer .lst .news .thumb, .mix-boxer .cataloger .cata-opts ul .news .thumb, .cataloger .cata-opts .mix-boxer ul .news .thumb, .mix-boxer .board .news-lst .news .thumb, .board .mix-boxer .news-lst .news .thumb, .mix-boxer .board .news-strm .news .thumb, .board .mix-boxer .news-strm .news .thumb { margin: 5px 10px 5px 0; width: 128px; } .mix-files .lst .news .title, .mix-files .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .mix-files ul .news .title, .mix-files .board .news-lst .news .title, .board .mix-files .news-lst .news .title, .mix-files .board .news-strm .news .title, .board .mix-files .news-strm .news .title, .mix-boxer .lst .news .title, .mix-boxer .cataloger .cata-opts ul .news .title, .cataloger .cata-opts .mix-boxer ul .news .title, .mix-boxer .board .news-lst .news .title, .board .mix-boxer .news-lst .news .title, .mix-boxer .board .news-strm .news .title, .board .mix-boxer .news-strm .news .title { margin: 0; font-size: 0.9rem; } .mix-files .lst .news .info, .mix-files .cataloger .cata-opts ul .news .info, .cataloger .cata-opts .mix-files ul .news .info, .mix-files .board .news-lst .news .info, .board .mix-files .news-lst .news .info, .mix-files .board .news-strm .news .info, .board .mix-files .news-strm .news .info, .mix-boxer .lst .news .info, .mix-boxer .cataloger .cata-opts ul .news .info, .cataloger .cata-opts .mix-boxer ul .news .info, .mix-boxer .board .news-lst .news .info, .board .mix-boxer .news-lst .news .info, .mix-boxer .board .news-strm .news .info, .board .mix-boxer .news-strm .news .info { margin: 0; font-size: 0.7rem; } .mix-files { background-color: #eaeaea; display: block; margin: 20px 0 0; padding: 1px 10px; } .mix-files .caption { margin-top: -27px; margin-left: -10px; margin-bottom: 10px; } .mix-files .lst .news .thumb, .mix-files .cataloger .cata-opts ul .news .thumb, .cataloger .cata-opts .mix-files ul .news .thumb, .mix-files .board .news-lst .news .thumb, .board .mix-files .news-lst .news .thumb, .mix-files .board .news-strm .news .thumb, .board .mix-files .news-strm .news .thumb { float: right; margin: 5px 0 5px 10px; } .mix-boxer { border: solid 1px #7a7a7a; margin-top: 20px; padding: 10px; } .mix-boxer .caption { margin-top: -32px; line-height: 40px; text-align: center; } .mix-boxer .caption a { background: #fff; display: inline-block; padding: 0 10px; font-size: 1.5rem; } .mix-boxer .news.fst .title { margin: 10px 0 0; } .mix-boxer .lst .news .thumb, .mix-boxer .cataloger .cata-opts ul .news .thumb, .cataloger .cata-opts .mix-boxer ul .news .thumb, .mix-boxer .board .news-lst .news .thumb, .board .mix-boxer .news-lst .news .thumb, .mix-boxer .board .news-strm .news .thumb, .board .mix-boxer .news-strm .news .thumb { float: left; margin-right: 10px; } .prem-bann.paner { width: 95%; max-width: 400px; } .prem-bann.paner .pan-cont { margin: 0; padding: 0; } .prem-bann.paner .pan-cont img { display: block; margin: 0 auto; padding: 0; height: 100%; width: 100%; max-width: 100%; } .prem-bann.paner .ban-close { position: absolute; top: 0; right: 0; height: 30px; width: 30px; } .prem-bann.paner .ban-close::before, .prem-bann.paner .ban-close::after { background: rgba(255, 255, 255, 0.75); content: ""; display: block; margin: 0 0 0 5px; padding: 0; height: 1.5px; width: 20px; position: absolute; top: 50%; left: 0; } .prem-bann.paner .ban-close::before { transform: rotate(-45deg); } .prem-bann.paner .ban-close::after { transform: rotate(45deg); } .prem-bann.paner .ban-refer { background: #fff; border-radius: 12px; color: #000; display: block; margin: 0; padding: 0 15px; font-size: 0.6em; font-weight: 800; line-height: 24px; height: 24px; position: absolute; bottom: 13%; left: 6%; text-transform: uppercase; } .prem-cntr { background-color: #ed1c24; color: #fdd835; display: block; margin: 0; padding: 10px 30px 10px 10px; font-size: 1rem; font-weight: 900; max-width: 1296px; width: 100%; position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0); z-index: 10002; } .prem-cntr a { color: #fff !important; display: block; font-weight: normal; padding: 15px 0 5px; text-transform: uppercase; white-space: nowrap; text-align: right; } .prem-cntr a .ico, .prem-cntr a .ico::before, .prem-cntr a .ico::after { border-color: currentColor; } .prem-cntr .close { background: rgba(0, 0, 0, 0.1); display: block; position: absolute; top: 0; right: 0; height: 30px; width: 30px; } .prem-cntr .close::before, .prem-cntr .close::after { background: #fff; } @media only screen and (max-width: 1023.9px) { .mix-scope { margin: 0 -15px; } .mix-scope .news .title { font-size: 1.125rem; font-weight: 800; } .mix-scope .lst li:first-child .summ, .mix-scope .cataloger .cata-opts ul li:first-child .summ, .cataloger .cata-opts .mix-scope ul li:first-child .summ, .mix-scope .board .news-lst li:first-child .summ, .board .mix-scope .news-lst li:first-child .summ, .mix-scope .board .news-strm li:first-child .summ, .board .mix-scope .news-strm li:first-child .summ { margin-right: 0; } } @media only screen and (min-width: 1024px) { .mix-slide, .mix-lst { border-right: solid 1px #eaeaea; margin-right: -10px; padding-right: 10px; } .mix-lst .news:first-child, .mix-strm .news:first-child { border: none; padding-top: 0; } .mix-lst .news .thumb, .mix-strm .news .thumb { margin-left: 20px; width: 196px; } .mix-specs .slider { padding: 0; } .mix-specs .slider .go-bck { left: -35px; } .mix-specs .slider .go-nxt { right: -10px; } .mix-predict .bar li, .mix-predict header.min .nav-bar ul li, header.min .nav-bar .mix-predict ul li { border-left: dashed 1px #ccc; width: 20%; } .mix-news .news .title { font-size: 1.25rem; } .mix-news .news .thumb { margin-right: 20px; width: 196px; } .mix-news .news .thumb + .title { font-size: 1.125rem; } .mix-cats .news.fst .title { font-size: 1.25rem; } .mix-cats .news.fst.small .thumb { margin-right: 20px; width: 196px; } .prem-bann.paner { max-width: 480px; } .prem-bann.paner .ban-refer { border-radius: 5px; font-size: 0.875rem; font-weight: 800; line-height: 32px; height: 32px; position: absolute; bottom: 14.1%; left: 5%; } .prem-cntr { align-items: center; display: flex; margin: 0; padding: 30px; flex-flow: row nowrap; font-size: 1.5rem; } .prem-cntr a { font-size: 90%; padding: 0; } .prem-cntr p { width: 100%; } } .local-address { padding: 30px 0; } .local-address .loc-map { box-sizing: content-box; display: block; margin: 0; padding: 0 0 50% 0; height: 0; width: 100%; position: relative; } .local-address .loc-map > * { display: none; } .local-address .loc-map > iframe { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 0; } .local-address .loc-reg { display: block; margin: 10px 5%; padding: 0; text-align: center; } .local-address .loc-reg .txt-fld, .local-address .loc-reg .dte-fld, .local-address .loc-reg .dte-range, .local-address .loc-reg .btn, .local-address .loc-reg .quiz-over .qz-act, .quiz-over .local-address .loc-reg .qz-act { display: block; margin: 20px 0; } .local-address .loc-reg .btn, .local-address .loc-reg .quiz-over .qz-act, .quiz-over .local-address .loc-reg .qz-act { width: 100%; } .local-address .loc-srch { border: solid 1px #eaeaea; border-radius: 3px; display: block; margin: 0; padding: 0 15px; height: 40px; } .local-address .loc-srch .ico { background-size: 20px; display: block; float: left; height: 38px; width: 38px; opacity: 0.5; } .local-address .loc-srch input { border: none; font-size: 0.875rem; display: block; margin: 0 0 0 40px; padding: 0; line-height: 38px; height: 38px; } .local-address .loc-pin { color: #2196f3; display: block; margin: 10px 0; line-height: 24px; vertical-align: middle; } .local-address .loc-pin:active, .local-address .loc-pin:focus, .local-address .loc-pin:hover { color: #2196f3 !important; text-decoration: underline; } .local-address .loc-pin .ico { height: 24px; width: 24px; background-position: top 30% left 50%; background-size: 16px; } .local-address .loc-city { margin: 10px -10px; } .local-address .loc-city li { padding: 10px; width: 33.33%; } .local-address .loc-city a { border: solid 1px #eaeaea; line-height: 40px; text-align: center; } .local-address .loc-city a.active { border: solid 1px #ed1c24; color: #ed1c24; } .local-address .loc-adds { font-size: 0.9rem; line-height: 1.5em; } .local-address .loc-adds b { font-size: 1rem; } .local-address .loc-adds li { border-top: solid 1px #eaeaea; padding: 1em 0; } .local-address .loc-adds li:first-child { border: none; } .local-address .loc-sel { font-size: 1rem; font-weight: 1.5em; display: block; margin: 0; padding: 10px 0; } .btnlikedislikecmt { background-color: #cecece; border: solid 1px #7a7a7a; border-radius: 9px; } .TopComment, .avatar .TopComment { border: solid 1px #fdd835; } .TopComment .info .member { color: #ed1c24; } .welcome .regnew-box, .welcome #loginview.login-box, .welcome .forget-box { border-radius: 4px; background: var(--white, #fff); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.25); } .welcome .regnew-box .pan-title, .welcome #loginview.login-box .pan-title, .welcome .forget-box .pan-title { color: var(--Gray-H2, #383838); text-align: center; font-size: 28px; font-style: normal; font-weight: 700; line-height: 36px; margin: 10px; border-color: #eaeaea; padding-bottom: 10px; font-size: 26px; } .welcome .regnew-box #loginview.login-box .pan-title, .welcome #loginview.login-box #loginview.login-box .pan-title, .welcome .forget-box #loginview.login-box .pan-title { padding-top: 10px; } .welcome .regnew-box .pan-cont, .welcome #loginview.login-box .pan-cont, .welcome .forget-box .pan-cont { padding: 20px 40px; } .welcome .regnew-box .reg-step, .welcome #loginview.login-box .reg-step, .welcome .forget-box .reg-step { display: none; } .welcome .regnew-box a.fg-psw, .welcome #loginview.login-box a.fg-psw, .welcome .forget-box a.fg-psw { font-weight: bold; } .welcome .regnew-box input, .welcome .regnew-box button, .welcome #loginview.login-box input, .welcome #loginview.login-box button, .welcome .forget-box input, .welcome .forget-box button { border-color: #d9d9d9 !important; } .welcome .regnew-box .soc-auth, .welcome #loginview.login-box .soc-auth, .welcome .forget-box .soc-auth { padding: 0px 40px; display: flex; justify-content: space-between; gap: 20px; } .welcome .regnew-box .soc-auth button + button, .welcome #loginview.login-box .soc-auth button + button, .welcome .forget-box .soc-auth button + button { margin-left: 0; } .welcome .regnew-box .soc-auth button, .welcome .regnew-box .soc-auth .ex-login-button, .welcome #loginview.login-box .soc-auth button, .welcome #loginview.login-box .soc-auth .ex-login-button, .welcome .forget-box .soc-auth button, .welcome .forget-box .soc-auth .ex-login-button { display: inline-flex; justify-content: center; align-items: center; background-origin: padding-box; border-color: #d9d9d9 !important; width: 100%; } .welcome .regnew-box .soc-auth .ico.apple-color, .welcome .regnew-box .soc-auth .ico.apple_login, .welcome #loginview.login-box .soc-auth .ico.apple-color, .welcome #loginview.login-box .soc-auth .ico.apple_login, .welcome .forget-box .soc-auth .ico.apple-color, .welcome .forget-box .soc-auth .ico.apple_login { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD0SURBVHgBtZThDYMgEIVf7AJuUEZwBDbpCLUT1A3aDeoGHYFu4Ai6gf7sP3tEmqJFEU++5CXCybuDIwDbkSRFeiICBak3UtgZaZlrnbAzyjKvEAHbXPh+PnjigpSSusn8nXQxsczE3wggJ7X4VVuTHhjOX2Boco1xL/R4VT/KycJQFUvmBdO8Nzt1ImKaa85M8xaOW5VY3xI8XqRmKUEKHp1rMkFkEl8FAUhfggY8BDx91EHuNdU3KZtLkGL8PHCUf02nPSixD+1cQIBffQ3PM35jJrjCQ4r/pzik+lWIDUm8R+NKUpnFCsPWjyaWmbEdFy6TD9vTz1HWIimNAAAAAElFTkSuQmCC); } .welcome .regnew-box p a, .welcome #loginview.login-box p a, .welcome .forget-box p a { color: #2196f3; font-weight: bold; } .welcome .regnew-box .fld-box, .welcome #loginview.login-box .fld-box, .welcome .forget-box .fld-box { margin: 10px 0px; } .welcome .regnew-box .fld-box + p, .welcome #loginview.login-box .fld-box + p, .welcome .forget-box .fld-box + p { margin-top: 25px; } .welcome .regnew-box .rdo-fld input, .welcome #loginview.login-box .rdo-fld input, .welcome .forget-box .rdo-fld input { width: 20px; height: 20px; } .welcome .regnew-box .rdo-fld label, .welcome #loginview.login-box .rdo-fld label, .welcome .forget-box .rdo-fld label { padding-bottom: 10px; padding-left: 0px; } .welcome .regnew-box .splt + p, .welcome .regnew-box .field-validation-valid + p, .welcome #loginview.login-box .splt + p, .welcome #loginview.login-box .field-validation-valid + p, .welcome .forget-box .splt + p, .welcome .forget-box .field-validation-valid + p { margin-bottom: 0px; } .welcome .wel-pane { background: #f3f4f7; min-height: calc(100vh - 80px); } .welcome .wel-pane .w6 { display: none; } .welcome .wel-pane .w5 { width: 100%; } .welcome header.min { display: flex; border-bottom: solid 1px rgba(122, 122, 122, 0.25); padding: 5px 0; } .welcome header.min .cont-wrap { min-width: unset; } .welcome header.min .logo { height: 60px; } .welcome header.min + .wel-pane #loginview.login-box { margin-top: 30px; } .welcome header.min + .wel-pane #loginview.login-box .pan-title { padding-top: 0px; } @media screen and (max-width: 768px) { .welcome .wel-pane { background: #fff; min-height: unset; } .welcome .wel-pane .regnew-box, .welcome .wel-pane #loginview.login-box, .welcome .wel-pane .forget-box { width: 100%; box-shadow: unset; border: none; } .welcome .wel-pane .regnew-box .pan-cont, .welcome .wel-pane #loginview.login-box .pan-cont, .welcome .wel-pane .forget-box .pan-cont { padding: 20px; } .welcome .wel-pane .regnew-box .soc-auth, .welcome .wel-pane #loginview.login-box .soc-auth, .welcome .wel-pane .forget-box .soc-auth { padding: 0px 20px; } .welcome .wel-pane .w5 { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .welcome .wel-pane #loginview.login-box { margin-top: -20px; } .welcome .wel-pane .regnew-box { margin-top: -20px; } .welcome header.min + main .wel-pane .regnew-box, .welcome header.min + main .wel-pane #loginview.login-box, .welcome header.min + main .wel-pane .forget-box { border: solid 1px #f5f5f5; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.25); } } .dashboard .clz { display: block; } .dashboard .side-bar .side-nav a { color: #383838; font-size: 15px; font-weight: 400; margin: 10px 0px; padding-left: 20px; } .dashboard .owner-band .owner-info .status span, .dashboard .owner-band .owner-info .status a { border-radius: 5px; padding: 0 10px; line-height: 26px; font-size: 14px; } .dashboard form { max-width: 800px; } .dashboard form .dte-fld big input:hover, .dashboard form .dte-fld big input:focus, .dashboard form .dte-fld input:hover, .dashboard form .dte-fld input:focus, .dashboard form .sel-fld.big input:hover, .dashboard form .sel-fld.big input:focus, .dashboard form .sel-fld.big label input:hover, .dashboard form .sel-fld.big label input:focus, .dashboard form .txt-fld.big input:hover, .dashboard form .big.dte-range input:hover, .dashboard form .txt-fld.big input:focus, .dashboard form .big.dte-range input:focus { border-color: #2196f3 !important; } .dashboard form .dte-fld::before { cursor: pointer; } .dashboard .welcome.team form, .dashboard form#user-payment { max-width: unset; background: #fff; padding: 15px; border-radius: 5px; } .dashboard .pay-choice .acc-cord .acc-wrap > label { padding: 15px 40px 15px 70px; } .dashboard #change-password-form table th { padding-left: 0px; width: 111px; } .dashboard #change-password-form table td { width: calc(100% - 111px); } .dashboard .memb-form table th { padding-left: 0px; width: 130px; } .dashboard .memb-form table td { width: calc(100% - 130px); } .dashboard .rdo-fld input { height: 22px; width: 22px; margin: -10px 0px; } .dashboard .rdo-fld input:checked { border-width: 1px; } .dashboard .rdo-fld input:checked::before { margin: -7px -7px; height: 14px; width: 14px; } .dashboard .btn[type=submit], .quiz-over .dashboard [type=submit].qz-act, .dashboard .quiz-over [type=submit].qz-act, .dashboard .btn.accept, .quiz-over .dashboard .accept.qz-act, .dashboard .quiz-over .accept.qz-act { background-color: #006ffb; color: #fff; font-weight: normal; } .dashboard .txt-fld.big, .dashboard .big.dte-range, .dashboard .big.dte-fld, .dashboard .sel-fld.big label { min-height: 50px; } .dashboard .txt-fld.big input, .dashboard .big.dte-range input, .dashboard .big.dte-fld input, .dashboard .txt-fld.big input + span, .dashboard .big.dte-range input + span, .dashboard .big.dte-fld input + span, .dashboard .sel-fld.big label input, .dashboard .sel-fld.big label span { line-height: 50px; } .dashboard .board .brd-cap { font-size: 1.3rem; } .dashboard .board .brd-cap .view-more.rgt { margin-top: 0; } .dashboard a#external-login, .dashboard a#email { color: #2196f3; } .dashboard .refer-home { padding-top: 20px; } .dashboard .refer-home a { background-image: linear-gradient(90deg, #AA221C 0%, #FC151D 100%); color: #fff; border-radius: 4px; padding: 10px 20px; text-transform: uppercase; font-weight: bold; font-size: 18px; } .dashboard .refer-home a:hover { color: #fff; background-image: linear-gradient(90deg, #ed1c24 0%, #ed1c24 100%); } @media screen and (max-width: 768px) { .dashboard .ico.close::after { transform: rotate(-45deg) translate(-50%, -50%); margin-left: 0.3em; margin-top: -0.2em; } .dashboard .page-wrap { background: #f0f2f5; padding: 15px; padding-top: 0; } .dashboard .page-wrap .owner-band { display: none; } .dashboard .page-wrap .board { padding: 15px; border-radius: 6px; margin-top: 0; } .dashboard .page-wrap .vip-reg { background: #fff; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 20px; margin-top: -20px; padding-top: 30px; margin-bottom: -20px; } .dashboard .page-wrap .vip-reg .comparing { margin: 0; } .dashboard .w8 { padding: 0; } .dashboard .side-bar { padding-left: 0px; } .dashboard .side-bar.active { padding-left: 15px; } .dashboard form, .dashboard form.memb-form { margin-left: 0; } .dashboard form table th, .dashboard form.memb-form table th { width: 100%; } .dashboard form table td, .dashboard form.memb-form table td { width: 100%; } .dashboard .refer-nav { margin-bottom: 20px; } .dashboard .refer-home a { font-size: 15px; } .dashboard .memb-form .rdo-fld:first-child { margin-bottom: 10px; } .dashboard .memb-form .w8 { padding: 10px; } .dashboard .owner-band .avatar { margin-right: 5px; } .dashboard .owner-band .avatar::after { width: 15px; height: 15px; background-size: 13px; right: 2px; top: 2px; } } @media screen and (max-width: 768px) { .dashboard .welcome.team .welcome_team_left { padding-left: 10px; } .dashboard .welcome.team .welcome_team_left .welcome_team_content { padding-top: 20px; } .dashboard .welcome.team .welcome_team_left .welcome_team_content .list_team .list_team_content .list_team_item { border-radius: 5px !important; border: 1px solid #e6e6e6 !important; } .dashboard .welcome.team .welcome_team_right .welcome_team_title { position: relative; width: 100%; height: unset; } .dashboard .welcome.team .welcome_team_right .welcome_team_title .wel-tit { justify-content: end; margin-bottom: 20px; } .dashboard .welcome.team .welcome_team_right .welcome_team_title .wel-tit .wel_btn { position: relative; float: right; border-radius: 5px; width: -moz-fit-content; width: fit-content; right: 0; top: 0; } .dashboard .welcome.team .welcome_team_right .welcome_team_title .wel-tit .wel_btn span { display: block; margin-right: 5px; } }/*# sourceMappingURL=premium.css.map */