/* Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com) Copyright 2011-2016 The Bootstrap Authors Copyright 2011-2016 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ progress, sub, sup { vertical-align: baseline; } address, dl, ol, p, ul { margin-bottom: 1rem; } dt, optgroup { font-weight: 700; } pre, textarea { overflow: auto; } [role=button], [type=button], [type=reset], [type=submit], button { cursor: pointer; } a, table { background-color: transparent; } caption, th { text-align: left; } html, legend { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, legend, main, menu, nav, section, summary { display: block; } audio, canvas, label, output, progress, video { display: inline-block; } button, hr, input, select { overflow: visible; } .col-xs, .form-check, sub, sup { position: relative; } .nav-pills .nav-item, .nav-tabs .nav-item, .table-reflow thead, .table-reflow tr { float: left; } .tabs, table { border-collapse: collapse; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 16px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { color: #0275d8; text-decoration: none; } a:active, a:hover { outline-width: 0; } abbr[title] { text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { margin: 0.67em 0; } mark { color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; vertical-align: middle; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, select, textarea { font: inherit; } address, legend { line-height: inherit; } button, select { text-transform: none; } [disabled] { cursor: default; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } input[type=search], select { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, input:-moz-focusring { outline: ButtonText dotted 1px; } textarea { resize: vertical; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } *, ::after, ::before { box-sizing: inherit; } @-ms-viewport { width: device-width; } body { margin: 0; font-size: 1rem; line-height: 1.5; color: #373a3c; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } dl, ol, p, ul { margin-top: 0; } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #818a91; } address { font-style: normal; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dd, label { margin-bottom: 0.5rem; } dd { margin-left: 0; } blockquote, figure { margin: 0 0 1rem; } a:focus, a:hover { color: #014c8c; text-decoration: underline; } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; } .form-control:disabled, input[type=checkbox]:disabled, input[type=radio]:disabled { cursor: not-allowed; } [role=button], a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #818a91; caption-side: bottom; } button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px; } button, input, select, textarea { margin: 0; line-height: inherit; border-radius: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { color: inherit; max-width: 100%; white-space: normal; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; } .btn, .dropdown-header, .dropdown-item { white-space: nowrap; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .blockquote, .table, hr { margin-bottom: 1rem; } .display-1, .display-2, .display-3, .display-4, .lead { font-weight: 300; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; } .display-1 { font-size: 6rem; } .display-2 { font-size: 5.5rem; } .display-3 { font-size: 4.5rem; } .display-4 { font-size: 3.5rem; } .btn, .btn-link, .dropdown-item, .small, small { font-weight: 400; } hr { box-sizing: content-box; height: 0; margin-top: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .container, .container-fluid { margin-left: auto; margin-right: auto; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; color: #818a91; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; border-left: 0; } .col-xs, .container, .container-fluid { padding-right: 15px; padding-left: 15px; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } .dropdown-toggle::after, .nav-pills::after, .nav-tabs::after, .navbar::after { content: ""; } @media (min-width: 830px) { .container { max-width: 576px; } } @media (min-width: 900px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 940px; } } @media (min-width: 1020px) { .container { max-width: 1020px; } } .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; } .col-xs { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; } .col-xs-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xs-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xs-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xs-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xs-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xs-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xs-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xs-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xs-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xs-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xs-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xs-0 { right: auto; } .pull-xs-1 { right: 8.33333%; } .pull-xs-2 { right: 16.66667%; } .pull-xs-3 { right: 25%; } .pull-xs-4 { right: 33.33333%; } .pull-xs-5 { right: 41.66667%; } .pull-xs-6 { right: 50%; } .pull-xs-7 { right: 58.33333%; } .pull-xs-8 { right: 66.66667%; } .pull-xs-9 { right: 75%; } .pull-xs-10 { right: 83.33333%; } .pull-xs-11 { right: 91.66667%; } .pull-xs-12 { right: 100%; } .push-xs-0 { left: auto; } .push-xs-1 { left: 8.33333%; } .push-xs-2 { left: 16.66667%; } .push-xs-3 { left: 25%; } .push-xs-4 { left: 33.33333%; } .push-xs-5 { left: 41.66667%; } .push-xs-6 { left: 50%; } .push-xs-7 { left: 58.33333%; } .push-xs-8 { left: 66.66667%; } .push-xs-9 { left: 75%; } .push-xs-10 { left: 83.33333%; } .push-xs-11 { left: 91.66667%; } .push-xs-12 { left: 100%; } .offset-xs-1 { margin-left: 8.33333%; } .offset-xs-2 { margin-left: 16.66667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.33333%; } .offset-xs-5 { margin-left: 41.66667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.33333%; } .offset-xs-8 { margin-left: 66.66667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.33333%; } .offset-xs-11 { margin-left: 91.66667%; } @media (min-width: 830px) { .col-sm { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-sm-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 900px) { .col-md { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-md-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-lg-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1020px) { .col-xl { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xl-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid #eceeef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .btn, .form-check-inline, select { vertical-align: middle; } .table tbody + tbody { border-top: 2px solid #eceeef; } .table .table { background-color: #fff; } .table-sm td, .table-sm th { padding: 0.3rem; } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #eceeef; } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th, .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > td, .table-success > th { background-color: #dff0d8; } .table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > td, .table-info > th { background-color: #d9edf7; } .table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > td, .table-warning > th { background-color: #fcf8e3; } .table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > td, .table-danger > th { background-color: #f2dede; } .table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .thead-inverse th { color: #fff; background-color: #373a3c; } .thead-default th { color: #55595c; background-color: #eceeef; } .table-inverse { color: #eceeef; background-color: #373a3c; } .table-inverse td, .table-inverse th, .table-inverse thead th { border-color: #55595c; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; min-height: 0.01%; overflow-x: auto; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow td, .table-reflow th { border-top: 1px solid #eceeef; border-left: 1px solid #eceeef; } .table-reflow td:last-child, .table-reflow th:last-child { border-right: 1px solid #eceeef; } .table-reflow tbody:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow thead:last-child tr:last-child th { border-bottom: 1px solid #eceeef; } .table-reflow tr td, .table-reflow tr th { display: block !important; border: 1px solid #eceeef; } .form-check, .form-control, .form-control-file, .form-control-range, .form-text { display: block; } .form-control { width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #55595c; background-color: #fff; border-color: #66afe9; outline: 0; } .form-control::-webkit-input-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; opacity: 1; } .form-control::placeholder { color: #999; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: 2.5rem; } select.form-control:focus::-ms-value { color: #55595c; background-color: #fff; } .col-form-label { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .col-form-label-lg { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1.25rem; } .col-form-label-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; } .col-form-legend, .form-control-static { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .col-form-legend { font-size: 1rem; } .form-control-static { min-height: 2.5rem; } .form-control-static.form-control-lg, .form-control-static.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]) { height: 1.8125rem; } .form-control-lg { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]) { height: 3.16667rem; } .form-group { margin-bottom: 1rem; } .form-text { margin-top: 0.25rem; } .form-check { margin-bottom: 0.75rem; } .form-check + .form-check { margin-top: -0.25rem; } .form-check-input, .form-control-feedback { margin-top: 0.25rem; } .form-check.disabled .form-check-label { color: #818a91; cursor: not-allowed; } .has-success .custom-control, .has-success .form-check-inline, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label { color: #5cb85c; } .form-check-inline, .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .collapsing, .dropdown, .dropup { position: relative; } .form-check-inline { position: relative; display: inline-block; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } .form-check-inline.disabled { cursor: not-allowed; } .form-control-danger, .form-control-success, .form-control-warning { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.625rem; background-size: 1.25rem 1.25rem; } .has-success .form-control { border-color: #5cb85c; } .has-success .input-group-addon { color: #5cb85c; border-color: #5cb85c; background-color: #eaf6ea; } .has-warning .custom-control, .has-warning .form-check-inline, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label { color: #f0ad4e; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control { border-color: #f0ad4e; } .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: #fff; } .has-danger .custom-control, .has-danger .form-check-inline, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { color: #d9534f; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control { border-color: #d9534f; } .has-danger .input-group-addon { color: #d9534f; border-color: #d9534f; background-color: #fdf7f7; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } @media (min-width: 830px) { .form-inline .form-control-static, .form-inline .form-group { display: inline-block; } .form-inline .form-check, .form-inline .form-control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .form-check { display: inline-block; margin-top: 0; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn-block, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .btn { display: inline-block; line-height: 1.25; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { text-decoration: none; } .btn.active, .btn:active { background-image: none; outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: 0.65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { background-color: #0275d8; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; border-color: #01549b; background-image: none; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { color: #fff; background-color: #014682; border-color: #01315a; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover { background-color: #0275d8; border-color: #0275d8; } .btn-secondary { color: #373a3c; background-color: #fff; border-color: #ccc; } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary.active, .btn-secondary:active, .open > .btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; background-image: none; } .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open > .btn-secondary.dropdown-toggle.focus, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle:hover { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary:disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info.focus, .btn-info:focus, .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info:disabled.focus, .btn-info:disabled:focus, .btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success.focus, .btn-success:focus, .btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #419641; background-image: none; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { color: #fff; background-color: #398439; border-color: #2d672d; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success:disabled.focus, .btn-success:disabled:focus, .btn-success:disabled:hover { background-color: #5cb85c; border-color: #5cb85c; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #eb9316; background-image: none; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { color: #fff; background-color: #d58512; border-color: #b06d0f; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning:disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled:hover { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #c12e2a; background-image: none; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover { color: #fff; background-color: #ac2925; border-color: #8b211e; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger:disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } .btn-outline-primary { color: #0275d8; background-image: none; background-color: transparent; border-color: #0275d8; } .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .open > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .open > .btn-outline-primary.dropdown-toggle.focus, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle:hover { color: #fff; background-color: #014682; border-color: #01315a; } .btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled:hover { border-color: #43a7fd; } .btn-outline-secondary { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; } .btn-outline-secondary.active, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary:hover, .open > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-secondary.active.focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.active:hover, .btn-outline-secondary:active.focus, .btn-outline-secondary:active:focus, .btn-outline-secondary:active:hover, .open > .btn-outline-secondary.dropdown-toggle.focus, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle:hover { color: #fff; background-color: #a1a1a1; border-color: #8c8c8c; } .btn-outline-secondary.disabled.focus, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled:hover { border-color: #fff; } .btn-outline-info { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover, .open > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info.active.focus, .btn-outline-info.active:focus, .btn-outline-info.active:hover, .btn-outline-info:active.focus, .btn-outline-info:active:focus, .btn-outline-info:active:hover, .open > .btn-outline-info.dropdown-toggle.focus, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle:hover { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-outline-info.disabled.focus, .btn-outline-info.disabled:focus, .btn-outline-info.disabled:hover, .btn-outline-info:disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled:hover { border-color: #b0e1ef; } .btn-outline-success { color: #5cb85c; background-image: none; background-color: transparent; border-color: #5cb85c; } .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover, .open > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success.active.focus, .btn-outline-success.active:focus, .btn-outline-success.active:hover, .btn-outline-success:active.focus, .btn-outline-success:active:focus, .btn-outline-success:active:hover, .open > .btn-outline-success.dropdown-toggle.focus, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle:hover { color: #fff; background-color: #398439; border-color: #2d672d; } .btn-outline-success.disabled.focus, .btn-outline-success.disabled:focus, .btn-outline-success.disabled:hover, .btn-outline-success:disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled:hover { border-color: #a3d7a3; } .btn-outline-warning { color: #f0ad4e; background-image: none; background-color: transparent; border-color: #f0ad4e; } .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover, .open > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning.active.focus, .btn-outline-warning.active:focus, .btn-outline-warning.active:hover, .btn-outline-warning:active.focus, .btn-outline-warning:active:focus, .btn-outline-warning:active:hover, .open > .btn-outline-warning.dropdown-toggle.focus, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle:hover { color: #fff; background-color: #d58512; border-color: #b06d0f; } .btn-outline-warning.disabled.focus, .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled:hover { border-color: #f8d9ac; } .btn-outline-danger { color: #d9534f; background-image: none; background-color: transparent; border-color: #d9534f; } .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover, .open > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger.active.focus, .btn-outline-danger.active:focus, .btn-outline-danger.active:hover, .btn-outline-danger:active.focus, .btn-outline-danger:active:focus, .btn-outline-danger:active:hover, .open > .btn-outline-danger.dropdown-toggle.focus, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle:hover { color: #fff; background-color: #ac2925; border-color: #8b211e; } .btn-outline-danger.disabled.focus, .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled:hover { border-color: #eba5a3; } .btn-link { color: #0275d8; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #014c8c; text-decoration: underline; background-color: transparent; } .btn-link:disabled:focus, .btn-link:disabled:hover { color: #818a91; text-decoration: none; } .btn-lg { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .btn-block { display: block; } .btn-block + .btn-block { margin-top: 0.5rem; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: 0.35s; transition-property: height; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 1rem; color: #373a3c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-item { display: block; width: 100%; padding: 3px 20px; clear: both; color: #373a3c; text-align: inherit; background: 0 0; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #0275d8; outline: 0; } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #818a91; } .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 5px 20px; font-size: 0.875rem; color: #818a91; } .nav-inline .nav-item, .nav-link { display: inline-block; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 0.3em solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #818a91; } .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem; } .nav-pills .nav-item + .nav-item, .nav-tabs .nav-item + .nav-item { margin-left: 0.2rem; } .nav-tabs::after { display: table; clear: both; } .nav-tabs .nav-link { display: block; padding: 0.5em 1em; border: 1px solid transparent; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #818a91; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover { color: #55595c; background-color: #fff; border-color: #ddd #ddd transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-pills::after { display: table; clear: both; } .nav-pills .nav-link { display: block; padding: 0.5em 1em; border-radius: 0.25rem; } .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover { color: #fff; cursor: default; background-color: #0275d8; } .nav-stacked .nav-item { display: block; float: none; } .nav-stacked .nav-item + .nav-item { margin-top: 0.2rem; margin-left: 0; } .navbar-divider, .navbar-nav .nav-item + .nav-item, .navbar-nav .nav-link + .nav-link { margin-left: 10px; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; padding: 0.5rem 1rem; } .navbar::after { display: table; clear: both; } .navbar-full { z-index: 1000; } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; } .navbar-sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; width: 100%; } .navbar-divider, .sr-only { width: 1px; overflow: hidden; } @media (min-width: 830px) { .navbar { border-radius: 0.25rem; } .navbar-fixed-bottom, .navbar-fixed-top, .navbar-full, .navbar-sticky-top { border-radius: 0; } } .navbar-brand { float: left; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-right: 1rem; font-size: 1.25rem; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } .navbar-divider { float: left; padding-top: 0.425rem; padding-bottom: 0.425rem; margin-right: 1rem; } .navbar-divider::before { content: "\00a0"; } .clearfix::after, .navbar-toggleable-md::after, .navbar-toggleable-sm::after, .navbar-toggleable-xs::after { content: ""; clear: both; } .navbar-toggler { padding: 0.5rem 0.75rem; font-size: 1.25rem; line-height: 1; background: 0 0; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .news-boxes .new-box .topstory .topstory-box:hover h1, .topstories .topstory:hover h1 { text-decoration: underline; } .navbar-nav .nav-item { float: left; } .navbar-nav .nav-link { display: block; padding-top: 0.425rem; padding-bottom: 0.425rem; } .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.6); } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); } .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover { color: #fff; } .navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, 0.075); } .navbar-toggleable-xs::after { display: table; } @media (max-width: 829px) { .navbar-toggleable-xs .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 830px) { .navbar-toggleable-xs { display: block !important; } } .navbar-toggleable-sm::after { display: table; } @media (max-width: 899px) { .navbar-toggleable-sm .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 900px) { .navbar-toggleable-sm { display: block !important; } } .navbar-toggleable-md::after { display: table; } @media (max-width: 991px) { .navbar-toggleable-md .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 992px) { .navbar-toggleable-md { display: block !important; } } .alert { padding: 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 2rem; } .alert-dismissible .close { position: relative; top: -0.125rem; right: -1rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7ecb5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } .bg-danger, .bg-info, .bg-inverse, .bg-primary, .bg-success, .bg-warning { color: #fff !important; } .bg-faded { background-color: #f7f7f9; } .bg-primary { background-color: #0275d8 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #025aa5 !important; } .bg-success { background-color: #5cb85c !important; } a.bg-success:focus, a.bg-success:hover { background-color: #449d44 !important; } .bg-info { background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { background-color: #f0ad4e !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f !important; } .bg-danger { background-color: #d9534f !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c !important; } .bg-inverse { background-color: #373a3c !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #1f2021 !important; } .clearfix::after { display: table; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-inline { display: inline !important; } .hidden-xl-down, .hidden-xs-up, .visible-print-block { display: none !important; } .flex-xs-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-xs-last { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-xs-unordered { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-items-xs-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-items-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-items-xs-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-xs-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .flex-items-xs-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-xs-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-xs-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-xs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-xs-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pull-xs-left { float: left !important; } .pull-xs-right { float: right !important; } .pull-xs-none { float: none !important; } .sr-only { position: absolute; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; } .p-r-0, .p-x-0 { padding-right: 0 !important; } .p-l-0, .p-x-0 { padding-left: 0 !important; } .p-t-0, .p-y-0 { padding-top: 0 !important; } .p-b-0, .p-y-0 { padding-bottom: 0 !important; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .m-t-0, .m-y-0 { margin-top: 0 !important; } .m-b-0, .m-y-0 { margin-bottom: 0 !important; } .w-100 { width: 100% !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-r-0, .m-x-0 { margin-right: 0 !important; } .m-l-0, .m-x-0 { margin-left: 0 !important; } .m-a-0 { margin: 0 !important; } .m-r-1, .m-x-1 { margin-right: 1rem !important; } .m-l-1, .m-x-1 { margin-left: 1rem !important; } .m-t-1, .m-y-1 { margin-top: 1rem !important; } .m-b-1, .m-y-1 { margin-bottom: 1rem !important; } .m-a-1 { margin: 1rem !important; } .m-r-2, .m-x-2 { margin-right: 1.5rem !important; } .m-l-2, .m-x-2 { margin-left: 1.5rem !important; } .m-t-2, .m-y-2 { margin-top: 1.5rem !important; } .m-b-2, .m-y-2 { margin-bottom: 1.5rem !important; } .m-a-2 { margin: 1.5rem !important; } .m-r-3, .m-x-3 { margin-right: 3rem !important; } .m-l-3, .m-x-3 { margin-left: 3rem !important; } .m-t-3, .m-y-3 { margin-top: 3rem !important; } .m-b-3, .m-y-3 { margin-bottom: 3rem !important; } .m-a-3 { margin: 3rem !important; } .p-a-0 { padding: 0 !important; } .p-r-1, .p-x-1 { padding-right: 1rem !important; } .p-l-1, .p-x-1 { padding-left: 1rem !important; } .p-t-1, .p-y-1 { padding-top: 1rem !important; } .p-b-1, .p-y-1 { padding-bottom: 1rem !important; } .p-a-1 { padding: 1rem !important; } .p-r-2, .p-x-2 { padding-right: 1.5rem !important; } .p-l-2, .p-x-2 { padding-left: 1.5rem !important; } .p-t-2, .p-y-2 { padding-top: 1.5rem !important; } .p-b-2, .p-y-2 { padding-bottom: 1.5rem !important; } .p-a-2 { padding: 1.5rem !important; } .p-r-3, .p-x-3 { padding-right: 3rem !important; } .p-l-3, .p-x-3 { padding-left: 3rem !important; } .p-t-3, .p-y-3 { padding-top: 3rem !important; } .p-b-3, .p-y-3 { padding-bottom: 3rem !important; } .p-a-3 { padding: 3rem !important; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: 400; } .font-weight-bold { font-weight: 700; } .font-italic { font-style: italic; } .text-muted { color: #818a91 !important; } a.text-muted:focus, a.text-muted:hover { color: #687077 !important; } .text-primary { color: #0275d8 !important; } a.text-primary:focus, a.text-primary:hover { color: #025aa5 !important; } .text-success { color: #5cb85c !important; } a.text-success:focus, a.text-success:hover { color: #449d44 !important; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5 !important; } .text-warning { color: #f0ad4e !important; } a.text-warning:focus, a.text-warning:hover { color: #ec971f !important; } .text-danger { color: #d9534f !important; } a.text-danger:focus, a.text-danger:hover { color: #c9302c !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } @media (max-width: 829px) { .hidden-xs-down { display: none !important; } } @media (min-width: 830px) { .flex-sm-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-sm-last { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-sm-unordered { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-items-sm-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-items-sm-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-items-sm-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-sm-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .flex-items-sm-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-sm-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-sm-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-sm-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-sm-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pull-sm-left { float: left !important; } .pull-sm-right { float: right !important; } .pull-sm-none { float: none !important; } .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } .hidden-sm-up { display: none !important; } } @media (max-width: 899px) { .hidden-sm-down { display: none !important; } } @media (min-width: 900px) { .flex-md-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-md-last { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-md-unordered { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-items-md-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-items-md-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-items-md-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-md-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .flex-items-md-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-md-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-md-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-md-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-md-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pull-md-left { float: left !important; } .pull-md-right { float: right !important; } .pull-md-none { float: none !important; } .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .flex-lg-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-lg-last { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-lg-unordered { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-items-lg-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-items-lg-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-items-lg-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-lg-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .flex-items-lg-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-lg-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-lg-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-lg-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-lg-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pull-lg-left { float: left !important; } .pull-lg-right { float: right !important; } .pull-lg-none { float: none !important; } .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } .hidden-lg-up { display: none !important; } } @media (max-width: 1019px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1020px) { .flex-xl-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-xl-last { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-xl-unordered { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-items-xl-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-items-xl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-items-xl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-xl-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-xl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .flex-items-xl-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-xl-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-xl-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-xl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-xl-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pull-xl-left { float: left !important; } .pull-xl-right { float: right !important; } .pull-xl-none { float: none !important; } .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } .hidden-xl-up { display: none !important; } } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } } .hp-poll .cont svg circle { stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; stroke: #04090c; stroke-width: 14px; } .hp-poll .poll-answers .answer-box .cont, .topstories .topstory:after, a { transition: all 0.2s; } .hp-poll .cont svg .circle-black { stroke-width: 6px; } .hp-poll .cont svg .bar { stroke: #fff; } .hp-poll .cont { display: block; height: 92px; width: 92px; margin: 0 auto; border-radius: 100%; position: relative; } .hp-poll .cont:after { position: absolute; display: block; height: 160px; width: 160px; left: 50%; top: 50%; content: attr(data-pct) "%"; margin-top: -80px; margin-left: -80px; border-radius: 100%; line-height: 160px; color: #fff; font-family: Akrobat; font-size: 24px; font-weight: 800; text-align: center; } body { background: #05090c; font-family: Akrobat; } embed, iframe, img, object { max-width: 100% !important; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .btn-primary, .games, .hp-poll, .other-boxes .box-standings .standings .matches, .other-boxes .box-standings .standings .score { text-align: center; } img.toleft { margin: 5px 15px 0 0; } img.toright { margin: 5px 0 0 15px; } .btn-primary { background: #04090c; border: 0; padding: 11px 34px; color: #fff; font-family: Akrobat; font-size: 14px; font-weight: 800; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .btn-primary:active, .btn-primary:focus, .btn-primary:focus:active, .btn-primary:focus:hover, .btn-primary:hover { background: #102a67; } .win, .win a, .win:hover { color: #4ebc38 !important; } .loss, .loss a, .loss:hover { color: #c01d22 !important; } .draw, .draw:hover { color: #da771f !important; } select { background-color: #fff; font-size: 14px; color: #252627; margin: 0; line-height: 1; -webkit-border-radius: 0; -moz-appearance: none; appearance: none; height: 40px; padding: 10px 65px 10px 15px; background: url(/img/arrow-select.svg) center right no-repeat #fff; border-radius: 4px; } select:hover { background: url(/img/arrow-select-hover.svg) center right no-repeat #fff; } .clear:after { content: ""; display: table; clear: both; } @font-face { font-family: Akrobat; src: url(/inc/fonts/Akrobat-ExtraBold.eot); src: url(/inc/fonts/Akrobat-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/inc/fonts/Akrobat-ExtraBold.woff) format("woff"), url(/inc/fonts/Akrobat-ExtraBold.ttf) format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: Akrobat; src: url(/inc/fonts/Akrobat-ExtraBold.eot); src: url(/inc/fonts/Akrobat-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/inc/fonts/Akrobat-ExtraBold.woff) format("woff"), url(/inc/fonts/Akrobat-ExtraBold.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: Akrobat; src: url(/inc/fonts/Akrobat-SemiBold.eot); src: url(/inc/fonts/Akrobat-SemiBold.eot?#iefix) format("embedded-opentype"), url(/inc/fonts/Akrobat-SemiBold.woff) format("woff"), url(/inc/fonts/Akrobat-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: Akrobat; src: url(/inc/fonts/Akrobat-SemiBold.eot); src: url(/inc/fonts/Akrobat-SemiBold.eot?#iefix) format("embedded-opentype"), url(/inc/fonts/Akrobat-SemiBold.woff) format("woff"), url(/inc/fonts/Akrobat-SemiBold.ttf) format("truetype"); font-weight: 400; font-style: normal; } .container { max-width: 1128px; } @media (max-width: 1019px) { .container { max-width: 100%; width: 100%; } } .layout { max-width: 1128px; background: #fff; } .layout main { font-family: Akrobat; width: 75%; } @media (max-width: 929px) { .layout main { width: 100%; } } .layout aside { font-family: Akrobat; background-color: #eceff1; box-shadow: inset 0 -1px 0 0 #cfd8dc; width: 25%; } @media (max-width: 929px) { .layout aside { width: 100%; } } .layout-wide main { width: 100%; } header nav { background: linear-gradient(0deg, #eceff1 0, #fff 100%); box-shadow: 0 2px 4px 0 rgba(38, 50, 56, 0.25); } .text table.nice tr td, aside .articles-box, aside .game-box { box-shadow: inset 0 -1px 0 0 #cfd8dc; } header nav .navbar { padding: 0; } header nav .navbar-brand { width: 110px; position: absolute; z-index: 1000; } header nav .navbar-nav { float: right; padding-right: 50px; } @media (max-width: 1120px) {header nav .navbar-nav { padding-right: 0px; }} @media (max-width: 1050px) {header nav .navbar-nav { padding-right: 50px; }} @media (max-width: 991px) { header nav .navbar-brand { width: 60px; left: 10px; height: auto; } header nav .navbar-nav { float: left; padding-left: 20px; margin-top: 90px; padding-bottom: 30px; } } header nav .navbar-nav .nav-item .nav-link { color: #102a67; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; text-transform: uppercase; padding-top: 25px; padding-bottom: 25px; } header nav .navbar-nav .nav-item .nav-link:after { display: inline-block; content: ""; border: 0; margin: 0; height: 11px; width: 3px; background: url(/img/separator.svg); vertical-align: top; margin-top: 6px; margin-left: 10px; } @media (max-width: 1060px) { header nav .navbar-nav .nav-item .nav-link:after { display: none; } } header nav .navbar-nav .nav-item:last-child .nav-link:after { display: none; } header nav .navbar-nav .nav-item .dropdown-menu { margin-top: 0; border: 0; background: #eceff1; border-top-left-radius: 0; border-top-right-radius: 0; } .games, .stat-boxes, .text table.nice2 tr td, .text table.nice2 tr th { border-bottom: 1px solid #cfd8dc; } @media (max-width: 991px) { header nav .navbar-nav .nav-item .nav-link { padding-bottom: 0; } header nav .navbar-nav .nav-item .nav-link:after { display: none; } header nav .navbar-nav .nav-item .dropdown-menu { position: relative; width: 100%; max-width: 100%; background: 0 0; margin-bottom: 20px; } } header nav .navbar-nav .nav-item .dropdown-menu .dropdown-item { color: #000; font-family: Akrobat; font-size: 18px; font-weight: 800; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; } header nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:active, header nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, header nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover { background: 0 0; text-decoration: underline; } header nav .navbar-toggler { float: right; } header .infobar { background-color: #102a67; padding: 9px 16px; } header .infobar:after { content: ""; display: table; clear: both; } header .infobar .container { position: relative; } header .infobar .temporary-action { position: absolute; top: -2px; left: 150px; z-index: 100; } @media (max-width: 991px) { header .infobar .temporary-action { left: 80px; } } header .infobar .temporary-action a { color: #fff; font-family: Akrobat; font-size: 18px; font-weight: 800; text-transform: uppercase; } .topstories .topstory-big .topstory .topstory-data .topstory-date, header .infobar-content { font-size: 12px; line-height: 12px; font-family: Akrobat; font-weight: 800; color: #fff; letter-spacing: 1px; } header .infobar-content { float: right; margin-right: 16px; margin-top: 5px; } @media (max-width: 630px) { header .infobar { padding: 9px 0; } header .infobar-content { display: none; } } header .infobar .socials { float: right; margin-top: -3px; } header .infobar .socials a { opacity: 0.7; } header .infobar .socials a:hover { opacity: 1; } .news-boxes .new-box .topstory .topstory-box:hover:after, .topstories .topstory:hover:after { opacity: 0.8; } .fixed_header { margin-top: 77px; } .fixed_header header nav { position: fixed; width: 100%; z-index: 1000000; top: 0; } .topstories .topstory-big { width: 75%; float: left; } @media (max-width: 1000px) { .topstories .topstory-big { width: 100%; float: none; } } .topstories .topstory-big .topstory { position: relative; display: block; max-height: 564px; overflow: hidden; } .topstories .topstory-big .topstory .play-ico { background: url(/img/bcg_video.png) no-repeat; background-size: 80px 80px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; } .topstories .topstory-big .topstory img { width: 100%; } .topstories .topstory-big .topstory .topstory-data { position: absolute; bottom: 0; left: 0; padding: 32px; z-index: 20; } @media (max-width: 470px) { .topstories .topstory-big .topstory .topstory-data { padding: 16px; } } .topstories .topstory-big .topstory .topstory-data .topstory-date { background-color: rgba(16, 42, 103, 0.75); display: initial; padding: 5px 6px; } .topstories .topstory-big .topstory .topstory-data h1 { color: #fff; font-family: Akrobat; font-size: 48px; font-weight: 800; line-height: 48px; margin-bottom: 0; margin-top: 10px; } @media (max-width: 650px) { .topstories .topstory-big .topstory .topstory-data h1 { font-size: 7vw; line-height: 7vw; } } .topstories .topstory-big .topstory:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(5, 9, 12, 0) 0, #05090c 100%); display: block; content: ""; z-index: 10; } .topstories .topstories-right { float: left; width: 25%; } .topstories .topstories-right .topstory { position: relative; display: block; } @media (max-width: 1000px) { .topstories .topstories-right { width: 100%; float: none; } .topstories .topstories-right .topstory { float: left; width: 33.33%; } } .topstories .topstories-right .topstory .play-ico { background: url(/img/bcg_video.png) no-repeat; background-size: 80px 80px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; } .topstories .topstories-right .topstory .topstory-data { position: absolute; bottom: 0; left: 0; padding: 16px; z-index: 20; } @media (max-width: 770px) { .topstories .topstories-right .topstory { float: none; width: 100%; } .topstories .topstories-right .topstory .topstory-data { padding: 32px; } } @media (max-width: 470px) { .topstories .topstories-right .topstory .topstory-data { padding: 16px; } } .topstories .topstories-right .topstory .topstory-data .topstory-date { background-color: rgba(16, 42, 103, 0.75); color: #fff; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; display: initial; padding: 5px 6px; } .topstories .topstories-right .topstory .topstory-data h1 { color: #fff; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; margin-bottom: 0; margin-top: 10px; } .games .game-box .round, .games .game-box .teams { color: #05090c; font-weight: 800; font-family: Akrobat; } @media (max-width: 770px) { .topstories .topstories-right .topstory .topstory-data h1 { font-size: 48px; font-weight: 800; line-height: 48px; margin-bottom: 0; margin-top: 10px; } } @media (max-width: 650px) { .topstories .topstories-right .topstory .topstory-data h1 { font-size: 7vw; line-height: 7vw; } } .topstories .topstories-right .topstory:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(5, 9, 12, 0) 0, #05090c 100%); display: block; content: ""; z-index: 10; } .games, .news-boxes { background: #fff; } .games .game-box { padding-top: 24px; padding-bottom: 24px; } .games .game-box:first-child { border-right: 1px solid #cfd8dc; } @media (max-width: 829px) { .games .game-box:first-child { border-right: 0; border-bottom: 1px solid #cfd8dc; } } .games .game-box .round { font-size: 18px; line-height: 22px; text-transform: uppercase; margin-bottom: 14px; } .games .game-box .logos { margin-bottom: 8px; } .games .game-box .logos .logo { padding: 10px; display: inline-block; height: 80px; width: 80px; border: 1px solid #cfd8dc; border-radius: 3px; margin: 0 3px; } .games .game-box .logos .logo img { max-height: 100%; } .games .game-box .teams { font-size: 24px; line-height: 28px; margin-bottom: 10px; } .games .game-box .score { color: #102a67; font-family: Akrobat; font-size: 40px; font-weight: 800; line-height: 42px; margin-bottom: 18px; } .games .game-box .score a { color: #102a67; } .news-boxes .new-box { padding: 0; border-right: 1px solid #cfd8dc; } .news-boxes .new-box:last-child, .news-boxes .new-box:last-child .more-news, .news-boxes .new-box:last-child .new-box-header { border-right: 0; } .news-boxes .new-box .new-box-header { color: #102a67; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; padding-top: 23px; padding-bottom: 15px; padding-left: 16px; background: linear-gradient(0deg, #eceff1 0, #fff 100%); text-transform: uppercase; } .news-boxes .new-box .new-box-header:before { content: ""; display: inline-block; height: 11px; width: 3px; background: url(/img/separator.svg); vertical-align: top; margin-top: 6px; margin-right: 7px; } .news-boxes .new-box .topstory .topstory-box { position: relative; display: block; } .news-boxes .new-box .topstory .topstory-box .topstory-data { position: absolute; bottom: 0; left: 0; padding: 16px; z-index: 20; } .news-boxes .new-box .topstory .topstory-box .topstory-data .topstory-date { background-color: rgba(16, 42, 103, 0.75); color: #fff; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; display: initial; padding: 5px 6px; } .news-boxes .new-box .topstory .topstory-box .topstory-data h1 { color: #fff; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; margin-bottom: 0; margin-top: 10px; } @media (max-width: 829px) { .news-boxes .new-box .topstory .topstory-box .topstory-data h1 { font-size: 7vw; line-height: 7vw; } } .news-boxes .new-box .topstory .topstory-box:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(5, 9, 12, 0) 0, #05090c 100%); display: block; content: ""; z-index: 10; transition: all 0.2s; } .news-boxes .new-box .more-news { padding: 16px; } .news-boxes .new-box .more-news a { display: block; margin-bottom: 16px; } .news-boxes .new-box .more-news a .heading { color: #05090c; font-family: Akrobat; font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 5px; } .news-boxes .new-box .more-news a span { display: block; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; margin-top: 0; color: #102a67; } .news-boxes .new-box .more-news a:active, .news-boxes .new-box .more-news a:focus, .news-boxes .new-box .more-news a:hover { text-decoration: none; } .news-boxes .new-box .more-news a:active .heading, .news-boxes .new-box .more-news a:focus .heading, .news-boxes .new-box .more-news a:hover .heading { text-decoration: underline; } .hp-poll .poll-answers a.answer-box:active, .hp-poll .poll-answers a.answer-box:focus, .hp-poll .poll-answers a.answer-box:hover, .roster-box .roster-players .roster-player:active, .roster-box .roster-players .roster-player:focus, .roster-box .roster-players .roster-player:hover { text-decoration: none; } .hp-poll { background: url(/img/BG-anketa.png) 0 center #102a67; background-size: cover; } .hp-poll .poll { padding: 32px 20px; } .answers { text-align: center; margin: 0 -13px; } .hp-poll .answers .answer { display: inline-block; box-sizing: border-box; padding: 15px 15px 20px; text-align: left; } .hp-poll .answers.cols1 .answer { width: 100%; } .hp-poll .answers.cols2 .answer { width: 50%; } .hp-poll .answers.cols3 .answer { width: 33.33333%; } .hp-poll .answers.cols4 .answer { width: 25%; } .hp-poll .answers.cols5 .answer { width: 20%; } .hp-poll .answers.cols6 .answer { width: 16.66667%; } @media (max-width: 980px) { .hp-poll .answers.cols4 .answer { width: 50%; } .hp-poll .answers.cols5 .answer { width: 33.33333%; } .hp-poll .answers.cols6 .answer { width: 33.33333%; } } @media (max-width: 700px) { .hp-poll .answers.cols3 .answer { width: 50%; } .hp-poll .answers.cols5 .answer { width: 50%; } .hp-poll .answers.cols6 .answer { width: 50%; } } @media (max-width: 600px) { .hp-poll .answers .answer { width: 100% !important; } } .hp-poll .answer { line-height: 20px; } .hp-poll .answer input { display: none; } .hp-poll .answer label { display: block; padding: 0; line-height: inherit; } .hp-poll .answer strong { float: right; padding-left: 8px; } .hp-poll .answer input + label::before { display: inline-block; width: 20px; height: 20px; background: url(checkbox.png) no-repeat bottom left; content: " "; padding-right: 10px; vertical-align: top; margin-top: -1px; } .hp-poll .answer input:checked + label::before { background: url(checkbox.png) no-repeat top left; } .hp-poll .graph { clear: both; margin: 8px 0 0; height: 4px; background-color: #f1f0f4; overflow: hidden; } .hp-poll .graph div { background-color: #eabf52; height: 100%; } .hp-poll .hlasuj_box { margin-top: 25px; } .hp-poll .hlasuj_box input { display: none; } .hp-poll.player .img { display: inline-block; width: 60px; height: 60px; border-radius: 30px; background: #f1f0f4 no-repeat center 5%; background-size: cover; vertical-align: middle; margin: -4px 6px 0; } .hp-poll .poll-heading { color: #fff; font-family: Akrobat; font-size: 48px; font-weight: 800; line-height: 48px; margin-bottom: 15px; } .hp-poll .poll-question { color: #fff; font-family: Akrobat; font-size: 24px; font-weight: 800; line-height: 28px; margin-bottom: 0; } .hp-poll .poll-answers .answer-box { display: inline-block; margin: 25px 34px 0; } .hp-poll .poll-answers .answer-box .answer-text { color: #fff; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; margin-top: 10px; margin-bottom: 4px; } .hp-poll .poll-answers .answer-box .answers-count { color: #fff; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; } .hp-poll .poll-answers a.answer-box:active .cont, .hp-poll .poll-answers a.answer-box:focus .cont, .hp-poll .poll-answers a.answer-box:hover .cont { background: #fff; border-radius: 100%; position: relative; } .hp-poll .poll-answers a.answer-box:active .cont:before, .hp-poll .poll-answers a.answer-box:focus .cont:before, .hp-poll .poll-answers a.answer-box:hover .cont:before { display: block; content: "+"; color: #04090c; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-family: Akrobat; font-size: 55px; margin-top: 27px; z-index: 1000; font-weight: 800; line-height: 28px; } .other-boxes .box-header:before, .stat-boxes .stat-box-header:before { height: 11px; vertical-align: top; margin-top: 6px; margin-right: 7px; display: inline-block; content: ""; } .stat-boxes { background: #fff; } .stat-boxes .stat-box { padding: 0; border-right: 1px solid #cfd8dc; } .stat-boxes .stat-box:last-child { border-right: 0; } .other-boxes .box-header, .other-boxes .box:first-child .box-inner { border-right: 1px solid #cfd8dc; } .stat-boxes .stat-box-header { color: #102a67; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; padding-top: 23px; padding-bottom: 15px; padding-left: 16px; background: linear-gradient(0deg, #eceff1 0, #fff 100%); } .stat-boxes .stat-box-header:before { width: 3px; background: url(/img/separator.svg); } .stat-boxes .stat-box .stats .stats-table, .stat-boxes .stat-box .top-player img { width: 100%; } .stat-boxes .stat-box .stats { padding: 15px; } .stat-boxes .stat-box .stats .stats-table .stat-number { color: #102a67; font-family: Akrobat; font-size: 40px; font-weight: 800; line-height: 42px; } .stat-boxes .stat-box .stats .stats-table .stat-text .name { color: #05090c; font-family: Akrobat; font-size: 16px; font-weight: 600; line-height: 22px; } .stat-boxes .stat-box .stats .stats-table .stat-text .name a { color: #05090c; } .stat-boxes .stat-box .stats .stats-table .stat-text .post { color: #102a67; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; } .other-boxes { background: #fff; } .other-boxes .box { padding: 0; } .other-boxes .box-header { color: #102a67; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; padding-top: 23px; padding-bottom: 15px; padding-left: 16px; background: linear-gradient(0deg, #eceff1 0, #fff 100%); } .other-boxes .box-header:before { width: 3px; background: url(/img/separator.svg); } .other-boxes .box .box-inner { padding: 15px; } .other-boxes .box-standings .standings { width: 100%; color: #05090c; font-family: Akrobat; font-size: 16px; font-weight: 600; line-height: 32px; } .other-boxes .box-standings .standings .team { padding-left: 15px; width: 70%; } .other-boxes .box-standings .standings .team img { margin-right: 16px; } .other-boxes .box-standings .standings .points { font-weight: 800; text-align: right; } .bottom-partners { background-color: #102a67; text-align: center; padding-left: 100px; padding-right: 100px; padding-top: 32px; } @media (max-width: 650px) { .bottom-partners { padding-left: 32px; padding-right: 32px; } } .bottom-partners .partners-heading { color: #fff; font-family: Akrobat; font-size: 48px; font-weight: 800; line-height: 48px; margin-bottom: 40px; } .bottom-partners .partners { padding-bottom: 32px; } .bottom-partners .partners .partner { display: inline-block; margin: 5px; } .topstories-icons { position: absolute; width: 100%; padding: 10px 15px; z-index: 10000; } .topstories-icons img { float: left; margin-right: 15px; width: auto !important; } .article-topstory { position: relative; display: block; width: 100%; max-height: 752px; overflow: hidden; } .article-topstory img { width: 100%; } .article-topstory .topstory-data { position: absolute; bottom: 0; left: 0; padding: 32px 53px 32px 32px; z-index: 20; } @media (max-width: 829px) { .article-topstory .topstory-data { padding: 16px 53px 16px 16px; } } .article-topstory .topstory-data .topstory-date { background-color: rgba(16, 42, 103, 0.75); color: #fff; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; display: initial; padding: 5px 6px; } .article-topstory .topstory-data h1 { color: #fff; font-family: Akrobat; font-size: 48px; font-weight: 800; line-height: 48px; margin-bottom: 0; margin-top: 10px; } @media (max-width: 829px) { .article-topstory .topstory-data h1 { font-size: 7vw; line-height: 7vw; } } .article-topstory:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(5, 9, 12, 0) 0, #05090c 100%); display: block; content: ""; z-index: 10; } .text { padding: 40px 72px; } @media (max-width: 929px) { .text { padding: 16px 15px; } } .text a { color: #102a67; } .text .btn { color: #fff; } .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { color: #102a67; font-family: Akrobat; font-weight: 800; margin-bottom: 20px; } .text .perex { font-size: 1.2rem; } .text table.nice { font-family: Akrobat; width: 100%; table-layout: fixed; } .text table.nice p { margin: 0; } .text table.nice tr th { background-color: #102a67; color: #fff; font-size: 16px; font-weight: 800; line-height: 20px; padding: 12px 16px; } .text table.nice tr td { color: #05090c; font-family: Akrobat; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 16px; } .text table.nice tr td.item { background-color: #eceff1; width: 272px; } @media (max-width: 590px) { .text table.nice { display: block; overflow-x: auto; } .text table.nice tr td.item { width: auto; } } .text table.nice2, .text table.nice3 { width: 100%; margin-bottom: 35px; } .text table.nice2 tr th { color: #102a67; font-size: 14px; font-weight: 800; line-height: 20px; background-color: #eceff1; text-transform: uppercase; padding: 6px; } .text table.nice2 tr td { color: #05090c; font-size: 18px; font-weight: 600; line-height: 30px; padding: 4px 6px; } .text table.nice2 tr td a { color: #05090c; } .text table.nice3 tr th { color: #102a67; font-size: 14px; font-weight: 800; line-height: 20px; background-color: #eceff1; border: 0; text-transform: uppercase; padding: 6px; } .text table.nice3 tr td { color: #05090c; font-size: 18px; font-weight: 600; line-height: 30px; border: 0; padding: 4px 6px; border-top: 1px solid #f1f0f4; border-bottom: 1px solid #f1f0f4; } .article-share-heading:before, .roster-box .roster-heading:before { display: inline-block; border: 0; height: 11px; width: 3px; background: url(/img/separator_blue.svg); vertical-align: top; content: ""; } .text table.nice3 tr td a { color: #05090c; } .article-share-heading, .roster-box .roster-heading { color: #102a67; font-size: 18px; font-weight: 800; line-height: 22px; } .article-share { margin-top: 35px; } .article-share-heading { font-family: Akrobat; text-transform: uppercase; margin-bottom: 8px; } .article-share-heading:before { margin: 0; margin-top: 6px; margin-right: 15px; } .article-share .icons a { display: inline-block; margin-right: 5px; } .roster-box .roster-heading { margin-bottom: 10px; } .roster-box .roster-heading:before { margin: 0; margin-top: 6px; margin-right: 6px; } .roster-box .roster-players { margin-left: -8px; margin-right: -8px; } .roster-box .roster-players:after { content: ""; display: table; clear: both; } .roster-box .roster-players .roster-player { display: inline-block; width: 25%; float: left; position: relative; margin-bottom: 55px; } @media (max-width: 780px) { .roster-box .roster-players .roster-player { width: 33.33%; } } @media (max-width: 630px) { .roster-box .roster-players .roster-player { width: 50%; } } @media (max-width: 500px) { .roster-box .roster-players .roster-player { width: 100%; } } .roster-box .roster-players .roster-player:active .surname, .roster-box .roster-players .roster-player:focus .surname, .roster-box .roster-players .roster-player:hover .surname { text-decoration: underline; } .roster-box .roster-players .roster-player-inner { margin: 0 8px; background-color: #eceff1; } .player-header .flag, .player-header .player-photo, .roster-box .roster-players .roster-player .number { margin-left: auto; margin-right: auto; z-index: 100; right: 0; left: 0; } .roster-box .roster-players .roster-player .player-photo { border-radius: 3px 3px 0 0; overflow: hidden; } .roster-box .roster-players .roster-player .player-photo img { width: 100%; } .roster-box .roster-players .roster-player .player-data { text-align: center; color: #05090c; padding-top: 8px; padding-bottom: 36px; border-radius: 0 0 3px 3px; overflow: hidden; } .roster-box .roster-players .roster-player .player-data .name { font-size: 16px; font-weight: 600; line-height: 18px; } .roster-box .roster-players .roster-player .player-data .surname { color: #05090c; font-size: 24px; font-weight: 800; line-height: 30px; } .roster-box .roster-players .roster-player .player-data .born { color: #05090c; font-size: 14px; font-weight: 600; line-height: 20px; } .roster-box .roster-players .roster-player .number { width: 56px; height: 56px; background-color: #102a67; color: #fff; font-size: 40px; font-weight: 800; line-height: 42px; border-radius: 100%; padding-top: 5px; position: absolute; text-align: center; bottom: 6px; } .player-header { position: relative; } .player-header:after { display: block; content: ""; position: absolute; background: linear-gradient(180deg, rgba(5, 9, 12, 0) 0, #05090c 100%); width: 100%; height: 100%; top: 0; left: 0; } .player-header .big-photo { width: 100%; } .player-header .player-photo { height: 166px; width: 166px; border: 8px solid #102a67; border-radius: 100%; overflow: hidden; position: absolute; bottom: -22px; } .player-header .flag { height: 56px; width: 56px; border: 8px solid #102a67; border-radius: 100%; overflow: hidden; position: absolute; bottom: -42px; } .player-header .flag img { height: 56px; width: 56px; max-width: initial !important; position: absolute; top: -7px; } .player-data { text-align: center; margin-top: 15px; margin-bottom: 35px; } @media (max-width: 929px) { .player-data { margin-top: 25px; } } .player-data h1 { color: #102a67; font-size: 32px; font-weight: 800; line-height: 34px; margin-bottom: 12px; } .player-data .post, .player-data .socials { margin-bottom: 16px; } .player-data .post { color: #05090c; font-size: 16px; font-weight: 600; } .player-data table { width: 100%; table-layout: fixed; color: #05090c; font-size: 18px; font-weight: 600; line-height: 32px; border-top: 1px solid #cfd8dc; text-align: center; } .player-data table td { padding: 16px; } @media (max-width: 540px) { .player-data table { display: block; } .player-data table tbody, .player-data table td, .player-data table tr { display: block; width: 100%; } } .player-data table span { color: #102a67; font-size: 14px; font-weight: 800; line-height: 20px; display: block; text-transform: uppercase; } .player-data .second-table { border-bottom: 1px solid #cfd8dc; } .player-card .heading { color: #102a67; font-size: 18px; font-weight: 800; line-height: 22px; text-transform: uppercase; margin-bottom: 10px; } .player-card .heading:before { display: inline-block; content: ""; border: 0; margin: 0; height: 11px; width: 3px; background: url(/img/separator_blue.svg); vertical-align: top; margin-top: 6px; margin-right: 8px; } .info-text { font-size: 18px; margin-bottom: 35px; } .article-photogallery { margin: 15px -72px 16px; } @media (max-width: 929px) { .article-photogallery { margin: 15px -32px 16px; } } .article-photogallery:after { content: ""; display: table; clear: both; } .article-photogallery a { display: inline-block; float: left; width: 33.33%; } @media (max-width: 620px) { .article-photogallery a { width: 50%; } } .article-photogallery a img { width: 100%; } .related-articles .heading { margin-bottom: 10px; } .related-articles-box { line-height: 1; } .related-articles-box .related-article { color: #102a67; font-size: 12px; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 14px; } .related-articles-box .related-article span { color: #05090c; font-size: 18px; font-weight: 800; line-height: 22px; display: block; margin-bottom: 5px; } .related-articles-box .related-article:hover { text-decoration: none; } .related-articles-box .related-article:hover span { text-decoration: underline; } .nav-tabs { border-bottom: 1px solid #cfd8dc; } .nav-tabs .nav-item { margin-bottom: 0; position: relative; } .nav-tabs .nav-item .nav-link { color: #102a67; font-size: 18px; font-weight: 800; line-height: 22px; border: 0; text-transform: uppercase; background: 0 0; padding-bottom: 16px; border-radius: 0; } .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover { color: #102a67; } .nav-tabs .nav-item .nav-link.active:after { display: block; content: ""; background: #102a67; width: 100%; height: 4px; position: absolute; bottom: -2px; left: 0; } @media (max-width: 600px) { .nav-tabs .nav-item { display: block; width: 100%; margin: 0; text-align: center; } .nav-tabs .nav-item .nav-link.active { background: #102a67; color: #fff; } .nav-tabs .nav-item .nav-link.active:after { display: none; } } .tab-content { color: #05090c; font-size: 18px; font-weight: 600; line-height: 32px; margin-bottom: 35px; } .subheading { color: #102a67; font-size: 18px; font-weight: 800; line-height: 22px; text-transform: uppercase; margin-bottom: 10px; } .subheading:before { display: inline-block; content: ""; border: 0; margin: 0; height: 11px; width: 3px; background: url(/img/separator_blue.svg); vertical-align: top; margin-top: 6px; margin-right: 8px; } .box.photogallery:after { content: ""; display: table; clear: both; } .box.photogallery .gallery-box { margin-left: -72px; margin-right: -72px; } @media (max-width: 929px) { .box.photogallery .gallery-box { margin-left: -32px; margin-right: -32px; } } .box.photogallery a.photo { width: 33.33333%; height: 197px; float: left; background: center 25% no-repeat #f1f0f4; background-size: cover; position: relative; overflow: hidden; } @media screen and (max-width: 1229px) { .box.photogallery a.photo { width: 25%; } } @media screen and (max-width: 1100px) { .box.photogallery a.photo { width: 33.33333%; } } @media screen and (max-width: 780px) { .box.photogallery a.photo { width: 50%; } } @media screen and (max-width: 550px) { .box.photogallery a.photo { width: 100%; } } .box.photogallery a.photo.video { background-position: center center; background-size: cover; } .box.photogallery a.photo h2 { z-index: 2; position: absolute; display: block; bottom: 0; left: 0; right: 0; margin: 0; padding: 50px 10px 10px; text-transform: uppercase; font-size: 13px; color: #fff; background: linear-gradient(180deg, rgba(5, 9, 12, 0) 0, #05090c 100%); } .box.photogallery a.photo span { z-index: 3; position: relative; display: block; height: 100%; background: url(/img/expand.png) center center no-repeat; background: url(/img/expand.png) center center no-repeat rgba(16, 42, 103, 0.64); opacity: 0; transition: opacity 0.2s ease-in-out; } .box.photogallery a.photo span h2 { background: 0 0; } .box.photogallery a.photo:hover span { opacity: 1; } .strankovani { margin: 0 0 10px; text-align: center; } .strankovani:before { content: ""; display: block; clear: both; } .strankovani .nextPages { display: none; } .strankovani a { padding-left: 12px; padding-right: 12px; margin-right: -2px; position: relative; display: inline; border: 2px solid #102a67; padding: 7px 14px 6px; line-height: 35px; background: #fff !important; color: #102a67; text-transform: uppercase; text-decoration: none !important; font-size: 12px; font-weight: 700; white-space: nowrap; transition: all 0.1s ease-in-out; } .articles-list .article:active, .articles-list .article:focus, .articles-list .article:hover, table.schedule td.score a { text-decoration: none; } .strankovani a.strankovaniVyrazne, .strankovani a:hover { background: #102a67 !important; color: #fff; } .strankovani a.strankovaniSipky { border-color: transparent; position: static; } form#form_filter { margin-bottom: 20px; } form#form_filter .formElementHolder { margin-bottom: 5px; float: left; margin-right: 10px; } @media (max-width: 680px) { form#form_filter .formElementHolder { width: 100%; } } form#form_filter .formElementHolder label { font-weight: 700; padding: 7px 6px 5px; } form#form_filter .formElementHolder input[type=text] { width: 180px; height: 40px; border: 1px solid #ddd; border-radius: 4px; transition: border-color 0.1s ease-in-out; } form { margin: 0; padding: 0; } form#form_filter { margin-top: 15px; } form input, form label, form select, form textarea { outline: 0; box-sizing: border-box; height: 40px; } form label, form textarea { height: auto; } form label { padding: 7px 0 6px; border: 0; line-height: 32px; } @media (max-width: 680px) { form input, form label, form select, form textarea, form#form_filter .formElementHolder input[type=text] { width: 100%; } } form input, form select, form textarea { padding: 0 0 0 15px; border: 1px solid #ddd; transition: border-color 0.1s ease-in-out; } form select { padding-right: 50px; } form input:focus, form select:focus, form textarea:focus { border-color: #c3c3c3; } form .wide { width: 250px; } @media (max-width: 680px) { form .wide { width: 100%; } } form input.submit { line-height: 1; } form legend { color: #aeaeae; padding: 3px 15px; margin-left: 10px; font-size: 0.9em; } form fieldset { border: 1px solid #e7edf2; } form .form_padding { padding: 15px 20px; } .menicko { text-align: center; margin-bottom: 20px; } .menicko-right { text-align: right; } .error { text-align: center; background: #fdff77; margin: 0 72px; border-radius: 6px; padding: 4px 0; } table.schedule { margin-top: 5px; } table.schedule td { padding: 12px 4px 12px 18px; vertical-align: middle; } table.schedule td.logos { white-space: nowrap; width: 1%; padding: 11px 52px 7px 16px; } table.schedule td.logos img.logo { max-width: 52px; max-height: 52px; margin: 3px 0 0 11px; } @media (max-width: 640px) { table.schedule td.logos img.logo { max-width: 38px; max-height: 38px; } } @media (max-width: 420px) { table.schedule td.logos { display: none; } } table.schedule td.teams { line-height: 1.6; } table.schedule td.teams .info { color: #bfbfbf; } @media (max-width: 810px) { table.schedule td.teams .names span { display: none; } table.schedule td.teams .names strong { display: block; } } table.schedule td.score { width: 1%; line-height: 40.5px; white-space: nowrap; font-size: 40.5px; font-weight: 700; text-align: right; } table.schedule td.score strong { font-size: 40.5px; vertical-align: top; } table.schedule td.score > strong { font-weight: 400; } table.schedule td.score span { display: inline-block; padding-left: 16px; font-size: 20.25px; line-height: 1; vertical-align: -14%; } @media (max-width: 960px) { table.schedule td.score span { display: none; } } table.schedule td.buttons { width: 164px; white-space: nowrap; } table.schedule td.buttons .button { font-weight: 700; font-size: 16px; padding: 4px 11px; margin-right: 4px; } @media (max-width: 1229px) { table.schedule td.buttons { width: 1%; } } @media (max-width: 600px) { table.schedule td.buttons { white-space: normal; text-align: right; } table.schedule td.buttons .button { display: inline-block; white-space: nowrap; margin: 1px auto; } } @media (max-width: 500px) { table.schedule td.buttons { display: none; } } .articles-list { margin-bottom: 48px; } .articles-list .article { display: table; width: 100%; margin-bottom: 20px; } .articles-list .article:active .article-heading, .articles-list .article:focus .article-heading, .articles-list .article:hover .article-heading { text-decoration: underline; } .articles-list .article-photo { display: table-cell; vertical-align: middle; width: 220px; position: relative; overflow: hidden; } @media (max-width: 630px) { .articles-list .article-photo { width: 140px; } } @media (max-width: 530px) { .articles-list .article-photo { display: none; } } .articles-list .article-body { display: table-cell; vertical-align: top; padding-left: 30px; } @media (max-width: 530px) { .articles-list .article-body { padding-left: 0; } } .articles-list .article .cat { padding: 7px 13px; } .articles-list .article-heading { font-size: 28px; font-weight: 700; line-height: 1.14; color: #000; margin-top: 10px; margin-bottom: 17px; } .articles-list .article-author { font-size: 13px; line-height: 1; } .tabs { display: table; width: 100%; margin-bottom: 20px; } .tabs a { display: table-cell; width: 33.33333%; height: 50px; text-align: center; color: #102a67; text-decoration: none; font-size: 0.89em; letter-spacing: 1.3px; box-sizing: border-box; border: 2px solid #102a67; vertical-align: middle; } .tabs a.active, .tabs a:hover { background-color: #102a67; color: #fff; } aside .game-box .round, aside .game-box .teams { color: #05090c; font-weight: 800; font-family: Akrobat; } aside .game-box { padding: 16px 24px; text-align: center; } aside .game-box .round { font-size: 18px; line-height: 22px; text-transform: uppercase; margin-bottom: 16px; } aside .game-box .logos { margin-bottom: 8px; } aside .game-box .logos .logo { padding: 10px; display: inline-block; height: 80px; width: 80px; border: 1px solid #cfd8dc; border-radius: 3px; margin: 0 3px; } aside .game-box .logos .logo img { max-height: 100%; } aside .game-box .teams { font-size: 24px; line-height: 28px; margin-bottom: 10px; } aside .game-box .score { color: #102a67; font-family: Akrobat; font-size: 40px; font-weight: 800; line-height: 42px; margin-bottom: 18px; } aside .game-box .score a { color: #102a67; } aside .game-box .buttons { margin-bottom: 8px; } aside .articles-box-header { color: #102a67; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; padding-top: 23px; padding-bottom: 15px; padding-left: 16px; background-color: #eceff1; } aside .articles-box-header:before { content: ""; display: inline-block; height: 11px; width: 3px; background: url(/img/separator.svg); vertical-align: top; margin-top: 6px; margin-right: 7px; text-transform: uppercase; } aside .articles-box .topstory .play-ico { background: url(/img/bcg_video.png) no-repeat; background-size: 80px 80px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; } aside .articles-box .topstory .topstory-box { position: relative; display: block; } aside .articles-box .topstory .topstory-box .topstory-data { position: absolute; bottom: 0; left: 0; padding: 16px; z-index: 20; } aside .articles-box .topstory .topstory-box .topstory-data .topstory-date { background-color: rgba(16, 42, 103, 0.75); color: #fff; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; display: initial; padding: 5px 6px; } aside .articles-box .topstory .topstory-box .topstory-data h1 { color: #fff; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; margin-bottom: 0; margin-top: 10px; } @media (max-width: 929px) { aside .articles-box .topstory .topstory-box .topstory-data h1 { font-size: 7vw; line-height: 7vw; } } aside .articles-box .topstory .topstory-box:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(5, 9, 12, 0) 0, #05090c 100%); display: block; content: ""; z-index: 10; transition: all 0.2s; } aside .articles-box .topstory .topstory-box:hover h1 { text-decoration: underline; } aside .articles-box .topstory .topstory-box:hover:after { opacity: 0.8; } aside .articles-box .more-news { border-right: 1px solid #cfd8dc; padding: 16px; } aside .articles-box .more-news a { display: block; margin-bottom: 16px; } aside .articles-box .more-news a .heading { color: #05090c; font-family: Akrobat; font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 5px; } aside .articles-box .more-news a span { display: block; font-family: Akrobat; font-size: 12px; font-weight: 800; letter-spacing: 1px; line-height: 12px; margin-top: 0; color: #102a67; } aside .partner-box-header, aside .roster-box-header { color: #102a67; font-size: 18px; font-weight: 800; font-family: Akrobat; } aside .partner-box-header:before, aside .roster-box-header:before { content: ""; height: 11px; vertical-align: top; margin-top: 6px; margin-right: 7px; text-transform: uppercase; } aside .articles-box .more-news a:active, aside .articles-box .more-news a:focus, aside .articles-box .more-news a:hover { text-decoration: none; } aside .articles-box .more-news a:active .heading, aside .articles-box .more-news a:focus .heading, aside .articles-box .more-news a:hover .heading { text-decoration: underline; } aside .partner-box-header { line-height: 22px; padding-top: 23px; padding-bottom: 15px; padding-left: 16px; background-color: #eceff1; } aside .partner-box-header:before { display: inline-block; width: 3px; background: url(/img/separator.svg); } aside .partner-box .partner { text-align: center; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; } aside .partner-box .partner .partner-inner { border: 1px solid #cfd8dc; border-radius: 3px; background-color: #fff; width: 100%; display: block; padding: 24px; } aside .roster-box { padding: 8px 16px; } aside .roster-box-header { line-height: 22px; padding-top: 23px; padding-bottom: 15px; background-color: #eceff1; } aside .roster-box-header:before { display: inline-block; width: 3px; background: url(/img/separator.svg); } aside .roster-box .player { display: block; color: #05090c; font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 8px; } aside .roster-box .player span { display: inline-block; height: 24px; width: 24px; background-color: #102a67; border-radius: 100%; color: #fff; font-size: 14px; font-weight: 800; line-height: 20px; text-align: center; padding-top: 2px; margin-right: 8px; } aside .submenu-box .submenu .dropdown-item:before, aside .submenu-box-header:before { display: inline-block; margin-top: 6px; margin-right: 7px; content: ""; height: 11px; width: 3px; vertical-align: top; } aside .roster-box .player.active { font-weight: 800; } aside .submenu-box { padding: 0 16px; margin-bottom: 32px; } aside .submenu-box-header { color: #102a67; font-family: Akrobat; font-size: 18px; font-weight: 800; line-height: 22px; padding-top: 23px; padding-bottom: 15px; background-color: #eceff1; text-transform: uppercase; } aside .submenu-box-header:before { background: url(/img/separator.svg); } aside .submenu-box .submenu .dropdown-item { color: #05090c; font-size: 16px; line-height: 22px; padding: 0; margin-bottom: 8px; white-space: normal; } aside .submenu-box .submenu .dropdown-item:active, aside .submenu-box .submenu .dropdown-item:focus, aside .submenu-box .submenu .dropdown-item:hover { text-decoration: underline; background: 0 0; } aside .submenu-box .submenu .dropdown-item:before { background: url(/img/separator.svg); opacity: 0.7; } aside .report-box { padding: 16px; } aside .report-box-data { margin-bottom: 16px; } aside .report-box-data .data-heading { color: #102a67; font-size: 16px; font-weight: 800; line-height: 24px; text-transform: uppercase; } aside .report-box-data .data-text { color: #05090c; font-size: 16px; font-weight: 600; line-height: 22px; } footer .copyright .box, footer .footer-menu a { color: #fff; font-family: Akrobat; font-weight: 800; } footer { background-color: #05090c; } footer .footer-menu { text-align: center; padding-top: 24px; padding-bottom: 22px; } @media (max-width: 940px) { footer .footer-menu { display: none; } } footer .footer-menu a { font-size: 18px; line-height: 22px; text-transform: uppercase; margin-right: 15px; } footer .footer-menu a:after { display: inline-block; content: ""; border: 0; margin: 0; height: 11px; width: 3px; background: url(/img/separator_footer.svg); vertical-align: top; margin-top: 6px; margin-left: 15px; } footer .footer-menu a:last-child:after { display: none; } footer .copyright { text-align: center; margin-bottom: 24px; } @media (max-width: 940px) { footer .copyright { margin-top: 24px; } } footer .copyright .box { display: inline-block; font-size: 14px; letter-spacing: 1px; line-height: 18px; margin: 0 8px; } footer .copyright a { color: #fff; } footer .esports { text-align: center; margin-bottom: 24px; } @media (max-width:940px) { .bottom-partners .partners-heading{font-size:37px;} }