/*
 * site.css — single consolidated stylesheet for dj.html
 * Pruned from the original 10 stylesheets to rules that apply to this page.
 * Skipped as unused/unavailable on the live site: swiper.css, bs-switches.css (404),
 * et-line.css (404), colors.php (404 -> theme colours baked below).
 */

/* =====================================================================
   Bootstrap 5 (grid, utilities, modal, dropdown, tooltip, alert)
   source: css/bootstrap.css  |  rules kept: 153, dropped: 2161
   ===================================================================== */
*,
*::before,
*::after {
        box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
        :root {
                scroll-behavior: smooth;
        }
}
body {
        margin: 0;
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h3,
h2,
h1 {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
        color: var(--bs-heading-color);
}
h1 {
        font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
        h1 {
                font-size: 2.5rem;
        }
}
h2 {
        font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
        h2 {
                font-size: 2rem;
        }
}
h3 {
        font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
        h3 {
                font-size: 1.75rem;
        }
}
p {
        margin-top: 0;
        margin-bottom: 1rem;
}
ul {
        padding-left: 2rem;
}
ul {
        margin-top: 0;
        margin-bottom: 1rem;
}
ul ul {
        margin-bottom: 0;
}
b,
strong {
        font-weight: bolder;
}
a {
        color: var(--bs-link-color);
        text-decoration: underline;
}
a:hover {
        color: var(--bs-link-hover-color);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
}
img,
svg {
        vertical-align: middle;
}
button {
        border-radius: 0;
}
button:focus:not(:focus-visible) {
        outline: 0;
}
button {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
}
button {
        text-transform: none;
}
[role=button] {
        cursor: pointer;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
        display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
        -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
        cursor: pointer;
}
::-moz-focus-inner {
        padding: 0;
        border-style: none;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
        padding: 0;
}
::-webkit-inner-spin-button {
        height: auto;
}
[type=search] {
        outline-offset: -2px;
        -webkit-appearance: textfield;
}
::-webkit-search-decoration {
        -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
        padding: 0;
}
::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
}
::file-selector-button {
        font: inherit;
        -webkit-appearance: button;
}
[hidden] {
        display: none !important;
}
.lead {
        font-size: 1.25rem;
        font-weight: 400;
}
.container,
.container-fluid {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
}
@media (min-width: 576px) {
        .container {
                max-width: 540px;
        }
}
@media (min-width: 768px) {
        .container {
                max-width: 720px;
        }
}
@media (min-width: 992px) {
        .container {
                max-width: 960px;
        }
}
@media (min-width: 1200px) {
        .container {
                max-width: 1140px;
        }
}
@media (min-width: 1400px) {
        .container {
                max-width: 1320px;
        }
}
.row {
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
}
.col-auto {
        flex: 0 0 auto;
        width: auto;
}
.g-0 {
        --bs-gutter-x: 0;
}
.g-0 {
        --bs-gutter-y: 0;
}
@media (min-width: 768px) {
        .col-md-5 {
                flex: 0 0 auto;
                width: 41.66666667%;
        }
        .col-md-6 {
                flex: 0 0 auto;
                width: 50%;
        }
        .col-md-7 {
                flex: 0 0 auto;
                width: 58.33333333%;
        }
}
@media (min-width: 992px) {
        .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%;
        }
}
.btn-sm {
        --bs-btn-padding-y: 0.25rem;
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-border-radius: 0.25rem;
}
.fade {
        transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
        .fade {
                transition: none;
        }
}
.fade:not(.show) {
        opacity: 0;
}
.collapsing {
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
        .collapsing {
                transition: none;
        }
}
.dropdown {
        position: relative;
}
.dropdown-toggle {
        white-space: nowrap;
}
.dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
        margin-left: 0;
}
.dropdown-menu {
        --bs-dropdown-min-width: 10rem;
        --bs-dropdown-padding-x: 0;
        --bs-dropdown-padding-y: 0.5rem;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: 1rem;
        --bs-dropdown-color: #212529;
        --bs-dropdown-bg: #fff;
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-border-radius: 0.375rem;
        --bs-dropdown-border-width: 1px;
        --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-divider-margin-y: 0.5rem;
        --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        --bs-dropdown-link-color: #212529;
        --bs-dropdown-link-hover-color: #1e2125;
        --bs-dropdown-link-hover-bg: #e9ecef;
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #0d6efd;
        --bs-dropdown-link-disabled-color: #adb5bd;
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.25rem;
        --bs-dropdown-header-color: #6c757d;
        --bs-dropdown-header-padding-x: 1rem;
        --bs-dropdown-header-padding-y: 0.5rem;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: var(--bs-dropdown-min-width);
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        margin: 0;
        font-size: var(--bs-dropdown-font-size);
        color: var(--bs-dropdown-color);
        text-align: left;
        list-style: none;
        background-color: var(--bs-dropdown-bg);
        background-clip: padding-box;
        border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
        border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-item {
        display: block;
        width: 100%;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        clear: both;
        font-weight: 400;
        color: var(--bs-dropdown-link-color);
        text-align: inherit;
        text-decoration: none;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent;
}
.dropdown-menu.show {
        display: block;
}
.btn-group {
        position: relative;
        display: inline-flex;
        vertical-align: middle;
}
.btn-group {
        border-radius: 0.375rem;
}
.btn-group > .btn-group:not(:first-child) {
        margin-left: -1px;
}
.navbar {
        --bs-navbar-padding-x: 0;
        --bs-navbar-padding-y: 0.5rem;
        --bs-navbar-color: rgba(0, 0, 0, 0.55);
        --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
        --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
        --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
        --bs-navbar-brand-padding-y: 0.3125rem;
        --bs-navbar-brand-margin-end: 1rem;
        --bs-navbar-brand-font-size: 1.25rem;
        --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
        --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
        --bs-navbar-nav-link-padding-x: 0.5rem;
        --bs-navbar-toggler-padding-y: 0.25rem;
        --bs-navbar-toggler-padding-x: 0.75rem;
        --bs-navbar-toggler-font-size: 1.25rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
        --bs-navbar-toggler-border-radius: 0.375rem;
        --bs-navbar-toggler-focus-width: 0.25rem;
        --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
}
.navbar-nav {
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
}
.navbar-nav .dropdown-menu {
        position: static;
}
.accordion {
        --bs-accordion-color: #000;
        --bs-accordion-bg: #fff;
        --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
        --bs-accordion-border-color: var(--bs-border-color);
        --bs-accordion-border-width: 1px;
        --bs-accordion-border-radius: 0.375rem;
        --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-btn-padding-y: 1rem;
        --bs-accordion-btn-color: var(--bs-body-color);
        --bs-accordion-btn-bg: var(--bs-accordion-bg);
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-focus-border-color: #86b7fe;
        --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        --bs-accordion-body-padding-x: 1.25rem;
        --bs-accordion-body-padding-y: 1rem;
        --bs-accordion-active-color: #0c63e4;
        --bs-accordion-active-bg: #e7f1ff;
}
.accordion-header {
        margin-bottom: 0;
}
.alert {
        --bs-alert-bg: transparent;
        --bs-alert-padding-x: 1rem;
        --bs-alert-padding-y: 1rem;
        --bs-alert-margin-bottom: 1rem;
        --bs-alert-color: inherit;
        --bs-alert-border-color: transparent;
        --bs-alert-border: 1px solid var(--bs-alert-border-color);
        --bs-alert-border-radius: 0.375rem;
        position: relative;
        padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
        margin-bottom: var(--bs-alert-margin-bottom);
        color: var(--bs-alert-color);
        background-color: var(--bs-alert-bg);
        border: var(--bs-alert-border);
        border-radius: var(--bs-alert-border-radius, 0);
}
.alert-dismissible {
        padding-right: 3rem;
}
.alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem;
}
.alert-success {
        --bs-alert-color: #0f5132;
        --bs-alert-bg: #d1e7dd;
        --bs-alert-border-color: #badbcc;
}
.progress {
        --bs-progress-height: 1rem;
        --bs-progress-font-size: 0.75rem;
        --bs-progress-bg: #e9ecef;
        --bs-progress-border-radius: 0.375rem;
        --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
        --bs-progress-bar-color: #fff;
        --bs-progress-bar-bg: #0d6efd;
        --bs-progress-bar-transition: width 0.6s ease;
        display: flex;
        height: var(--bs-progress-height);
        overflow: hidden;
        font-size: var(--bs-progress-font-size);
        background-color: var(--bs-progress-bg);
        border-radius: var(--bs-progress-border-radius);
}
.btn-close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #000;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        border: 0;
        border-radius: 0.375rem;
        opacity: 0.5;
}
.btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: 0.75;
}
.btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        opacity: 1;
}
.btn-close:disabled,
.btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: 0.25;
}
.modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 500px;
        --bs-modal-padding: 1rem;
        --bs-modal-margin: 0.5rem;
        --bs-modal-color:;
        --bs-modal-bg: #fff;
        --bs-modal-border-color: var(--bs-border-color-translucent);
        --bs-modal-border-width: 1px;
        --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        --bs-modal-inner-border-radius: calc(0.5rem - 1px);
        --bs-modal-header-padding-x: 1rem;
        --bs-modal-header-padding-y: 1rem;
        --bs-modal-header-padding: 1.4rem 1rem 0rem;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: 1px;
        --bs-modal-title-line-height: 1.5;
        --bs-modal-footer-gap: 0.5rem;
        --bs-modal-footer-bg:;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: 1px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-modal-zindex);
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
}
.modal-dialog {
        position: relative;
        width: auto;
        margin: var(--bs-modal-margin);
        pointer-events: none;
}
.modal.fade .modal-dialog {
        transition: transform 0.3s ease-out;
        transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
                transition: none;
        }
}
.modal.show .modal-dialog {
        transform: none;
}
.modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
        overflow-y: auto;
}
.modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        outline: 0;
}
.modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: #000;
        --bs-backdrop-opacity: 0.5;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
        opacity: 0;
}
.modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity);
}
.modal-header {
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-modal-header-padding);
        border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
        margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
}
.modal-title {
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height);
        text-align: center;
}
.modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: var(--bs-modal-padding);
}
@media (min-width: 576px) {
        .modal {
                --bs-modal-margin: 1.75rem;
                --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        }
        .modal-dialog {
                max-width: var(--bs-modal-width);
                margin-right: auto;
                margin-left: auto;
        }
}
@media (min-width: 992px) {
        .modal-lg {
                --bs-modal-width: 800px;
        }
}
.tooltip {
        --bs-tooltip-zindex: 1080;
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-x: 0.5rem;
        --bs-tooltip-padding-y: 0.25rem;
        --bs-tooltip-margin:;
        --bs-tooltip-font-size: 0.875rem;
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: #000;
        --bs-tooltip-border-radius: 0.375rem;
        --bs-tooltip-opacity: 0.9;
        --bs-tooltip-arrow-width: 0.8rem;
        --bs-tooltip-arrow-height: 0.4rem;
        z-index: var(--bs-tooltip-zindex);
        display: block;
        padding: var(--bs-tooltip-arrow-height);
        margin: var(--bs-tooltip-margin);
        font-family: var(--bs-font-sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-tooltip-font-size);
        word-wrap: break-word;
        opacity: 0;
}
.tooltip.show {
        opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
}
.tooltip-inner {
        max-width: var(--bs-tooltip-max-width);
        padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
        color: var(--bs-tooltip-color);
        text-align: center;
        background-color: var(--bs-tooltip-bg);
        border-radius: var(--bs-tooltip-border-radius, 0);
}
.popover {
        --bs-popover-zindex: 1070;
        --bs-popover-max-width: 276px;
        --bs-popover-font-size: 0.875rem;
        --bs-popover-bg: #fff;
        --bs-popover-border-width: 1px;
        --bs-popover-border-color: var(--bs-border-color-translucent);
        --bs-popover-border-radius: 0.5rem;
        --bs-popover-inner-border-radius: calc(0.5rem - 1px);
        --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        --bs-popover-header-padding-x: 1rem;
        --bs-popover-header-padding-y: 0.5rem;
        --bs-popover-header-font-size: 1rem;
        --bs-popover-header-color: var(--bs-heading-color);
        --bs-popover-header-bg: #f0f0f0;
        --bs-popover-body-padding-x: 1rem;
        --bs-popover-body-padding-y: 1rem;
        --bs-popover-body-color: #212529;
        --bs-popover-arrow-width: 1rem;
        --bs-popover-arrow-height: 0.5rem;
        --bs-popover-arrow-border: var(--bs-popover-border-color);
        z-index: var(--bs-popover-zindex);
        display: block;
        max-width: var(--bs-popover-max-width);
        font-family: var(--bs-font-sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-popover-font-size);
        word-wrap: break-word;
        background-color: var(--bs-popover-bg);
        background-clip: padding-box;
        border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-radius: var(--bs-popover-border-radius);
}
.popover-header {
        padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
        margin-bottom: 0;
        font-size: var(--bs-popover-header-font-size);
        color: var(--bs-popover-header-color);
        background-color: var(--bs-popover-header-bg);
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-top-left-radius: var(--bs-popover-inner-border-radius);
        border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
        display: none;
}
.popover-body {
        padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
        color: var(--bs-popover-body-color);
}
.carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .carousel-item {
                transition: none;
        }
}
.carousel-item.active {
        display: block;
}
.carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
}
.carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
        .carousel-indicators [data-bs-target] {
                transition: none;
        }
}
.carousel-indicators .active {
        opacity: 1;
}
.clearfix::after {
        display: block;
        clear: both;
        content: "";
}
.sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
}
.visually-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
}
.d-block {
        display: block !important;
}
.d-flex {
        display: flex !important;
}
.shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.position-relative {
        position: relative !important;
}
.position-absolute {
        position: absolute !important;
}
.border {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
        border: 0 !important;
}
.border-bottom-0 {
        border-bottom: 0 !important;
}
.w-100 {
        width: 100% !important;
}
.flex-column {
        flex-direction: column !important;
}
.flex-grow-1 {
        flex-grow: 1 !important;
}
.justify-content-between {
        justify-content: space-between !important;
}
.align-items-center {
        align-items: center !important;
}
.mt-4 {
        margin-top: 1.5rem !important;
}
.mt-5 {
        margin-top: 3rem !important;
}
.mb-0 {
        margin-bottom: 0 !important;
}
.p-4 {
        padding: 1.5rem !important;
}
.px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
}
.text-center {
        text-align: center !important;
}
.text-dark {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.rounded {
        border-radius: var(--bs-border-radius) !important;
}
@media (min-width: 768px) {
        .mt-md-0 {
                margin-top: 0 !important;
        }
}
@media (min-width: 992px) {
        .justify-content-lg-end {
                justify-content: flex-end !important;
        }
        .justify-content-lg-between {
                justify-content: space-between !important;
        }
        .order-lg-1 {
                order: 1 !important;
        }
        .order-lg-2 {
                order: 2 !important;
        }
        .order-lg-3 {
                order: 3 !important;
        }
        .me-lg-0 {
                margin-right: 0 !important;
        }
}

/* =====================================================================
   Canvas core theme (header, slider, menu, carousels, Owl skins)
   source: css/style.css  |  rules kept: 386, dropped: 2408
   ===================================================================== */
@media (prefers-reduced-motion: no-preference) {
        :root {
                scroll-behavior: auto;
        }
}
ul,
li {
        margin: 0;
        padding: 0;
}
::selection {
        background: #1ABC9C;
        color: #FFF;
        text-shadow: none;
}
::-moz-selection {
        background: #1ABC9C;
        color: #FFF;
        text-shadow: none;
}
::-webkit-selection {
        background: #1ABC9C;
        color: #FFF;
        text-shadow: none;
}
:active,
:focus {
        outline: none !important;
}
body {
        line-height: 1.5;
        color: #555;
        font-family: 'Lato', sans-serif;
}
a {
        text-decoration: none !important;
        color: #1ABC9C;
}
a:hover {
        color: #222;
}
a img {
        border: none;
}
img {
        max-width: 100%;
}
h1 {
        font-size: 32px;
}
h2 {
        font-size: 28px;
}
h3 {
        font-size: 24px;
}
@media (max-width: 767.98px) {
        h1 {
                font-size: 1.75rem;
        }
        h2 {
                font-size: 1.5rem;
        }
        h3 {
                font-size: 1.25rem;
        }
}
h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge) {
        color: #1ABC9C;
}
p,
ul {
        margin-bottom: 30px;
}
#wrapper {
        position: relative;
        float: none;
        width: 100%;
        margin: 0 auto;
        background-color: #FFF;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
@media (min-width: 1200px) {
        body:not(.stretched) #wrapper {
                max-width: 1200px;
        }
}
@media (min-width: 1440px) {
        body:not(.stretched) #wrapper {
                max-width: 1440px;
        }
}
.center {
        text-align: center !important;
}
.vertical-middle {
        z-index: 3;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        min-height: 100%;
        justify-content: center;
        flex-flow: column;
}
.vertical-middle + .video-wrap {
        z-index: 2 !important;
}
.border-width-2 {
        border-width: 2px !important;
}
.py-6 {
        padding-top: 5rem !important;
}
.py-6 {
        padding-bottom: 5rem !important;
}
[class*="col-"]:not([class*="sticky-"]):not([class*="position-"]) {
        position: relative;
}
[class*="gutter-"] > [class*="col-"] {
        padding-right: calc(var(--custom-gutter) / 2);
        padding-left: calc(var(--custom-gutter) / 2);
        margin-top: var(--custom-gutter);
}
[class*="col-mb-"] {
        margin-bottom: calc(var(--col-mb) / -1);
}
[class*="col-mb-"] > [class*="col-"] {
        padding-bottom: var(--col-mb);
}
.col-mb-50 {
        --col-mb: 50px;
}
.min-vh-60 {
        min-height: 60vh !important;
}
@media (min-width: 768px) {
        .min-vh-md-100 {
                min-height: 100vh !important;
        }
}
.lazy {
        opacity: 0;
}
.lazy:not(.initial) {
        transition: opacity 1s;
}
img.lazy {
        max-width: 100%;
        height: auto;
}
img.lazy:not([src]) {
        visibility: hidden;
}
.fslider {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
}
.fslider {
        min-height: 32px;
}
#top-bar {
        position: relative;
        border-bottom: 1px solid #EEE;
        font-size: 13px;
}
.top-links {
        position: relative;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-positive: 0;
        flex-grow: 0;
        border-bottom: 1px solid #EEE;
}
@media (min-width: 768px) {
        .top-links {
                border-bottom: 0;
        }
}
.top-links-section {
        position: absolute;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        list-style: none;
        z-index: -1;
        line-height: 1.5;
        background: #FFF;
        border: 0;
        top: 100%;
        left: -1px;
        width: 140px;
        margin-top: 10px;
        border: 1px solid #EEE;
        border-top-color: #1ABC9C;
        box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
        transition: opacity .25s ease, margin .2s ease;
}
.top-links.on-click .top-links-section {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        pointer-events: auto;
        z-index: 499;
}
.top-links.on-click .top-links-section {
        display: none;
}
.top-links-section {
        padding: 25px;
        left: 0;
        width: 280px;
}
#top-social {
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin: 0;
}
#top-social li {
        position: relative;
        list-style: none;
}
#top-social li {
        border-left: 1px solid #EEE;
}
#top-social li:first-child {
        border-left: 0 !important;
}
#top-social a {
        display: -ms-flexbox;
        display: flex;
        width: auto;
        overflow: hidden;
        font-weight: bold;
        color: #666;
}
#top-social li a:hover {
        color: #FFF !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#top-login {
        margin-bottom: 0;
}
#header {
        position: relative;
        background-color: #FFF;
        border-bottom: 1px solid #F5F5F5;
}
#header-wrap {
        position: relative;
        background-color: #FFF;
        width: 100%;
}
.header-wrap-clone {
        display: none;
}
.header-row {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (min-width: 992px) {
        #header-wrap {
                position: fixed;
                height: auto;
                z-index: 299;
                box-shadow: 0 0 0 rgba(0,0,0,0.1);
                transition: height .2s ease 0s, background-color .3s ease 0s;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                will-change: left, top, transform;
        }
        #top-bar + #header:not(.sticky-header) #header-wrap,
#slider + #header:not(.sticky-header) #header-wrap,
div + #header-wrap,
body:not(.stretched) #header:not(.sticky-header) #header-wrap {
                position: absolute;
        }
        .header-wrap-clone {
                display: block;
                height: calc( 100px + 1px );
        }
        .header-row {
                position: initial;
        }
        #header.transparent-header,
#header.transparent-header:not(.sticky-header) #header-wrap {
                background: transparent;
                border-bottom: 1px solid transparent;
                z-index: 299;
        }
        #header + .include-header {
                margin-top: calc( -100px - 2px );
                display: inline-block;
                vertical-align: bottom;
                width: 100%;
        }
        #logo img {
                -webkit-transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
                transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
        }
        #logo img {
                max-height: 100%;
        }
        .sub-menu-container {
                -webkit-transition: top .4s ease;
                transition: top .4s ease;
        }
        .sticky-header #header-wrap {
                position: fixed;
                top: 0;
                left: 0;
                background-color: #FFF;
                box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
}
@media (max-width: 991.98px) {
        .sticky-header #header-wrap {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 299;
                background-color: #FFF;
                border-bottom: 1px solid #EEE;
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden;
        }
        .sticky-header .header-wrap-clone {
                display: block;
        }
        .sticky-header .menu-container {
                max-height: 60vh;
                margin: 1rem 0;
                overflow-x: hidden;
                overflow-y: scroll;
        }
}
#logo {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -ms-flex-align: center;
        margin-right: auto;
        max-height: 100%;
}
#logo a {
        width: 100%;
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
}
#logo img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        height: 100px;
}
#logo a.standard-logo {
        display: -ms-flexbox;
        display: flex;
}
#logo a.retina-logo {
        display: none;
}
@media (min-width: 992px) {
        .sticky-header-shrink #header-wrap #logo img {
                height: 60px;
        }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
        #logo a.standard-logo {
                display: none;
        }
        #logo a.retina-logo {
                display: -ms-flexbox;
                display: flex;
        }
}
.primary-menu {
        display: -ms-flexbox;
        display: flex;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
}
#primary-menu-trigger,
#page-menu-trigger {
        display: -ms-flex;
        display: flex;
        opacity: 1;
        pointer-events: auto;
        z-index: 1;
        cursor: pointer;
        font-size: 0.875rem;
        width: 50px;
        height: 50px;
        line-height: 50px;
        justify-content: center;
        align-items: center;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
}
body:not(.top-search-open) .top-search-parent #primary-menu-trigger {
        opacity: 1;
        -webkit-transition: opacity .2s .2s ease, top .4s ease;
        -o-transition: opacity .2s .2s ease, top .4s ease;
        transition: opacity .2s .2s ease, top .4s ease;
}
.top-search-open .top-search-parent #primary-menu-trigger {
        opacity: 0;
}
.svg-trigger {
        width: 30px;
        height: 30px;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: transform 400ms;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.svg-trigger path {
        fill: none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke: #333;
        stroke-width: 5;
        stroke-linecap:round;
}
.svg-trigger path:nth-child(1) {
        stroke-dasharray: 40 160;
}
.svg-trigger path:nth-child(2) {
        stroke-dasharray: 40 142;
        transform-origin: 50%;
        transition: transform 400ms;
}
.svg-trigger path:nth-child(3) {
        stroke-dasharray: 40 85;
        transform-origin: 50%;
        transition: transform 400ms, stroke-dashoffset 400ms;
}
.primary-menu-open .svg-trigger {
        transform: rotate(45deg);
}
.primary-menu-open .svg-trigger path:nth-child(1),
.primary-menu-open .svg-trigger path:nth-child(3) {
        stroke-dashoffset: -64px;
}
.primary-menu-open .svg-trigger path:nth-child(2) {
        transform: rotate(90deg);
}
.menu-container {
        display: none;
        list-style: none;
        margin: 0;
        width: 100%;
}
.menu-item {
        position: relative;
}
.menu-item:not(:first-child) {
        border-top: 1px solid #EEE;
}
.menu-link {
        display: block;
        line-height: 22px;
        padding: 14px 5px;
        color: #444;
        font-size: 0.8125rem;
        letter-spacing: 1px;
        font-family: 'Poppins', sans-serif;
}
.menu-link span {
        display: none;
}
.menu-link i {
        position: relative;
        top: -1px;
        font-size: 0.875rem;
        width: 16px;
        text-align: center;
        margin-right: 6px;
        vertical-align: top;
}
.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
        color: #1ABC9C;
}
.menu-item.sub-menu > .menu-link > div {

}
.sub-menu-container {
        position: relative;
        padding-left: 15px;
        border-top: 1px solid #EEE;
        list-style: none;
        margin-bottom: 0;
}
.sub-menu-container .menu-item:not(:first-child) {
        border-top: 1px solid #EEE;
}
.sub-menu-container .menu-item > .menu-link {
        position: relative;
        padding: 11px 5px;
        font-size: 0.75rem;
        font-weight: 400;
        color: #666;
        letter-spacing: 0;
        font-family: 'Lato', sans-serif;
}
.sub-menu-container .menu-item:hover > .menu-link {
        font-weight: 700;
}
.sub-menu-container .menu-link div {
        position: relative;
}
.menu-item .sub-menu-trigger {
        display: block;
        position: absolute;
        cursor: pointer;
        outline: none;
        border: none;
        background: none;
        padding: 0;
        top: 9px;
        right: 0;
        width: 32px;
        height: 32px;
        font-size: 12px;
        line-height: 32px;
        text-align: center;
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease;
}
.sub-menu-container .sub-menu-trigger {
        font-size: 10px;
}
.sub-menu-container .menu-item .sub-menu-trigger {
        top: 6px;
}
@media (max-width: 991.98px) {
        .primary-menu {
                max-width: 100%;
        }
        .primary-menu > .container {
                max-width: none;
                padding: 0;
        }
}
@media (max-width: 991.98px) {
        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
                position: fixed;
                display: block;
                z-index: 499;
                width: 280px;
                height: 100%;
                height: calc(100vh);
                max-height: none !important;
                margin: 0 !important;
                left: 0 !important;
                top: 0 !important;
                padding: 35px 25px 60px !important;
                background-color: #FFF;
                border-right: 1px solid #EEE !important;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
                -webkit-transform: translate(-280px,0);
                -o-transform: translate(-280px,0);
                transform: translate(-280px,0);
                -webkit-backface-visibility: hidden;
                transform-style: preserve-3d;
        }
        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
                -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
                -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
                transition: transform .3s ease-in-out, opacity .2s ease !important;
        }
        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block {
                -webkit-transform: translate(0,0);
                -o-transform: translate(0,0);
                transform: translate(0,0);
        }
}
@media (min-width: 992px) {
        .primary-menu {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                -ms-flex-positive: 0;
                flex-grow: 0;
        }
        .primary-menu + .primary-menu {
                border-top: 0;
        }
        #primary-menu-trigger,
#page-menu-trigger {
                display: none;
                opacity: 0;
                pointer-events: none;
                z-index: 0;
        }
        .menu-container:not(.mobile-primary-menu) {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-align: center;
                align-items: center;
        }
        .menu-container > .menu-item:not(:first-child) {
                margin-left: 2px;
        }
        .menu-item:not(:first-child) {
                border-top: 0;
        }
        .menu-link {
                padding: 39px 15px;
                -webkit-transition: margin .4s ease, padding .4s ease;
                -o-transition: margin .4s ease, padding .4s ease;
                transition: margin .4s ease, padding .4s ease;
        }
        .sticky-header-shrink .menu-container > .menu-item > .menu-link {
                padding-top: 19px;
                padding-bottom: 19px;
        }
        .sub-menu-container {
                position: absolute;
                visibility: hidden;
                background-color: #FFF;
                box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
                border: 1px solid #EEE;
                border-top: 2px solid #1ABC9C;
                z-index: 399;
                top: 100%;
                left: 0;
                padding: 0;
        }
        .menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
                width: 220px;
        }
        .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container {
                display: block;
                opacity: 0;
                margin-top: 15px;
                z-index: -9999;
                pointer-events: none;
                transition: opacity .3s ease, margin .25s ease;
        }
        .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container {
                opacity: 1;
                visibility: visible;
                margin-top: 0;
                z-index: 399;
                pointer-events: auto;
        }
        .primary-menu:not(.on-click) .menu-item:not(:hover) > .sub-menu-container > * {
                display: none;
        }
        .sub-menu-container .sub-menu-container {
                list-style: none;
                top: -2px !important;
                left: 100%;
        }
        .sub-menu-container .menu-item:not(:first-child) {
                border-top: 0;
        }
        .sub-menu-container .menu-item > .menu-link {
                padding: 10px 15px;
                font-weight: 700;
                border: 0;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
        }
        .sub-menu-container .menu-item > .menu-link i {
                vertical-align: middle;
        }
        .sub-menu-container .menu-item:hover > .menu-link {
                background-color: #F9F9F9;
                padding-left: 18px;
                color: #1ABC9C;
        }
        .menu-item .sub-menu-trigger {
                display: none;
        }
        .on-click .sub-menu-container {
                display: none;
                visibility: visible;
        }
        #header-trigger {
                display: none;
        }
}
#top-search a {
        z-index: 11;
}
#top-search a i {
        position: absolute;
        top: 0;
        left: 3px;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
}
.top-search-open #top-search a i:nth-child(1) {
        opacity: 0;
}
.top-search-form {
        opacity: 0;
        z-index: -2;
        pointer-events: none;
        position: absolute;
        width: 100% !important;
        height: 100%;
        padding: 0;
        margin: 0;
        top: 0;
        left: 0;
        -webkit-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
}
.top-search-open .top-search-form {
        opacity: 1;
        z-index: 10;
        pointer-events: auto;
}
#top-search {
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
}
body:not(.top-search-open) .top-search-parent #logo,
body:not(.top-search-open) .top-search-parent .primary-menu {
        opacity: 1;
        -webkit-transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;
        transition: padding .4s ease, margin .4s ease, opacity .2s .2s ease;
}
.top-search-open .top-search-parent #logo,
.top-search-open .top-search-parent .primary-menu {
        opacity: 0;
}
@media (min-width: 992px) {
        #top-cart {
                position: relative;
        }
}
#page-menu {
        position: relative;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#page-menu-wrap {
        position: absolute;
        z-index: 199;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #223E07;
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
}
#page-menu.sticky-page-menu #page-menu-wrap {
        position: fixed;
        box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
#page-menu-trigger {
        opacity: 1;
        pointer-events: auto;
        top: 0;
        margin-top: 0;
        left: auto;
        right: 15px;
        width: 40px;
        height: 44px;
        line-height: 44px;
        color: #FFF;
}
.page-menu-open #page-menu-trigger {
        background-color: rgba(0,0,0,0.2);
}
#side-panel {
        position: fixed;
        top: 0;
        right: -300px;
        z-index: 699;
        width: 300px;
        height: 100%;
        background-color: #F5F5F5;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
}
.side-panel-open #side-panel {
        right: 0;
}
#side-panel-trigger {
        display: block;
        cursor: pointer;
        z-index: 11;
        margin-right: 5px;
}
#side-panel-trigger-close a {
        display: none;
}
#side-panel {
        -webkit-transition: right .4s ease;
        -o-transition: right .4s ease;
        transition: right .4s ease;
}
.slider-element {
        position: relative;
        width: 100%;
        overflow: hidden;
}
.slider-parallax {
        position: relative;
}
.slider-parallax {
        visibility: visible;
        -webkit-backface-visibility: hidden;
}
.slider-inner {
        position: absolute;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
}
.slider-parallax .slider-inner {
        position: fixed;
}
.slider-parallax-invisible .slider-inner {
        opacity: 0;
        visibility: hidden;
}
.device-touch .slider-parallax .slider-inner {
        position: relative;
}
body:not(.side-header) .slider-parallax .slider-inner {
        left: 0;
}
body:not(.stretched) .slider-parallax .slider-inner {
        left: auto;
}
.slider-parallax .slider-inner {
        will-change: transform;
        -webkit-transform: translate3d(0,0,0);
        -webkit-transition: transform 0s linear;
        -webkit-backface-visibility: hidden;
}
@media (max-width: 991.98px) {
        #slider {
                display: -ms-flexbox !important;
                display: flex !important;
                flex-direction: column;
                justify-content: center;
        }
        #slider .slider-inner {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                flex-grow: 1;
                align-items: center;
        }
}
.swiper_wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
}
.swiper_wrapper .swiper-slide {
        position: relative;
        margin: 0;
        overflow: hidden;
}
.slider-element .video-wrap,
.swiper-slide .yt-bg-player {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0;
        left: 0;
}
.slider-element .container,
.slider-element .container-fluid {
        position: relative;
        height: 100%;
}
.video-wrap {
        overflow: hidden;
        width: 100%;
        position: relative;
        direction: ltr;
}
.video-wrap video {
        position: relative;
        z-index: 1;
        opacity: 1;
        width: 100%;
        transition: opacity .3s 1s ease;
}
body:not(.has-plugin-html5video) .video-wrap video {
        opacity: 0;
}
.video-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        background: transparent url('images/grid.png') repeat;
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
}
.slider-element .owl-carousel {
        margin: 0;
}
.slider-element .owl-next {
        left: auto;
        right: 0;
        border-radius: 3px 0 0 3px;
}
.slider-element .owl-prev i {
        margin-left: 0;
}
.slider-element .owl-next i {
        margin-right: 4px;
}
.slider-element .owl-dots {
        position: absolute;
        width: 100%;
        z-index: 20;
        margin: 0;
        top: auto;
        bottom: 15px;
}
.slider-element .owl-dots button {
        width: 10px;
        height: 10px;
        margin: 0 3px;
        opacity: 1 !important;
        background-color: transparent !important;
        border: 1px solid #FFF;
}
.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover {
        background-color: #FFF !important;
}
#page-title {
        position: relative;
        padding: 4rem 0;
        background-color: #F5F5F5;
        border-bottom: 1px solid #EEE;
}
#page-title .container {
        position: relative;
}
#page-title h1 {
        padding: 0;
        margin: 0;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 1px;
        color: #333;
        font-size: 2rem;
        text-transform: uppercase;
}
#page-title span {
        display: block;
        margin-top: 10px;
        font-weight: 300;
        color: #777;
        font-size: 1.125rem;
}
@media (max-width: 767.98px) {
        #page-title {
                padding: 2rem 0;
                text-align: center;
        }
        #page-title h1 {
                line-height: 1.5;
                font-size: calc( 1rem + 2vw );
        }
        #page-title #portfolio-navigation,
#portfolio-ajax-title #portfolio-navigation {
                position: relative;
                top: 0;
                left: 0;
                margin: 15px auto 0;
        }
}
#content {
        position: relative;
        background-color: #FFF;
}
#content p {
        line-height: 1.8;
}
#content .container {
        position: relative;
}
.grid-container,
.grid-inner {
        position: relative;
        overflow: hidden;
}
.grid-inner {
        width: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
}
body:not(.device-touch) .grid-container {
        -webkit-transition: height .4s ease;
        -o-transition: height .4s ease;
        transition: height .4s ease;
}
.portfolio,
.portfolio-item {
        position: relative;
}
body:not(.device-touch) .portfolio {
        -webkit-transition: height .4s linear;
        -o-transition: height .4s linear;
        transition: height .4s linear;
}
.portfolio-reveal .portfolio-item {
        overflow: hidden;
}
.portfolio-item .portfolio-image {
        position: relative;
        overflow: hidden;
}
.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image > a,
.portfolio-item .portfolio-image img {
        display: block;
        width: 100%;
        height: auto;
}
@media (min-width: 768px) {
        .portfolio-reveal .portfolio-image img,
.portfolio-reveal .bg-overlay {
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
        }
}
.portfolio-desc {
        position: relative;
        z-index: 6;
        padding: 20px 5px;
}
.portfolio-desc h3 {
        margin: 0;
        padding: 0;
        font-size: 1.25rem;
}
.portfolio-desc h3 a {
        color: #222;
}
.portfolio-desc h3 a:hover {
        color: #1ABC9C;
}
.portfolio-desc span {
        display: block;
}
.portfolio-desc span,
.portfolio-desc span a {
        color: #888;
}
.portfolio-desc span a:hover {
        color: #000;
}
.portfolio.g-0 .portfolio-desc {
        padding-left: 15px;
        padding-right: 15px;
}
.portfolio-reveal .portfolio-desc {
        background-color: #FFF;
        top: -100%;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
}
@media (min-width: 768px) {
        .portfolio-reveal .portfolio-desc {
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
        }
}
.portfolio-reveal .portfolio-item:hover .portfolio-desc {
        -webkit-transform: translateY(0);
        transform: translateY(0);
}
.portfolio-reveal .portfolio-item:hover .portfolio-image img,
.portfolio-reveal .portfolio-item:hover .bg-overlay {
        -webkit-transform: translateY(0);
        transform: translateY(0);
}
@media (min-width: 768px) {
        .portfolio-reveal .portfolio-item:hover .portfolio-image img,
.portfolio-reveal .portfolio-item:hover .bg-overlay {
                -webkit-transform: translateY(-15%);
                transform: translateY(-15%);
        }
}
@media (max-width: 767.98px) {
        .portfolio-reveal .portfolio-desc,
.portfolio-reveal .portfolio-desc {
                display: none !important;
        }
}
.masonry-thumbs {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: -2px;
}
#portfolio-ajax-wrap {
        position: relative;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .4s ease;
        -o-transition: max-height .4s ease;
        transition: max-height .4s ease;
}
#portfolio-ajax-container {
        display: none;
        padding-bottom: 60px;
}
#portfolio-ajax-title h2 {
        font-size: 1.75rem;
}
#portfolio-navigation {
        position: absolute;
        top: 50%;
        left: auto;
        right: 10px;
        max-width: 96px;
        height: 24px;
        margin-top: -12px;
}
#portfolio-navigation a {
        display: block;
        float: left;
        margin-left: 12px;
        width: 24px;
        height: 24px;
        text-align: center;
        color: #444;
        transition: color .3s linear;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
}
#portfolio-navigation a i {
        position: relative;
        top: -1px;
        font-size: 1.5rem;
        line-height: 1;
}
#portfolio-navigation a:first-child {
        margin-left: 0;
}
#portfolio-navigation a:hover {
        color: #1ABC9C;
}
#portfolio-ajax-show #portfolio-navigation {
        top: 0;
        margin-top: 0;
}
#posts {
        position: relative;
}
.entry {
        position: relative;
        margin-bottom: 50px;
}
.entry::after {
        content: '';
        position: relative;
        height: 2px;
        margin-top: 50px;
        background-color: #F5F5F5;
}
.entry-image {
        margin-bottom: 30px;
}
.entry-image,
.entry-image > a,
.entry-image img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
}
.entry-image video {
        display: block;
        width: 100%;
}
.entry-image img {
        border-radius: 3px;
}
#comments {
        position: relative;
        margin-top: 50px;
        padding-top: 50px;
        border-top: 1px solid #EEE;
}
#respond {
        margin-bottom: 0;
}
#respond p {
        margin: 10px 0 0 0;
}
#respond p:first-child {
        margin-top: 0;
}
#infscr-loading,
#portfolio-ajax-loader {
        position: fixed;
        z-index: 20;
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        margin: -24px 0 0 -24px;
        background-color: rgba(0,0,0,0.7);
        border-radius: 3px;
        line-height: 48px;
        font-size: 1.5rem;
        color: #FFF;
        text-align: center;
}
#infscr-loading img,
#portfolio-ajax-loader img {
        display: none;
        width: 24px;
        height: 24px;
        margin: 12px;
}
#portfolio-ajax-loader {
        display: none;
}
#portfolio-ajax-loader img {
        display: block;
}
.shop {
        position: relative;
}
.event.entry::after {
        display: none !important;
}
.event .grid-inner {
        border-bottom: 3px solid #EEE;
}
.countdown {
        position: relative;
        display: block;
}
.style-msg {
        position: relative;
        display: block;
        color: #444;
        border-left: 4px solid rgba(0,0,0,0.1);
        margin-bottom: 20px;
}
.alert i {
        position: relative;
        top: 1px;
        font-size: 0.875rem;
        width: 14px;
        text-align: center;
        margin-right: 5px;
}
.style-msg .btn-close {
        position: absolute;
        top: 0px;
        left: auto;
        right: 0px;
}
.social-icon {
        display: block;
        float: left;
        margin: 4px 11px 7px 0;
        text-align: center !important;
        font-size: 28px;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        cursor: pointer;
        font-style: normal;
}
body:not(.device-touch) .social-icon {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
}
.social-icon {
        margin: 0 5px 5px 0;
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
        line-height: 38px !important;
        color: #555;
        text-shadow: none;
        border: 1px solid #AAA;
        border-radius: 3px;
        overflow: hidden;
}
.d-flex > .social-icon {
        float: none;
        margin-bottom: 0px;
}
.si-colored {
        border-color: transparent !important;
}
.si-colored i {
        color: #FFF;
}
.social-icon i {
        display: block;
        position: relative;
}
body:not(.device-touch) .social-icon i {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
}
.social-icon i:last-child {
        color: #FFF !important;
}
.social-icon:hover i:first-child {
        margin-top: -38px;
}
.social-icon:hover {
        color: #555;
        border-color: transparent;
}
.si-colored.social-icon {
        border-color: transparent;
}
.si-linkedin:hover,
.si-colored.si-linkedin {
        background-color: #0E76A8 !important;
}
.si-instagram:hover,
.si-colored.si-instagram {
        background-color: #8A3AB9 !important;
}
.toggle {
        display: block;
        position: relative;
        margin: 0 0 20px 0;
}
.accordion-header {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -5px;
        cursor: pointer;
        color: #FFFFFF;
        font-size: 1rem;
        font-weight: 400;
}
.accordion-title {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding: 0 5px;
        letter-spacing: 4px;
}
.accordion-content {
        display: none;
        position: relative;
        padding: 0.75rem 0;
}
.accordion {
        margin-bottom: 20px;
}
.accordion-header {
        padding: 0.75rem 0;
        border-top: 1px dotted #DDD;
        cursor: pointer;
}
.accordion-header:first-child {
        border-top: none;
}
.accordion-content {
        padding-top: 0;
        padding-bottom: 1.5rem;
}
.tabs {
        position: relative;
        margin: 0 0 30px 0;
}
.counter {
        font-size: 42px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
}
.rounded-skill {
        display: inline-block;
        margin: 0 15px 15px;
        display: inline-block;
        position: relative;
        text-align: center;
        font-size: 1.25rem;
        font-weight: bold;
        color: #333;
}
body:not(.device-touch) .rounded-skill {
        -webkit-transition: opacity .4s ease;
        -o-transition: opacity .4s ease;
        transition: opacity .4s ease;
}
.rounded-skill i {
        font-size: 42px;
}
.owl-carousel .animated {
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
        z-index: 0;
}
.owl-carousel .owl-animated-out {
        z-index: 1;
}
.owl-height {
        -webkit-transition:height 500ms ease-in-out;
        -o-transition:height 500ms ease-in-out;
        transition:height 500ms ease-in-out;
}
.owl-carousel {
        display:none;
        -webkit-tap-highlight-color:transparent;
        position:relative;
        z-index:1;
        width: 100%;
        touch-action: manipulation;
}
.owl-carousel .owl-stage {
        position:relative;
        -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage::after {
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        line-height:0;
        height:0;
}
.owl-carousel .owl-stage-outer {
        position:relative;
        overflow:hidden;
        -webkit-transform:translate3d(0,0,0);
}
.owl-carousel.owl-loaded {
        display:block;
}
.owl-carousel.owl-loading {
        display:block;
        min-height: 100px;
        background: no-repeat center center;
}
.owl-carousel .owl-refresh .owl-item {
        display:none;
}
.owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
        display:block;
        width:100%;
        -webkit-transform-style:preserve-3d;
}
.slider-element .owl-carousel .owl-item img {
        -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
        display: none;
}
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot,
.owl-dots button {
        cursor: pointer;
        cursor: hand;
        padding: 0;
        border: 0;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.owl-carousel.owl-loaded {
        display: block;
}
.owl-carousel.owl-loading {
        opacity: 0;
        display: block;
}
.owl-carousel.owl-hidden {
        opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
        display: none;
}
.owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
}
.owl-carousel.owl-rtl {
        direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
        float: right;
}
.owl-carousel .owl-item .owl-lazy {
        opacity:0;
        -webkit-transition:opacity 400ms ease;
        -o-transition:opacity 400ms ease;
        transition:opacity 400ms ease;
}
.owl-carousel .owl-item img {
        transform-style:preserve-3d;
}
.owl-carousel .owl-video-wrapper {
        position:relative;
        height:100%;
        background:#111;
}
.owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 64px;
        width: 64px;
        left: 50%;
        top: 50%;
        margin-left: -32px;
        margin-top: -32px;
        background: url("images/icons/play.png") no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: scale 100ms ease;
        -o-transition: scale 100ms ease;
        transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
        -webkit-transition:scale(1.3,1.3);
        -o-transition:scale(1.3,1.3);
        transition:scale(1.3,1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
        display:none;
}
.owl-carousel .owl-video-tn {
        opacity:0;
        height:100%;
        background-position:center center;
        background-repeat:no-repeat;
        -webkit-background-size:contain;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size:contain;
        -webkit-transition:opacity 400ms ease;
        -o-transition:opacity 400ms ease;
        transition:opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
        position:relative;
        z-index:1;
        height: 100%;
        width: 100%;
}
.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        line-height: 1;
}
.owl-carousel .owl-nav [class*=owl-] {
        position: absolute;
        top: 50%;
        margin-top: -18px;
        left: -36px;
        zoom: 1;
        width: 36px;
        height: 36px;
        line-height: 32px;
        border: 1px solid rgba(0,0,0,0.2);
        color: #666;
        background-color: #FFF;
        font-size: 18px;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
}
.slider-element .owl-nav [class*=owl-] {
        margin-top: -30px;
        left: 0 !important;
        height: 60px;
        line-height: 60px;
        border: none;
        color: #EEE;
        background-color: rgba(0,0,0,0.4);
        font-size: 28px;
        border-radius: 0 3px 3px 0;
}
.owl-carousel .owl-nav .owl-next {
        left: auto;
        right: -36px;
}
.slider-element .owl-nav .owl-next {
        left: auto !important;
        right: 0 !important;
        border-radius: 3px 0 0 3px;
}
.owl-carousel:hover .owl-nav [class*=owl-] {
        opacity: 1;
        left: -18px;
}
.owl-carousel:hover .owl-nav .owl-next {
        left: auto;
        right: -18px;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
        background-color: #1ABC9C !important;
        color: #FFF !important;
        text-decoration: none;
}
.owl-carousel .owl-nav .disabled {
        display: none !important;
}
.owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        width: 8px;
        height: 8px;
        margin: 30px 4px 0 4px;
        opacity: 0.5;
        border-radius: 50%;
        background-color: #1ABC9C;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
}
.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover {
        opacity: 1;
}
.owl-carousel {
        --owl-nav-sizes: 36px;
        --owl-dots-gutters: 4px;
        --owl-dots-sizes: 8px;
        --owl-nav-bg: var(--themecolor, #1ABC9C);
        --owl-nav-margin: calc(var(--owl-nav-sizes) / -2);
        --owl-nav-with-dots: calc( var(--owl-nav-margin) - calc( calc( 30px + var(--owl-dots-sizes) ) / 2 ) );
}
.owl-carousel .owl-dots .owl-dot {
        width: var(--owl-dots-sizes);
        height: var(--owl-dots-sizes);
        background-color: var(--owl-nav-bg);
        margin-left: var(--owl-dots-gutters);
        margin-right: var(--owl-dots-gutters);
        transition: all .3s;
}
.owl-carousel .owl-nav [class*=owl-] {
        left: calc(-1 * var(--owl-nav-sizes));
        width: var(--owl-nav-sizes);
        height: var(--owl-nav-sizes);
        line-height: calc(calc(-1 * var(--owl-nav-sizes)) - 4px);
        font-size: calc(var(--owl-nav-sizes) / 2);
        margin-top: var(--owl-nav-margin);
}
.owl-carousel .owl-nav .owl-next {
        left: auto;
        right: calc(-1 * var(--owl-nav-sizes));
}
.slider-element .owl-nav .owl-next {
        left: auto !important;
        right: 0 !important;
}
.owl-carousel:hover .owl-nav [class*=owl-] {
        opacity: 1;
        left: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}
.owl-carousel:hover .owl-nav .owl-next {
        left: auto;
        right: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}
.owl-carousel .owl-nav [class*=owl-]:hover {
        background-color: var(--owl-nav-bg) !important;
}
.slider-element .owl-nav [class*=owl-] {
        margin-top: -30px;
        height: calc(var(--owl-nav-sizes) * 1.6666666667);
        line-height: calc(var(--owl-nav-sizes) * 1.6666666667);
        font-size: calc(calc(var(--owl-nav-sizes) * 1.6666666667) / 2);
}
.bg-overlay,
.bg-overlay-bg,
.bg-overlay-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
}
.bg-overlay [data-hover-animate]:not(.animated) {
        opacity: 0;
}
.bg-overlay {
        z-index: 5;
}
.bg-overlay-content {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        padding: 20px;
}
.bg-overlay-bg {
        background-color: rgba(255,255,255,0.85);
}
.dark .bg-overlay-bg,
.bg-overlay-bg.dark {
        background-color: rgba(0,0,0,0.5);
}
.overlay-trigger-icon {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 0.25rem;
        font-size: 1.125rem;
        text-align: center;
        border-radius: 50%;
        -webkit-backface-visibility: hidden;
        transition: all .3s ease;
}
.gmap {
        position: relative;
        width: 100%;
        height: 450px;
}
.gmap img {
        max-width: none !important;
}
#map-overlay {
        position: relative;
        padding: 100px 0;
}
#map-overlay .gmap {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
}
.heading-block {
        margin-bottom: 30px;
}
.heading-block h1,
.heading-block h2,
.heading-block h3 {
        margin-bottom: 0;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #333;
}
.heading-block h1 {
        font-size: 33px;
}
.heading-block h2 {
        font-size: 30px;
}
.heading-block h3 {
        font-size: 1.75rem;
}
.heading-block > span:not(.before-heading) {
        display: block;
        margin-top: 10px;
        font-weight: 400;
}
.heading-block.center > span,
.heading-block.text-center > span,
.center .heading-block > span,
.text-center .heading-block > span {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
}
.heading-block h1 + span {
        font-size: 1.85rem;
}
.heading-block h2 + span {
        font-size: 1.25rem;
}
.heading-block h3 + span {
        font-size: 1.25rem;
}
.heading-block::after {
        content: '';
        display: block;
        margin-top: 30px;
        width: 40px;
        border-top: 2px solid #444;
}
.center .heading-block::after,
.text-center .heading-block::after,
.heading-block.center::after,
.heading-block.text-center::after {
        margin: 30px auto 0;
}
.heading-block.border-0::after,
.heading-block.border-bottom-0::after {
        display: none;
}
@media (max-width: 767.98px) {
        .heading-block h1 {
                font-size: 30px;
        }
        .heading-block h2 {
                font-size: 26px;
        }
        .heading-block h3 {
                font-size: 22px;
        }
        .heading-block h1 + span {
                font-size: 20px;
        }
        .heading-block h2 + span {
                font-size: 18px;
        }
        .heading-block h3 + span {
                font-size: 17px;
        }
}
#gotoTop {
        display: none;
        z-index: 599;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: #333;
        background-color: rgba(0,0,0,0.3);
        font-size: 1.25rem;
        line-height: 36px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 50px;
        cursor: pointer;
        border-radius: 2px;
}
body:not(.device-touch) #gotoTop {
        transition: background-color .2s linear;
        -webkit-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
}
.stretched #gotoTop {
        bottom: 30px;
}
#gotoTop:hover {
        background-color: #1ABC9C;
}
#footer {
        position: relative;
        background-color: #EEE;
        border-top: 5px solid rgba(0,0,0,0.2);
}
#copyrights {
        padding: 40px 0;
        background-color: #DDD;
        font-size: 0.875rem;
        line-height: 1.8;
}
#copyrights a:first-child {
        margin-left: 0;
}
#template-contactform {
        position: relative;
}
.nav-tree {
        position: relative;
        margin-bottom: 40px;
}
.nav-tree ul {
        margin-bottom: 0;
        list-style: none;
}
.nav-tree > ul {
        margin: -8px 0;
}
.nav-tree li {
        position: relative;
}
.nav-tree li a {
        display: block;
        padding: 8px 0;
        color: #333;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 2px;
        font-family: 'Poppins', sans-serif;
}
.nav-tree li i {
        font-size: 0.875rem;
        width: 16px;
        text-align: center;
}
.nav-tree li i:not(.icon-angle-down) {
        margin-right: 8px;
        position: relative;
        top: 1px;
}
.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a {
        color: #1ABC9C !important;
}
.nav-tree ul ul {
        display: none;
}
.nav-tree li.current > ul {
        display: block;
}
.nav-tree ul ul a {
        font-size: 12px;
        padding: 6px 0;
        letter-spacing: 1px;
        font-family: 'Lato', sans-serif;
}
.nav-tree ul ul a {
        padding-left: 20px;
}
.nav-tree ul ul ul a {
        padding-left: 40px;
}
.nav-tree ul ul ul ul a {
        padding-left: 60px;
}
.nav-tree ul ul ul ul ul a {
        padding-left: 80px;
}
.stretched #wrapper {
        width: 100%;
        margin: 0;
        box-shadow: none;
}
.shape-divider {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        overflow: hidden;
        z-index: 1;
}
.shape-divider svg {
        position: relative;
        width: 100%;
        width: calc( 100% + 1.3px );
        height: 50px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
}
.page-transition #wrapper {
        position: relative;
        opacity: 0;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}
.css3-spinner {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
        text-align: center;
        background-color: #FFF;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-perspective: 1000;
}
.css3-spinner {
        position: absolute;
        z-index: auto;
        background-color: transparent;
}
.css3-spinner > div {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: 13px;
        width: 18px;
        height: 18px;
        background-color: #DDD;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}
.fadeInUpSmall {
        -webkit-animation-name: fadeInUpSmall;
        animation-name: fadeInUpSmall;
}
.fadeOutDownSmall {
        -webkit-animation-name: fadeOutDownSmall;
        animation-name: fadeOutDownSmall;
}

/* =====================================================================
   Canvas dark theme variants
   source: css/dark.css  |  rules kept: 60, dropped: 405
   ===================================================================== */
.dark,
.dark h1,
.dark h2,
.dark h3 {
        color: #EEE;
}
.dark a:not([class*="btn-"]):hover {
        color: #EEE;
}
body.dark,
.dark #wrapper,
.dark #content,
.dark .modal-content,
body.dark #side-panel,
body #side-panel.dark {
        background-color: #383838;
}
.dark .css3-spinner > div {
        background-color: rgba(255,255,255,0.3);
}
.dark #top-bar,
#top-bar.dark {
        border-bottom-color: rgba(255,255,255,0.1);
        background-color: #282828;
}
.dark .top-links {
        border-bottom-color: rgba(255,255,255,0.1);
}
.dark .top-links-section {
        background: #333;
        border-color: #444;
        border-top-color: #1ABC9C;
}
.dark #top-social li {
        border-left-color: rgba(255,255,255,0.1);
}
.dark #top-social a {
        color: #BBB;
}
.dark #header,
#header.dark {
        background-color: #333;
        border-bottom-color: rgba(255,255,255,0.05);
}
.dark #header-wrap {
        background-color: #212121;
}
.dark #header-wrap.dj {
        background-color: rgba(2, 4, 20, 0.6);
}
@media (min-width: 992px) {
        .dark #header.transparent-header,
#header.transparent-header.dark,
.dark #header.transparent-header:not(.sticky-header) #header-wrap,
#header.transparent-header.dark:not(.sticky-header) #header-wrap {
                background: transparent;
                border-bottom-color: transparent;
        }
        .dark .sticky-header #header-wrap
        .sticky-header.dark #header-wrap {
                background-color: #333;
        }
}
@media (max-width: 991.98px) {
        .dark .sticky-header #header-wrap,
.sticky-header.dark #header-wrap {
                border-bottom-color: rgba(255,255,255,0.15);
        }
}
.dark #logo a {
        color: #FFF;
}
.dark .primary-menu + .primary-menu,
.dark .menu-item:not(:first-child),
.dark .sub-menu-container,
.dark .sub-menu-container .menu-item:not(:first-child) {
        border-top-color: rgba(255,255,255,0.15);
}
.dark .svg-trigger path {
        stroke: #FFF;
}
.dark .menu-item .sub-menu-trigger {
        color: #F7F7F7;
}
.dark .menu-link {
        color: #F7F7F7;
}
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
        color: #E5E5E5;
}
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
        color: #1ABC9C;
}
@media (max-width: 991.98px) {
        .dark #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container,
#header.dark:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
                background-color: #333;
                border-right-color: rgba(255,255,255,0.2) !important;
        }
}
@media (min-width: 992px) {
        .dark .primary-menu:not(.not-dark) .sub-menu-container {
                background-color: #333;
                border-color: rgba(255,255,255,0.05);
                border-top-color: #1ABC9C;
        }
        .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
                color: #999;
        }
        .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
                background-color: rgba(0,0,0,0.1);
                color: #1ABC9C;
        }
}
.dark #side-panel,
#side-panel.dark {
        background-color: #333;
}
.dark #page-title,
#page-title.dark {
        background-color: #282828;
        border-bottom-color: rgba(255,255,255,0.15);
}
.dark #page-title h1,
#page-title.dark h1 {
        color: #F7F7F7;
}
.dark #page-title span,
#page-title.dark span {
        color: #AAA;
}
.dark .portfolio-desc h3 a {
        color: #F7F7F7;
}
.dark .portfolio-desc h3 a:hover {
        color: rgba(255,255,255,0.75);
}
.dark .portfolio-desc span,
.dark .portfolio-desc span a {
        color: #BBB;
}
.dark .portfolio-desc span a:hover {
        color: #EEE;
}
.dark .portfolio-reveal .portfolio-desc {
        background-color: #383838;
}
.dark #portfolio-navigation a {
        color: #EEE;
}
.dark #portfolio-navigation a:hover {
        color: #1ABC9C;
}
.dark .entry::after {
        background-color: rgba(255,255,255,0.2);
}
.dark #comments {
        border-top-color: rgba(255,255,255,0.1);
}
.dark .event .grid-inner {
        background-color: rgba(0,0,0,0.2);
        border-bottom-color: rgba(255,255,255,0.15);
}
.dark .social-icon {
        color: #EEE;
        border-color: #AAA;
}
.dark .accordion-header {
        color: #EEE;
}
.dark .accordion-header {
        border-top-color: rgba(255,255,255,0.15);
}
.dark .rounded-skill {
        color: rgba(255,255,255,0.9);
}
.dark .owl-carousel .owl-nav [class*=owl-] {
        border-color: rgba(255,255,255,0.15);
        color: #CCC;
        background-color: rgba(0,0,0,0.5);
}
.dark .heading-block::after {
        border-top-color: rgba(255,255,255,0.7);
}
.dark #gotoTop {
        background-color: rgba(255,255,255,0.3);
}
.dark #gotoTop:hover {
        background-color: #1ABC9C;
}
.dark #footer,
#footer.dark {
        background-color: #282828;
        border-top-color: rgba(255,255,255,0.15);
}
.dark #copyrights,
#copyrights.dark {
        color: rgba(255,255,255,0.4);
        background-color: rgba(0,0,0,0.2);
}
.dark .nav-tree li a {
        color: rgba(255,255,255,0.9);
}
.dark .dropdown-menu {
        background-color: #333;
        border-color: #3F3F3F;
}
.dark .dropdown-item {
        color: #DDD;
}
.dark .dropdown-item:hover,
.dark .dropdown-item:focus {
        color: #EEE;
        background-color: rgba(255,255,255,0.1);
}
.dark .progress {
        background-color: rgba(255,255,255,0.15);
}
.dark .close {
        opacity: 1;
        color: rgba(0,0,0,0.15);
        text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.dark .close:hover,
.dark .close:focus {
        color: rgba(0,0,0,0.4);
}
.dark .modal-content {
        border-color: #555;
}
.dark .modal-header {
        border-bottom-color: rgba(255,255,255,0.15);
}
.dark .popover {
        background-color: #282828;
        border-color: #494949;
}

/* =====================================================================
   Music demo styles (playlists, songs list, audio player)
   source: demos/music/music.css  |  rules kept: 43, dropped: 41
   ===================================================================== */
.acfo {
        max-height: 300px;
        overflow: scroll;
        overflow-x: hidden;
        /* v1.3: the old "scrollbar-width: thin" line (from the original
           music.css) was REMOVED on purpose. Any non-auto standard scrollbar
           property makes Chrome 121+/Edge 121+/Safari 18.2+ switch to the
           standard scrollbar renderer and ignore the glossy
           ::-webkit-scrollbar styling at the end of this file. */
}
.bg-color2 {
        background-color: #07090D !important;
}
.songs-name em {
        background-color: #F00;
        padding: 0 2px;
        color: #FCCB50;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        margin-left: 5px;
        white-space: nowrap;
        border-radius: 3px;
}
.songs-name b {
        color: darkorange;
}
.songs-list .songs-number {
        color: #08F905;
        width: 4%;
}
.entry.event a em {
        color: #FFA940;
}
.device-sm #content::before,
.device-xs #content::before {
        display: none;
}
.heading-block h3 {
        text-transform: none;
        font-weight: normal;
        font-size: 24px;
}
.heading-block > span:not(.before-heading),
.lead.serlist {
        margin-bottom: 10px;
        font-weight: 400;
        color: rgba(26, 188, 156, 1);
}
#oc-popular-songs .oc-item {
        -webkit-transition: transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
}
#oc-popular-songs .owl-stage-outer {
        padding-top: 8px;
        margin-top: -8px;
}
#oc-popular-songs .oc-item:hover {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px);
}
.owl-carousel .owl-nav [class*="owl-"],
.owl-carousel:hover .owl-nav [class*="owl-"] {
        top: -60px;
        margin: 10px;
        left: auto;
        right: 0;
        width: 30px;
        height: 30px;
        line-height: 26px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        color: rgba(255, 255, 255, 0.6);
        background-color: transparent;
        font-size: 16px;
        border-radius: 50%;
        opacity: 1;
        text-align: center;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-prev {
        right: 38px;
}
.songs-list {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-self: center;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 15px 0;
}
.songs-list [class*="songs-"] {
        align-self: center;
}
.songs-list .songs-image {
        max-width: 20%;
}
.songs-list .songs-image img {
        padding: 0 10px;
}
.songs-list .songs-name {
        padding-right: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.songs-list .songs-name a {
        color: rgba(255, 255, 255, 1);
        font-weight: 400;
        font-size: 16px;
        text-transform: capitalize;
}
.songs-list .songs-name a span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: 1px;
        color: rgba(225, 201, 115, 1);
}
.songs-list .songs-time {
        display: none;
}
.songs-list .songs-image a i {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        -webkit-transition: color 0.4s, border-color 0.3s;
        -o-transition: color 0.4s, border-color 0.3s;
        transition: color 0.4s, border-color 0.3s;
}
.songs-list .songs-image a {
        position: relative;
        display: block;
}
.songs-list .songs-image a span i {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -15px;
        margin-left: -15px;
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        text-align: center;
}
.songs-list .songs-image a i {
        color: #111;
        border: none;
        padding-top: 1px;
        background-color: #fff;
}
.songs-list .songs-image a i.icon-play {
        padding-left: 4px;
}
.songs-list:hover .songs-image a span i {
        opacity: 1;
}
.songs-list .songs-image a span i.icon-pause {
        opacity: 1;
}
.dropdown-menu {
        left: auto;
        right: 0;
}
.dropdown-menu a span[class*="icon-"] {
        position: relative;
        top: 2px;
        margin-right: 5px;
}
.portfolio-desc h3 a {
        font-weight: 300;
}
.portfolio-desc span {
        font-size: 0.875rem;
        font-weight: 300;
}
.dropdown-toggle::after {
        display: none;
}
@media (min-width: 992px) {
        .portfolio-item img {
                border-radius: 3px;
        }
}
@media (min-width: 767px) {
        .songs-list .songs-image {
                max-width: 17%;
        }
        .songs-list .songs-time {
                display: block;
                font-size: 14px;
                width: 10%;
                margin-right: 15px;
                font-weight: 400;
                letter-spacing: 1px;
                text-align: center;
                color: #08F905;
        }
}
.primary-menu ul li > a {
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
}
@media (max-width: 991px) {
        #header.dark.transparent-header {
                background-color: #131722 !important;
        }
}
.lead.serlist {
        line-height: 46px;
        list-style: none;
}
.oc-item h3,
.oc-item h3+span {
        text-align: center;
}
.housemaster-title {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        text-align: center;
}
.housemaster-title img {
        display: block;
        width: 100%;
        max-width: 700px;
        height: auto;
        margin: 0 auto;
}

/* =====================================================================
   Canvas font icon set (used glyphs only)
   source: css/font-icons.css  |  rules kept: 10, dropped: 2525
   ===================================================================== */
[class^="icon-"],
[class*=" icon-"],
[class^="icon-line-"],
[class*=" icon-line-"],
[class*=" icon-line2-"] {
        display: inline-block;
        font-family: "font-icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
[class^="icon-line-"],
[class*=" icon-line-"] {
        font-family: "lined-icons";
}
[class*=" icon-line2-"] {
        font-family: "Simple-Line-Icons";
}
.icon-rotate-90 {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
}
.icon-angle-up:before {
        content: "\e7a6";
}
.icon-pause:before {
        content: "\eb03";
}
.icon-play:before {
        content: "\eb1b";
}
.icon-instagram:before {
        content: "\ed71";
}
.icon-linkedin:before {
        content: "\ed8b";
}
.icon-line-plays:before {
        content:url("../images/play.png");
        display:block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

/* =====================================================================
   Animate.css (used: fadeIn / fadeInUpSmall / fadeOutDownSmall)
   source: css/animate.css  |  rules kept: 5, dropped: 109
   ===================================================================== */
.not-animated {
        opacity: 0;
}
.animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-duration: var(--animate-duration);
        animation-duration: var(--animate-duration);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}
@media print, (prefers-reduced-motion: reduce) {
        .animated {
                -webkit-animation-duration: 1ms !important;
                animation-duration: 1ms !important;
                -webkit-transition-duration: 1ms !important;
                transition-duration: 1ms !important;
                -webkit-animation-iteration-count: 1 !important;
                animation-iteration-count: 1 !important;
        }
        .animated[class*='Out'] {
                opacity: 0;
        }
}
.fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
}

/* =====================================================================
   Magnific Popup (video lightbox skin)
   source: css/magnific-popup.css  |  rules kept: 7, dropped: 64
   ===================================================================== */
.mfp-close {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
}
button.mfp-close {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1046;
        box-shadow: none;
        touch-action: manipulation;
}
button::-moz-focus-inner {
        padding: 0;
        border: 0;
}
.mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: center;
        opacity: 0.65;
        padding: 0 0 18px 10px;
        color: #FFF;
        font-style: normal;
        font-size: 28px;
        font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
        opacity: 1;
}
.mfp-close:active {
        top: 1px;
}
img.mfp-img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        line-height: 0;
        box-sizing: border-box;
        padding: 40px 0 40px;
        margin: 0 auto;
}

/* =====================================================================
   MediaElement player skin (fixed bottom audio player) — kept in full
   source: demos/music/css/mediaelement/mediaelementplayer.css  |  rules kept: 0, dropped: 0
   ===================================================================== */
.mejs__offscreen {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.mejs__container {
    position: fixed;
    height: 50px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.95);
    font-family: poppins, sans-serif;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
    box-sizing: border-box;
        box-shadow: rgba(255,255,255,.25) 0 1px 0,inset rgba(255,255,255,.25) 0 1px 0,inset rgba(0,0,0,.5) 0 0 0,inset rgba(255,255,255,.08) 0 1.25rem 0,inset rgba(0,0,0,.3) 0 -1.25rem 1.25rem,inset rgba(255,255,255,.1) 0 1.25rem 1.25rem;
    z-index: 99999;
}
.mejs-track-artwork {
    float: left;
    margin-right: 10px;
    height: 50px;
    width: 50px;
    z-index: 5;
}
.mejs-track-artwork img {
    height: 50px;
    width: 50px;
}
.mejs__container .mejs__video {
    min-height: 140px;
}
.mejs__container * {
    box-sizing: border-box;
}
.mejs__container video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
    width: 100%;
    height: 100%;
}
.mejs__fill-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    background: 0 0;
}
.mejs__container:focus {
    outline: none;
}
.mejs__iframe-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}
.mejs__embed,
.mejs__embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}
.mejs__fullscreen {
    overflow: hidden !important;
}
.mejs__container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
    width: 100% !important;
    height: 100% !important;
}
.mejs__clear {
    clear: both;
}
.mejs__background {
    position: absolute;
    top: 0;
    left: 0;
}
.mejs__mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.mejs__poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 1;
}
:root .mejs__poster-img {
    display: none;
}
.mejs__poster-img {
    border: 0;
    padding: 0;
}
.mejs__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.mejs__layer {
    z-index: 1;
}
.mejs__overlay-play {
    cursor: pointer;
}
.mejs__overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDBweCIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDQwMCAxMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCAxMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO3dpZHRoOjE2cHg7aGVpZ2h0OjE2cHh9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30KCS5zdDR7ZmlsbDojMjMxRjIwO30KCS5zdDV7b3BhY2l0eTowLjc1O2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6NTtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0NntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7fQoJLnN0N3tvcGFjaXR5OjAuNDtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30KCS5zdDh7b3BhY2l0eTowLjY7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cgkuc3Q5e29wYWNpdHk6MC44O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0MTB7b3BhY2l0eTowLjk7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cgkuc3QxMXtvcGFjaXR5OjAuMztmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30KCS5zdDEye29wYWNpdHk6MC41O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0MTN7b3BhY2l0eTowLjc7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cjwvc3R5bGU+CjxnIGlkPSJjb250cm9scyI+Cgk8ZyBpZD0icGxheSI+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjUsOC41YzAuMywwLjEsMC40LDAuNSwwLjIsMC44Yy0wLjEsMC4xLTAuMSwwLjItMC4yLDAuMmwtMTEuNCw3Yy0wLjUsMC4zLTAuOCwwLjEtMC44LTAuNVYyCgkJCWMwLTAuNSwwLjQtMC44LDAuOC0wLjVMMTYuNSw4LjV6Ii8+Cgk8L2c+Cgk8ZyBpZD0icGF1c2UiPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQsMWgyLjJjMC42LDAsMSwwLjQsMSwxdjE0YzAsMC42LTAuNCwxLTEsMUgyNGMtMC42LDAtMS0wLjQtMS0xVjJDMjMsMS41LDIzLjQsMSwyNCwxeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzMuOCwxSDM2YzAuNiwwLDEsMC40LDEsMXYxNGMwLDAuNi0wLjQsMS0xLDFoLTIuMmMtMC42LDAtMS0wLjQtMS0xVjJDMzIuOCwxLjUsMzMuMiwxLDMzLjgsMXoiLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBpZD0iZnVsbHNjcmVlbiI+CgkJPGcgaWQ9ImVudGVyIj4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgxLDEuNGMwLTAuNiwwLjQtMSwxLTFoNS40YzAuNiwwLDAuNywwLjMsMC4zLDAuN2wtNiw2QzgxLjMsNy41LDgxLDcuNCw4MSw2LjhWMS40eiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODEsMTcuMmMwLDAuNiwwLjQsMSwxLDFoNS40YzAuNiwwLDAuNy0wLjMsMC4zLTAuN2wtNi02Yy0wLjQtMC40LTAuNy0wLjMtMC43LDAuM0w4MSwxNy4yeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTguOCwxLjRjMC0wLjYtMC40LTEtMS0xaC01LjRjLTAuNiwwLTAuNywwLjMtMC4zLDAuN2w2LDZjMC40LDAuNCwwLjcsMC4zLDAuNy0wLjMKCQkJCUM5OC44LDYuOCw5OC44LDEuNCw5OC44LDEuNHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk4LjgsMTcuMmMwLDAuNi0wLjQsMS0xLDFoLTUuNGMtMC42LDAtMC43LTAuMy0wLjMtMC43bDYtNmMwLjQtMC40LDAuNy0wLjMsMC43LDAuMwoJCQkJQzk4LjgsMTEuOCw5OC44LDE3LjIsOTguOCwxNy4yeiIvPgoJCTwvZz4KCQk8ZyBpZD0iZXhpdCI+CgkJCTxnPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMi43LDVjMCwwLjYsMC40LDEsMSwxaDQuMWMwLjYsMCwwLjctMC4zLDAuMy0wLjdsLTQuNy00LjdjLTAuNC0wLjQtMC43LTAuMy0wLjcsMC4zCgkJCQkJQzExMi43LDAuOSwxMTIuNyw1LDExMi43LDV6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA1LjYsNmMwLjYsMCwxLTAuNCwxLTFWMC45YzAtMC42LTAuMy0wLjctMC43LTAuM2wtNC43LDQuN2MtMC40LDAuNC0wLjMsMC43LDAuMywwLjdMMTA1LjYsNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDYuNiwxMy4xYzAtMC42LTAuNC0xLTEtMWgtNC4xYy0wLjYsMC0wLjcsMC4zLTAuMywwLjdsNC43LDQuN2MwLjQsMC40LDAuNywwLjMsMC43LTAuMwoJCQkJCUMxMDYuNiwxNy4yLDEwNi42LDEzLjEsMTA2LjYsMTMuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTMuNywxMi4xYy0wLjYsMC0xLDAuNC0xLDF2NC4xYzAsMC41LDAuMywwLjcsMC43LDAuM2w0LjctNC43YzAuNC0wLjQsMC4zLTAuNy0wLjMtMC43SDExMy43eiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgoJPGcgaWQ9InZvbHVtZSI+CgkJPGcgaWQ9InVubXV0ZWQiPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjcsNS44Yy0wLjUsMC40LTEuMiwwLjYtMS44LDAuNkg2MmMtMC42LDAtMSwwLjQtMSwxdjUuN2MwLDAuNiwwLjQsMSwxLDFoMy4yYzAuMywwLDAuNywwLDEsMAoJCQkJYzAuMywwLjIsMC41LDAuNCwwLjgsMC42bDMuNSwyLjZjMC40LDAuMywwLjgsMC4xLDAuOC0wLjRWMy41YzAtMC41LTAuNC0wLjctMC44LTAuNEw2Nyw1Ljh6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03My45LDIuNWMwLDAsMy45LTAuOCwzLjksNy43UzczLjksMTgsNzMuOSwxOCIvPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzIuNiw2LjRjMCwwLDIuNi0wLjQsMi42LDMuOHMtMi42LDMuOS0yLjYsMy45Ii8+CgkJPC9nPgoJCTxnIGlkPSJtdXRlZCI+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Nyw1LjhjLTAuNSwwLjQtMS4yLDAuNi0xLjgsMC42SDQyYy0wLjYsMC0xLDAuNC0xLDF2NS43YzAsMC42LDAuNCwxLDEsMWgzLjJjMC4zLDAsMC43LDAsMSwwCgkJCQljMC4zLDAuMiwwLjUsMC40LDAuOCwwLjZsMy41LDIuNmMwLjQsMC4zLDAuOCwwLjEsMC44LTAuNFYzLjVjMC0wLjUtMC40LTAuNy0wLjgtMC40TDQ3LDUuOHoiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjUyLjgiIHkxPSI3IiB4Mj0iNTguMiIgeTI9IjEyLjQiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjUyLjgiIHkxPSIxMi40IiB4Mj0iNTguMiIgeTI9IjciLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBpZD0iY2xvc2VkX2NhcHRpb25zIj4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTI4LjcsOC42Yy02LjItNC4yLTYuNSw3LjgsMCwzLjkiLz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTM1LjIsOC42Yy02LjItNC4yLTYuNSw3LjgsMCwzLjkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIyLjIsMy40aDE1Ljd2MTMuMWgtMTUuN1YzLjR6IE0xMjAuOCwydjE1LjdoMTguM1YySDEyMC44eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0My4yLDNoMTRjMS4xLDAsMiwwLjksMiwydjEwYzAsMS4xLTAuOSwyLTIsMmgtMTRjLTEuMSwwLTItMC45LTItMlY1QzE0MS4yLDMuOSwxNDIuMSwzLDE0My4yLDN6Ii8+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE0Ni40LDEzLjhjLTAuOCwwLTEuNi0wLjQtMi4xLTFjLTEuMS0xLjQtMS0zLjQsMC4xLTQuOGMwLjUtMC42LDItMS43LDQuNiwwLjJMMTQ4LjQsOQoJCQljLTEuNC0xLTIuNi0xLjEtMy4zLTAuM2MtMC44LDEtMC44LDIuNC0wLjEsMy41YzAuNywwLjksMS45LDAuOCwzLjQtMC4xbDAuNSwwLjlDMTQ4LjIsMTMuNSwxNDcuMywxMy43LDE0Ni40LDEzLjh6Ii8+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1My45LDEzLjhjLTAuOCwwLTEuNi0wLjQtMi4xLTFjLTEuMS0xLjQtMS0zLjQsMC4xLTQuOGMwLjUtMC42LDItMS43LDQuNiwwLjJMMTU2LDkKCQkJYy0xLjQtMS0yLjYtMS4xLTMuMy0wLjNjLTAuOCwxLTAuOCwyLjQtMC4xLDMuNWMwLjcsMC45LDEuOSwwLjgsMy40LTAuMWwwLjUsMC45QzE1NS43LDEzLjUsMTU0LjgsMTMuNywxNTMuOSwxMy44eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJiaWdfcGxheSI+Cgk8ZyBpZD0iYmlnX3BsYXlfb3BhcXVlIj4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjAuMyw3N2MwLjYsMC4yLDAuOCwwLjgsMC42LDEuNGMtMC4xLDAuMy0wLjMsMC41LTAuNiwwLjZMMzAsOTYuNWMtMSwwLjYtMS43LDAuMS0xLjctMXYtMzUKCQkJYzAtMS4xLDAuOC0xLjUsMS43LTFMNjAuMyw3N3oiLz4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMi41LDc5YzAtMjAuNywxNi44LTM3LjUsMzcuNS0zNy41Uzc3LjUsNTguMyw3Ny41LDc5UzYwLjcsMTE2LjUsNDAsMTE2LjVTMi41LDk5LjcsMi41LDc5TDIuNSw3OXoiLz4KCTwvZz4KCTxnIGlkPSJiaWdfcGxheV9ob3ZlciI+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0MC4zLDc3YzAuNiwwLjIsMC44LDAuOCwwLjYsMS40Yy0wLjEsMC4zLTAuMywwLjUtMC42LDAuNkwxMTAsOTYuNWMtMSwwLjYtMS43LDAuMS0xLjctMXYtMzUKCQkJYzAtMS4xLDAuOC0xLjUsMS43LTFMMTQwLjMsNzd6Ii8+CgkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTgyLjUsNzljMC0yMC43LDE2LjgtMzcuNSwzNy41LTM3LjVzMzcuNSwxNi44LDM3LjUsMzcuNXMtMTYuOCwzNy41LTM3LjUsMzcuNVM4Mi41LDk5LjcsODIuNSw3OXoiLz4KCTwvZz4KCTxnIGlkPSJsb2FkaW5nIj4KCQk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDEuOSIgY3k9IjQ3LjEiIHI9IjguMSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0NyIgY3g9IjIzMy45IiBjeT0iNzkiIHI9IjUiLz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDgiIGN4PSIyMDEuOSIgY3k9IjExMC45IiByPSI2Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3Q5IiBjeD0iMTcwLjEiIGN5PSI3OSIgcj0iNyIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNzguMiIgY3k9IjU2LjMiIHI9IjcuNSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTEiIGN4PSIyMjYuMyIgY3k9IjU2LjEiIHI9IjQuNSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTIiIGN4PSIyMjUuOCIgY3k9IjEwMi44IiByPSI1LjUiLz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDEzIiBjeD0iMTc4LjIiIGN5PSIxMDIuOCIgcj0iNi41Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9InJlcGxheSI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTc4LDkuNGMwLDAuNC0wLjQsMC43LTAuOSwwLjdjLTAuMSwwLTAuMiwwLTAuMi0wLjFsLTQuOS0xLjhjLTAuNS0wLjItMC42LTAuNi0wLjEtMC44bDYuMi0zLjYKCQljMC41LTAuMywwLjgtMC4xLDAuNywwLjVMMTc4LDkuNHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuNCwxNS45Yy0xLDAtMi0wLjItMi45LTAuN2MtMi0xLTMuMi0zLTMuMi01LjJjMC4xLTMuNCwyLjktNiw2LjMtNmMyLjUsMC4xLDQuOCwxLjcsNS42LDQuMWwwLjEtMC4xCgkJbDIuMSwxLjFjLTAuNi00LjQtNC43LTcuNS05LjEtNi45Yy0zLjksMC42LTYuOSwzLjktNyw3LjljMCwyLjksMS43LDUuNiw0LjMsN2MxLjIsMC42LDIuNSwwLjksMy44LDFjMi42LDAsNS0xLjIsNi42LTMuMwoJCWwtMS44LTAuOUMxNzMsMTUuMSwxNzEuMiwxNS45LDE2OS40LDE1Ljl6Ii8+CjwvZz4KPGcgaWQ9ImNoYXB0ZXJzIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODMuNCwzLjJMMTgzLjQsMy4yYzAuOCwwLDEuNSwwLjcsMS41LDEuNWwwLDBjMCwwLjgtMC43LDEuNS0xLjUsMS41bDAsMGMtMC44LDAtMS41LTAuNy0xLjUtMS41bDAsMAoJCUMxODEuOSwzLjgsMTgyLjYsMy4yLDE4My40LDMuMnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODguNSwzLjJoOC41YzAuOSwwLDEuNSwwLjcsMS41LDEuNWwwLDBjMCwwLjgtMC43LDEuNS0xLjUsMS41aC04LjVjLTAuOSwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTg2LjksMy44LDE4Ny42LDMuMiwxODguNSwzLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTgzLjQsOC4yTDE4My40LDguMmMwLjgsMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWwwLDBjLTAuOCwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTgxLjksOC44LDE4Mi42LDguMiwxODMuNCw4LjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg4LjUsOC4yaDguNWMwLjksMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWgtOC41Yy0wLjksMC0xLjUtMC43LTEuNS0xLjVsMCwwCgkJQzE4Ni45LDguOCwxODcuNiw4LjIsMTg4LjUsOC4yeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4My40LDEzLjJMMTgzLjQsMTMuMmMwLjgsMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWwwLDBjLTAuOCwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTgxLjksMTMuOCwxODIuNiwxMy4yLDE4My40LDEzLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg4LjUsMTMuMmg4LjVjMC45LDAsMS41LDAuNywxLjUsMS41bDAsMGMwLDAuOC0wLjcsMS41LTEuNSwxLjVoLTguNWMtMC45LDAtMS41LTAuNy0xLjUtMS41bDAsMAoJCUMxODYuOSwxMy44LDE4Ny42LDEzLjIsMTg4LjUsMTMuMnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat;
    background-position: 0 -39px;
    overflow: hidden;
    z-index: 1;
}
.mejs__overlay:hover > .mejs__overlay-button {
    background-position: -80px -39px;
}
.mejs__overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
}
.mejs__overlay-loading-bg-img {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDBweCIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDQwMCAxMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCAxMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO3dpZHRoOjE2cHg7aGVpZ2h0OjE2cHh9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30KCS5zdDR7ZmlsbDojMjMxRjIwO30KCS5zdDV7b3BhY2l0eTowLjc1O2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6NTtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0NntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7fQoJLnN0N3tvcGFjaXR5OjAuNDtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30KCS5zdDh7b3BhY2l0eTowLjY7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cgkuc3Q5e29wYWNpdHk6MC44O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0MTB7b3BhY2l0eTowLjk7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cgkuc3QxMXtvcGFjaXR5OjAuMztmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30KCS5zdDEye29wYWNpdHk6MC41O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0MTN7b3BhY2l0eTowLjc7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cjwvc3R5bGU+CjxnIGlkPSJjb250cm9scyI+Cgk8ZyBpZD0icGxheSI+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjUsOC41YzAuMywwLjEsMC40LDAuNSwwLjIsMC44Yy0wLjEsMC4xLTAuMSwwLjItMC4yLDAuMmwtMTEuNCw3Yy0wLjUsMC4zLTAuOCwwLjEtMC44LTAuNVYyCgkJCWMwLTAuNSwwLjQtMC44LDAuOC0wLjVMMTYuNSw4LjV6Ii8+Cgk8L2c+Cgk8ZyBpZD0icGF1c2UiPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQsMWgyLjJjMC42LDAsMSwwLjQsMSwxdjE0YzAsMC42LTAuNCwxLTEsMUgyNGMtMC42LDAtMS0wLjQtMS0xVjJDMjMsMS41LDIzLjQsMSwyNCwxeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzMuOCwxSDM2YzAuNiwwLDEsMC40LDEsMXYxNGMwLDAuNi0wLjQsMS0xLDFoLTIuMmMtMC42LDAtMS0wLjQtMS0xVjJDMzIuOCwxLjUsMzMuMiwxLDMzLjgsMXoiLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBpZD0iZnVsbHNjcmVlbiI+CgkJPGcgaWQ9ImVudGVyIj4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgxLDEuNGMwLTAuNiwwLjQtMSwxLTFoNS40YzAuNiwwLDAuNywwLjMsMC4zLDAuN2wtNiw2QzgxLjMsNy41LDgxLDcuNCw4MSw2LjhWMS40eiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODEsMTcuMmMwLDAuNiwwLjQsMSwxLDFoNS40YzAuNiwwLDAuNy0wLjMsMC4zLTAuN2wtNi02Yy0wLjQtMC40LTAuNy0wLjMtMC43LDAuM0w4MSwxNy4yeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTguOCwxLjRjMC0wLjYtMC40LTEtMS0xaC01LjRjLTAuNiwwLTAuNywwLjMtMC4zLDAuN2w2LDZjMC40LDAuNCwwLjcsMC4zLDAuNy0wLjMKCQkJCUM5OC44LDYuOCw5OC44LDEuNCw5OC44LDEuNHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk4LjgsMTcuMmMwLDAuNi0wLjQsMS0xLDFoLTUuNGMtMC42LDAtMC43LTAuMy0wLjMtMC43bDYtNmMwLjQtMC40LDAuNy0wLjMsMC43LDAuMwoJCQkJQzk4LjgsMTEuOCw5OC44LDE3LjIsOTguOCwxNy4yeiIvPgoJCTwvZz4KCQk8ZyBpZD0iZXhpdCI+CgkJCTxnPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMi43LDVjMCwwLjYsMC40LDEsMSwxaDQuMWMwLjYsMCwwLjctMC4zLDAuMy0wLjdsLTQuNy00LjdjLTAuNC0wLjQtMC43LTAuMy0wLjcsMC4zCgkJCQkJQzExMi43LDAuOSwxMTIuNyw1LDExMi43LDV6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA1LjYsNmMwLjYsMCwxLTAuNCwxLTFWMC45YzAtMC42LTAuMy0wLjctMC43LTAuM2wtNC43LDQuN2MtMC40LDAuNC0wLjMsMC43LDAuMywwLjdMMTA1LjYsNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDYuNiwxMy4xYzAtMC42LTAuNC0xLTEtMWgtNC4xYy0wLjYsMC0wLjcsMC4zLTAuMywwLjdsNC43LDQuN2MwLjQsMC40LDAuNywwLjMsMC43LTAuMwoJCQkJCUMxMDYuNiwxNy4yLDEwNi42LDEzLjEsMTA2LjYsMTMuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTMuNywxMi4xYy0wLjYsMC0xLDAuNC0xLDF2NC4xYzAsMC41LDAuMywwLjcsMC43LDAuM2w0LjctNC43YzAuNC0wLjQsMC4zLTAuNy0wLjMtMC43SDExMy43eiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgoJPGcgaWQ9InZvbHVtZSI+CgkJPGcgaWQ9InVubXV0ZWQiPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjcsNS44Yy0wLjUsMC40LTEuMiwwLjYtMS44LDAuNkg2MmMtMC42LDAtMSwwLjQtMSwxdjUuN2MwLDAuNiwwLjQsMSwxLDFoMy4yYzAuMywwLDAuNywwLDEsMAoJCQkJYzAuMywwLjIsMC41LDAuNCwwLjgsMC42bDMuNSwyLjZjMC40LDAuMywwLjgsMC4xLDAuOC0wLjRWMy41YzAtMC41LTAuNC0wLjctMC44LTAuNEw2Nyw1Ljh6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03My45LDIuNWMwLDAsMy45LTAuOCwzLjksNy43UzczLjksMTgsNzMuOSwxOCIvPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzIuNiw2LjRjMCwwLDIuNi0wLjQsMi42LDMuOHMtMi42LDMuOS0yLjYsMy45Ii8+CgkJPC9nPgoJCTxnIGlkPSJtdXRlZCI+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Nyw1LjhjLTAuNSwwLjQtMS4yLDAuNi0xLjgsMC42SDQyYy0wLjYsMC0xLDAuNC0xLDF2NS43YzAsMC42LDAuNCwxLDEsMWgzLjJjMC4zLDAsMC43LDAsMSwwCgkJCQljMC4zLDAuMiwwLjUsMC40LDAuOCwwLjZsMy41LDIuNmMwLjQsMC4zLDAuOCwwLjEsMC44LTAuNFYzLjVjMC0wLjUtMC40LTAuNy0wLjgtMC40TDQ3LDUuOHoiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjUyLjgiIHkxPSI3IiB4Mj0iNTguMiIgeTI9IjEyLjQiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjUyLjgiIHkxPSIxMi40IiB4Mj0iNTguMiIgeTI9IjciLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBpZD0iY2xvc2VkX2NhcHRpb25zIj4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTI4LjcsOC42Yy02LjItNC4yLTYuNSw3LjgsMCwzLjkiLz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTM1LjIsOC42Yy02LjItNC4yLTYuNSw3LjgsMCwzLjkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIyLjIsMy40aDE1Ljd2MTMuMWgtMTUuN1YzLjR6IE0xMjAuOCwydjE1LjdoMTguM1YySDEyMC44eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0My4yLDNoMTRjMS4xLDAsMiwwLjksMiwydjEwYzAsMS4xLTAuOSwyLTIsMmgtMTRjLTEuMSwwLTItMC45LTItMlY1QzE0MS4yLDMuOSwxNDIuMSwzLDE0My4yLDN6Ii8+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE0Ni40LDEzLjhjLTAuOCwwLTEuNi0wLjQtMi4xLTFjLTEuMS0xLjQtMS0zLjQsMC4xLTQuOGMwLjUtMC42LDItMS43LDQuNiwwLjJMMTQ4LjQsOQoJCQljLTEuNC0xLTIuNi0xLjEtMy4zLTAuM2MtMC44LDEtMC44LDIuNC0wLjEsMy41YzAuNywwLjksMS45LDAuOCwzLjQtMC4xbDAuNSwwLjlDMTQ4LjIsMTMuNSwxNDcuMywxMy43LDE0Ni40LDEzLjh6Ii8+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1My45LDEzLjhjLTAuOCwwLTEuNi0wLjQtMi4xLTFjLTEuMS0xLjQtMS0zLjQsMC4xLTQuOGMwLjUtMC42LDItMS43LDQuNiwwLjJMMTU2LDkKCQkJYy0xLjQtMS0yLjYtMS4xLTMuMy0wLjNjLTAuOCwxLTAuOCwyLjQtMC4xLDMuNWMwLjcsMC45LDEuOSwwLjgsMy40LTAuMWwwLjUsMC45QzE1NS43LDEzLjUsMTU0LjgsMTMuNywxNTMuOSwxMy44eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJiaWdfcGxheSI+Cgk8ZyBpZD0iYmlnX3BsYXlfb3BhcXVlIj4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjAuMyw3N2MwLjYsMC4yLDAuOCwwLjgsMC42LDEuNGMtMC4xLDAuMy0wLjMsMC41LTAuNiwwLjZMMzAsOTYuNWMtMSwwLjYtMS43LDAuMS0xLjctMXYtMzUKCQkJYzAtMS4xLDAuOC0xLjUsMS43LTFMNjAuMyw3N3oiLz4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMi41LDc5YzAtMjAuNywxNi44LTM3LjUsMzcuNS0zNy41Uzc3LjUsNTguMyw3Ny41LDc5UzYwLjcsMTE2LjUsNDAsMTE2LjVTMi41LDk5LjcsMi41LDc5TDIuNSw3OXoiLz4KCTwvZz4KCTxnIGlkPSJiaWdfcGxheV9ob3ZlciI+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0MC4zLDc3YzAuNiwwLjIsMC44LDAuOCwwLjYsMS40Yy0wLjEsMC4zLTAuMywwLjUtMC42LDAuNkwxMTAsOTYuNWMtMSwwLjYtMS43LDAuMS0xLjctMXYtMzUKCQkJYzAtMS4xLDAuOC0xLjUsMS43LTFMMTQwLjMsNzd6Ii8+CgkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTgyLjUsNzljMC0yMC43LDE2LjgtMzcuNSwzNy41LTM3LjVzMzcuNSwxNi44LDM3LjUsMzcuNXMtMTYuOCwzNy41LTM3LjUsMzcuNVM4Mi41LDk5LjcsODIuNSw3OXoiLz4KCTwvZz4KCTxnIGlkPSJsb2FkaW5nIj4KCQk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDEuOSIgY3k9IjQ3LjEiIHI9IjguMSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0NyIgY3g9IjIzMy45IiBjeT0iNzkiIHI9IjUiLz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDgiIGN4PSIyMDEuOSIgY3k9IjExMC45IiByPSI2Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3Q5IiBjeD0iMTcwLjEiIGN5PSI3OSIgcj0iNyIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNzguMiIgY3k9IjU2LjMiIHI9IjcuNSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTEiIGN4PSIyMjYuMyIgY3k9IjU2LjEiIHI9IjQuNSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTIiIGN4PSIyMjUuOCIgY3k9IjEwMi44IiByPSI1LjUiLz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDEzIiBjeD0iMTc4LjIiIGN5PSIxMDIuOCIgcj0iNi41Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9InJlcGxheSI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTc4LDkuNGMwLDAuNC0wLjQsMC43LTAuOSwwLjdjLTAuMSwwLTAuMiwwLTAuMi0wLjFsLTQuOS0xLjhjLTAuNS0wLjItMC42LTAuNi0wLjEtMC44bDYuMi0zLjYKCQljMC41LTAuMywwLjgtMC4xLDAuNywwLjVMMTc4LDkuNHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuNCwxNS45Yy0xLDAtMi0wLjItMi45LTAuN2MtMi0xLTMuMi0zLTMuMi01LjJjMC4xLTMuNCwyLjktNiw2LjMtNmMyLjUsMC4xLDQuOCwxLjcsNS42LDQuMWwwLjEtMC4xCgkJbDIuMSwxLjFjLTAuNi00LjQtNC43LTcuNS05LjEtNi45Yy0zLjksMC42LTYuOSwzLjktNyw3LjljMCwyLjksMS43LDUuNiw0LjMsN2MxLjIsMC42LDIuNSwwLjksMy44LDFjMi42LDAsNS0xLjIsNi42LTMuMwoJCWwtMS44LTAuOUMxNzMsMTUuMSwxNzEuMiwxNS45LDE2OS40LDE1Ljl6Ii8+CjwvZz4KPGcgaWQ9ImNoYXB0ZXJzIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODMuNCwzLjJMMTgzLjQsMy4yYzAuOCwwLDEuNSwwLjcsMS41LDEuNWwwLDBjMCwwLjgtMC43LDEuNS0xLjUsMS41bDAsMGMtMC44LDAtMS41LTAuNy0xLjUtMS41bDAsMAoJCUMxODEuOSwzLjgsMTgyLjYsMy4yLDE4My40LDMuMnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODguNSwzLjJoOC41YzAuOSwwLDEuNSwwLjcsMS41LDEuNWwwLDBjMCwwLjgtMC43LDEuNS0xLjUsMS41aC04LjVjLTAuOSwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTg2LjksMy44LDE4Ny42LDMuMiwxODguNSwzLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTgzLjQsOC4yTDE4My40LDguMmMwLjgsMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWwwLDBjLTAuOCwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTgxLjksOC44LDE4Mi42LDguMiwxODMuNCw4LjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg4LjUsOC4yaDguNWMwLjksMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWgtOC41Yy0wLjksMC0xLjUtMC43LTEuNS0xLjVsMCwwCgkJQzE4Ni45LDguOCwxODcuNiw4LjIsMTg4LjUsOC4yeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4My40LDEzLjJMMTgzLjQsMTMuMmMwLjgsMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWwwLDBjLTAuOCwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTgxLjksMTMuOCwxODIuNiwxMy4yLDE4My40LDEzLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg4LjUsMTMuMmg4LjVjMC45LDAsMS41LDAuNywxLjUsMS41bDAsMGMwLDAuOC0wLjcsMS41LTEuNSwxLjVoLTguNWMtMC45LDAtMS41LTAuNy0xLjUtMS41bDAsMAoJCUMxODYuOSwxMy44LDE4Ny42LDEzLjIsMTg4LjUsMTMuMnoiLz4KPC9nPgo8L3N2Zz4K) -160px -40px no-repeat;
    -webkit-animation: mejs-loading-spinner 1s linear infinite;
    -moz-animation: mejs-loading-spinner 1s linear infinite;
    animation: mejs-loading-spinner 1s linear infinite;
    z-index: 1;
}
@-moz-keyframes mejs-loading-spinner {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes mejs-loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes mejs-loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.mejs__controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    bottom: 0;
    left: 0;
    height: 45px;
    width: 100%;
    z-index: 1;
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
    float: left;
    margin: 0;
    width: 32px;
    height: 40px;
    font-size: 10px;
    line-height: 10px;
}
.mejs__button > button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 10px 6px;
    padding: 0;
    position: absolute;
    height: 20px;
    width: 20px;
    border: 0;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDBweCIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDQwMCAxMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCAxMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO3dpZHRoOjE2cHg7aGVpZ2h0OjE2cHh9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30KCS5zdDR7ZmlsbDojMjMxRjIwO30KCS5zdDV7b3BhY2l0eTowLjc1O2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6NTtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0NntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7fQoJLnN0N3tvcGFjaXR5OjAuNDtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30KCS5zdDh7b3BhY2l0eTowLjY7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cgkuc3Q5e29wYWNpdHk6MC44O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0MTB7b3BhY2l0eTowLjk7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cgkuc3QxMXtvcGFjaXR5OjAuMztmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30KCS5zdDEye29wYWNpdHk6MC41O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fQoJLnN0MTN7b3BhY2l0eTowLjc7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9Cjwvc3R5bGU+CjxnIGlkPSJjb250cm9scyI+Cgk8ZyBpZD0icGxheSI+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjUsOC41YzAuMywwLjEsMC40LDAuNSwwLjIsMC44Yy0wLjEsMC4xLTAuMSwwLjItMC4yLDAuMmwtMTEuNCw3Yy0wLjUsMC4zLTAuOCwwLjEtMC44LTAuNVYyCgkJCWMwLTAuNSwwLjQtMC44LDAuOC0wLjVMMTYuNSw4LjV6Ii8+Cgk8L2c+Cgk8ZyBpZD0icGF1c2UiPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQsMWgyLjJjMC42LDAsMSwwLjQsMSwxdjE0YzAsMC42LTAuNCwxLTEsMUgyNGMtMC42LDAtMS0wLjQtMS0xVjJDMjMsMS41LDIzLjQsMSwyNCwxeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzMuOCwxSDM2YzAuNiwwLDEsMC40LDEsMXYxNGMwLDAuNi0wLjQsMS0xLDFoLTIuMmMtMC42LDAtMS0wLjQtMS0xVjJDMzIuOCwxLjUsMzMuMiwxLDMzLjgsMXoiLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBpZD0iZnVsbHNjcmVlbiI+CgkJPGcgaWQ9ImVudGVyIj4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgxLDEuNGMwLTAuNiwwLjQtMSwxLTFoNS40YzAuNiwwLDAuNywwLjMsMC4zLDAuN2wtNiw2QzgxLjMsNy41LDgxLDcuNCw4MSw2LjhWMS40eiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODEsMTcuMmMwLDAuNiwwLjQsMSwxLDFoNS40YzAuNiwwLDAuNy0wLjMsMC4zLTAuN2wtNi02Yy0wLjQtMC40LTAuNy0wLjMtMC43LDAuM0w4MSwxNy4yeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTguOCwxLjRjMC0wLjYtMC40LTEtMS0xaC01LjRjLTAuNiwwLTAuNywwLjMtMC4zLDAuN2w2LDZjMC40LDAuNCwwLjcsMC4zLDAuNy0wLjMKCQkJCUM5OC44LDYuOCw5OC44LDEuNCw5OC44LDEuNHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk4LjgsMTcuMmMwLDAuNi0wLjQsMS0xLDFoLTUuNGMtMC42LDAtMC43LTAuMy0wLjMtMC43bDYtNmMwLjQtMC40LDAuNy0wLjMsMC43LDAuMwoJCQkJQzk4LjgsMTEuOCw5OC44LDE3LjIsOTguOCwxNy4yeiIvPgoJCTwvZz4KCQk8ZyBpZD0iZXhpdCI+CgkJCTxnPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMi43LDVjMCwwLjYsMC40LDEsMSwxaDQuMWMwLjYsMCwwLjctMC4zLDAuMy0wLjdsLTQuNy00LjdjLTAuNC0wLjQtMC43LTAuMy0wLjcsMC4zCgkJCQkJQzExMi43LDAuOSwxMTIuNyw1LDExMi43LDV6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA1LjYsNmMwLjYsMCwxLTAuNCwxLTFWMC45YzAtMC42LTAuMy0wLjctMC43LTAuM2wtNC43LDQuN2MtMC40LDAuNC0wLjMsMC43LDAuMywwLjdMMTA1LjYsNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDYuNiwxMy4xYzAtMC42LTAuNC0xLTEtMWgtNC4xYy0wLjYsMC0wLjcsMC4zLTAuMywwLjdsNC43LDQuN2MwLjQsMC40LDAuNywwLjMsMC43LTAuMwoJCQkJCUMxMDYuNiwxNy4yLDEwNi42LDEzLjEsMTA2LjYsMTMuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTMuNywxMi4xYy0wLjYsMC0xLDAuNC0xLDF2NC4xYzAsMC41LDAuMywwLjcsMC43LDAuM2w0LjctNC43YzAuNC0wLjQsMC4zLTAuNy0wLjMtMC43SDExMy43eiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgoJPGcgaWQ9InZvbHVtZSI+CgkJPGcgaWQ9InVubXV0ZWQiPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjcsNS44Yy0wLjUsMC40LTEuMiwwLjYtMS44LDAuNkg2MmMtMC42LDAtMSwwLjQtMSwxdjUuN2MwLDAuNiwwLjQsMSwxLDFoMy4yYzAuMywwLDAuNywwLDEsMAoJCQkJYzAuMywwLjIsMC41LDAuNCwwLjgsMC42bDMuNSwyLjZjMC40LDAuMywwLjgsMC4xLDAuOC0wLjRWMy41YzAtMC41LTAuNC0wLjctMC44LTAuNEw2Nyw1Ljh6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03My45LDIuNWMwLDAsMy45LTAuOCwzLjksNy43UzczLjksMTgsNzMuOSwxOCIvPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzIuNiw2LjRjMCwwLDIuNi0wLjQsMi42LDMuOHMtMi42LDMuOS0yLjYsMy45Ii8+CgkJPC9nPgoJCTxnIGlkPSJtdXRlZCI+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Nyw1LjhjLTAuNSwwLjQtMS4yLDAuNi0xLjgsMC42SDQyYy0wLjYsMC0xLDAuNC0xLDF2NS43YzAsMC42LDAuNCwxLDEsMWgzLjJjMC4zLDAsMC43LDAsMSwwCgkJCQljMC4zLDAuMiwwLjUsMC40LDAuOCwwLjZsMy41LDIuNmMwLjQsMC4zLDAuOCwwLjEsMC44LTAuNFYzLjVjMC0wLjUtMC40LTAuNy0wLjgtMC40TDQ3LDUuOHoiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjUyLjgiIHkxPSI3IiB4Mj0iNTguMiIgeTI9IjEyLjQiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjUyLjgiIHkxPSIxMi40IiB4Mj0iNTguMiIgeTI9IjciLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBpZD0iY2xvc2VkX2NhcHRpb25zIj4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTI4LjcsOC42Yy02LjItNC4yLTYuNSw3LjgsMCwzLjkiLz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTM1LjIsOC42Yy02LjItNC4yLTYuNSw3LjgsMCwzLjkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIyLjIsMy40aDE1Ljd2MTMuMWgtMTUuN1YzLjR6IE0xMjAuOCwydjE1LjdoMTguM1YySDEyMC44eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0My4yLDNoMTRjMS4xLDAsMiwwLjksMiwydjEwYzAsMS4xLTAuOSwyLTIsMmgtMTRjLTEuMSwwLTItMC45LTItMlY1QzE0MS4yLDMuOSwxNDIuMSwzLDE0My4yLDN6Ii8+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE0Ni40LDEzLjhjLTAuOCwwLTEuNi0wLjQtMi4xLTFjLTEuMS0xLjQtMS0zLjQsMC4xLTQuOGMwLjUtMC42LDItMS43LDQuNiwwLjJMMTQ4LjQsOQoJCQljLTEuNC0xLTIuNi0xLjEtMy4zLTAuM2MtMC44LDEtMC44LDIuNC0wLjEsMy41YzAuNywwLjksMS45LDAuOCwzLjQtMC4xbDAuNSwwLjlDMTQ4LjIsMTMuNSwxNDcuMywxMy43LDE0Ni40LDEzLjh6Ii8+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1My45LDEzLjhjLTAuOCwwLTEuNi0wLjQtMi4xLTFjLTEuMS0xLjQtMS0zLjQsMC4xLTQuOGMwLjUtMC42LDItMS43LDQuNiwwLjJMMTU2LDkKCQkJYy0xLjQtMS0yLjYtMS4xLTMuMy0wLjNjLTAuOCwxLTAuOCwyLjQtMC4xLDMuNWMwLjcsMC45LDEuOSwwLjgsMy40LTAuMWwwLjUsMC45QzE1NS43LDEzLjUsMTU0LjgsMTMuNywxNTMuOSwxMy44eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJiaWdfcGxheSI+Cgk8ZyBpZD0iYmlnX3BsYXlfb3BhcXVlIj4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjAuMyw3N2MwLjYsMC4yLDAuOCwwLjgsMC42LDEuNGMtMC4xLDAuMy0wLjMsMC41LTAuNiwwLjZMMzAsOTYuNWMtMSwwLjYtMS43LDAuMS0xLjctMXYtMzUKCQkJYzAtMS4xLDAuOC0xLjUsMS43LTFMNjAuMyw3N3oiLz4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMi41LDc5YzAtMjAuNywxNi44LTM3LjUsMzcuNS0zNy41Uzc3LjUsNTguMyw3Ny41LDc5UzYwLjcsMTE2LjUsNDAsMTE2LjVTMi41LDk5LjcsMi41LDc5TDIuNSw3OXoiLz4KCTwvZz4KCTxnIGlkPSJiaWdfcGxheV9ob3ZlciI+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0MC4zLDc3YzAuNiwwLjIsMC44LDAuOCwwLjYsMS40Yy0wLjEsMC4zLTAuMywwLjUtMC42LDAuNkwxMTAsOTYuNWMtMSwwLjYtMS43LDAuMS0xLjctMXYtMzUKCQkJYzAtMS4xLDAuOC0xLjUsMS43LTFMMTQwLjMsNzd6Ii8+CgkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTgyLjUsNzljMC0yMC43LDE2LjgtMzcuNSwzNy41LTM3LjVzMzcuNSwxNi44LDM3LjUsMzcuNXMtMTYuOCwzNy41LTM3LjUsMzcuNVM4Mi41LDk5LjcsODIuNSw3OXoiLz4KCTwvZz4KCTxnIGlkPSJsb2FkaW5nIj4KCQk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDEuOSIgY3k9IjQ3LjEiIHI9IjguMSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0NyIgY3g9IjIzMy45IiBjeT0iNzkiIHI9IjUiLz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDgiIGN4PSIyMDEuOSIgY3k9IjExMC45IiByPSI2Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3Q5IiBjeD0iMTcwLjEiIGN5PSI3OSIgcj0iNyIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNzguMiIgY3k9IjU2LjMiIHI9IjcuNSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTEiIGN4PSIyMjYuMyIgY3k9IjU2LjEiIHI9IjQuNSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MTIiIGN4PSIyMjUuOCIgY3k9IjEwMi44IiByPSI1LjUiLz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDEzIiBjeD0iMTc4LjIiIGN5PSIxMDIuOCIgcj0iNi41Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9InJlcGxheSI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTc4LDkuNGMwLDAuNC0wLjQsMC43LTAuOSwwLjdjLTAuMSwwLTAuMiwwLTAuMi0wLjFsLTQuOS0xLjhjLTAuNS0wLjItMC42LTAuNi0wLjEtMC44bDYuMi0zLjYKCQljMC41LTAuMywwLjgtMC4xLDAuNywwLjVMMTc4LDkuNHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuNCwxNS45Yy0xLDAtMi0wLjItMi45LTAuN2MtMi0xLTMuMi0zLTMuMi01LjJjMC4xLTMuNCwyLjktNiw2LjMtNmMyLjUsMC4xLDQuOCwxLjcsNS42LDQuMWwwLjEtMC4xCgkJbDIuMSwxLjFjLTAuNi00LjQtNC43LTcuNS05LjEtNi45Yy0zLjksMC42LTYuOSwzLjktNyw3LjljMCwyLjksMS43LDUuNiw0LjMsN2MxLjIsMC42LDIuNSwwLjksMy44LDFjMi42LDAsNS0xLjIsNi42LTMuMwoJCWwtMS44LTAuOUMxNzMsMTUuMSwxNzEuMiwxNS45LDE2OS40LDE1Ljl6Ii8+CjwvZz4KPGcgaWQ9ImNoYXB0ZXJzIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODMuNCwzLjJMMTgzLjQsMy4yYzAuOCwwLDEuNSwwLjcsMS41LDEuNWwwLDBjMCwwLjgtMC43LDEuNS0xLjUsMS41bDAsMGMtMC44LDAtMS41LTAuNy0xLjUtMS41bDAsMAoJCUMxODEuOSwzLjgsMTgyLjYsMy4yLDE4My40LDMuMnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODguNSwzLjJoOC41YzAuOSwwLDEuNSwwLjcsMS41LDEuNWwwLDBjMCwwLjgtMC43LDEuNS0xLjUsMS41aC04LjVjLTAuOSwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTg2LjksMy44LDE4Ny42LDMuMiwxODguNSwzLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTgzLjQsOC4yTDE4My40LDguMmMwLjgsMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWwwLDBjLTAuOCwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTgxLjksOC44LDE4Mi42LDguMiwxODMuNCw4LjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg4LjUsOC4yaDguNWMwLjksMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWgtOC41Yy0wLjksMC0xLjUtMC43LTEuNS0xLjVsMCwwCgkJQzE4Ni45LDguOCwxODcuNiw4LjIsMTg4LjUsOC4yeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4My40LDEzLjJMMTgzLjQsMTMuMmMwLjgsMCwxLjUsMC43LDEuNSwxLjVsMCwwYzAsMC44LTAuNywxLjUtMS41LDEuNWwwLDBjLTAuOCwwLTEuNS0wLjctMS41LTEuNWwwLDAKCQlDMTgxLjksMTMuOCwxODIuNiwxMy4yLDE4My40LDEzLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg4LjUsMTMuMmg4LjVjMC45LDAsMS41LDAuNywxLjUsMS41bDAsMGMwLDAuOC0wLjcsMS41LTEuNSwxLjVoLTguNWMtMC45LDAtMS41LTAuNy0xLjUtMS41bDAsMAoJCUMxODYuOSwxMy44LDE4Ny42LDEzLjIsMTg4LjUsMTMuMnoiLz4KPC9nPgo8L3N2Zz4K);
    overflow: hidden;
}
.mejs__button > button:focus {
    outline: dotted 1px #fff;
}
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role="slider"],
.mejs__container-keyboard-inactive [role="slider"]:focus {
    outline: 0;
}
.mejs__time {
    color: #fff;
    display: block;
    height: 24px;
    width: auto;
    font-weight: 700;
    font-size: 11px;
    padding: 16px 6px 0 176px;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box;
}
.mejs__time.mejs__duration-container {
    padding: 16px 6px 0;
}
.mejs__play > button {
    background-position: 0 0;
}
.mejs__pause > button {
    background-position: -20px 0;
}
.mejs__replay > button {
    background-position: -160px 0;
}
.mejs__time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 10px;
    height: 40px;
    position: relative;
    margin: 0 10px;
}
.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
    cursor: pointer;
    display: block;
    position: absolute;
    height: 2px;
    border-radius: 2px;
}
.mejs__time-total {
    margin: 9px 0 0;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
}
.mejs__time-buffering {
    width: 100%;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    animation: buffering-stripes 2s linear infinite;
}
@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}
.mejs__time-loaded {
    background: rgba(255, 255, 255, 0.3);
}
.mejs__time-current,
.mejs__time-handle-content {
    background: #08F905;
}
.mejs__time-hovered {
    background: rgba(255, 255, 255, 0.6);
    z-index: 10;
}
.mejs__time-hovered.negative {
    background: rgba(0, 0, 0, 0.2);
}
.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
    width: 100%;
    left: 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: 0.15s ease-in all;
}
.mejs__time-hovered {
    transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}
.mejs__time-hovered.no-hover {
    -ms-transform: scaleX(0) !important;
    transform: scaleX(0) !important;
}
.mejs__time-handle,
.mejs__time-handle-content {
    position: absolute;
    cursor: pointer;
    border: 4px solid transparent;
    z-index: 11;
    left: 0;
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.mejs__time-handle-content {
    left: -7px;
    border: 4px solid rgba(255, 255, 255, 0.9);
    -ms-transform: scale(0);
    transform: scale(0);
    top: -7px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
    -ms-transform: scale(1);
    transform: scale(1);
}
.mejs__time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}
.mejs__time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}
.mejs__time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    border-radius: 0;
    top: 15px;
    left: 13px;
}
.mejs__long-video .mejs__time-float {
    width: 64px;
    margin-left: -23px;
}
.mejs__long-video .mejs__time-float-current {
    width: 60px;
}
.mejs__long-video .mejs__time-float-corner {
    left: 18px;
}
.mejs__broadcast {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 10px;
    top: 15px;
}
.mejs__fullscreen-button > button {
    background-position: -80px 0;
}
.mejs__unfullscreen > button {
    background-position: -100px 0;
}
.mejs__mute > button {
    background-position: -60px 0;
}
.mejs__unmute > button {
    background-position: -40px 0;
}
.mejs__volume-button {
    position: relative;
}
.mejs__volume-button > .mejs__volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: rgba(50, 50, 50, 0.7);
    border-radius: 0;
    top: -115px;
    left: 5px;
    z-index: 1;
    position: absolute;
    margin: 0;
}
.mejs__volume-button:hover {
    border-radius: 0 0 4px 4px;
}
.mejs__volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
}
.mejs__volume-current {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    margin: 0;
}
.mejs__volume-handle {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 16px;
    height: 6px;
    margin: 0 0 -3px -7px;
    background: rgba(255, 255, 255, 0.9);
    cursor: ns-resize;
    border-radius: 1px;
}
.mejs__horizontal-volume-slider {
    height: 36px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}
.mejs__horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 20px;
    width: 50px;
    height: 2px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    border-radius: 2px;
    background: rgba(50, 50, 50, 0.8);
}
.mejs__horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.8);
}
.mejs__horizontal-volume-handle {
    display: none;
}
.mejs__captions-button,
.mejs__chapters-button {
    position: relative;
}
.mejs__captions-button > button {
    background-position: -140px 0;
}
.mejs__chapters-button > button {
    background-position: -180px 0;
}
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
    visibility: hidden;
    position: absolute;
    bottom: 40px;
    right: -51px;
    width: 85px;
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
}
.mejs__chapters-button > .mejs__chapters-selector {
    width: 110px;
}
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
    visibility: visible;
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
    margin: 0 0 6px;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    position: absolute;
    left: -1000px;
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
    width: 55px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-size: 10px;
    cursor: pointer;
}
.mejs__captions-selected,
.mejs__chapters-selected {
    color: #21f8f8;
}
.mejs__captions-translations {
    font-size: 10px;
    margin: 0 0 5px;
}
.mejs__captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
}
.mejs__captions-layer a {
    color: #fff;
    text-decoration: underline;
}
.mejs__captions-layer[lang="ar"] {
    font-size: 20px;
    font-weight: 400;
}
.mejs__captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}
.mejs__captions-position-hover {
    bottom: 35px;
}
.mejs__captions-text,
.mejs__captions-text * {
    padding: 0;
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap;
    box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display: none;
}
.mejs__playpause-button {
    margin-left: -4px;
}
.me_cannotplay a {
    font-weight: 700;
}
.mejs__container .me_cannotplay a {
    color: #fff;
}
.me_cannotplay span {
    padding: 15px;
    display: block;
}
.mejs-track-details {
    position: absolute;
    top: 0;
    left: 50px;
    overflow: hidden;
    padding: 8px 15px 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 160px !important;
    height: auto !important;
    max-width: 100%;
}
.mejs-track-details h3 {
    color: #fff;
        line-height: normal;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: poppins, sans-serif;
}
.mejs-track-details h3 span {
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 1);
}
.device-sm .mejs-track-details,
.device-xs .mejs-track-details {
    display: none;
}
.device-sm .mejs__time:not(.mejs__duration-container),
.device-xs .mejs__time:not(.mejs__duration-container) {
    padding-left: 26px;
}

/* =====================================================================
   Music demo font assignments
   source: demos/music/css/fonts.css  |  rules kept: 2, dropped: 1
   ===================================================================== */
body,
.sub-menu-container .menu-item > .menu-link,
.nav-tree ul ul a {
        font-family: 'Poppins', sans-serif !important;
}
h1,
h2,
h3,
#logo a,
.menu-link,
.counter,
.nav-tree li a {
        font-family: 'Montserrat', sans-serif !important;
}

/* =====================================================================
   Site owner custom styles
   source: css/custom.css  |  rules kept: 8, dropped: 44
   ===================================================================== */
.modal-body .col-lg-4 {
        float: left;
}
.modal-content {
        background-color: black;
        border: thin solid #e1c973;
}
.modal-lg li {
        color: white;
}
.modal-lg .modal-header {
        margin-bottom: 5px;
}
.modal-header {
        border-bottom-color: #e1c973;
}
.modal-lg ul {
        padding-left: 30%;
        margin-bottom: 5px;
}
#music-rights-modal .modal-content {
        color: #ffffff;
}
#music-rights-modal .modal-content h1,
#music-rights-modal .modal-content h2,
#music-rights-modal .modal-content h3 {
        color: #00d6b2;
}

/* ---- @keyframes actually referenced by kept rules ---- */
@keyframes progress-bar-stripes {
        0% {
                background-position-x: 1rem;
        };
}
@keyframes spinner-border {
        to {
                transform: rotate(360deg);
        };
}
@keyframes spinner-grow {
        0% {
                transform: scale(0);
        }
        50% {
                opacity: 1;
        transform: none;
        };
}
@keyframes placeholder-glow {
        50% {
                opacity: 0.2;
        };
}
@keyframes placeholder-wave {
        100% {
                -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
        };
}
@keyframes BgAnimated {
        from  {background-position:0 0;
        }
        to    {background-position:0 400px;
        };
}
@keyframes fadeOut {
        0% { opacity: 1;
        }
        100% { opacity: 0;
        };
}
@keyframes bouncedelay {
        0%, 80%, 100% { -webkit-transform: scale(0.0) }
        40% { -webkit-transform: scale(1.0) };
}
@keyframes rotateplane {
        0% { -webkit-transform: perspective(120px) }
        50% { -webkit-transform: perspective(120px) rotateY(180deg) }
        100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) };
}
@keyframes cssspinnerbounce {
        0%, 100% { -webkit-transform: scale(0.0) }
        50% { -webkit-transform: scale(1.0) };
}
@keyframes stretchdelay {
        0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
        20% { -webkit-transform: scaleY(1.0) };
}
@keyframes cubemove {
        25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
        50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
        75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
        100% { -webkit-transform: rotate(-360deg) };
}
@keyframes scaleout {
        0% { -webkit-transform: scale(0.0) }
        100% {
                -webkit-transform: scale(1.0);
        opacity: 0;
        };
}
@keyframes ball-grid-pulse {
        0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        }

        50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7;
        }

        100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        };
}
@keyframes rotate {
        0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        }

        50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
        }

        100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
        };
}
@keyframes ballrotate {
        0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        }

  50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        }

  100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        };
}
@keyframes ball-zig-deflect {
        17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
        }

  34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
        }

  50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        }

  67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
        }

  84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
        }

  100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        };
}
@keyframes ball-zag-deflect {
        17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
        }

  34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
        }

  50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        }

  67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
        }

  84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
        }

  100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        };
}
@keyframes ball-scale-multiple {
        0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        }

  5% { opacity: 1;
        }

  100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        };
}
@keyframes ball-triangle-path-1 {
        33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px);
        }

  66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px);
        }

  100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        };
}
@keyframes ball-triangle-path-2 {
        33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px);
        }

  66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px);
        }

  100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        };
}
@keyframes ball-triangle-path-3 {
        33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px);
        }

  66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px);
        }

  100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        };
}
@keyframes ball-pulse-sync {
        33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0.85;
        }

  66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0.7;
        }

  100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        };
}
@keyframes ball-scale-ripple-multiple {
        0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
        }

  70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
        }

  100% {
        opacity: 0.0;
        };
}
@keyframes fadeInDownSmall {
        from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        }

        to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInLeftSmall {
        from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        }

        to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInRightSmall {
        from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        }

        to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInUpSmall {
        from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        }

        to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeOutDownSmall {
        from {
        opacity: 1;
        }

        to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        };
}
@keyframes fadeOutLeftSmall {
        from {
        opacity: 1;
        }

        to {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        };
}
@keyframes fadeOutRightSmall {
        from {
        opacity: 1;
        }

        to {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        };
}
@keyframes fadeOutUpSmall {
        from {
        opacity: 1;
        }

        to {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        };
}
@keyframes spin {
        0% {
                -moz-transform: rotate(0deg);
        }
        100% {
                -moz-transform: rotate(359deg);
        };
}
@keyframes bounce {
        from,
        20%,
        53%,
        to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        40%,
        43% {
                -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
        }

        70% {
                -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
        }

        80% {
                -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
        }

        90% {
                -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
        };
}
@keyframes flash {
        from,
        50%,
        to {
                opacity: 1;
        }

        25%,
        75% {
                opacity: 0;
        };
}
@keyframes pulse {
        from {
                -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        }

        50% {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
        }

        to {
                -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        };
}
@keyframes rubberBand {
        from {
                -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        }

        30% {
                -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
        }

        40% {
                -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
        }

        50% {
                -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
        }

        65% {
                -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
        }

        75% {
                -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
        }

        to {
                -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        };
}
@keyframes shakeX {
        from,
        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        10%,
        30%,
        50%,
        70%,
        90% {
                -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        }

        20%,
        40%,
        60%,
        80% {
                -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
        };
}
@keyframes shakeY {
        from,
        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        10%,
        30%,
        50%,
        70%,
        90% {
                -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        }

        20%,
        40%,
        60%,
        80% {
                -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        };
}
@keyframes headShake {
        0% {
                -webkit-transform: translateX(0);
        transform: translateX(0);
        }

        6.5% {
                -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
        }

        18.5% {
                -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
        }

        31.5% {
                -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
        }

        43.5% {
                -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
        }

        50% {
                -webkit-transform: translateX(0);
        transform: translateX(0);
        };
}
@keyframes swing {
        20% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
                -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
                -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
                -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
        }

        to {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
        };
}
@keyframes tada {
        from {
                -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        }

        10%,
        20% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        }

        30%,
        50%,
        70%,
        90% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }

        40%,
        60%,
        80% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }

        to {
                -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        };
}
@keyframes wobble {
        from {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        15% {
                -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }

        30% {
                -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }

        45% {
                -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }

        60% {
                -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }

        75% {
                -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes jello {
        from,
        11.1%,
        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
        }

        33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
        }

        44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
        }

        55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
        }

        66.6% {
                -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }

        77.7% {
                -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
        }

        88.8% {
                -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        };
}
@keyframes heartBeat {
        0% {
                -webkit-transform: scale(1);
        transform: scale(1);
        }

        14% {
                -webkit-transform: scale(1.3);
        transform: scale(1.3);
        }

        28% {
                -webkit-transform: scale(1);
        transform: scale(1);
        }

        42% {
                -webkit-transform: scale(1.3);
        transform: scale(1.3);
        }

        70% {
                -webkit-transform: scale(1);
        transform: scale(1);
        };
}
@keyframes backInDown {
        0% {
                -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
        }

        80% {
                -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        };
}
@keyframes backInLeft {
        0% {
                -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
        }

        80% {
                -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        };
}
@keyframes backInRight {
        0% {
                -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
        }

        80% {
                -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        };
}
@keyframes backInUp {
        0% {
                -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
        }

        80% {
                -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        };
}
@keyframes backOutDown {
        0% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        }

        20% {
                -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
        };
}
@keyframes backOutLeft {
        0% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        }

        20% {
                -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
        };
}
@keyframes backOutRight {
        0% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        }

        20% {
                -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
        };
}
@keyframes backOutUp {
        0% {
                -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        }

        20% {
                -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
        }

        100% {
                -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
        };
}
@keyframes bounceIn {
        from,
        20%,
        40%,
        60%,
        80%,
        to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
                opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
        }

        20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
        }

        60% {
                opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        }

        80% {
                -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
        }

        to {
                opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        };
}
@keyframes bounceInDown {
        from,
        60%,
        75%,
        90%,
        to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
                opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
        }

        60% {
                opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
        }

        75% {
                -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
        }

        90% {
                -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes bounceInLeft {
        from,
        60%,
        75%,
        90%,
        to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
                opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
        }

        60% {
                opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
        }

        75% {
                -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
        }

        90% {
                -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes bounceInRight {
        from,
        60%,
        75%,
        90%,
        to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        from {
                opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
        }

        60% {
                opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
        }

        75% {
                -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
        }

        90% {
                -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes bounceInUp {
        from,
        60%,
        75%,
        90%,
        to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        from {
                opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
        }

        60% {
                opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
        }

        75% {
                -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
        }

        90% {
                -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes bounceOut {
        20% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
        }

        50%,
        55% {
                opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        }

        to {
                opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
        };
}
@keyframes bounceOutDown {
        20% {
                -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
        }

        40%,
        45% {
                opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
        };
}
@keyframes bounceOutLeft {
        20% {
                opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
        };
}
@keyframes bounceOutRight {
        20% {
                opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
        };
}
@keyframes bounceOutUp {
        20% {
                -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
        }

        40%,
        45% {
                opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
        };
}
@keyframes fadeIn {
        from {
                opacity: 0;
        }

        to {
                opacity: 1;
        };
}
@keyframes fadeInDown {
        from {
                opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInDownBig {
        from {
                opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInLeft {
        from {
                opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInLeftBig {
        from {
                opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInRight {
        from {
                opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInRightBig {
        from {
                opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInUp {
        from {
                opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInUpBig {
        from {
                opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInTopLeft {
        from {
                opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
        }
        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInTopRight {
        from {
                opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
        }
        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInBottomLeft {
        from {
                opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
        }
        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeInBottomRight {
        from {
                opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
        }
        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes fadeOutDown {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        };
}
@keyframes fadeOutDownBig {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        };
}
@keyframes fadeOutLeft {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        };
}
@keyframes fadeOutLeftBig {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        };
}
@keyframes fadeOutRight {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        };
}
@keyframes fadeOutRightBig {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        };
}
@keyframes fadeOutUp {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        };
}
@keyframes fadeOutUpBig {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        };
}
@keyframes fadeOutTopLeft {
        from {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }
        to {
                opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
        };
}
@keyframes fadeOutTopRight {
        from {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }
        to {
                opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
        };
}
@keyframes fadeOutBottomRight {
        from {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }
        to {
                opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
        };
}
@keyframes fadeOutBottomLeft {
        from {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }
        to {
                opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
        };
}
@keyframes flip {
        from {
                -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        }

        40% {
                -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
                        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
                        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        }

        50% {
                -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
                        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
                        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        }

        80% {
                -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
                        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
                        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        }

        to {
                -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        };
}
@keyframes flipInX {
        from {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        }

        40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        }

        60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
        }

        80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }

        to {
                -webkit-transform: perspective(400px);
        transform: perspective(400px);
        };
}
@keyframes flipInY {
        from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        }

        40% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        }

        60% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
        }

        80% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        }

        to {
                -webkit-transform: perspective(400px);
        transform: perspective(400px);
        };
}
@keyframes flipOutX {
        from {
                -webkit-transform: perspective(400px);
        transform: perspective(400px);
        }

        30% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
        }

        to {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
        };
}
@keyframes flipOutY {
        from {
                -webkit-transform: perspective(400px);
        transform: perspective(400px);
        }

        30% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
        }

        to {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
        };
}
@keyframes lightSpeedInRight {
        from {
                -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        }

        60% {
                -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
        }

        80% {
                -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes lightSpeedInLeft {
        from {
                -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
        }

        60% {
                -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
        }

        80% {
                -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes lightSpeedOutRight {
        from {
                opacity: 1;
        }

        to {
                -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        };
}
@keyframes lightSpeedOutLeft {
        from {
                opacity: 1;
        }

        to {
                -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
        };
}
@keyframes rotateIn {
        from {
                -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        };
}
@keyframes rotateInDownLeft {
        from {
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        };
}
@keyframes rotateInDownRight {
        from {
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        };
}
@keyframes rotateInUpLeft {
        from {
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        };
}
@keyframes rotateInUpRight {
        from {
                -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        };
}
@keyframes rotateOut {
        from {
                opacity: 1;
        }

        to {
                -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
        };
}
@keyframes rotateOutDownLeft {
        from {
                opacity: 1;
        }

        to {
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
        };
}
@keyframes rotateOutDownRight {
        from {
                opacity: 1;
        }

        to {
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        };
}
@keyframes rotateOutUpLeft {
        from {
                opacity: 1;
        }

        to {
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        };
}
@keyframes rotateOutUpRight {
        from {
                opacity: 1;
        }

        to {
                -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
        };
}
@keyframes hinge {
        0% {
                -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        }

        20%,
        60% {
                -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        }

        40%,
        80% {
                -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        }

        to {
                -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
        };
}
@keyframes jackInTheBox {
        from {
                opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        }

        50% {
                -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        }

        70% {
                -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        }

        to {
                opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        };
}
@keyframes rollIn {
        from {
                opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        }

        to {
                opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes rollOut {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        };
}
@keyframes zoomIn {
        from {
                opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
        }

        50% {
                opacity: 1;
        };
}
@keyframes zoomInDown {
        from {
                opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        60% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        };
}
@keyframes zoomInLeft {
        from {
                opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        60% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        };
}
@keyframes zoomInRight {
        from {
                opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        60% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        };
}
@keyframes zoomInUp {
        from {
                opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        60% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        };
}
@keyframes zoomOut {
        from {
                opacity: 1;
        }

        50% {
                opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
        }

        to {
                opacity: 0;
        };
}
@keyframes zoomOutDown {
        40% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        to {
                opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        };
}
@keyframes zoomOutLeft {
        40% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        }

        to {
                opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        };
}
@keyframes zoomOutRight {
        40% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        }

        to {
                opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        };
}
@keyframes zoomOutUp {
        40% {
                opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        to {
                opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        };
}
@keyframes slideInDown {
        from {
                -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes slideInLeft {
        from {
                -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes slideInRight {
        from {
                -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes slideInUp {
        from {
                -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        }

        to {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        };
}
@keyframes slideOutDown {
        from {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        to {
                visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        };
}
@keyframes slideOutLeft {
        from {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        to {
                visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        };
}
@keyframes slideOutRight {
        from {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        to {
                visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        };
}
@keyframes slideOutUp {
        from {
                -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }

        to {
                visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        };
}

/* ---- @font-face (icon fonts) ---- */
@font-face {
        font-family: "font-icons";
        src: url("fonts/font-icons.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: "lined-icons";
        src: url("fonts/lined-icons.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: "Simple-Line-Icons";
        src: url("fonts/Simple-Line-Icons.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
}

/* ---- Theme colours (baked; replaces css/colors.php?color=ed215e which 404s on the live server) ---- */
:root {
        --themecolor: #ed215e;
        --themecolor-rgb: 237,33,94;
        --owl-nav-bg: #ed215e;
}

/* ---- Genre carousel arrows: recoloured + repositioned.
   Original music.css styling: faint 40%-white outline circles parked above
   the carousel (top:-60px), where they all but disappeared against the dark
   background. Later revision: solid darkorange discs aligned with the genre
   title row (34px discs at top:21px), white icon, drop shadow.

   v1.4 genre nav: the flat darkorange fill is replaced by Dean's glossy
   black sphere (black-but.png, embedded below as a base64 data URI - no
   extra file to upload), trimmed to the ball edge, drawn on a 68px canvas
   for retina and given the requested medium white stroke, baked around the
   ball itself. The white directional arrow glyphs are unchanged and sit on
   top. On hover the ball keeps its colour and gains a soft white glow. ---- */
#oc-posts .owl-nav [class*=owl-] {
        top: 21px;
        left: 8px;
        right: auto;
        width: 34px;
        height: 34px;
        line-height: 30px;
        border: 0;
        color: #fff;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAO/klEQVR42t2cbWxUV3rHf/feefH4BduBAAab0MQYWMcWAZIGbEDQssmGLUnkOkCQmg+JyIeq2UKDqipBCoqqKk1RGjVZpY0ioDEii4JERFYVBJw0ilMIdexNdpdt3JDY4MUOAzbrsT2euS/9MOdczlzPjGdsD6BeaWR7Znznnv/9P//n5TzPaI7jkOdDEw/171wOx/N7Xi/Yl4dz6uKnAQSVh188Z2QJjFy4JR5xYEx5WOJ1+3YERFcWWwiUAHcA1UANsBCoEM8VA4EsAYkBEeAa0Ad8B3wD/K94bggYUUCzbzUgmjhHACgD5gArgPuBpcB8BYCAAEzPwWwcsUhLgCMBugT8DvgCaAd+AAbF6+ZUzEqbgob4hBnMBBYBfwo0CjaUAgXidW2S2pHOhCRzxoDrgjVtwCmgC7gqzMu8WYBIVpQKIH4KbBRAlCjmoJHfw1HAGRLAfAQcB74VYOXMllwB0YVAVgA/BpqBHwlt8ElBtW0b27bx+W5YZCQSoaOjg/b2djo7O+nu7uby5csMDg4yOjoKQCgUoqysjHnz5lFZWcn999/Pfffdx7JlyyguLnbPZZomuq6j61K/scXirwG/AY4IxlwWTLLzAYgPKBIi+SSwSWhEgQTCcRxs28YwEo5kZGSEU6dOcezYMdra2uju7kbTNPx+P7qu4/f7MQwDTdPQtAShLMsiHo9jWRaxWAzbtqmqqqKhoYGmpiY2btxIKBRy36vruvu/YuFRoBf4JdAiBHg4WxPKFhC/MIeVwLNAg9AOlwKWZblAXLx4kbfffpuWlhbC4TDl5eXMnj2bOXPmUFFRQVlZGaFQiFAohM/nc++24zjEYjFisRijo6MMDg7S39/vPq5evcrMmTPZtm0bO3bsoKqqatxnSxIBYaEt/yqEd0hoy5QB8QHlQjD/UoBSLOMJx3FwHAdd1xkcHGTfvn3s37+fUCjEkiVLWLJkCRUVFRQWFrpssG3bZZNt32CzZIq863KRpmkSjUbp6+ujq6uL8+fPMzQ0xFNPPcXzzz9PaWkptm0nMU14pghwDnhTgDMwEVMmAsQQ4rke+BmwTJiNqxXSjo8cOcLevXsJBoM88MADLFq0iFAoRCwWwzRNTNNEfpa8aOXixyum57p0XScQCOD3+zFNk++++45z584xNDTEnj17aG5uxntNwoSGgQ7gNeBTIbbWZADRhZn8MfC3wAMCDE2l6fDwMDt37uTjjz9m/fr11NTUYJom8XjcvfupAHAcJyUgXtC8z8ufwWCQQCDA999/zyeffEJjYyP79u0jFAp5TcgRoJwB/hE4K5hj5wKIJsSyDvg7wZAZXjC6u7t58sknCQaDNDQ0EAgEGBkZce9oJgZM2ecKkwsGg+i6zrlz54hEIuzfv5+FCxemAuUPwGngH4BfC+/jZAtIEFgA/BWwRQiooYLx9ddfs23bNqqrq6mvrycSibh01TQtLQOmNWsUeqRpGoWFhVy4cIHz58/z7rvvUltb6wXFEkL7C+BfgB4Rw0wIiCHiij8H/kYA4/eC8dhjj3HvvfdSU1NDJBJx7TbfIKQ7bNumqKiI3t5eOjs7OXr0KEuXLvWCEge6gX8CjgqRtTIBoonkbBnw90I3QqpY9fb2sn79eubPn09dXR1DQ0OqiHmVPus7nY2wTnRYlkUoFKKnp4cLFy5w8uRJ5s+f7xXaUaEnLwC/En876ZI7QyRpfyaSswL1woaHh2lubsbn83HPPfcQDofHacVkGJIKROnOc9WVaDTK3Llz6e/vZ8uWLZw+fRq/36+acIGIrn+qmI2ZChBdvHmpCMtLVRH1+Xzs3r2brq4u1qxZQyQSwbKspMXIeCSTF5lOhqivq79fv36du+++m7a2Nnbt2sWbb76pmo4mbvqPRXg/KDyOnQoQ+cZKkaS5YHzwwQe89957LFiwAE3TGBkZSWKH6i6lqGbLmOkAxOua/X4/lZWVtLS08Mgjj7Bp0yYVlIDQxo3A/wiW2F4NCQrteF38DMrXBgYGaGxsJBwOU1tbS1FRkZtgqYufrIakAyUTIOleU583TZOvvvqK8vJyzpw5Q0lJiXp9URHS/0xxwy5DNBF0rRAJm18KqWEYvPbaa/zwww8UFRVhGIabnaoLkSZyqzVE/R/DMCgtLaWvr4833niDF154IRVLlgEXhAeyJUN0oAp4CWgCim3b1jRNo6enh9WrVzM2NkZZWRlVVVWYpjluIV6TmSpD5OKyOZdqKl5A+vr6CIfDFBYWcubMGSoqKqTWyWDtCPCyyJBtn+JdZgO1Qlg1KZBvvfUW0WjUzUjHxsZcMU21EK+G5ENUvedPpyWqWY+OjvLOO++wZ88eWTbQREhRB8wSNVvbp4TpNQIUQ6I7ODjI+++/76bmQFKOkilPmcgkphKApQLTC5C8oZZlue9raWlh586darHJB8wVlb8uIC4ZUgAsVpM3gBMnTjA4OIhhGMTjcUzTdIs2ajDmBeRmR6teU1GTyng87prP1atXaW1tZfPmzXi0c5HAYFgyJChqokH1gz788MOkRcbjceLxeErbVpmSLlOdjGl43zeR+HrPFYvFkkoIx48fVwGR3vWPxE/Np1TE5ggKaQDXrl3j7NmzblYpzSUWi7kmlI4Vt4IhqX63bdtliGVZOI7DZ599xtDQECUlJZIh6tpdtyuDMjdQa29vJxwO4/P53MXbtk00GsXv94/Th4lAmC6QUrFJZYnKRmneKnvD4TCdnZ2sWbNGTVdmqYBoApCQqh/t7e2uZ1FPappmkidJB0i+ayGZXK+a7KnXKrWwo6PDC0ix3EBTA7OgCkhnZ2fa6FEFJVM5MF+gZAJELR6pN1LNtb788kvvv7tbq2m3Mi9dupRV6JxJEPMJiDddUN1xprDecRz6+vpy39u9cuXKuA+abJ3iZgCSSxzT29ubcScu5RGJRNIGWbfjkW2Ir2kaV65cyR0QmcCliylupyOXRFAN1nICRCrz7QjAVE3YG2VnBYjcP/3/djiOk3FtaQGZNWtW3vdWbpXO3HnnnbkDMnPmzJuyt3IrQJk7d+6EgMjWJfeoqanJayyRLwHNFLRJXVywYME4bywwSGJIUmNJfX39lAV1ugV5qiIvb/CKFSuSTouyg6eLJ2TrgAvIypUr0TTNLbDkGofIi78dgjhvbrN8+XL1LZYoJZqAoytPXlMBqaur46677hrngjPVHvJxV6fKODXXchyHhQsXUltbq74lTmLP11JNJgb8HmVHvKCggLVr16asYd5sqqcqHeZ6yNhj3bp1BINB1VxMsfa4ajJj3CjFu8fmzZvHdflMdnFT2VaYDBipCs+O4/Doo4969SMq1j4mTUY++TthS448werVq6murk4Z3aUr/U8X5XPVoFRFIpUdjuOwePFiHnzwQe/rERK7d6OqhsRI9HZ2S8W1LAu/388zzzzj3qF05f5cqa8uNtNjOnRG/m1ZFk8//TQ+n091FDESG94X5Lp1xQ8PoLQHGIaB4zhs3bqVysrKpCBtojJeLnd/qmBM9H7JjsrKSp544gm3ciYsYVSsecAbh8g+rC9I7IY7shZSUlLCrl27knb2s7kjtyKpS/e3bdvs3r2b4uJitYrmCCDOirWPA2QU+ErYU1Sia9s227dvZ+XKlW6jbKqS3c0GJdNnqhtVtm2zYsUKtm7dmtRUrOjm1+L3cZGqDVwh0TMxANjSRAzD4JVXXsHn82Udzt/qgEwtLL/66qvexl4pEafEmu1UyZ1Fotv3E4GcyxLLsqivr+ell15yWZIqSEvn6vIZvnu9nXcbc+/evdTV1SWxW2HHf4o1W6kAcUQccpHERIEbvRmGgWVZPPvss2zZsoV4PO429mcDQj7C+ExuVnoS2QKephvxOIm5mzhKj5meIuu7TmLM4owQG1Q92bdvH+vWrXN31tMtdjoWn877ZDq3vHmykTfFPvQw8F9ijeO6mr2ASJb0AodFbBJTc4JAIMCBAwdYtWqV2241Udk/lWlN1vVmYp8EY9WqVRw4cIBAIOBNSGMkpiMOizXGsykQ2YoLfk/9R8mSkpISDh8+zMMPP5yytSpfgpruvLquYxgGpmny0EMPcejQIWbMmOFlR1yYyC9IDAQMk6K9O13FzCQxqnVM0RNTBaWoqIiDBw+6NipdWrqQPp34ZcOSTCzz+XzYto1lWezYsYODBw+68YYChqnoxjGxtpRTEZma/+X25hLgr4GfoLR4q1Woo0eP8uKLLxIOh93xjlRNNdNVkpTgy8+44447ePnll2lubk7VemEJAP4D+GfhXVL2uWesqSqVpC7g58BJ4bMt9QMty6KpqYmTJ0/S1NTkskWtUE01Q1b/X951mYU//vjjfPTRRzQ3Nyd1CylgXBHX/nOxlhgZ5vCyGSCSnQFLgR2CKXMQnYoSFOnW2traeP3112ltbU0aCJpMbOINAiXQtm2zYcMGnnvuORobG8ddg6IZ/YIZ/wacF9F4xlpCtiNmcvhwIfAXJDoVK8VzujdcBvj88885dOgQJ06c4Pr160kLS7e94U0gVaY5jkNpaSkbN25k+/btNDQ0uOB4gLOFSVwi0eD/78D3ZDmMmMsQokaibWA+8BCwTbCmTOiK2wauLri/v59PP/2U1tZWOjo66OnpSduW5S1XBgIBqqqqWL58ORs2bGDt2rXMmTMnCTDPTIwlktPzwrWeEF4yo5lMFhAJip/EDN6PSIyQ/AmJsdVCLzAyUHLj5WiUb7/9lq6uLr755hsuX77MwMAA0WgUWbYsLy9n3rx5VFdXs2jRIqqrqykoKEgqFHvOK4EYITGWehp4H/ityFfi5DC7O9nJbh+Jrr3ZJEZINpEYRbtTACM7k/K1qeMo9dARIZxnSYymfkFi9D3KJKa7pzLqLie8CwUwy0iMoq0E5pFod5TfCpFq3j/bb4fAs5kmvyViWBSH/xv4GOgUQIwwhfl/bRqiSvkFB4UkRkrmAfUCoMUkfyGCnP7WswREjm2Y3PgihF5Rs+kU9Zvfi5xkhBtfnDD5ssE0htkSGGlORSQGF+eT6KOvINHtN0O8ng0gUVH4Dgt9uCgA+YNgiDSLKQORD0C85iC7G/2CHX4PQ7IKShWGxAVL4tzYi532i9duUmVrql+Z4aTRlWk//g/6KCprRWGSUwAAAABJRU5ErkJggg==") center / 100% 100% no-repeat;
        background-color: transparent;
        font-size: 20px;
        border-radius: 50%;
        opacity: 1;
        text-align: center;
        z-index: 5;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
        transition: box-shadow .25s ease, transform .25s ease;
}
#oc-posts .owl-nav .owl-next {
        left: auto;
        right: 8px;
}
#oc-posts .owl-nav [class*=owl-]:hover {
        /* !important beats the original Canvas rule at the top of this file
           that paints nav buttons var(--owl-nav-bg) (theme pink) on hover. */
        background-color: transparent !important;
        color: #fff;
        text-decoration: none;
        transform: scale(1.1);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45),
                0 0 14px 4px rgba(255, 255, 255, 0.55);
}

/* ---- v1.5 title spacing: the balls and the genre titles each get their
   own room. The 34px spheres sit in a fixed zone inset from each edge
   (roughly 18px -> 52px from the viewport edge once Canvas's nav margin
   is accounted for), while genre headings are centred and used to span
   the full item width - so on narrow screens the first and last words
   ran underneath the spheres. Symmetric horizontal padding on the
   heading block reserves that edge zone for the balls at EVERY viewport
   width: the text now lives strictly between them and centred titles
   simply re-centre inside the free space. ---- */
#oc-posts .oc-item .heading-block {
        padding-left: 40px;
        padding-right: 40px;
}

/* ---- Genre carousel pagination dots: darkorange to match the arrows ---- */
#oc-posts .owl-dots .owl-dot {
        background-color: #ff8c00;
}

/* ---- Restored icon glyphs (accidentally pruned during CSS slimming).
   The @font-face for "font-icons" already loads from css/fonts/ on the
   server; only these four :before content rules and the rotate utility
   were missing, which left the carousel arrows, the mobile-menu dropdown
   carets and one chevron rendered as empty boxes. ---- */
.icon-angle-left:before {
        content: "\e7a4";
}
.icon-angle-right:before {
        content: "\e7a5";
}
.icon-angle-down:before {
        content: "\e7a7";
}
.icon-chevron-right:before {
        content: "\e99a";
}
.icon-rotate-90 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
}
#oc-posts .owl-nav .disabled { display: none !important; }

/* ---- page loader background (was inline in original <head>) ---- */
.css3-spinner {
        background-color: #131722;
}

/* =====================================================================
   v1.3 additions — JSON track loading + glossy black genre scrollbars
   ===================================================================== */

/* "Loading playlist…" placeholder shown until tracks.json has rendered */
.songs-loading {
        padding: 14px 4px;
        color: rgba(255, 255, 255, 0.35);
        font-size: 12px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

/* Genre playlist scrollbars (.acfo): glossy black pill-shaped track with
   a simple polished-silver thumb.
   NOTE: no standard scrollbar-width / scrollbar-color may be set on .acfo!
   Chrome 121+, Edge 121+ and Safari 18.2+ silently IGNORE every
   ::-webkit-scrollbar rule below the moment a non-auto standard property
   is present (that was the v1.2 bug — the base .acfo rule still carried
   "scrollbar-width: thin" from the original music.css, so the glossy
   bars never painted). Firefox, which has no ::-webkit-scrollbar at all,
   gets a flat dark fallback via the @supports guard at the end. */
.acfo::-webkit-scrollbar {
        width: 12px;
}
.acfo::-webkit-scrollbar-track {
        border-radius: 10px;
        background: linear-gradient(180deg, #2a2c31 0%, #141519 55%, #0b0c0e 100%);
        border: 1px solid #000;
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.9),
                inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}
.acfo::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: linear-gradient(180deg, #8b8f97 0%, #5f6268 100%);
        border: 1px solid #17181c;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.acfo::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #9ea2aa 0%, #71747b 100%);
}

/* Firefox & other engines without ::-webkit-scrollbar support: flat dark
   bar (real gradients are impossible there). The @supports guard keeps
   these standard properties away from Chromium/Safari so they keep the
   glossy rendering above. */
@supports not selector(::-webkit-scrollbar) {
        .acfo {
                scrollbar-color: #7e828a #101114;
                scrollbar-width: thin;
        }
}