@charset "UTF-8";
@import url("css.css");

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url("1099d31ca513305a3813a2b6d40a6c0450d334be") format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: "\f115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
    content: "\f121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
    content: "\f122"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *,
.video-js :after,
.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-1-1,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode),
.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: 0 0
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js :not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js :focus:not(:focus-visible) {
    outline: 0
}

.ima-ad-container {
    top: 0;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%
}

.video-js.vjs-playing .bumpable-ima-ad-container {
    margin-top: -4em
}

.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
    margin-top: 0
}

.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-playing:hover .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
    margin-top: -4em
}

.ima-controls-div {
    bottom: 0;
    height: 1.4em;
    position: absolute;
    overflow: hidden;
    display: none;
    opacity: 1;
    background-color: rgba(7, 20, 30, .7);
    background: -moz-linear-gradient(bottom, rgba(7, 20, 30, .7) 0, rgba(7, 20, 30, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(7, 20, 30, .7)), color-stop(100%, rgba(7, 20, 30, 0)));
    background: -webkit-linear-gradient(bottom, rgba(7, 20, 30, .7), rgba(7, 20, 30, 0));
    background: -o-linear-gradient(bottom, rgba(7, 20, 30, .7) 0, rgba(7, 20, 30, 0) 100%);
    background: -ms-linear-gradient(bottom, rgba(7, 20, 30, .7) 0, rgba(7, 20, 30, 0) 100%);
    background: linear-gradient(0deg, rgba(7, 20, 30, .7) 0, rgba(7, 20, 30, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0007141E", endColorstr="#07141E", GradientType=0)
}

.ima-controls-div.ima-controls-div-showing {
    height: 3.7em
}

.ima-countdown-div {
    height: 1em;
    color: #fff;
    text-shadow: 0 0 .2em #000;
    cursor: default
}

.ima-seek-bar-div {
    top: 1.2em;
    height: .3em;
    position: absolute;
    background: hsla(0, 0%, 100%, .4)
}

.ima-progress-div {
    width: 0;
    height: .3em;
    background-color: #ecc546
}

.ima-fullscreen-div,
.ima-mute-div,
.ima-play-pause-div,
.ima-slider-div {
    width: 2.33em;
    height: 1.33em;
    top: .733em;
    left: 0;
    position: absolute;
    color: #ccc;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
    font-family: VideoJS;
    cursor: pointer
}

.ima-mute-div {
    left: auto;
    right: 5.667em
}

.ima-slider-div {
    left: auto;
    right: 2.33em;
    width: 3.33em;
    height: .667em;
    top: 1.33em;
    background-color: #555
}

.ima-slider-level-div {
    width: 100%;
    height: .667em;
    background-color: #ecc546
}

.ima-fullscreen-div {
    left: auto;
    right: 0
}

.ima-playing:before {
    content: "\00f103"
}

.ima-paused:before {
    content: "\00f101"
}

.ima-paused:hover:before,
.ima-playing:hover:before {
    text-shadow: 0 0 1em #fff
}

.ima-non-muted:before {
    content: "\00f107"
}

.ima-muted:before {
    content: "\00f104"
}

.ima-muted:hover:before,
.ima-non-muted:hover:before {
    text-shadow: 0 0 1em #fff
}

.ima-non-fullscreen:before {
    content: "\00f108"
}

.ima-fullscreen:before {
    content: "\00f109"
}

.ima-fullscreen:hover:before,
.ima-non-fullscreen:hover:before {
    text-shadow: 0 0 1em #fff
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

.mdl-button:active {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdl-button.mdl-button--colored {
    color: #3f51b5
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

input.mdl-button[type=submit] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: hsla(0, 0%, 62%, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: hsla(0, 0%, 62%, .4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: hsla(0, 0%, 62%, .4)
}

.mdl-button--raised.mdl-button--colored {
    background: #3f51b5;
    color: #fff
}

.mdl-button--raised.mdl-button--colored:active,
.mdl-button--raised.mdl-button--colored:focus:not(:active),
.mdl-button--raised.mdl-button--colored:hover {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: hsla(0, 0%, 62%, .2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: hsla(0, 0%, 62%, .4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: hsla(0, 0%, 62%, .4)
}

.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: #fff
}

.mdl-button--fab.mdl-button--colored:active,
.mdl-button--fab.mdl-button--colored:focus:not(:active),
.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: #3f51b5
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff
}

.mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #fff;
    background-color: #3f51b5
}

.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff
}

.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #fff;
    background-color: #ff4081
}

.mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdl-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdl-button--fab[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdl-button--raised[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26);
    box-shadow: none
}

.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdl-button--colored[disabled][disabled] {
    color: rgba(0, 0, 0, .26)
}

.mdl-button .material-icons {
    vertical-align: middle
}

.mdl-card {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}

.mdl-card__title {
    align-items: center;
    color: #000;
    display: block;
    display: flex;
    justify-content: stretch;
    line-height: normal;
    padding: 16px;
    perspective-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box
}

.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.mdl-card__title-text {
    align-self: flex-end;
    color: inherit;
    display: block;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    transform-origin: 149px 48px;
    margin: 0
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, .54);
    margin: 0
}

.mdl-card__supporting-text {
    color: rgba(0, 0, 0, .54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px;
    width: 90%
}

.mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    box-sizing: border-box
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.mdl-card--expand {
    flex-grow: 1
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
    width: 280px
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap
}

.mdl-dialog__actions>* {
    margin-right: 8px;
    height: 36px
}

.mdl-dialog__actions>:first-child {
    margin-right: 0
}

.mdl-dialog__actions--full-width {
    padding: 0 0 8px
}

.mdl-dialog__actions--full-width>* {
    height: 48px;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}

.mdl-dialog__content {
    padding: 20px 24px 24px;
    color: rgba(0, 0, 0, .54)
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%
}

.mdl-progress>.bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-progress>.progressbar {
    background-color: #3f51b5;
    z-index: 1;
    left: 0
}

.mdl-progress>.bufferbar {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), linear-gradient(90deg, #3f51b5, #3f51b5);
    z-index: 0;
    left: 0
}

.mdl-progress>.auxbar {
    right: 0
}

@supports (-webkit-appearance:none) {

    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
    .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), linear-gradient(90deg, #3f51b5, #3f51b5);
        mask: url("0508d9fe65e370d6ec1a81ab4a965c5e5bed9d13.svg")
    }
}

.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), linear-gradient(90deg, #3f51b5, #3f51b5)
}

.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: #3f51b5;
    animation-name: indeterminate1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-image: none;
    background-color: #3f51b5;
    animation-name: indeterminate2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes indeterminate1 {
    0% {
        left: 0;
        width: 0
    }

    50% {
        left: 25%;
        width: 75%
    }

    75% {
        left: 100%;
        width: 0
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0;
        width: 0
    }

    50% {
        left: 0;
        width: 0
    }

    75% {
        left: 0;
        width: 25%
    }

    to {
        left: 100%;
        width: 0
    }
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2)
}

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}

.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."
}

.mdl-spinner.is-upgraded.is-active {
    animation: mdl-spinner__container-rotate 1.568s linear infinite
}

@keyframes mdl-spinner__container-rotate {
    to {
        transform: rotate(1turn)
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdl-spinner__layer-1 {
    border-color: #42a5f5
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-2 {
    border-color: #f44336
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-3 {
    border-color: #fdd835
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-4 {
    border-color: #4caf50
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }

    25% {
        transform: rotate(270deg)
    }

    37.5% {
        transform: rotate(405deg)
    }

    50% {
        transform: rotate(540deg)
    }

    62.5% {
        transform: rotate(675deg)
    }

    75% {
        transform: rotate(810deg)
    }

    87.5% {
        transform: rotate(945deg)
    }

    to {
        transform: rotate(3turn)
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    0% {
        opacity: .99
    }

    25% {
        opacity: .99
    }

    26% {
        opacity: 0
    }

    89% {
        opacity: 0
    }

    90% {
        opacity: .99
    }

    to {
        opacity: .99
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    0% {
        opacity: 0
    }

    15% {
        opacity: 0
    }

    25% {
        opacity: .99
    }

    50% {
        opacity: .99
    }

    51% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: .99
    }

    75% {
        opacity: .99
    }

    76% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    0% {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    75% {
        opacity: .99
    }

    90% {
        opacity: .99
    }

    to {
        opacity: 0
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left
}

.mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border: 3px solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes mdl-spinner__left-spin {
    0% {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(130deg)
    }
}

@keyframes mdl-spinner__right-spin {
    0% {
        transform: rotate(-130deg)
    }

    50% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(-130deg)
    }
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: block;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit
}

.mdl-textfield__input[type=number] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type=number]::-webkit-inner-spin-button,
.mdl-textfield__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: 0
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}

.mdl-textfield.is-disabled .mdl-textfield__input,
fieldset[disabled] .mdl-textfield .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, .26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdl-textfield.has-placeholder .mdl-textfield__label,
.mdl-textfield.is-dirty .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px
}

.mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: "";
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: inline-block;
    max-width: .1px
}

.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,
.mdl-textfield.is-focused .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}

dialog {
    position: absolute;
    left: 0;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    margin: auto;
    border: solid;
    padding: 1em;
    background: #fff;
    color: #000;
    display: block
}

dialog:not([open]) {
    display: none
}

dialog+.backdrop {
    background: rgba(0, 0, 0, .1)
}

._dialog_overlay,
dialog+.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

dialog.fixed {
    position: fixed;
    top: 50%;
    transform: translateY(-50%)
}

.firebaseui-container {
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    direction: ltr;
    font: 16px Roboto, arial, sans-serif;
    margin: 0 auto;
    max-width: 360px;
    overflow: visible;
    position: relative;
    text-align: left;
    width: 100%
}

.firebaseui-container.mdl-card {
    overflow: visible
}

.firebaseui-card-header {
    padding: 24px 24px 0
}

.firebaseui-card-content,
.firebaseui-card-footer {
    padding: 0 24px
}

.firebaseui-card-actions {
    box-sizing: border-box;
    display: table;
    font-size: 14px;
    padding: 8px 24px 24px;
    text-align: left;
    width: 100%
}

.firebaseui-form-links {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.firebaseui-form-actions {
    display: table-cell;
    text-align: right;
    white-space: nowrap;
    width: 100%
}

.firebaseui-subtitle,
.firebaseui-title {
    color: rgba(0, 0, 0, .87);
    direction: ltr;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: left
}

.firebaseui-title {
    padding-bottom: 16px
}

.firebaseui-subtitle {
    margin: 16px 0
}

.firebaseui-text {
    color: rgba(0, 0, 0, .87);
    direction: ltr;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

.firebaseui-id-page-password-recovery-email-sent p.firebaseui-text {
    margin: 16px 0
}

.firebaseui-text-emphasis {
    font-weight: 700
}

.firebaseui-error {
    color: #dd2c00;
    direction: ltr;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    text-align: left
}

.firebaseui-text-input-error {
    margin: -16px 0 16px
}

.firebaseui-error-wrapper {
    min-height: 16px
}

.firebaseui-list-item {
    direction: ltr;
    margin: 0;
    padding: 0;
    text-align: left
}

.firebaseui-hidden {
    display: none
}

.firebaseui-relative-wrapper {
    position: relative
}

.firebaseui-label {
    color: rgba(0, 0, 0, .54);
    direction: ltr;
    font-size: 16px;
    text-align: left
}

.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #757575
}

.firebaseui-input,
.firebaseui-input-invalid {
    border-radius: 0;
    color: rgba(0, 0, 0, .87);
    direction: ltr;
    font-size: 16px;
    width: 100%
}

input.firebaseui-input,
input.firebaseui-input-invalid {
    direction: ltr;
    text-align: left
}

.firebaseui-input-invalid {
    border-color: #dd2c00
}

.firebaseui-textfield {
    width: 100%
}

.firebaseui-textfield.mdl-textfield .firebaseui-input {
    border-color: rgba(0, 0, 0, .12)
}

.firebaseui-textfield.mdl-textfield .firebaseui-label:after {
    background-color: #3f51b5
}

.firebaseui-textfield-invalid.mdl-textfield .firebaseui-input {
    border-color: #dd2c00
}

.firebaseui-textfield-invalid.mdl-textfield .firebaseui-label:after {
    background-color: #dd2c00
}

.firebaseui-button {
    display: inline-block;
    height: 36px;
    margin-left: 8px;
    min-width: 88px
}

.firebaseui-link {
    color: #4285f4;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none
}

.firebaseui-link:hover {
    text-decoration: underline
}

.firebaseui-indent {
    margin-left: 1em
}

.firebaseui-tos {
    color: #757575;
    direction: ltr;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: left
}

.firebaseui-provider-sign-in-footer>.firebaseui-tos {
    text-align: center
}

.firebaseui-tos-list {
    list-style: none;
    text-align: right
}

.firebaseui-inline-list-item {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.firebaseui-page-provider-sign-in,
.firebaseui-page-select-tenant {
    background: inherit
}

.firebaseui-idp-list,
.firebaseui-tenant-list {
    list-style: none;
    margin: 1em 0;
    padding: 0
}

.firebaseui-idp-button,
.firebaseui-tenant-button {
    direction: ltr;
    font-weight: 500;
    height: auto;
    line-height: normal;
    max-width: 220px;
    min-height: 40px;
    padding: 8px 16px;
    text-align: left;
    width: 100%
}

.firebaseui-idp-list>.firebaseui-list-item,
.firebaseui-tenant-list>.firebaseui-list-item {
    margin-bottom: 15px;
    text-align: center
}

.firebaseui-idp-icon-wrapper {
    display: table-cell;
    vertical-align: middle
}

.firebaseui-idp-icon {
    height: 18px;
    width: 18px
}

.firebaseui-idp-favicon,
.firebaseui-idp-icon {
    border: none;
    display: inline-block;
    vertical-align: middle
}

.firebaseui-idp-favicon {
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.firebaseui-idp-text {
    color: #fff;
    display: table-cell;
    font-size: 14px;
    padding-left: 16px;
    text-transform: none;
    vertical-align: middle
}

.firebaseui-idp-text.firebaseui-idp-text-long {
    display: table-cell
}

.firebaseui-idp-text.firebaseui-idp-text-short {
    display: none
}

@media (max-width:268px) {
    .firebaseui-idp-text.firebaseui-idp-text-long {
        display: none
    }

    .firebaseui-idp-text.firebaseui-idp-text-short {
        display: table-cell
    }
}

@media (max-width:320px) {
    .firebaseui-recaptcha-container>div>div {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

.firebaseui-idp-google>.firebaseui-idp-text {
    color: #757575
}

[data-provider-id="yahoo.com"]>.firebaseui-idp-icon-wrapper>.firebaseui-idp-icon {
    height: 22px;
    width: 22px
}

.firebaseui-info-bar {
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    left: 10%;
    padding: 8px 16px;
    position: absolute;
    right: 10%;
    text-align: center;
    top: 0
}

.firebaseui-info-bar-message {
    font-size: 12px;
    margin: 0
}

.firebaseui-dialog {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    font: 16px Roboto, arial, sans-serif;
    height: auto;
    max-height: fit-content;
    padding: 24px;
    text-align: left
}

.firebaseui-dialog-icon-wrapper {
    display: table-cell;
    vertical-align: middle
}

.firebaseui-dialog-icon {
    float: left;
    height: 40px;
    margin-right: 24px;
    width: 40px
}

.firebaseui-progress-dialog-message {
    display: table-cell;
    font-size: 16px;
    font-weight: 400;
    min-height: 40px;
    vertical-align: middle
}

.firebaseui-progress-dialog-loading-icon {
    height: 28px;
    margin: 6px 30px 6px 6px;
    width: 28px
}

.firebaseui-icon-done {
    background-image: url("done_googgreen_36dp.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 36px 36px
}

.firebaseui-phone-number {
    display: flex
}

.firebaseui-country-selector {
    background-image: url("arrow_drop_down_grey600_18dp.png");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 18px auto;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    margin: 20px 24px 20px 0;
    padding: 4px 20px 4px 0;
    width: 90px
}

.firebaseui-country-selector-flag {
    display: inline-block;
    margin-right: 1ex
}

.firebaseui-flag {
    background-image: url("flags_sprite_2x.png");
    background-size: 100% auto;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .54));
    height: 14px;
    width: 24px
}

.firebaseui-list-box-dialog {
    max-height: 90%;
    overflow: auto;
    padding: 8px 0 0
}

.firebaseui-list-box-actions {
    padding-bottom: 8px
}

.firebaseui-list-box-icon-wrapper {
    padding-right: 24px
}

.firebaseui-list-box-icon-wrapper,
.firebaseui-list-box-label-wrapper {
    display: table-cell;
    vertical-align: top
}

.firebaseui-list-box-dialog-button {
    color: rgba(0, 0, 0, .87);
    direction: ltr;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    min-height: 48px;
    padding: 14px 24px;
    text-align: left;
    text-transform: none;
    width: 100%
}

.firebaseui-phone-number-error {
    margin-left: 114px
}

.mdl-progress.firebaseui-busy-indicator {
    height: 2px;
    left: 0;
    position: absolute;
    top: 55px;
    width: 100%
}

.mdl-spinner.firebaseui-busy-indicator {
    direction: ltr;
    height: 56px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 30%;
    width: 56px
}

.firebaseui-callback-indicator-container .firebaseui-busy-indicator {
    top: 0
}

.firebaseui-callback-indicator-container {
    height: 120px
}

.firebaseui-new-password-component {
    display: inline-block;
    position: relative;
    width: 100%
}

.firebaseui-input-floating-button {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 24px
}

.firebaseui-input-toggle-on {
    background-image: url("visibility_black_24dp.png")
}

.firebaseui-input-toggle-off {
    background-image: url("visibility_off_black_24dp.png")
}

.firebaseui-input-toggle-focus {
    opacity: .87
}

.firebaseui-input-toggle-blur {
    opacity: .38
}

.firebaseui-recaptcha-wrapper {
    display: table;
    margin: 0 auto;
    padding-bottom: 8px
}

.firebaseui-recaptcha-container {
    display: table-cell
}

.firebaseui-recaptcha-error-wrapper {
    caption-side: bottom;
    display: table-caption
}

.firebaseui-change-phone-number-link {
    display: block
}

.firebaseui-resend-container {
    direction: ltr;
    margin: 20px 0;
    text-align: center
}

.firebaseui-id-resend-countdown {
    color: rgba(0, 0, 0, .38)
}

.firebaseui-id-page-phone-sign-in-start .firebaseui-form-actions div {
    float: left
}

@media (max-width:480px) {
    .firebaseui-container {
        box-shadow: none;
        max-width: none;
        width: 100%
    }

    .firebaseui-card-header {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 16px;
        padding: 16px 24px 0
    }

    .firebaseui-title {
        padding-bottom: 16px
    }

    .firebaseui-card-actions {
        padding-right: 24px
    }

    .firebaseui-busy-indicator {
        top: 0
    }
}

.mdl-textfield__label {
    font-weight: 400;
    margin-bottom: 0
}

.firebaseui-id-page-blank,
.firebaseui-id-page-spinner {
    background: inherit;
    height: 64px
}

.firebaseui-email-sent {
    background-image: url("success_status.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 64px 64px;
    height: 64px;
    margin-top: 16px;
    text-align: center
}

.firebaseui-text-justify {
    text-align: justify
}

.firebaseui-flag-KY {
    background-position: 0 0
}

.firebaseui-flag-AC {
    background-position: 0 -14px
}

.firebaseui-flag-AE {
    background-position: 0 -28px
}

.firebaseui-flag-AF {
    background-position: 0 -42px
}

.firebaseui-flag-AG {
    background-position: 0 -56px
}

.firebaseui-flag-AI {
    background-position: 0 -70px
}

.firebaseui-flag-AL {
    background-position: 0 -84px
}

.firebaseui-flag-AM {
    background-position: 0 -98px
}

.firebaseui-flag-AO {
    background-position: 0 -112px
}

.firebaseui-flag-AQ {
    background-position: 0 -126px
}

.firebaseui-flag-AR {
    background-position: 0 -140px
}

.firebaseui-flag-AS {
    background-position: 0 -154px
}

.firebaseui-flag-AT {
    background-position: 0 -168px
}

.firebaseui-flag-AU {
    background-position: 0 -182px
}

.firebaseui-flag-AW {
    background-position: 0 -196px
}

.firebaseui-flag-AX {
    background-position: 0 -210px
}

.firebaseui-flag-AZ {
    background-position: 0 -224px
}

.firebaseui-flag-BA {
    background-position: 0 -238px
}

.firebaseui-flag-BB {
    background-position: 0 -252px
}

.firebaseui-flag-BD {
    background-position: 0 -266px
}

.firebaseui-flag-BE {
    background-position: 0 -280px
}

.firebaseui-flag-BF {
    background-position: 0 -294px
}

.firebaseui-flag-BG {
    background-position: 0 -308px
}

.firebaseui-flag-BH {
    background-position: 0 -322px
}

.firebaseui-flag-BI {
    background-position: 0 -336px
}

.firebaseui-flag-BJ {
    background-position: 0 -350px
}

.firebaseui-flag-BL {
    background-position: 0 -364px
}

.firebaseui-flag-BM {
    background-position: 0 -378px
}

.firebaseui-flag-BN {
    background-position: 0 -392px
}

.firebaseui-flag-BO {
    background-position: 0 -406px
}

.firebaseui-flag-BQ {
    background-position: 0 -420px
}

.firebaseui-flag-BR {
    background-position: 0 -434px
}

.firebaseui-flag-BS {
    background-position: 0 -448px
}

.firebaseui-flag-BT {
    background-position: 0 -462px
}

.firebaseui-flag-BV {
    background-position: 0 -476px
}

.firebaseui-flag-BW {
    background-position: 0 -490px
}

.firebaseui-flag-BY {
    background-position: 0 -504px
}

.firebaseui-flag-BZ {
    background-position: 0 -518px
}

.firebaseui-flag-CA {
    background-position: 0 -532px
}

.firebaseui-flag-CC {
    background-position: 0 -546px
}

.firebaseui-flag-CD {
    background-position: 0 -560px
}

.firebaseui-flag-CF {
    background-position: 0 -574px
}

.firebaseui-flag-CG {
    background-position: 0 -588px
}

.firebaseui-flag-CH {
    background-position: 0 -602px
}

.firebaseui-flag-CI {
    background-position: 0 -616px
}

.firebaseui-flag-CK {
    background-position: 0 -630px
}

.firebaseui-flag-CL {
    background-position: 0 -644px
}

.firebaseui-flag-CM {
    background-position: 0 -658px
}

.firebaseui-flag-CN {
    background-position: 0 -672px
}

.firebaseui-flag-CO {
    background-position: 0 -686px
}

.firebaseui-flag-CP {
    background-position: 0 -700px
}

.firebaseui-flag-CR {
    background-position: 0 -714px
}

.firebaseui-flag-CU {
    background-position: 0 -728px
}

.firebaseui-flag-CV {
    background-position: 0 -742px
}

.firebaseui-flag-CW {
    background-position: 0 -756px
}

.firebaseui-flag-CX {
    background-position: 0 -770px
}

.firebaseui-flag-CY {
    background-position: 0 -784px
}

.firebaseui-flag-CZ {
    background-position: 0 -798px
}

.firebaseui-flag-DE {
    background-position: 0 -812px
}

.firebaseui-flag-DG {
    background-position: 0 -826px
}

.firebaseui-flag-DJ {
    background-position: 0 -840px
}

.firebaseui-flag-DK {
    background-position: 0 -854px
}

.firebaseui-flag-DM {
    background-position: 0 -868px
}

.firebaseui-flag-DO {
    background-position: 0 -882px
}

.firebaseui-flag-DZ {
    background-position: 0 -896px
}

.firebaseui-flag-EA {
    background-position: 0 -910px
}

.firebaseui-flag-EC {
    background-position: 0 -924px
}

.firebaseui-flag-EE {
    background-position: 0 -938px
}

.firebaseui-flag-EG {
    background-position: 0 -952px
}

.firebaseui-flag-EH {
    background-position: 0 -966px
}

.firebaseui-flag-ER {
    background-position: 0 -980px
}

.firebaseui-flag-ES {
    background-position: 0 -994px
}

.firebaseui-flag-ET {
    background-position: 0 -1008px
}

.firebaseui-flag-EU {
    background-position: 0 -1022px
}

.firebaseui-flag-FI {
    background-position: 0 -1036px
}

.firebaseui-flag-FJ {
    background-position: 0 -1050px
}

.firebaseui-flag-FK {
    background-position: 0 -1064px
}

.firebaseui-flag-FM {
    background-position: 0 -1078px
}

.firebaseui-flag-FO {
    background-position: 0 -1092px
}

.firebaseui-flag-FR {
    background-position: 0 -1106px
}

.firebaseui-flag-GA {
    background-position: 0 -1120px
}

.firebaseui-flag-GB {
    background-position: 0 -1134px
}

.firebaseui-flag-GD {
    background-position: 0 -1148px
}

.firebaseui-flag-GE {
    background-position: 0 -1162px
}

.firebaseui-flag-GF {
    background-position: 0 -1176px
}

.firebaseui-flag-GG {
    background-position: 0 -1190px
}

.firebaseui-flag-GH {
    background-position: 0 -1204px
}

.firebaseui-flag-GI {
    background-position: 0 -1218px
}

.firebaseui-flag-GL {
    background-position: 0 -1232px
}

.firebaseui-flag-GM {
    background-position: 0 -1246px
}

.firebaseui-flag-GN {
    background-position: 0 -1260px
}

.firebaseui-flag-GP {
    background-position: 0 -1274px
}

.firebaseui-flag-GQ {
    background-position: 0 -1288px
}

.firebaseui-flag-GR {
    background-position: 0 -1302px
}

.firebaseui-flag-GS {
    background-position: 0 -1316px
}

.firebaseui-flag-GT {
    background-position: 0 -1330px
}

.firebaseui-flag-GU {
    background-position: 0 -1344px
}

.firebaseui-flag-GW {
    background-position: 0 -1358px
}

.firebaseui-flag-GY {
    background-position: 0 -1372px
}

.firebaseui-flag-HK {
    background-position: 0 -1386px
}

.firebaseui-flag-HM {
    background-position: 0 -1400px
}

.firebaseui-flag-HN {
    background-position: 0 -1414px
}

.firebaseui-flag-HR {
    background-position: 0 -1428px
}

.firebaseui-flag-HT {
    background-position: 0 -1442px
}

.firebaseui-flag-HU {
    background-position: 0 -1456px
}

.firebaseui-flag-IC {
    background-position: 0 -1470px
}

.firebaseui-flag-ID {
    background-position: 0 -1484px
}

.firebaseui-flag-IE {
    background-position: 0 -1498px
}

.firebaseui-flag-IL {
    background-position: 0 -1512px
}

.firebaseui-flag-IM {
    background-position: 0 -1526px
}

.firebaseui-flag-IN {
    background-position: 0 -1540px
}

.firebaseui-flag-IO {
    background-position: 0 -1554px
}

.firebaseui-flag-IQ {
    background-position: 0 -1568px
}

.firebaseui-flag-IR {
    background-position: 0 -1582px
}

.firebaseui-flag-IS {
    background-position: 0 -1596px
}

.firebaseui-flag-IT {
    background-position: 0 -1610px
}

.firebaseui-flag-JE {
    background-position: 0 -1624px
}

.firebaseui-flag-JM {
    background-position: 0 -1638px
}

.firebaseui-flag-JO {
    background-position: 0 -1652px
}

.firebaseui-flag-JP {
    background-position: 0 -1666px
}

.firebaseui-flag-KE {
    background-position: 0 -1680px
}

.firebaseui-flag-KG {
    background-position: 0 -1694px
}

.firebaseui-flag-KH {
    background-position: 0 -1708px
}

.firebaseui-flag-KI {
    background-position: 0 -1722px
}

.firebaseui-flag-KM {
    background-position: 0 -1736px
}

.firebaseui-flag-KN {
    background-position: 0 -1750px
}

.firebaseui-flag-KP {
    background-position: 0 -1764px
}

.firebaseui-flag-KR {
    background-position: 0 -1778px
}

.firebaseui-flag-KW {
    background-position: 0 -1792px
}

.firebaseui-flag-AD {
    background-position: 0 -1806px
}

.firebaseui-flag-KZ {
    background-position: 0 -1820px
}

.firebaseui-flag-LA {
    background-position: 0 -1834px
}

.firebaseui-flag-LB {
    background-position: 0 -1848px
}

.firebaseui-flag-LC {
    background-position: 0 -1862px
}

.firebaseui-flag-LI {
    background-position: 0 -1876px
}

.firebaseui-flag-LK {
    background-position: 0 -1890px
}

.firebaseui-flag-LR {
    background-position: 0 -1904px
}

.firebaseui-flag-LS {
    background-position: 0 -1918px
}

.firebaseui-flag-LT {
    background-position: 0 -1932px
}

.firebaseui-flag-LU {
    background-position: 0 -1946px
}

.firebaseui-flag-LV {
    background-position: 0 -1960px
}

.firebaseui-flag-LY {
    background-position: 0 -1974px
}

.firebaseui-flag-MA {
    background-position: 0 -1988px
}

.firebaseui-flag-MC {
    background-position: 0 -2002px
}

.firebaseui-flag-MD {
    background-position: 0 -2016px
}

.firebaseui-flag-ME {
    background-position: 0 -2030px
}

.firebaseui-flag-MF {
    background-position: 0 -2044px
}

.firebaseui-flag-MG {
    background-position: 0 -2058px
}

.firebaseui-flag-MH {
    background-position: 0 -2072px
}

.firebaseui-flag-MK {
    background-position: 0 -2086px
}

.firebaseui-flag-ML {
    background-position: 0 -2100px
}

.firebaseui-flag-MM {
    background-position: 0 -2114px
}

.firebaseui-flag-MN {
    background-position: 0 -2128px
}

.firebaseui-flag-MO {
    background-position: 0 -2142px
}

.firebaseui-flag-MP {
    background-position: 0 -2156px
}

.firebaseui-flag-MQ {
    background-position: 0 -2170px
}

.firebaseui-flag-MR {
    background-position: 0 -2184px
}

.firebaseui-flag-MS {
    background-position: 0 -2198px
}

.firebaseui-flag-MT {
    background-position: 0 -2212px
}

.firebaseui-flag-MU {
    background-position: 0 -2226px
}

.firebaseui-flag-MV {
    background-position: 0 -2240px
}

.firebaseui-flag-MW {
    background-position: 0 -2254px
}

.firebaseui-flag-MX {
    background-position: 0 -2268px
}

.firebaseui-flag-MY {
    background-position: 0 -2282px
}

.firebaseui-flag-MZ {
    background-position: 0 -2296px
}

.firebaseui-flag-NA {
    background-position: 0 -2310px
}

.firebaseui-flag-NC {
    background-position: 0 -2324px
}

.firebaseui-flag-NE {
    background-position: 0 -2338px
}

.firebaseui-flag-NF {
    background-position: 0 -2352px
}

.firebaseui-flag-NG {
    background-position: 0 -2366px
}

.firebaseui-flag-NI {
    background-position: 0 -2380px
}

.firebaseui-flag-NL {
    background-position: 0 -2394px
}

.firebaseui-flag-NO {
    background-position: 0 -2408px
}

.firebaseui-flag-NP {
    background-position: 0 -2422px
}

.firebaseui-flag-NR {
    background-position: 0 -2436px
}

.firebaseui-flag-NU {
    background-position: 0 -2450px
}

.firebaseui-flag-NZ {
    background-position: 0 -2464px
}

.firebaseui-flag-OM {
    background-position: 0 -2478px
}

.firebaseui-flag-PA {
    background-position: 0 -2492px
}

.firebaseui-flag-PE {
    background-position: 0 -2506px
}

.firebaseui-flag-PF {
    background-position: 0 -2520px
}

.firebaseui-flag-PG {
    background-position: 0 -2534px
}

.firebaseui-flag-PH {
    background-position: 0 -2548px
}

.firebaseui-flag-PK {
    background-position: 0 -2562px
}

.firebaseui-flag-PL {
    background-position: 0 -2576px
}

.firebaseui-flag-PM {
    background-position: 0 -2590px
}

.firebaseui-flag-PN {
    background-position: 0 -2604px
}

.firebaseui-flag-PR {
    background-position: 0 -2618px
}

.firebaseui-flag-PS {
    background-position: 0 -2632px
}

.firebaseui-flag-PT {
    background-position: 0 -2646px
}

.firebaseui-flag-PW {
    background-position: 0 -2660px
}

.firebaseui-flag-PY {
    background-position: 0 -2674px
}

.firebaseui-flag-QA {
    background-position: 0 -2688px
}

.firebaseui-flag-RE {
    background-position: 0 -2702px
}

.firebaseui-flag-RO {
    background-position: 0 -2716px
}

.firebaseui-flag-RS {
    background-position: 0 -2730px
}

.firebaseui-flag-RU {
    background-position: 0 -2744px
}

.firebaseui-flag-RW {
    background-position: 0 -2758px
}

.firebaseui-flag-SA {
    background-position: 0 -2772px
}

.firebaseui-flag-SB {
    background-position: 0 -2786px
}

.firebaseui-flag-SC {
    background-position: 0 -2800px
}

.firebaseui-flag-SD {
    background-position: 0 -2814px
}

.firebaseui-flag-SE {
    background-position: 0 -2828px
}

.firebaseui-flag-SG {
    background-position: 0 -2842px
}

.firebaseui-flag-SH {
    background-position: 0 -2856px
}

.firebaseui-flag-SI {
    background-position: 0 -2870px
}

.firebaseui-flag-SJ {
    background-position: 0 -2884px
}

.firebaseui-flag-SK {
    background-position: 0 -2898px
}

.firebaseui-flag-SL {
    background-position: 0 -2912px
}

.firebaseui-flag-SM {
    background-position: 0 -2926px
}

.firebaseui-flag-SN {
    background-position: 0 -2940px
}

.firebaseui-flag-SO {
    background-position: 0 -2954px
}

.firebaseui-flag-SR {
    background-position: 0 -2968px
}

.firebaseui-flag-SS {
    background-position: 0 -2982px
}

.firebaseui-flag-ST {
    background-position: 0 -2996px
}

.firebaseui-flag-SV {
    background-position: 0 -3010px
}

.firebaseui-flag-SX {
    background-position: 0 -3024px
}

.firebaseui-flag-SY {
    background-position: 0 -3038px
}

.firebaseui-flag-SZ {
    background-position: 0 -3052px
}

.firebaseui-flag-TA {
    background-position: 0 -3066px
}

.firebaseui-flag-TC {
    background-position: 0 -3080px
}

.firebaseui-flag-TD {
    background-position: 0 -3094px
}

.firebaseui-flag-TF {
    background-position: 0 -3108px
}

.firebaseui-flag-TG {
    background-position: 0 -3122px
}

.firebaseui-flag-TH {
    background-position: 0 -3136px
}

.firebaseui-flag-TJ {
    background-position: 0 -3150px
}

.firebaseui-flag-TK {
    background-position: 0 -3164px
}

.firebaseui-flag-TL {
    background-position: 0 -3178px
}

.firebaseui-flag-TM {
    background-position: 0 -3192px
}

.firebaseui-flag-TN {
    background-position: 0 -3206px
}

.firebaseui-flag-TO {
    background-position: 0 -3220px
}

.firebaseui-flag-TR {
    background-position: 0 -3234px
}

.firebaseui-flag-TT {
    background-position: 0 -3248px
}

.firebaseui-flag-TV {
    background-position: 0 -3262px
}

.firebaseui-flag-TW {
    background-position: 0 -3276px
}

.firebaseui-flag-TZ {
    background-position: 0 -3290px
}

.firebaseui-flag-UA {
    background-position: 0 -3304px
}

.firebaseui-flag-UG {
    background-position: 0 -3318px
}

.firebaseui-flag-UM {
    background-position: 0 -3332px
}

.firebaseui-flag-UN {
    background-position: 0 -3346px
}

.firebaseui-flag-US {
    background-position: 0 -3360px
}

.firebaseui-flag-UY {
    background-position: 0 -3374px
}

.firebaseui-flag-UZ {
    background-position: 0 -3388px
}

.firebaseui-flag-VA {
    background-position: 0 -3402px
}

.firebaseui-flag-VC {
    background-position: 0 -3416px
}

.firebaseui-flag-VE {
    background-position: 0 -3430px
}

.firebaseui-flag-VG {
    background-position: 0 -3444px
}

.firebaseui-flag-VI {
    background-position: 0 -3458px
}

.firebaseui-flag-VN {
    background-position: 0 -3472px
}

.firebaseui-flag-VU {
    background-position: 0 -3486px
}

.firebaseui-flag-WF {
    background-position: 0 -3500px
}

.firebaseui-flag-WS {
    background-position: 0 -3514px
}

.firebaseui-flag-XK {
    background-position: 0 -3528px
}

.firebaseui-flag-YE {
    background-position: 0 -3542px
}

.firebaseui-flag-YT {
    background-position: 0 -3556px
}

.firebaseui-flag-ZA {
    background-position: 0 -3570px
}

.firebaseui-flag-ZM {
    background-position: 0 -3584px
}

.firebaseui-flag-ZW {
    background-position: 0 -3598px
}

[dir] .fi,
[dir] .fib {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    line-height: 1em
}

.fi:before {
    content: " "
}

.fi.fis {
    width: 1em
}

[dir] .fi-ad {
    background-image: url("ad.svg")
}

[dir] .fi-ad.fis {
    background-image: url("ad-1.svg")
}

[dir] .fi-ae {
    background-image: url("ae.svg")
}

[dir] .fi-ae.fis {
    background-image: url("ae-1.svg")
}

[dir] .fi-af {
    background-image: url("af.svg")
}

[dir] .fi-af.fis {
    background-image: url("af-1.svg")
}

[dir] .fi-ag {
    background-image: url("ag.svg")
}

[dir] .fi-ag.fis {
    background-image: url("ag-1.svg")
}

[dir] .fi-ai {
    background-image: url("ai.svg")
}

[dir] .fi-ai.fis {
    background-image: url("ai-1.svg")
}

[dir] .fi-al {
    background-image: url("al.svg")
}

[dir] .fi-al.fis {
    background-image: url("al-1.svg")
}

[dir] .fi-am {
    background-image: url("am.svg")
}

[dir] .fi-am.fis {
    background-image: url("am-1.svg")
}

[dir] .fi-ao {
    background-image: url("ao.svg")
}

[dir] .fi-ao.fis {
    background-image: url("ao-1.svg")
}

[dir] .fi-aq {
    background-image: url("aq.svg")
}

[dir] .fi-aq.fis {
    background-image: url("aq-1.svg")
}

[dir] .fi-ar {
    background-image: url("ar.svg")
}

[dir] .fi-ar.fis {
    background-image: url("ar-1.svg")
}

[dir] .fi-as {
    background-image: url("as-1.svg")
}

[dir] .fi-as.fis {
    background-image: url("as.svg")
}

[dir] .fi-at {
    background-image: url("at.svg")
}

[dir] .fi-at.fis {
    background-image: url("at-1.svg")
}

[dir] .fi-au {
    background-image: url("au.svg")
}

[dir] .fi-au.fis {
    background-image: url("au-1.svg")
}

[dir] .fi-aw {
    background-image: url("aw.svg")
}

[dir] .fi-aw.fis {
    background-image: url("aw-1.svg")
}

[dir] .fi-ax {
    background-image: url("ax.svg")
}

[dir] .fi-ax.fis {
    background-image: url("ax-1.svg")
}

[dir] .fi-az {
    background-image: url("az.svg")
}

[dir] .fi-az.fis {
    background-image: url("az-1.svg")
}

[dir] .fi-ba {
    background-image: url("ba.svg")
}

[dir] .fi-ba.fis {
    background-image: url("ba-1.svg")
}

[dir] .fi-bb {
    background-image: url("bb.svg")
}

[dir] .fi-bb.fis {
    background-image: url("bb-1.svg")
}

[dir] .fi-bd {
    background-image: url("bd-1.svg")
}

[dir] .fi-bd.fis {
    background-image: url("bd.svg")
}

[dir] .fi-be {
    background-image: url("be.svg")
}

[dir] .fi-be.fis {
    background-image: url("be-1.svg")
}

[dir] .fi-bf {
    background-image: url("bf-1.svg")
}

[dir] .fi-bf.fis {
    background-image: url("bf.svg")
}

[dir] .fi-bg {
    background-image: url("bg.svg")
}

[dir] .fi-bg.fis {
    background-image: url("bg-1.svg")
}

[dir] .fi-bh {
    background-image: url("bh.svg")
}

[dir] .fi-bh.fis {
    background-image: url("bh-1.svg")
}

[dir] .fi-bi {
    background-image: url("bi.svg")
}

[dir] .fi-bi.fis {
    background-image: url("bi-1.svg")
}

[dir] .fi-bj {
    background-image: url("bj.svg")
}

[dir] .fi-bj.fis {
    background-image: url("bj-1.svg")
}

[dir] .fi-bl {
    background-image: url("bl.svg")
}

[dir] .fi-bl.fis {
    background-image: url("bl-1.svg")
}

[dir] .fi-bm {
    background-image: url("bm-1.svg")
}

[dir] .fi-bm.fis {
    background-image: url("bm.svg")
}

[dir] .fi-bn {
    background-image: url("bn.svg")
}

[dir] .fi-bn.fis {
    background-image: url("bn-1.svg")
}

[dir] .fi-bo {
    background-image: url("bo.svg")
}

[dir] .fi-bo.fis {
    background-image: url("bo-1.svg")
}

[dir] .fi-bq {
    background-image: url("bq-1.svg")
}

[dir] .fi-bq.fis {
    background-image: url("bq.svg")
}

[dir] .fi-br {
    background-image: url("br.svg")
}

[dir] .fi-br.fis {
    background-image: url("br-1.svg")
}

[dir] .fi-bs {
    background-image: url("bs.svg")
}

[dir] .fi-bs.fis {
    background-image: url("bs-1.svg")
}

[dir] .fi-bt {
    background-image: url("bt.svg")
}

[dir] .fi-bt.fis {
    background-image: url("bt-1.svg")
}

[dir] .fi-bv {
    background-image: url("bv.svg")
}

[dir] .fi-bv.fis {
    background-image: url("bv-1.svg")
}

[dir] .fi-bw {
    background-image: url("bw.svg")
}

[dir] .fi-bw.fis {
    background-image: url("bw-1.svg")
}

[dir] .fi-by {
    background-image: url("by.svg")
}

[dir] .fi-by.fis {
    background-image: url("by-1.svg")
}

[dir] .fi-bz {
    background-image: url("bz.svg")
}

[dir] .fi-bz.fis {
    background-image: url("bz-1.svg")
}

[dir] .fi-ca {
    background-image: url("ca.svg")
}

[dir] .fi-ca.fis {
    background-image: url("ca-1.svg")
}

[dir] .fi-cc {
    background-image: url("cc.svg")
}

[dir] .fi-cc.fis {
    background-image: url("cc-1.svg")
}

[dir] .fi-cd {
    background-image: url("cd.svg")
}

[dir] .fi-cd.fis {
    background-image: url("cd-1.svg")
}

[dir] .fi-cf {
    background-image: url("cf.svg")
}

[dir] .fi-cf.fis {
    background-image: url("cf-1.svg")
}

[dir] .fi-cg {
    background-image: url("cg.svg")
}

[dir] .fi-cg.fis {
    background-image: url("cg-1.svg")
}

[dir] .fi-ch {
    background-image: url("ch.svg")
}

[dir] .fi-ch.fis {
    background-image: url("ch-1.svg")
}

[dir] .fi-ci {
    background-image: url("ci.svg")
}

[dir] .fi-ci.fis {
    background-image: url("ci-1.svg")
}

[dir] .fi-ck {
    background-image: url("ck.svg")
}

[dir] .fi-ck.fis {
    background-image: url("ck-1.svg")
}

[dir] .fi-cl {
    background-image: url("cl-1.svg")
}

[dir] .fi-cl.fis {
    background-image: url("cl.svg")
}

[dir] .fi-cm {
    background-image: url("cm.svg")
}

[dir] .fi-cm.fis {
    background-image: url("cm-1.svg")
}

[dir] .fi-cn {
    background-image: url("cn.svg")
}

[dir] .fi-cn.fis {
    background-image: url("cn-1.svg")
}

[dir] .fi-co {
    background-image: url("co.svg")
}

[dir] .fi-co.fis {
    background-image: url("co-1.svg")
}

[dir] .fi-cr {
    background-image: url("cr.svg")
}

[dir] .fi-cr.fis {
    background-image: url("cr-1.svg")
}

[dir] .fi-cu {
    background-image: url("cu.svg")
}

[dir] .fi-cu.fis {
    background-image: url("cu-1.svg")
}

[dir] .fi-cv {
    background-image: url("cv.svg")
}

[dir] .fi-cv.fis {
    background-image: url("cv-1.svg")
}

[dir] .fi-cw {
    background-image: url("cw.svg")
}

[dir] .fi-cw.fis {
    background-image: url("cw-1.svg")
}

[dir] .fi-cx {
    background-image: url("cx.svg")
}

[dir] .fi-cx.fis {
    background-image: url("cx-1.svg")
}

[dir] .fi-cy {
    background-image: url("cy-1.svg")
}

[dir] .fi-cy.fis {
    background-image: url("cy.svg")
}

[dir] .fi-cz {
    background-image: url("cz.svg")
}

[dir] .fi-cz.fis {
    background-image: url("cz-1.svg")
}

[dir] .fi-de {
    background-image: url("de.svg")
}

[dir] .fi-de.fis {
    background-image: url("de-1.svg")
}

[dir] .fi-dj {
    background-image: url("dj-1.svg")
}

[dir] .fi-dj.fis {
    background-image: url("dj.svg")
}

[dir] .fi-dk {
    background-image: url("dk.svg")
}

[dir] .fi-dk.fis {
    background-image: url("dk-1.svg")
}

[dir] .fi-dm {
    background-image: url("dm.svg")
}

[dir] .fi-dm.fis {
    background-image: url("dm-1.svg")
}

[dir] .fi-do {
    background-image: url("do.svg")
}

[dir] .fi-do.fis {
    background-image: url("do-1.svg")
}

[dir] .fi-dz {
    background-image: url("dz-1.svg")
}

[dir] .fi-dz.fis {
    background-image: url("dz.svg")
}

[dir] .fi-ec {
    background-image: url("ec.svg")
}

[dir] .fi-ec.fis {
    background-image: url("ec-1.svg")
}

[dir] .fi-ee {
    background-image: url("ee.svg")
}

[dir] .fi-ee.fis {
    background-image: url("ee-1.svg")
}

[dir] .fi-eg {
    background-image: url("eg.svg")
}

[dir] .fi-eg.fis {
    background-image: url("eg-1.svg")
}

[dir] .fi-eh {
    background-image: url("eh.svg")
}

[dir] .fi-eh.fis {
    background-image: url("eh-1.svg")
}

[dir] .fi-er {
    background-image: url("er.svg")
}

[dir] .fi-er.fis {
    background-image: url("er-1.svg")
}

[dir] .fi-es {
    background-image: url("es-1.svg")
}

[dir] .fi-es.fis {
    background-image: url("es.svg")
}

[dir] .fi-et {
    background-image: url("et.svg")
}

[dir] .fi-et.fis {
    background-image: url("et-1.svg")
}

[dir] .fi-fi {
    background-image: url("fi.svg")
}

[dir] .fi-fi.fis {
    background-image: url("fi-1.svg")
}

[dir] .fi-fj {
    background-image: url("fj.svg")
}

[dir] .fi-fj.fis {
    background-image: url("fj-1.svg")
}

[dir] .fi-fk {
    background-image: url("fk.svg")
}

[dir] .fi-fk.fis {
    background-image: url("fk-1.svg")
}

[dir] .fi-fm {
    background-image: url("fm.svg")
}

[dir] .fi-fm.fis {
    background-image: url("fm-1.svg")
}

[dir] .fi-fo {
    background-image: url("fo.svg")
}

[dir] .fi-fo.fis {
    background-image: url("fo-1.svg")
}

[dir] .fi-fr {
    background-image: url("fr.svg")
}

[dir] .fi-fr.fis {
    background-image: url("fr-1.svg")
}

[dir] .fi-ga {
    background-image: url("ga.svg")
}

[dir] .fi-ga.fis {
    background-image: url("ga-1.svg")
}

[dir] .fi-gb {
    background-image: url("gb.svg")
}

[dir] .fi-gb.fis {
    background-image: url("gb-1.svg")
}

[dir] .fi-gd {
    background-image: url("gd.svg")
}

[dir] .fi-gd.fis {
    background-image: url("gd-1.svg")
}

[dir] .fi-ge {
    background-image: url("ge.svg")
}

[dir] .fi-ge.fis {
    background-image: url("ge-1.svg")
}

[dir] .fi-gf {
    background-image: url("gf.svg")
}

[dir] .fi-gf.fis {
    background-image: url("gf-1.svg")
}

[dir] .fi-gg {
    background-image: url("gg.svg")
}

[dir] .fi-gg.fis {
    background-image: url("gg-1.svg")
}

[dir] .fi-gh {
    background-image: url("gh.svg")
}

[dir] .fi-gh.fis {
    background-image: url("gh-1.svg")
}

[dir] .fi-gi {
    background-image: url("gi.svg")
}

[dir] .fi-gi.fis {
    background-image: url("gi-1.svg")
}

[dir] .fi-gl {
    background-image: url("gl.svg")
}

[dir] .fi-gl.fis {
    background-image: url("gl-1.svg")
}

[dir] .fi-gm {
    background-image: url("gm.svg")
}

[dir] .fi-gm.fis {
    background-image: url("gm-1.svg")
}

[dir] .fi-gn {
    background-image: url("gn.svg")
}

[dir] .fi-gn.fis {
    background-image: url("gn-1.svg")
}

[dir] .fi-gp {
    background-image: url("gp.svg")
}

[dir] .fi-gp.fis {
    background-image: url("gp-1.svg")
}

[dir] .fi-gq {
    background-image: url("gq.svg")
}

[dir] .fi-gq.fis {
    background-image: url("gq-1.svg")
}

[dir] .fi-gr {
    background-image: url("gr.svg")
}

[dir] .fi-gr.fis {
    background-image: url("gr-1.svg")
}

[dir] .fi-gs {
    background-image: url("gs.svg")
}

[dir] .fi-gs.fis {
    background-image: url("gs-1.svg")
}

[dir] .fi-gt {
    background-image: url("gt.svg")
}

[dir] .fi-gt.fis {
    background-image: url("gt-1.svg")
}

[dir] .fi-gu {
    background-image: url("gu.svg")
}

[dir] .fi-gu.fis {
    background-image: url("gu-1.svg")
}

[dir] .fi-gw {
    background-image: url("gw.svg")
}

[dir] .fi-gw.fis {
    background-image: url("gw-1.svg")
}

[dir] .fi-gy {
    background-image: url("gy.svg")
}

[dir] .fi-gy.fis {
    background-image: url("gy-1.svg")
}

[dir] .fi-hk {
    background-image: url("hk.svg")
}

[dir] .fi-hk.fis {
    background-image: url("hk-1.svg")
}

[dir] .fi-hm {
    background-image: url("hm.svg")
}

[dir] .fi-hm.fis {
    background-image: url("hm-1.svg")
}

[dir] .fi-hn {
    background-image: url("hn.svg")
}

[dir] .fi-hn.fis {
    background-image: url("hn-1.svg")
}

[dir] .fi-hr {
    background-image: url("hr.svg")
}

[dir] .fi-hr.fis {
    background-image: url("hr-1.svg")
}

[dir] .fi-ht {
    background-image: url("ht.svg")
}

[dir] .fi-ht.fis {
    background-image: url("ht-1.svg")
}

[dir] .fi-hu {
    background-image: url("hu.svg")
}

[dir] .fi-hu.fis {
    background-image: url("hu-1.svg")
}

[dir] .fi-id {
    background-image: url("id.svg")
}

[dir] .fi-id.fis {
    background-image: url("id-1.svg")
}

[dir] .fi-ie {
    background-image: url("ie.svg")
}

[dir] .fi-ie.fis {
    background-image: url("ie-1.svg")
}

[dir] .fi-il {
    background-image: url("il-1.svg")
}

[dir] .fi-il.fis {
    background-image: url("il.svg")
}

[dir] .fi-im {
    background-image: url("im.svg")
}

[dir] .fi-im.fis {
    background-image: url("im-1.svg")
}

[dir] .fi-in {
    background-image: url("in.svg")
}

[dir] .fi-in.fis {
    background-image: url("in-1.svg")
}

[dir] .fi-io {
    background-image: url("io.svg")
}

[dir] .fi-io.fis {
    background-image: url("io-1.svg")
}

[dir] .fi-iq {
    background-image: url("iq.svg")
}

[dir] .fi-iq.fis {
    background-image: url("iq-1.svg")
}

[dir] .fi-ir {
    background-image: url("ir.svg")
}

[dir] .fi-ir.fis {
    background-image: url("ir-1.svg")
}

[dir] .fi-is {
    background-image: url("is.svg")
}

[dir] .fi-is.fis {
    background-image: url("is-1.svg")
}

[dir] .fi-it {
    background-image: url("it.svg")
}

[dir] .fi-it.fis {
    background-image: url("it-1.svg")
}

[dir] .fi-je {
    background-image: url("je.svg")
}

[dir] .fi-je.fis {
    background-image: url("je-1.svg")
}

[dir] .fi-jm {
    background-image: url("jm.svg")
}

[dir] .fi-jm.fis {
    background-image: url("jm-1.svg")
}

[dir] .fi-jo {
    background-image: url("jo.svg")
}

[dir] .fi-jo.fis {
    background-image: url("jo-1.svg")
}

[dir] .fi-jp {
    background-image: url("jp.svg")
}

[dir] .fi-jp.fis {
    background-image: url("jp-1.svg")
}

[dir] .fi-ke {
    background-image: url("ke.svg")
}

[dir] .fi-ke.fis {
    background-image: url("ke-1.svg")
}

[dir] .fi-kg {
    background-image: url("kg.svg")
}

[dir] .fi-kg.fis {
    background-image: url("kg-1.svg")
}

[dir] .fi-kh {
    background-image: url("kh.svg")
}

[dir] .fi-kh.fis {
    background-image: url("kh-1.svg")
}

[dir] .fi-ki {
    background-image: url("ki.svg")
}

[dir] .fi-ki.fis {
    background-image: url("ki-1.svg")
}

[dir] .fi-km {
    background-image: url("km.svg")
}

[dir] .fi-km.fis {
    background-image: url("km-1.svg")
}

[dir] .fi-kn {
    background-image: url("kn-1.svg")
}

[dir] .fi-kn.fis {
    background-image: url("kn.svg")
}

[dir] .fi-kp {
    background-image: url("kp.svg")
}

[dir] .fi-kp.fis {
    background-image: url("kp-1.svg")
}

[dir] .fi-kr {
    background-image: url("kr.svg")
}

[dir] .fi-kr.fis {
    background-image: url("kr-1.svg")
}

[dir] .fi-kw {
    background-image: url("kw-1.svg")
}

[dir] .fi-kw.fis {
    background-image: url("kw.svg")
}

[dir] .fi-ky {
    background-image: url("ky.svg")
}

[dir] .fi-ky.fis {
    background-image: url("ky-1.svg")
}

[dir] .fi-kz {
    background-image: url("kz.svg")
}

[dir] .fi-kz.fis {
    background-image: url("kz-1.svg")
}

[dir] .fi-la {
    background-image: url("la.svg")
}

[dir] .fi-la.fis {
    background-image: url("la-1.svg")
}

[dir] .fi-lb {
    background-image: url("lb.svg")
}

[dir] .fi-lb.fis {
    background-image: url("lb-1.svg")
}

[dir] .fi-lc {
    background-image: url("lc.svg")
}

[dir] .fi-lc.fis {
    background-image: url("lc-1.svg")
}

[dir] .fi-li {
    background-image: url("li.svg")
}

[dir] .fi-li.fis {
    background-image: url("li-1.svg")
}

[dir] .fi-lk {
    background-image: url("lk.svg")
}

[dir] .fi-lk.fis {
    background-image: url("lk-1.svg")
}

[dir] .fi-lr {
    background-image: url("lr.svg")
}

[dir] .fi-lr.fis {
    background-image: url("lr-1.svg")
}

[dir] .fi-ls {
    background-image: url("ls.svg")
}

[dir] .fi-ls.fis {
    background-image: url("ls-1.svg")
}

[dir] .fi-lt {
    background-image: url("lt.svg")
}

[dir] .fi-lt.fis {
    background-image: url("lt-1.svg")
}

[dir] .fi-lu {
    background-image: url("lu.svg")
}

[dir] .fi-lu.fis {
    background-image: url("lu-1.svg")
}

[dir] .fi-lv {
    background-image: url("lv.svg")
}

[dir] .fi-lv.fis {
    background-image: url("lv-1.svg")
}

[dir] .fi-ly {
    background-image: url("ly.svg")
}

[dir] .fi-ly.fis {
    background-image: url("ly-1.svg")
}

[dir] .fi-ma {
    background-image: url("ma-1.svg")
}

[dir] .fi-ma.fis {
    background-image: url("ma.svg")
}

[dir] .fi-mc {
    background-image: url("mc.svg")
}

[dir] .fi-mc.fis {
    background-image: url("mc-1.svg")
}

[dir] .fi-md {
    background-image: url("md.svg")
}

[dir] .fi-md.fis {
    background-image: url("md-1.svg")
}

[dir] .fi-me {
    background-image: url("me.svg")
}

[dir] .fi-me.fis {
    background-image: url("me-1.svg")
}

[dir] .fi-mf {
    background-image: url("mf-1.svg")
}

[dir] .fi-mf.fis {
    background-image: url("mf.svg")
}

[dir] .fi-mg {
    background-image: url("mg-1.svg")
}

[dir] .fi-mg.fis {
    background-image: url("mg.svg")
}

[dir] .fi-mh {
    background-image: url("mh.svg")
}

[dir] .fi-mh.fis {
    background-image: url("mh-1.svg")
}

[dir] .fi-mk {
    background-image: url("mk-1.svg")
}

[dir] .fi-mk.fis {
    background-image: url("mk.svg")
}

[dir] .fi-ml {
    background-image: url("ml-1.svg")
}

[dir] .fi-ml.fis {
    background-image: url("ml.svg")
}

[dir] .fi-mm {
    background-image: url("mm.svg")
}

[dir] .fi-mm.fis {
    background-image: url("mm-1.svg")
}

[dir] .fi-mn {
    background-image: url("mn.svg")
}

[dir] .fi-mn.fis {
    background-image: url("mn-1.svg")
}

[dir] .fi-mo {
    background-image: url("mo.svg")
}

[dir] .fi-mo.fis {
    background-image: url("mo-1.svg")
}

[dir] .fi-mp {
    background-image: url("mp-1.svg")
}

[dir] .fi-mp.fis {
    background-image: url("mp.svg")
}

[dir] .fi-mq {
    background-image: url("mq.svg")
}

[dir] .fi-mq.fis {
    background-image: url("mq-1.svg")
}

[dir] .fi-mr {
    background-image: url("mr-1.svg")
}

[dir] .fi-mr.fis {
    background-image: url("mr.svg")
}

[dir] .fi-ms {
    background-image: url("ms-1.svg")
}

[dir] .fi-ms.fis {
    background-image: url("ms.svg")
}

[dir] .fi-mt {
    background-image: url("mt.svg")
}

[dir] .fi-mt.fis {
    background-image: url("mt-1.svg")
}

[dir] .fi-mu {
    background-image: url("mu.svg")
}

[dir] .fi-mu.fis {
    background-image: url("mu-1.svg")
}

[dir] .fi-mv {
    background-image: url("mv.svg")
}

[dir] .fi-mv.fis {
    background-image: url("mv-1.svg")
}

[dir] .fi-mw {
    background-image: url("mw.svg")
}

[dir] .fi-mw.fis {
    background-image: url("mw-1.svg")
}

[dir] .fi-mx {
    background-image: url("mx.svg")
}

[dir] .fi-mx.fis {
    background-image: url("mx-1.svg")
}

[dir] .fi-my {
    background-image: url("my-1.svg")
}

[dir] .fi-my.fis {
    background-image: url("my.svg")
}

[dir] .fi-mz {
    background-image: url("mz.svg")
}

[dir] .fi-mz.fis {
    background-image: url("mz-1.svg")
}

[dir] .fi-na {
    background-image: url("na.svg")
}

[dir] .fi-na.fis {
    background-image: url("na-1.svg")
}

[dir] .fi-nc {
    background-image: url("nc-1.svg")
}

[dir] .fi-nc.fis {
    background-image: url("nc.svg")
}

[dir] .fi-ne {
    background-image: url("ne-1.svg")
}

[dir] .fi-ne.fis {
    background-image: url("ne.svg")
}

[dir] .fi-nf {
    background-image: url("nf.svg")
}

[dir] .fi-nf.fis {
    background-image: url("nf-1.svg")
}

[dir] .fi-ng {
    background-image: url("ng-1.svg")
}

[dir] .fi-ng.fis {
    background-image: url("ng.svg")
}

[dir] .fi-ni {
    background-image: url("ni.svg")
}

[dir] .fi-ni.fis {
    background-image: url("ni-1.svg")
}

[dir] .fi-nl {
    background-image: url("nl.svg")
}

[dir] .fi-nl.fis {
    background-image: url("nl-1.svg")
}

[dir] .fi-no {
    background-image: url("no-1.svg")
}

[dir] .fi-no.fis {
    background-image: url("no.svg")
}

[dir] .fi-np {
    background-image: url("np.svg")
}

[dir] .fi-np.fis {
    background-image: url("np-1.svg")
}

[dir] .fi-nr {
    background-image: url("nr-1.svg")
}

[dir] .fi-nr.fis {
    background-image: url("nr.svg")
}

[dir] .fi-nu {
    background-image: url("nu-1.svg")
}

[dir] .fi-nu.fis {
    background-image: url("nu.svg")
}

[dir] .fi-nz {
    background-image: url("nz.svg")
}

[dir] .fi-nz.fis {
    background-image: url("nz-1.svg")
}

[dir] .fi-om {
    background-image: url("om-1.svg")
}

[dir] .fi-om.fis {
    background-image: url("om.svg")
}

[dir] .fi-pa {
    background-image: url("pa.svg")
}

[dir] .fi-pa.fis {
    background-image: url("pa-1.svg")
}

[dir] .fi-pe {
    background-image: url("pe-1.svg")
}

[dir] .fi-pe.fis {
    background-image: url("pe.svg")
}

[dir] .fi-pf {
    background-image: url("pf.svg")
}

[dir] .fi-pf.fis {
    background-image: url("pf-1.svg")
}

[dir] .fi-pg {
    background-image: url("pg-1.svg")
}

[dir] .fi-pg.fis {
    background-image: url("pg.svg")
}

[dir] .fi-ph {
    background-image: url("ph.svg")
}

[dir] .fi-ph.fis {
    background-image: url("ph-1.svg")
}

[dir] .fi-pk {
    background-image: url("pk.svg")
}

[dir] .fi-pk.fis {
    background-image: url("pk-1.svg")
}

[dir] .fi-pl {
    background-image: url("pl.svg")
}

[dir] .fi-pl.fis {
    background-image: url("pl-1.svg")
}

[dir] .fi-pm {
    background-image: url("pm-1.svg")
}

[dir] .fi-pm.fis {
    background-image: url("pm.svg")
}

[dir] .fi-pn {
    background-image: url("pn.svg")
}

[dir] .fi-pn.fis {
    background-image: url("pn-1.svg")
}

[dir] .fi-pr {
    background-image: url("pr.svg")
}

[dir] .fi-pr.fis {
    background-image: url("pr-1.svg")
}

[dir] .fi-ps {
    background-image: url("ps.svg")
}

[dir] .fi-ps.fis {
    background-image: url("ps-1.svg")
}

[dir] .fi-pt {
    background-image: url("pt-1.svg")
}

[dir] .fi-pt.fis {
    background-image: url("pt.svg")
}

[dir] .fi-pw {
    background-image: url("pw.svg")
}

[dir] .fi-pw.fis {
    background-image: url("pw-1.svg")
}

[dir] .fi-py {
    background-image: url("py.svg")
}

[dir] .fi-py.fis {
    background-image: url("py-1.svg")
}

[dir] .fi-qa {
    background-image: url("qa-1.svg")
}

[dir] .fi-qa.fis {
    background-image: url("qa.svg")
}

[dir] .fi-re {
    background-image: url("re.svg")
}

[dir] .fi-re.fis {
    background-image: url("re-1.svg")
}

[dir] .fi-ro {
    background-image: url("ro-1.svg")
}

[dir] .fi-ro.fis {
    background-image: url("ro.svg")
}

[dir] .fi-rs {
    background-image: url("rs.svg")
}

[dir] .fi-rs.fis {
    background-image: url("rs-1.svg")
}

[dir] .fi-ru {
    background-image: url("ru-1.svg")
}

[dir] .fi-ru.fis {
    background-image: url("ru.svg")
}

[dir] .fi-rw {
    background-image: url("rw-1.svg")
}

[dir] .fi-rw.fis {
    background-image: url("rw.svg")
}

[dir] .fi-sa {
    background-image: url("sa-1.svg")
}

[dir] .fi-sa.fis {
    background-image: url("sa.svg")
}

[dir] .fi-sb {
    background-image: url("sb.svg")
}

[dir] .fi-sb.fis {
    background-image: url("sb-1.svg")
}

[dir] .fi-sc {
    background-image: url("sc-1.svg")
}

[dir] .fi-sc.fis {
    background-image: url("sc.svg")
}

[dir] .fi-sd {
    background-image: url("sd.svg")
}

[dir] .fi-sd.fis {
    background-image: url("sd-1.svg")
}

[dir] .fi-se {
    background-image: url("se-1.svg")
}

[dir] .fi-se.fis {
    background-image: url("se.svg")
}

[dir] .fi-sg {
    background-image: url("sg.svg")
}

[dir] .fi-sg.fis {
    background-image: url("sg-1.svg")
}

[dir] .fi-sh {
    background-image: url("sh-1.svg")
}

[dir] .fi-sh.fis {
    background-image: url("sh.svg")
}

[dir] .fi-si {
    background-image: url("si-1.svg")
}

[dir] .fi-si.fis {
    background-image: url("si.svg")
}

[dir] .fi-sj {
    background-image: url("sj.svg")
}

[dir] .fi-sj.fis {
    background-image: url("sj-1.svg")
}

[dir] .fi-sk {
    background-image: url("sk.svg")
}

[dir] .fi-sk.fis {
    background-image: url("sk-1.svg")
}

[dir] .fi-sl {
    background-image: url("sl.svg")
}

[dir] .fi-sl.fis {
    background-image: url("sl-1.svg")
}

[dir] .fi-sm {
    background-image: url("sm.svg")
}

[dir] .fi-sm.fis {
    background-image: url("sm-1.svg")
}

[dir] .fi-sn {
    background-image: url("sn.svg")
}

[dir] .fi-sn.fis {
    background-image: url("sn-1.svg")
}

[dir] .fi-so {
    background-image: url("so.svg")
}

[dir] .fi-so.fis {
    background-image: url("so-1.svg")
}

[dir] .fi-sr {
    background-image: url("sr.svg")
}

[dir] .fi-sr.fis {
    background-image: url("sr-1.svg")
}

[dir] .fi-ss {
    background-image: url("ss.svg")
}

[dir] .fi-ss.fis {
    background-image: url("ss-1.svg")
}

[dir] .fi-st {
    background-image: url("st.svg")
}

[dir] .fi-st.fis {
    background-image: url("st-1.svg")
}

[dir] .fi-sv {
    background-image: url("sv.svg")
}

[dir] .fi-sv.fis {
    background-image: url("sv-1.svg")
}

[dir] .fi-sx {
    background-image: url("sx.svg")
}

[dir] .fi-sx.fis {
    background-image: url("sx-1.svg")
}

[dir] .fi-sy {
    background-image: url("sy.svg")
}

[dir] .fi-sy.fis {
    background-image: url("sy-1.svg")
}

[dir] .fi-sz {
    background-image: url("sz.svg")
}

[dir] .fi-sz.fis {
    background-image: url("sz-1.svg")
}

[dir] .fi-tc {
    background-image: url("tc-1.svg")
}

[dir] .fi-tc.fis {
    background-image: url("tc.svg")
}

[dir] .fi-td {
    background-image: url("td-1.svg")
}

[dir] .fi-td.fis {
    background-image: url("td.svg")
}

[dir] .fi-tf {
    background-image: url("tf.svg")
}

[dir] .fi-tf.fis {
    background-image: url("tf-1.svg")
}

[dir] .fi-tg {
    background-image: url("tg.svg")
}

[dir] .fi-tg.fis {
    background-image: url("tg-1.svg")
}

[dir] .fi-th {
    background-image: url("th.svg")
}

[dir] .fi-th.fis {
    background-image: url("th-1.svg")
}

[dir] .fi-tj {
    background-image: url("tj.svg")
}

[dir] .fi-tj.fis {
    background-image: url("tj-1.svg")
}

[dir] .fi-tk {
    background-image: url("tk.svg")
}

[dir] .fi-tk.fis {
    background-image: url("tk-1.svg")
}

[dir] .fi-tl {
    background-image: url("tl.svg")
}

[dir] .fi-tl.fis {
    background-image: url("tl-1.svg")
}

[dir] .fi-tm {
    background-image: url("tm-1.svg")
}

[dir] .fi-tm.fis {
    background-image: url("tm.svg")
}

[dir] .fi-tn {
    background-image: url("tn-1.svg")
}

[dir] .fi-tn.fis {
    background-image: url("tn.svg")
}

[dir] .fi-to {
    background-image: url("to.svg")
}

[dir] .fi-to.fis {
    background-image: url("to-1.svg")
}

[dir] .fi-tr {
    background-image: url("tr-1.svg")
}

[dir] .fi-tr.fis {
    background-image: url("tr.svg")
}

[dir] .fi-tt {
    background-image: url("tt-1.svg")
}

[dir] .fi-tt.fis {
    background-image: url("tt.svg")
}

[dir] .fi-tv {
    background-image: url("tv.svg")
}

[dir] .fi-tv.fis {
    background-image: url("tv-1.svg")
}

[dir] .fi-tw {
    background-image: url("tw.svg")
}

[dir] .fi-tw.fis {
    background-image: url("tw-1.svg")
}

[dir] .fi-tz {
    background-image: url("tz.svg")
}

[dir] .fi-tz.fis {
    background-image: url("tz-1.svg")
}

[dir] .fi-ua {
    background-image: url("ua.svg")
}

[dir] .fi-ua.fis {
    background-image: url("ua-1.svg")
}

[dir] .fi-ug {
    background-image: url("ug-1.svg")
}

[dir] .fi-ug.fis {
    background-image: url("ug.svg")
}

[dir] .fi-um {
    background-image: url("um-1.svg")
}

[dir] .fi-um.fis {
    background-image: url("um.svg")
}

[dir] .fi-us {
    background-image: url("us-1.svg")
}

[dir] .fi-us.fis {
    background-image: url("us.svg")
}

[dir] .fi-uy {
    background-image: url("uy-1.svg")
}

[dir] .fi-uy.fis {
    background-image: url("uy.svg")
}

[dir] .fi-uz {
    background-image: url("uz-1.svg")
}

[dir] .fi-uz.fis {
    background-image: url("uz.svg")
}

[dir] .fi-va {
    background-image: url("va-1.svg")
}

[dir] .fi-va.fis {
    background-image: url("va.svg")
}

[dir] .fi-vc {
    background-image: url("vc-1.svg")
}

[dir] .fi-vc.fis {
    background-image: url("vc.svg")
}

[dir] .fi-ve {
    background-image: url("ve.svg")
}

[dir] .fi-ve.fis {
    background-image: url("ve-1.svg")
}

[dir] .fi-vg {
    background-image: url("vg.svg")
}

[dir] .fi-vg.fis {
    background-image: url("vg-1.svg")
}

[dir] .fi-vi {
    background-image: url("vi.svg")
}

[dir] .fi-vi.fis {
    background-image: url("vi-1.svg")
}

[dir] .fi-vn {
    background-image: url("vn.svg")
}

[dir] .fi-vn.fis {
    background-image: url("vn-1.svg")
}

[dir] .fi-vu {
    background-image: url("vu.svg")
}

[dir] .fi-vu.fis {
    background-image: url("vu-1.svg")
}

[dir] .fi-wf {
    background-image: url("wf.svg")
}

[dir] .fi-wf.fis {
    background-image: url("wf-1.svg")
}

[dir] .fi-ws {
    background-image: url("ws.svg")
}

[dir] .fi-ws.fis {
    background-image: url("ws-1.svg")
}

[dir] .fi-ye {
    background-image: url("ye.svg")
}

[dir] .fi-ye.fis {
    background-image: url("ye-1.svg")
}

[dir] .fi-yt {
    background-image: url("yt.svg")
}

[dir] .fi-yt.fis {
    background-image: url("yt-1.svg")
}

[dir] .fi-za {
    background-image: url("za.svg")
}

[dir] .fi-za.fis {
    background-image: url("za-1.svg")
}

[dir] .fi-zm {
    background-image: url("zm.svg")
}

[dir] .fi-zm.fis {
    background-image: url("zm-1.svg")
}

[dir] .fi-zw {
    background-image: url("zw.svg")
}

[dir] .fi-zw.fis {
    background-image: url("zw-1.svg")
}

[dir] .fi-ac {
    background-image: url("ac.svg")
}

[dir] .fi-ac.fis {
    background-image: url("ac-1.svg")
}

[dir] .fi-cp {
    background-image: url("cp-1.svg")
}

[dir] .fi-cp.fis {
    background-image: url("cp.svg")
}

[dir] .fi-dg {
    background-image: url("dg.svg")
}

[dir] .fi-dg.fis {
    background-image: url("dg-1.svg")
}

[dir] .fi-ea {
    background-image: url("ea.svg")
}

[dir] .fi-ea.fis {
    background-image: url("ea-1.svg")
}

[dir] .fi-es-ct {
    background-image: url("es-ct.svg")
}

[dir] .fi-es-ct.fis {
    background-image: url("es-ct-1.svg")
}

[dir] .fi-es-ga {
    background-image: url("es-ga.svg")
}

[dir] .fi-es-ga.fis {
    background-image: url("es-ga-1.svg")
}

[dir] .fi-eu {
    background-image: url("eu.svg")
}

[dir] .fi-eu.fis {
    background-image: url("eu-1.svg")
}

[dir] .fi-gb-eng {
    background-image: url("gb-eng.svg")
}

[dir] .fi-gb-eng.fis {
    background-image: url("gb-eng-1.svg")
}

[dir] .fi-gb-nir {
    background-image: url("gb-nir.svg")
}

[dir] .fi-gb-nir.fis {
    background-image: url("gb-nir-1.svg")
}

[dir] .fi-gb-sct {
    background-image: url("gb-sct.svg")
}

[dir] .fi-gb-sct.fis {
    background-image: url("gb-sct-1.svg")
}

[dir] .fi-gb-wls {
    background-image: url("gb-wls.svg")
}

[dir] .fi-gb-wls.fis {
    background-image: url("gb-wls-1.svg")
}

[dir] .fi-ic {
    background-image: url("ic.svg")
}

[dir] .fi-ic.fis {
    background-image: url("ic-1.svg")
}

[dir] .fi-ta {
    background-image: url("ta-1.svg")
}

[dir] .fi-ta.fis {
    background-image: url("ta.svg")
}

[dir] .fi-un {
    background-image: url("un.svg")
}

[dir] .fi-un.fis {
    background-image: url("un-1.svg")
}

[dir] .fi-xk {
    background-image: url("xk.svg")
}

[dir] .fi-xk.fis {
    background-image: url("xk-1.svg")
}

[dir] .fi-xx {
    background-image: url("xx.svg")
}

[dir] .fi-xx.fis {
    background-image: url("xx-1.svg")
}

body:before {
    display: none;
    content: "m"
}

@media(min-width:501px) {
    body:before {
        content: "t"
    }
}

@media(min-width:1200px) {
    body:before {
        content: "d"
    }
}

:root,
body,
html {
    font-size: 10px
}

[dir]:root,
[dir] body,
html[dir] {
    margin: 0;
    padding: 0
}

li,
ol,
ul {
    list-style-type: none;
    list-style: none
}

[dir] li,
[dir] ol,
[dir] ul {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

* {
    box-sizing: border-box
}

img,
video {
    aspect-ratio: attr(width)/attr(height)
}

.logo_link {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: block
}

[dir] .logo_link {
    cursor: pointer
}

.html-snippet {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center
}

[dir] .html-snippet {
    clear: both
}

.location {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

[dir] .location {
    margin: 1.6rem 0 0
}

.location:before {
    content: " ";
    width: 1.6rem;
    height: 1.9rem
}

[dir] .location:before {
    background: url("location.svg") no-repeat 50%;
    margin: .5rem 0 0
}

.location_element {
    position: relative
}

[dir] .location_element {
    padding: 0 0 .3rem
}

.location_element:after {
    content: "/";
    display: inline-block
}

.location_element:last-child:after {
    content: ""
}

.location_element .underBar {
    position: absolute;
    bottom: -.1rem
}

[dir=ltr] .location_element .underBar {
    left: .5rem
}

[dir=rtl] .location_element .underBar {
    right: .5rem
}

[dir] .location_link {
    padding: 0 .5rem
}

.underBar {
    width: 2.4rem
}

[dir] .underBar {
    border: .15rem solid #a3afbd;
    background-color: #a3afbd
}

.h-scroll,
.noscroll {
    overflow: hidden
}

.h-scroll {
    display: flex
}

[dir] .h-scroll {
    padding: 1.2rem 0
}

.h-scroll:hover {
    overflow-x: auto
}

[dir=ltr] .h-scroll>:not(:last-child) {
    margin-right: 1.5rem
}

[dir=rtl] .h-scroll>:not(:last-child) {
    margin-left: 1.5rem
}

[dir] .box-wrapper {
    padding: 1.6rem 0
}

@media(min-width:501px) {
    [dir] .box-wrapper {
        padding: 2.5rem 0
    }
}

@media(max-width:500px) {
    .hide-in-mobile {
        display: none !important
    }
}

@media(min-width:501px)and (max-width:1199px) {
    .hide-in-tablet {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hide-in-desktop {
        display: none !important
    }
}

[dir] .top-margin {
    margin-top: 1.6rem !important
}

@media(min-width:501px) {
    [dir] .top-margin {
        margin-top: 2.5rem !important
    }
}

[dir] .bottom-margin {
    margin-bottom: 1.6rem !important
}

@media(min-width:501px) {
    [dir] .bottom-margin {
        margin-bottom: 2.5rem !important
    }
}

.takeover_outer {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    position: absolute
}

[dir] .takeover_outer {
    background-position: center 0;
    background-repeat: no-repeat
}

[dir=ltr] .takeover_outer {
    left: 0
}

[dir=rtl] .takeover_outer {
    right: 0
}

[dir] .takeover_outer.inTranslation-bg {
    background-image: url("inTranslation.png");
    background-repeat: no-repeat;
    background-position: top;
    transform: rotateY(180deg);
    background-size: 300%
}

@media(min-width:501px) {
    [dir] .takeover_outer.inTranslation-bg {
        background-size: 140%;
        background-position: center 52px
    }
}

@media(min-width:1200px) {
    [dir] .takeover_outer.inTranslation-bg {
        background-position: center -100px;
        background-size: 90%
    }
}

[dir] .dark-theme .takeover_outer.inTranslation-bg,
[dir] .night-theme .takeover_outer.inTranslation-bg {
    background-image: url("inTranslation-dark.png")
}

.takeover_outer a {
    display: block;
    width: 100%;
    height: 100%
}

[dir=ltr] .takeover_outer.inTranslation-bg {
    transform: unset
}

.centred-adj {
    max-width: 70%
}

[dir] .centred-adj {
    margin: 0 auto
}

.flexy1x1,
.flexy9x16,
.flexy16x9,
.flexy-video {
    position: relative;
    width: 100%;
    height: 0
}

[dir] .flexy16x9 {
    padding-top: 56.25%
}

[dir] .flexy9x16 {
    padding-top: 177.77778%
}

[dir] .flexy1x1 {
    padding-top: 100%
}

.flexy1x1 iframe,
.flexy9x16 iframe,
.flexy16x9 iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

[dir=ltr] .flexy1x1 iframe,
[dir=ltr] .flexy9x16 iframe,
[dir=ltr] .flexy16x9 iframe {
    left: 0
}

[dir=rtl] .flexy1x1 iframe,
[dir=rtl] .flexy9x16 iframe,
[dir=rtl] .flexy16x9 iframe {
    right: 0
}

[dir] .topMargin {
    margin-top: 8rem
}

[dir=ltr] .page-content .page-content,
[dir=rtl] .page-content .page-content {
    padding-right: 0;
    padding-left: 0
}

@media(min-width:1200px) {
    [dir] .alhadath-theme #body-text {
        padding-top: 0
    }

    [dir=ltr] .alhadath-theme #body-text {
        padding-left: 2rem
    }

    [dir=rtl] .alhadath-theme #body-text {
        padding-right: 2rem
    }

    [dir=ltr] .alhadath-theme .tags.alhadath {
        margin: 0 0 2rem 2rem
    }

    [dir=rtl] .alhadath-theme .tags.alhadath {
        margin: 0 2rem 2rem 0
    }
}