/*
    Site: Formula E

    Qiu Template System
    Base style sheet
    Version: 2.0
    Author: Albano Manganelli
    Mueva el Volante!
        
    */


    /* ==========================================================
    WEB FONTS
    ========================================================== */

    @charset "UTF-8";
    @import url(fonts/ionicons.css);
    @import url(fonts/fontawesome.css);
    @import url(fonts/UIFont.css);
    @import url(fonts/remixicon.css);
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400&display=swap');
    
    /*
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-Light.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-Light.woff2) format("woff2"),
        url(fonts/polaris/Polaris-Light.woff) format("woff");
        font-weight:300;
        font-style:normal
        }
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-LightItalic.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-LightItalic.woff2) format("woff2"),
        url(fonts/polaris/Polaris-LightItalic.woff) format("woff");
        font-weight:300;
        font-style:italic
        }
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-Book.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-Book.woff2) format("woff2"),
        url(fonts/polaris/Polaris-Book.woff) format("woff");
        font-weight:400;
        font-style:normal
        }
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-BookItalic.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-BookItalic.woff2) format("woff2"),
        url(fonts/polaris/Polaris-BookItalic.woff) format("woff");
        font-weight:400;
        font-style:italic
        }
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-Medium.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-Medium.woff2) format("woff2"),
        url(fonts/polaris/Polaris-Medium.woff) format("woff");
        font-weight:500;
        font-style:normal
        }
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-MediumItalic.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-MediumItalic.woff2) format("woff2"),
        url(fonts/polaris/Polaris-MediumItalic.woff) format("woff");
        font-weight:500;
        font-style:italic
        }
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-Bold.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-Bold.woff2) format("woff2"),
        url(fonts/polaris/Polaris-Bold.woff) format("woff");
        font-weight:700;
        font-style:normal
        }
        @font-face {
        font-family:"Polaris";
        src:url(fonts/polaris/Polaris-BoldItalic.eot) format("embedded-opentype"),
        url(fonts/polaris/Polaris-BoldItalic.woff2) format("woff2"),
        url(fonts/polaris/Polaris-BoldItalic.woff) format("woff");
        font-weight:700;
        font-style:italic
        }
        @font-face{
            font-family:"FESansMaxiBold";
            font-weight:400;
            src:url("fonts/formula_e_title-webfont.otf") format("opentype"),url(fonts/formula_e_title-webfont.woff) format("woff"),url(fonts/formula_e_title-webfont.woff2) format("woff2")
            }   
            
        */
    /* @font-face {
        font-family: var(--font-family-main);
        src: url('fonts/FESansMaxiBold.eot');
        src: url('fonts/FESansMaxiBold.eot') format('embedded-opentype'),
        url('fonts/FESansMaxiBold.woff2') format('woff2'),
        url('fonts/FESansMaxiBold.woff') format('woff'),
        url('fonts/FESansMaxiBold.ttf') format('truetype'),
        url('fonts/FESansMaxiBold.svg#FESansMaxiBold') format('svg');
    }
    
    @font-face {
        font-family: 'FESansMini';
        src: url('fonts/FESansMiniMedium.eot');
        src: url('fonts/FESansMiniMedium.eot') format('embedded-opentype'),
        url('fonts/FESansMiniMedium.woff2') format('woff2'),
        url('fonts/FESansMiniMedium.woff') format('woff'),
        url('fonts/FESansMiniMedium.ttf') format('truetype'),
        url('fonts/FESansMiniMedium.svg#FESansMiniMedium') format('svg');
        font-weight: 400;
    }

    @font-face {
        font-family: 'FESansMini';
        src: url('fonts/FESansMiniRegular.eot');
        src: url('fonts/FESansMiniRegular.eot') format('embedded-opentype'),
        url('fonts/FESansMiniRegular.woff2') format('woff2'),
        url('fonts/FESansMiniRegular.woff') format('woff'),
        url('fonts/FESansMiniRegular.ttf') format('truetype');
        font-weight: 300;
    }
    
    @font-face {
        font-family: 'FESansMini';
        src: url('fonts/FESansMiniBold.eot');
        src: url('fonts/FESansMiniBold.eot') format('embedded-opentype'),
        url('fonts/FESansMiniBold.woff2') format('woff2'),
        url('fonts/FESansMiniBold.woff') format('woff'),
        url('fonts/FESansMiniBold.ttf') format('truetype'),
        url('fonts/FESansMiniBold.svg#FESansMiniBold') format('svg');
        font-weight: 700;
    }
    
    @font-face {
        font-family: 'FESansMini';
        src: url('fonts/FESansMiniLight.eot');
        src: url('fonts/FESansMiniLight.eot') format('embedded-opentype'),
        url('fonts/FESansMiniLight.woff2') format('woff2'),
        url('fonts/FESansMiniLight.woff') format('woff'),
        url('fonts/FESansMiniLight.ttf') format('truetype'),
        url('fonts/FESansMiniLight.svg#FESansMiniLight') format('svg');
        font-weight: 100;
    }
     */
    
    /* ==========================================================
            NORMALIZATION - http://necolas.github.com/normalize.css/
            ========================================================== */
    
    /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    button,
    hr,
    input {
        overflow: visible
    }
    
    progress,
    sub,
    sup {
        vertical-align: baseline
    }
    
    [type=checkbox],
    [type=radio],
    legend {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }
    
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }
    
    body {
        margin: 0
    }
    
    h1 {
        font-size: 2em;
        margin: .67em 0
    }
    
    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }
    
    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }
    
    a {
        background-color: transparent
    }
    
    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    
    b,
    strong {
        font-weight: bolder
    }
    
    small {
        font-size: 80%
    }
    
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    
    sub {
        bottom: -.25em
    }
    
    sup {
        top: -.5em
    }
    
    img {
        border-style: none
    }
    
    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }
    
    button,
    select {
        text-transform: none
    }
    
    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button
    }
    
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }
    
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: ButtonText dotted 1px
    }
    
    fieldset {
        padding: .35em .75em .625em
    }
    
    legend {
        color: inherit;
        display: table;
        max-width: 100%;
        white-space: normal
    }
    
    textarea {
        overflow: auto
    }
    
    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
        height: auto
    }
    
    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }
    
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }
    
    details {
        display: block
    }
    
    summary {
        display: list-item
    }
    
    [hidden],
    template {
        display: none
    }
    
    
    /* ==========================================================
            VARIABLES
            ========================================================== */
    /* ==========================================================================
            Base styles: opinionated defaults
            ========================================================================== */
    
    :root {
        --main-color-bg: #C90304;
        --main-color-bg-hover: color-mix(in srgb, var(--main-color-bg) 88%, black);
        --main-color-text: #ffffff;
        --header-bg: #ffffff;
        --header-text: #31333C;
        --footer-bg: #31333C;
        --footer-text: #ffffff;
        --footer-height: 86px;
        --max-width-column: 1400px;
        --max-width-cal: 1920px;
        --body-bg: #ffffff;
        --text-color: #000000;
        --dark-bg: #000000;
        --dark-text-color:
        rgba(255, 255, 255, 0.56);
        --titles-color: #000000;
        --img-max-w: 200px;
        --img-padding: 0;
        --wrapper-padding: 20px;
        --border-radius-form: 5px;
        --border-radius-items: 0;
        --border-radius-boxes: 0;
        --border-radius-cal-items: 10px;
        --border-radius-cal-items-small: 6px;
        --header-height: 90px;
        --related-content-width: 500px;
        --related-content-color: #d6d9dd;
        --font-family-main:
        "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-family-text:
        "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --gap: 20px;
        --indigo: #3C0050;
        --electric-blue: #C90304;
        --light-blue: #C90304;
        --onyx: #0108E6;
        --left-column-width: 350px;
        --easing: cubic-bezier(0.77, 0, 0.18, 1);
    
        --rich-blue: #00005A;
    
        --reason-green: #00FF0A;
        --reason-yellow: #D2FF00;
        --culture-pink: #FF00FF;
        --culture-yellow: #FFEB00;
    
        --neutral-grey-cal: #ebebeb30;
        --transparent-white-cal: #ffffffbe;
    
        --neutral-dark-1: #0f233b;
        --neutral-light-1: #FBFCFC;
    
        --neutral-dark-2: #344060;
        --neutral-light-2: #F5F6F6;
    
        --neutral-dark-3: #5A647D;
        --neutral-light-3: #E8EAED;
    
        --neutral-dark-4: #8A94A8;
        --neutral-light-4: #DDDBE6;
    
        --neutral-light-5: #CFCFDD;

        --cal-orange:#F3A921;

    }
    
    .white {
        color: #ffffff;
    }
    
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    *::-webkit-scrollbar {
        display: none;
    }
    
    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    body {
        font-family: var(--font-family-text);
        background-color: var(--body-bg);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden;
    }
    
    input,
    button,
    select,
    textarea {
        font-size: inherit;
        line-height: inherit;
    }
    
    body,
    input,
    textarea {
        color: var(--text-color);
        font-size: 16px;
        font-weight: 100;
        font-style: normal;
        font-variant: normal;
        line-height: 1.5;
        letter-spacing: 0px;
        text-decoration: none;
        text-transform: none;
    }
    
    a {
        color: #14b7ed;
        text-decoration: none;
        cursor: pointer;
    }
    
    a:hover {
        color: #14b7ed;
    }
    
    a:focus {
        outline: none;
    }
    
    figure {
        margin: 0;
    }
    
    img {
        vertical-align: middle;
    }
    
    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eeeeee;
    }
    
    [role="button"] {
        cursor: pointer;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
        font-style: normal;
        text-rendering: optimizeLegibility;
        line-height: 1.425;
        margin-bottom: 16px;
        margin-top: 16px;
        clear: both;
        color: var(--text-color);
        word-wrap: break-word;
    }
    
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        text-decoration: none;
        color: var(--titles-color);
    }
    
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
        color: var(--titles-color);
    }
    
    h1 {
        font-size: 52px;
        line-height: 1.1;
        font-weight: 700;
        text-transform: none;
        letter-spacing: -1px;
        position: relative;
    }
    
    h2 {
        text-transform: none;
        letter-spacing: 0;
        font-size: 20px;
        line-height: 1.1;
    }
    
    h3 {
        font-size: 18px;
        text-transform: none;
        letter-spacing: 0;
    }
    
    h4 {
        font-size: 16px;
    }
    
    h5 {
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
    }
    
    h6 {
        font-size: 16px;
        text-transform: none;
    }
    
    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        font-size: 60%;
        color: #838d8f;
        line-height: 0;
        line-height: 1;
        display: block;
    }
    
    .subheader {
        line-height: 1.3;
        color: #838d8f;
        font-weight: 300;
        margin-bottom: 24px;
    }
    
    p {
        margin-bottom: 16px;
        text-rendering: optimizelegibility;
    }
    
    #content p:empty {
        padding: 0;
        margin: 0;
        display: none;
    }
    
    aside,
    aside p {
        font-size: 14px;
        font-style: italic;
    }
    
    ul,
    ol {
        margin: 1.825em 0 1.825em 2.5em;
    }
    
    ul {
        list-style: disc;
    }
    
    ol {
        list-style-type: decimal;
    }
    
    ol ol {
        list-style: upper-alpha;
    }
    
    ol ol ol {
        list-style: lower-roman;
    }
    
    ol ol ol ol {
        list-style: lower-alpha;
    }
    
    ul ul,
    ol ol,
    ul ol,
    ol ul {
        margin-bottom: 0;
    }
    
    dl {
        margin: 0 1.825em;
    }
    
    dt {
        font-weight: bold;
    }
    
    dd {
        margin-bottom: 1.625em;
    }
    
    strong {
        font-weight: 700;
    }
    
    cite,
    em,
    i {
        font-style: italic;
    }
    
    blockquote {
        font-weight: 400;
        padding: 24px 0;
        margin: 44px 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        font-style: normal;
        font-size: 32px;
        text-transform: none;
        color: var(--titles-color);
    }
    
    blockquote p {
        margin-bottom: 0;
    }
    
    blockquote em,
    blockquote i,
    blockquote cite {
        font-style: normal;
    }
    
    blockquote cite {
        font-size: 18px;
    }
    
    pre {
        background: #f0f0f0;
        background-size: 38px 38px;
        font: 12px Consolas, "Liberation Mono", Courier, monospace;
        line-height: 19px;
        margin: 0 0 1.825em;
        overflow: auto;
        padding: 0 0 0 4px;
    }
    
    code,
    kbd {
        font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    
    abbr,
    acronym,
    dfn {
        border-bottom: 1px dotted #838d8f;
        cursor: help;
    }
    
    address {
        display: block;
        margin: 0 0 16px;
    }
    
    ins {
        background: #fff9c0;
        text-decoration: none;
    }
    
    sup,
    sub {
        font-size: 10px;
        height: 0;
        line-height: 1;
        position: relative;
        vertical-align: baseline;
    }
    
    sup {
        bottom: 1ex;
    }
    
    sub {
        top: 0.5ex;
    }
    
    select.form-control,
    input.form-control,
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel],
    textarea {
        background: #ffffff;
        border: 0 solid transparent;
        color: var(--titles-color);
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        max-width: 100%;
        width: 100%;
        margin: 0;
        font-size: 14px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    
    input.form-control:focus,
    input[type=text]:focus,
    input[type=password]:focus,
    input[type=email]:focus,
    input[type=number]:focus,
    input[type=tel]:focus,
    textarea:focus {
        color: var(--titles-color);
        border-color: transparent;
        background: #f1f1f1;
        outline: none
    }
    
    input:focus-visible,
    input[type=text]:focus-visible,
    input[type=password]:focus-visible,
    input[type=email]:focus-visible,
    input[type=number]:focus-visible,
    input[type=tel]:focus-visible,
    input[type=search]:focus-visible,
    textarea:focus-visible {
        outline: none;
        outline-offset: 0;
    }
    
    input:focus-visible::placeholder {
        color: transparent;
    }
    
    select {
        padding: 3px 7px;
        height: 34px;
        border: 1px solid #838d8f;
        color: #838d8f;
        font-size: 16px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        -webkit-transition: border-color ease 0.1s;
        -o-transition: border-color ease 0.1s;
        transition: border-color ease 0.1s;
    }
    
    select:focus {
        color: var(--titles-color);
        border-color: var(--titles-color);
    }
    
    textarea {
        padding: 14px 11px;
        width: 100%;
        line-height: 18px;
        resize: none;
    }
    
    select.form-control,
    input.form-control,
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel] {
        padding: 3px 11px;
        height: 45px;
        line-height: 18px;
    }
    
    select.form-control,
    input.form-control,
    input,
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=number],
    input[type=tel],
    textarea {
        -webkit-transition: border-color ease 0.1s, background-color ease 0.1s;
        -o-transition: border-color ease 0.1s, background-color ease 0.1s;
        transition: border-color ease 0.1s, background-color ease 0.1s;
    }
    
    input.form-control,
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel],
    input[type=number],
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    textarea {
        overflow: auto;
    }
    
    input {
        -webkit-transition: background-color ease 0.1s;
        -o-transition: background-color ease 0.1s;
        transition: background-color ease 0.1s;
    }
    
    input[type=submit] {
        -webkit-appearance: none;
        border-radius: 30px;
    }
    
    ::-webkit-input-placeholder {
        color: #818183;
    }
    
    :-moz-placeholder {
        color: #818183;
    }
    
    ::-moz-placeholder {
        color: #818183;
        opacity: 1;
    }
    
    :-ms-input-placeholder {
        color: #818183;
    }
    
    :input-placeholder {
        color: #818183;
    }
    
    
    .white-bg input,
    .md-content input {
        background-color: #eeeeee;
    }
    
    .control-group,
    .formly-field {
        margin: 0 auto 25px auto;
    }
    
    .control-group label,
    .form-group label {
        font-size: 12px;
        margin-bottom: 5px;
        display: block;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .control-group label>*,
    .form-group label>*,
    .control-group label>*>div,
    .form-group label>*>div {
        display: inline;
    }
    
    
    .control-group .controls {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
    }
    
    .control-group .controls label {
        margin-bottom: 10px;
        text-transform: none;
    }
    
    .control-group .controls a,
    .md-content .col2 .control-group,
    .md-content .col3 .control-group {
        font-size: 12px;
        text-transform: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: bold;
        color: var(--text-color);
        margin: 5px 0;
    }
    
    .control-group .controls a:hover {
        color: #000000;
    }
    
    .formly>*>*,
    .social-login>*>* {
        margin-left: auto;
        margin-right: auto;
    }
    
    .formly-field .separator {
        border-bottom: none;
        font-size: 18px;
    }
    
    .separator {
        margin-bottom: 10px;
        margin-top: 10px;
        font-weight: bold;
    }
    
    .formly-field .input-group {
        margin: 0;
    }
    
    .formly-field-datepicker .input-group-btn button {
        display: none;
    }
    
    .formly-field-image-crop,
    .avatar.formly-field-image-crop {
        width: 100% !important;
    }
    
    
    .validation {
        font-size: 12px;
        color: red;
        margin-top: 5px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: bold;
    }
    
    .form-group.has-error .form-control {
        border: 1px solid red;
    }
    
    .form-group.has-error label {
        color: red;
    }
    
    .formly-error {
        display: none;
    }
    
    .form-control.form-drop-files {
        position: relative;
    }
    
    .form-control.form-drop-files input {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0;
    }
    
    .form-control.form-drop-files input.has-image {
        position: relative !important;
    }
    
    .btn,
    .link-button a {
        display: inline-block;
        margin-bottom: 0;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: var(--border-radius-form);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-transform: uppercase;
    }
    
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    
    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #333333;
        text-decoration: none;
    }
    
    .btn:active,
    .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .btn-default {
        color: #333333;
        background-color: #ffffff;
        border-color: #cccccc;
    }
    
    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open>.dropdown-toggle.btn-default {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }
    
    .btn-default:active,
    .btn-default.active,
    .open>.dropdown-toggle.btn-default {
        background-image: none;
    }
    
    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }
    
    .btn-default .badge {
        color: #ffffff;
        background-color: #333333;
    }
    
    .btn-primary {
        color: #ffffff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }
    
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open>.dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #286090;
        border-color: #204d74;
    }
    
    .btn-primary:active,
    .btn-primary.active,
    .open>.dropdown-toggle.btn-primary {
        background-image: none;
    }
    
    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #337ab7;
        border-color: #2e6da4;
    }
    
    .btn-primary .badge {
        color: #337ab7;
        background-color: #ffffff;
    }
    
    .btn-success {
        color: #ffffff;
        background-color: var(--main-color-bg);
        border-color: var(--main-color-bg);
    }
    
    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open>.dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: var(--main-color-bg-hover);
        border-color: var(--main-color-bg-hover);
    }
    
    .btn-success:active,
    .btn-success.active,
    .open>.dropdown-toggle.btn-success {
        background-image: none;
    }
    
    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }
    
    .btn-success .badge {
        color: #5cb85c;
        background-color: #ffffff;
    }
    
    
    .btn-generic {
        color: rgb(60, 0, 80);
        background-color: rgb(20, 183, 237);
        border-color: rgb(20, 183, 237);
    }
    
    .btn-generic:hover,
    .btn-generic:focus,
    .btn-generic.focus,
    .btn-generic:active,
    .btn-generic.active,
    .open>.dropdown-toggle.btn-generic {
        color: #ffffff;
        background-color: rgb(60, 0, 80);
        border-color: rgb(60, 0, 80);
    }
    
    .btn-generic:active,
    .btn-generic.active,
    .open>.dropdown-toggle.btn-generic {
        background-image: none;
    }
    
    .btn-generic.disabled,
    .btn-generic[disabled],
    fieldset[disabled] .btn-generic,
    .btn-generic.disabled:hover,
    .btn-generic[disabled]:hover,
    fieldset[disabled] .btn-generic:hover,
    .btn-generic.disabled:focus,
    .btn-generic[disabled]:focus,
    fieldset[disabled] .btn-generic:focus,
    .btn-generic.disabled.focus,
    .btn-generic[disabled].focus,
    fieldset[disabled] .btn-generic.focus,
    .btn-generic.disabled:active,
    .btn-generic[disabled]:active,
    fieldset[disabled] .btn-generic:active,
    .btn-generic.disabled.active,
    .btn-generic[disabled].active,
    fieldset[disabled] .btn-generic.active {
        background-color: rgb(20, 183, 237);
        border-color: rgb(20, 183, 237);
    }
    
    .btn-generic .badge {
        color: rgb(20, 183, 237);
        background-color: #ffffff;
    }
    
    
    .btn-empty,
    .link-button a {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.1);
        border-color: #ffffff;
    }
    
    .btn-empty:hover,
    .btn-empty:focus,
    .btn-empty.focus,
    .btn-empty:active,
    .btn-empty.active,
    .open>.dropdown-toggle.btn-empty,
    .link-button a:hover {
        color: #333c4e;
        background-color: #ffffff;
        border-color: #ffffff;
    }
    
    .btn-empty:active,
    .btn-empty.active,
    .open>.dropdown-toggle.btn-empty {
        background-image: none;
    }
    
    .btn-empty.disabled,
    .btn-empty[disabled],
    fieldset[disabled] .btn-empty,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-empty:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-empty:focus,
    .btn-empty.disabled.focus,
    .btn-empty[disabled].focus,
    fieldset[disabled] .btn-empty.focus,
    .btn-empty.disabled:active,
    .btn-empty[disabled]:active,
    fieldset[disabled] .btn-empty:active,
    .btn-empty.disabled.active,
    .btn-empty[disabled].active,
    fieldset[disabled] .btn-empty.active {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.5);
    }
    
    .btn-empty .badge {
        color: #ffffff;
        background-color: transparent;
    }
    
    
    .btn-facebook {
        color: #ffffff;
        background-color: #4267b2;
        border-color: #4267b2;
    }
    
    .btn-facebook:hover,
    .btn-facebook:focus,
    .btn-facebook.focus,
    .btn-facebook:active,
    .btn-facebook.active,
    .open>.dropdown-toggle.btn-facebook {
        color: #ffffff;
        background-color: #29487d;
        border-color: #29487d;
    }
    
    .btn-facebook:active,
    .btn-facebook.active,
    .open>.dropdown-toggle.btn-facebook {
        background-image: none;
    }
    
    .btn-facebook.disabled,
    .btn-facebook[disabled],
    fieldset[disabled] .btn-facebook,
    .btn-facebook.disabled:hover,
    .btn-facebook[disabled]:hover,
    fieldset[disabled] .btn-facebook:hover,
    .btn-facebook.disabled:focus,
    .btn-facebook[disabled]:focus,
    fieldset[disabled] .btn-facebook:focus,
    .btn-facebook.disabled.focus,
    .btn-facebook[disabled].focus,
    fieldset[disabled] .btn-facebook.focus,
    .btn-facebook.disabled:active,
    .btn-facebook[disabled]:active,
    fieldset[disabled] .btn-facebook:active,
    .btn-facebook.disabled.active,
    .btn-facebook[disabled].active,
    fieldset[disabled] .btn-facebook.active {
        background-color: #7895d4;
        border-color: #7895d4;
    }
    
    
    .btn-cancel {
        color: #ffffff;
        background-color: #ff0000;
        border-color: #ff0000;
    }
    
    .btn-cancel:hover,
    .btn-cancel:focus,
    .btn-cancel.focus,
    .btn-cancel:active,
    .btn-cancel.active,
    .open>.dropdown-toggle.btn-cancel {
        color: #ffffff;
        background-color: #ec0000;
        border-color: #ec0000;
    }
    
    .btn-cancel:active,
    .btn-cancel.active,
    .open>.dropdown-toggle.btn-cancel {
        background-image: none;
    }
    
    .btn-cancel.disabled,
    .btn-cancel[disabled],
    fieldset[disabled] .btn-cancel,
    .btn-cancel.disabled:hover,
    .btn-cancel[disabled]:hover,
    fieldset[disabled] .btn-cancel:hover,
    .btn-cancel.disabled:focus,
    .btn-cancel[disabled]:focus,
    fieldset[disabled] .btn-cancel:focus,
    .btn-cancel.disabled.focus,
    .btn-cancel[disabled].focus,
    fieldset[disabled] .btn-cancel.focus,
    .btn-cancel.disabled:active,
    .btn-cancel[disabled]:active,
    fieldset[disabled] .btn-cancel:active,
    .btn-cancel.disabled.active,
    .btn-cancel[disabled].active,
    fieldset[disabled] .btn-cancel.active {
        background-color: #df4242;
        border-color: #df4242;
    }
    
    
    .btn-google {
        color: #ffffff;
        background-color: #db3236;
        border-color: #db3236;
    }
    
    .btn-google:hover,
    .btn-google:focus,
    .btn-google.focus,
    .btn-google:active,
    .btn-google.active,
    .open>.dropdown-toggle.btn-google {
        color: #ffffff;
        background-color: #b11b1e;
        border-color: #b11b1e;
    }
    
    .btn-google:active,
    .btn-google.active,
    .open>.dropdown-toggle.btn-google {
        background-image: none;
    }
    
    .btn-google.disabled,
    .btn-google[disabled],
    fieldset[disabled] .btn-google,
    .btn-google.disabled:hover,
    .btn-google[disabled]:hover,
    fieldset[disabled] .btn-google:hover,
    .btn-google.disabled:focus,
    .btn-google[disabled]:focus,
    fieldset[disabled] .btn-google:focus,
    .btn-google.disabled.focus,
    .btn-google[disabled].focus,
    fieldset[disabled] .btn-google.focus,
    .btn-google.disabled:active,
    .btn-google[disabled]:active,
    fieldset[disabled] .btn-google:active,
    .btn-google.disabled.active,
    .btn-google[disabled].active,
    fieldset[disabled] .btn-google.active {
        background-color: #cc6466;
        border-color: #cc6466;
    }
    
    .social-login .btn {
        padding: 12px
    }
    
    .social-login .btn i {
        display: block;
        font-size: 36px;
        margin-bottom: 5px;
        line-height: 1;
    }
    
    
    .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }
    
    .btn-sm {
        padding: 5px 8px;
        font-size: 12px;
        line-height: 1.5;
    }
    
    .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
    }
    
    .btn-block {
        display: block;
        width: 100%;
    }
    
    .btn-block+.btn-block {
        margin-top: 5px;
    }
    
    /* Table styles */
    
    
    table {
        text-align: left;
        border-spacing: 0;
        width: 100%;
    }
    
    table td,
    table th {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        border-bottom: 1px solid #dcdcdc;
    }
    
    table th {
        font-size: .8em;
        color: #ffffff;
        background-color: rgb(20, 183, 237);
        padding: 10px;
    }
    
    
    table tbody:nth-child(4) tr:first-child td {
        border-bottom: 4px solid rgb(20, 183, 237);
    }
    
    .ranking-data-results table tr td {
        border-bottom: none !important;
        height: 48px;
        vertical-align: top;
    }
    
    table thead {
        font-weight: bold;
    }
    
    
    select {
    
        max-width: 200px;
        border: none;
    }
    
    
    /* DARK */
    body.dark {
        color: rgba(255, 255, 255, 0.56);
        background-color: var(--dark-bg);
    }
    
    .widget.dark {
        background-color: var(--dark-bg);
    }
    
    .dark .tabs li a.active {
        color: #ffffff;
        border-color: #ffffff;
    }
    
    .dark h1,
    .dark h2,
    .dark h3,
    .dark h4,
    .dark h5,
    .dark h6,
    .dark h1 *,
    .dark h2 *,
    .dark h3 *,
    .dark h4 *,
    .dark h5 *,
    .dark h6 *,
    .dark .socialstream-item-username,
    .dark .more-items-category,
    .dark .more-items-subsection {
        color: #ffffff;
    }
    
    .dark h1 a:hover,
    .dark h2 a:hover,
    .dark h3 a:hover,
    .dark h4 a:hover,
    .dark h5 a:hover,
    .dark h6 a:hover {
        color: #ffffff;
    }
    
    .dark input.form-control,
    .dark input[type=text],
    .dark input[type=password],
    .dark input[type=email],
    .dark input[type=tel],
    .dark textarea {
        background: #57595c;
        border-color: #57595c;
        color: #ffffff;
    }
    
    .dark input.form-control:focus,
    .dark input[type=text]:focus,
    .dark input[type=password]:focus,
    .dark input[type=email]:focus,
    .dark input[type=number]:focus,
    .dark input[type=tel]:focus,
    .dark textarea:focus {
        color: #fff;
        background: #5a5c5e;
        border-color: #5a5c5e;
    }
    
    .dark::-webkit-input-placeholder {
        color: #aaaaaa;
    }
    
    .dark:-moz-placeholder {
        color: #aaaaaa;
    }
    
    .dark::-moz-placeholder {
        color: #aaaaaa;
    }
    
    .dark:-ms-input-placeholder {
        color: #aaaaaa;
    }
    
    .dark:input-placeholder {
        color: #ababab;
    }
    
    .dark p {
        color: rgba(255, 255, 255, 0.56);
    }
    
    .dark table tbody tr:nth-child(odd) td {
        background-color: rgba(222, 222, 222, 0.13);
    }
    
    .dark table,
    .dark table td,
    .dark table th {
        border-color: rgba(221, 221, 221, 0.36);
    }
    
    .dark .dropdown-menu {
        background-color: #161717;
    }
    
    
    .violet-bg {
        background-color: var(--indigo);
    }
    
    .onyx-bg .widget-title,
    .onyx-bg .widget-title a,
    .violet-bg .widget-title,
    .violet-bg .widget-title a,
    .blue-bg .widget-title,
    .blue-bg .widget-title a,
    .blue-bg .widget-title small,
    .transparent-bg *,
    .blue-bg>header>.tabs>.tab a {
        color: #ffffff;
    }
    
    .blue-bg>header>.tabs>.tab a {
        opacity: .5
    }
    
    .blue-bg>header>.tabs>.tab a.active {
        opacity: 1
    }
    
    .blue-bg {
        background-color: var(--text-color);
    }
    
    .onyx-bg .owl-theme.owl-carousel .owl-dots .owl-dot span,
    .violet-bg .owl-theme.owl-carousel .owl-dots .owl-dot span,
    .blue-bg .owl-theme.owl-carousel .owl-dots .owl-dot span {
        background: rgba(255, 255, 255, 0.3);
    }
    
    .onyx-bg .owl-theme.owl-carousel .owl-dots .owl-dot.active span,
    .onyx-bg .owl-theme.owl-carousel .owl-dots .owl-dot:hover span,
    .violet-bg .owl-theme.owl-carousel .owl-dots .owl-dot.active span,
    .violet-bg .owl-theme.owl-carousel .owl-dots .owl-dot:hover span,
    .blue-bg .owl-theme.owl-carousel .owl-dots .owl-dot.active span,
    .blue-bg .owl-theme.owl-carousel .owl-dots .owl-dot:hover span {
        background: #ffffff;
    }
    
    
    .onyx-bg {
        background-color: var(--onyx);
    }
    
    
    .transparent-bg,
    .transparent-bg .more-items-item {
        background: transparent;
    }
    
    
    .is-mobile {
        display: none !important;
    }
    
    .form-messages {
        text-align: center;
    }
    
    /* ==========================================================
            QIU GRID
            ========================================================== */
    .row-fluid {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
    }
    
    .column,
    .widget {
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        margin: 0 auto;
        *overflow: visible;
    }
    
    .one-of-one,
    .one-one .more-items-item,
    .one-one.img-aside .more-items-item,
    .one-one .more-video-item,
    .one-one .galleries-item,
    .one-one .socialstream-item,
    .one-one.landing li,
    .one-one .control-group,
    .one-one .formly>*>*,
    .one-one.social-login>*>* {
        width: calc(100% - var(--gap));
    }
    
    .one-of-two,
    .one-two .more-items-item,
    .one-two.img-aside .more-items-item,
    .one-two .more-video-item,
    .one-two .galleries-item,
    .one-two .socialstream-item,
    .one-two.landing li,
    .one-two .control-group,
    .one-two .formly>*>*,
    .one-two.social-login>*>* {
        width: calc(50% - var(--gap));
    }
    
    .one-of-three,
    .mini-content,
    .one-three .more-items-item,
    .one-three.img-aside .more-items-item,
    .one-three .more-video-item,
    .one-three .galleries-item,
    .one-three .socialstream-item,
    .one-three.landing li,
    .one-three .control-group,
    .one-three .formly>*>*,
    .one-three.social-login>*>* {
        width: calc(33.33333333% - var(--gap));
    }
    
    .two-of-three,
    .two-three .more-items-item,
    .two-three.img-aside .more-items-item,
    .two-three .more-video-item,
    .two-three .galleries-item,
    .two-three .socialstream-item,
    .two-three.landing li,
    .two-three .control-group,
    .two-three .formly>*>*,
    .two-three.social-login>*>* {
        width: calc(66.6666666666% - var(--gap));
    }
    
    .one-of-four,
    .one-four .more-items-item,
    .one-four.img-aside .more-items-item,
    .one-four .more-video-item,
    .one-four .galleries-item,
    .one-four .socialstream-item,
    .one-four.landing li,
    .one-four .control-group,
    .one-four .formly>*>*,
    .one-four.social-login>*>* {
        width: calc(25% - var(--gap));
    }
    
    .three-of-four,
    .three-four .more-items-item,
    .three-four.img-aside .more-items-item,
    .three-four .more-video-item,
    .three-four .galleries-item,
    .three-four .socialstream-item,
    .three-four.landing li,
    .three-four .control-group,
    .three-four .formly>*>*,
    .three-four.social-login>*>* {
        width: calc(75% - var(--gap));
    }
    
    .one-of-five,
    .one-five .more-items-item,
    .one-five.img-aside .more-items-item,
    .one-five .more-video-item,
    .one-five .galleries-item,
    .one-five .socialstream-item,
    .one-five.landing li,
    .one-five .control-group,
    .one-five .formly>*>*,
    .one-five.social-login>*>* {
        width: calc(20% - var(--gap));
    }
    
    .two-of-five,
    .two-five .more-items-item,
    .two-five.img-aside .more-items-item,
    .two-five .more-video-item,
    .two-five .galleries-item,
    .two-five .socialstream-item,
    .two-five.landing li,
    .two-five .control-group,
    .two-five .formly>*>*,
    .two-five.social-login>*>* {
        width: calc(40% - var(--gap));
    }
    
    .three-of-five,
    .three-five .more-items-item,
    .three-five.img-aside .more-items-item,
    .three-five .more-video-item,
    .three-five .galleries-item,
    .three-five .socialstream-item,
    .three-five.landing li,
    .three-five .control-group,
    .three-five .formly>*>*,
    .three-five.social-login>*>* {
        width: calc(60% - var(--gap));
    }
    
    .four-of-five,
    .four-five .more-items-item,
    .four-five.img-aside .more-items-item,
    .four-five .more-video-item,
    .four-five .galleries-item,
    .four-five .socialstream-item,
    .four-five.landing li,
    .four-five .control-group,
    .four-five .formly>*>*,
    .four-five.social-login>*>* {
        width: calc(80% - var(--gap));
    }
    
    .one-of-six,
    .micro-content,
    .one-six .more-items-item,
    .one-six.img-aside .more-items-item,
    .one-six .more-video-item,
    .one-six .galleries-item,
    .one-six .socialstream-item,
    .one-six.landing li,
    .one-six .control-group,
    .one-six .formly>*>*,
    .one-six .social-login>*>* {
        width: calc(16.6666667% - var(--gap));
    }
    
    .one-of-seven,
    .one-seven .more-items-item,
    .one-seven.img-aside .more-items-item,
    .one-seven .more-video-item,
    .one-seven .galleries-item,
    .one-seven .socialstream-item,
    .one-seven.landing li,
    .one-seven .control-group,
    .one-seven .formly>*>*,
    .one-seven .social-login>*>* {
        width: calc(14.2857142857% - var(--gap));
    }
    
    .full-content .one-two,
    .full-content .one-three,
    .full-content .two-three,
    .full-content .one-four,
    .full-content .three-four,
    .full-content .one-five,
    .full-content .two-five,
    .full-content .three-five,
    .full-content .four-five,
    .one-seven {}
    
    .primary-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin: 0;
    }
    
    .related-content {
        width: var(--related-content-width);
        background-color: var(--related-content-color);
        margin: 0;
    }
    
    .related-content .widget {
        padding-left: 20px;
        padding-right: 20px;
        min-width: var(--left-column-width);
    }
    
    .hidden-related .related-content {
        margin-right: -100%;
    }
    
    .fixed-content .related-content {
        position: fixed;
        top: var(--header-height);
        bottom: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .related-on-left .related-content {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }
    
    .fixed-content .sticky-bar .related-content {
        top: var(--header-height) !important;
        bottom: 0 !important;
    }
    
    .secondary-content {
        width: 50%;
    }
    
    .secondary-content>* {
        width: calc(var(--max-width-column) / 2);
    }
    
    .row-fluid .secondary-content:first-child>* {
        margin-right: 0;
    }
    
    .row-fluid .secondary-content:last-child>* {
        margin-left: 0;
    }
    
    /* Image styles */
    .img-right,
    .img-Right {
        float: right;
        margin-left: 3%;
        margin-bottom: 3%;
    }
    
    .img-left,
    .img-Left {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    
    .img-25 {
        width: 22%;
    }
    
    .img-50 {
        width: 47%;
    }
    
    .img-75 {
        width: 72%;
    }
    
    .img-100 {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    
    .img-text {
        width: 100%;
    }
    
    figcaption {
        font-size: 12px;
        text-transform: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #a7adb1;
        margin: 5px 0;
    }
    
    
    .section-title,
    .widget-title {
        font-size: 40px;
        text-align: left;
        margin-bottom: 20px;
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
    }
    
    .small-title .section-title,
    .small-title .widget-title {
        font-size: 24px;
    }
    
    .medium-title .section-title,
    .medium-title .widget-title {
        font-size: 32px;
    }
    
    .section-title a,
    .widget-title a {
        color: var(--titles-color);
    }
    
    .no-title .widget-title {
        display: none;
    }
    
    .related-content .widget-title {
        text-align: left;
    }
    
    .white-title .widget-title,
    .white-title .section-title,
    .white-title .widget-title a,
    .white-title .section-title a {
        color: #ffffff;
    }
    
    .all-box-link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .shadow-text {
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    }
    
    .white-bg,
    .white-bg.fixed-header #content,
    .white-bg #content {
        background-color: #ffffff;
    }
    
    .grey-bg,
    .widget.article-view.grey-bg .article {
        background-color: #F0F0F0;
    }
    
    .grey-bg .no-results-container {
        color: #444444;
    }
    
    .light-grey-bg {
        background-color: #F9F9F9;
    }
    .light-grey-bg .widget-title a,
    .light-grey-bg .widget-title,
    .light-grey-bg .widget-title a:hover,
    .light-grey-bg .widget-title:hover {
        color:#000;
    }
    .dark-grey-bg {
        background-color: #dddddd;
    }
    
    .dark-bg {
        background-color: var(--titles-color);
    }
    
    .main-bg {
        background-color: var(--main-color-bg);
    }
    
    .text-right,
    .text-right .widget-title,
    .text-right .section-title,
    .text-right .wrapper,
    .img-end-start.img-aside.text-right .more-items-item:nth-child(odd) .wrapper,
    .img-end.img-aside.text-right .wrapper,
    .img-start-end.img-aside.text-right .more-items-item:nth-child(even) .wrapper {
        text-align: right;
    }
    
    .text-left,
    .text-left .widget-title,
    .text-left .section-title,
    .text-left .wrapper,
    .img-end-start.img-aside.text-left .more-items-item:nth-child(odd) .wrapper,
    .img-end.img-aside.text-left .wrapper,
    .img-start-end.img-aside.text-left .more-items-item:nth-child(even) .wrapper {
        text-align: left;
    }
    
    .text-center,
    .text-center .widget-title,
    .text-center .section-title,
    .text-center .wrapper,
    .img-end-start.img-aside.text-center .more-items-item:nth-child(odd) .wrapper,
    .img-end.img-aside.text-center .wrapper,
    .img-start-end.img-aside.text-center .more-items-item:nth-child(even) .wrapper {
        text-align: center;
    }
    
    .layout-row {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    .layout-column {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .justify-content-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .justify-content-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .justify-content-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    
    .justify-content-space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    
    .justify-content-space-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .align-items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .align-items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    
    .align-items-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    
    .justify-content-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    
    .layout-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .layout-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .slide-items .more-items-list {
        display: none;
    }
    
    .slide-items .more-items-list.owl-loaded {
        display: block;
    }
    
    .img-background .more-items-item>a,
    .img-background .more-items-item>.fotorama {
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: cover;
        background-position: center center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }
    
    .img-background .more-items-item>a img,
    .img-background .more-items-item>.fotorama img {
        opacity: 0;
    }
    
    .img-background .more-items-item>.fotorama .fotorama__wrap--video {
        width: 100%;
        min-width: 0px;
        max-width: 100%;
        height: 100%;
    }
    
    .img-background .more-items-item>.fotorama .fotorama__wrap--video .fotorama__stage {
        min-height: 100%;
        top: 0px;
        bottom: 0px;
    }
    
    .img-background.text-over .more-items-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .img-background.text-over .more-items-item>a,
    .img-background.text-over .more-items-item>.fotorama {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    
    .img-background.text-over .more-items-item>a img,
    .img-background.text-over .more-items-item>.fotorama img {
        display: none;
    }
    
    .img-background.text-over .more-items-item .wrapper {
        position: relative;
    }
    
    .no-radius .more-items-item {
        border-radius: 0;
    
    }
    
    /* Widgets
            ========================================================== */
    
    .column>.widget:not(.article-view):not(.full-width),
    .column>.widget.slide-items {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .column>.widget:not(.full-width):not(.widget-wrapper):not(#contact-text):not(#contact-view)>* {
        width: 100%;
        max-width: var(--max-width-column);
        margin-left: auto;
        margin-right: auto;
    }
    
    .column.primary-content>.widget:not(.full-width):not(.article-view)>* {
        width: 90%;
    }
    
    .widget {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .widget img {
        width: 100%;
    }
    
    .widget>ul {
        margin: 0;
        padding: 0;
    }
    
    .widget.full-width,
    .full-width,
    .span-grid,
    .full-content {
        width: 100%;
        max-width: 100%;
    }
    
    body:not(.cal-conference) .widget.full-width,
    body:not(.cal-conference) .full-width,
    body:not(.cal-conference) .span-grid,
    body:not(.cal-conference) .full-content {
        padding: 0;
    }
    
    /* ==========================================================
            SITE STYLES
            ========================================================== */
    /* General Layout & Common Elements
            ========================================================== */
    
    .menu-opened {
        overflow: hidden;
    }
    
    /* HEADER */
    
    
    #header,
    #footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        background-color: var(--header-bg);
        height: var(--header-height);
        -webkit-transition: height 0.2s, background 0.2s;
        -o-transition: height 0.2s, background 0.2s;
        transition: height 0.2s, background 0.2s;
    }
    
    #header {}
    
    .wrapper-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    
    #header .wrapper-group .row1 {
        height: 55%;
    }
    
    #header .wrapper-group .row2 {
        height: 45%;
        border-top: 1px solid #dddddd;
    }
    
    .header-sm #header .wrapper-group .row2 {
        display: none;
    }
    
    #footer {
        height: auto;
    }
    
    #footer .wrapper-group {
        padding: 10px 0;
    }
    
    #header .wrapper-group>.wrapper,
    #footer .wrapper-group>.wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        width: 100%;
        position: relative;
    }
    
    #header .wrapper-group>.wrapper.row2 {
        margin-top: auto;
    }
    
    #header .wrapper .header-footer-zone>*,
    #right-navigation,
    #header .widget,
    #header .social-icons,
    nav:not(.burger-nav),
    #languages-menu,
    .header-footer-zone,
    .logo-link,
    #footer .wrapper>*,
    #footer .wrapper .header-footer-zone>*,
    #footer .widget {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
    }
    
    .header-footer-zone {
        padding: 0;
    }

    .logo-img {
        height: 100%;
        margin: auto 0 auto 10px;
        width: auto;
    
    }
    
    #header .logo-img {
        padding-right: 10px;
    }
    
    #footer .logo-img {
        margin: auto 10px auto auto;
    }
    
    #footer .logo-link {
        height: var(--footer-height);
    }
    
    .logo-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        height: var(--header-height);
    }
    
    .header-lg #header-zone7 .logo-img,
    .header-lg #header-zone8 .logo-img {
        height: calc(var(--header-height) * 2);
    }
    
    .header-lg #header {
        height: calc(var(--header-height) * 2);
    }
    
    
    .fixed-header #header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9999;
        box-shadow: 0 0px 15px #00000029;
    }
    
    .fixed-header #content {
        margin-top: var(--header-height);
        overflow: visible;
    }
    
    .fixed-header.header-lg #content {
        margin-top: calc(var(--header-height) * 2);
    }
    
    .transparent-header:not(.fixed-header) #header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9999;
    }
    
    .transparent-header.scroll-top #header {
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    }
    
    .transparent-header #content,
    .transparent-header.header-lg #content {
        margin-top: 0;
    }
    
    .transparent-header.header-lg .bg-vid {
        margin-top: 0;
    }
    
    .transparent-header .slide.top-box .slide-content {
        padding-top: calc(var(--header-height) + 40px);
    }
    
    .transparent-header.header-lg .slide.top-box .slide-content {
        padding-top: calc((var(--header-height) * 2) + 40px);
    }
    
    .header-sm #header,
    .header-sm #header .logo-img {
        height: 100px;
    }
    
    .header-sm.fixed-header:not(.transparent-header) #content {
        margin-top: 100px;
    }
    
    .transparent-header.header-sm #header,
    .scroll-not-top.transparent-header.header-sm #header {
        background: transparent;
    }
    
    
    #header-zone1.header-footer-zone,
    #header-zone4.header-footer-zone,
    #header-zone7.header-footer-zone {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    
    #header-zone3.header-footer-zone,
    #header-zone6.header-footer-zone,
    #header-zone8.header-footer-zone {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    
    #header-zone2.header-footer-zone,
    #header-zone5.header-footer-zone {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    
    
    .scroll-not-top.header-lg #header {
        height: var(--header-height);
    }
    
    .scroll-not-top.fixed-header.header-lg:not(.transparent-header) #content {
        margin-top: var(--header-height);
    }
    
    #header #navigation-toggle {
        display: none;
    }
    
    
    .no-header #header * {
        display: none !important;
    }
    
    
    .burger-nav {
        display: none;
    }
    
    #navigation {
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 0px 20px 0 0px;
        margin: 0px;
    }
    
    #navigation:after {}
    
    nav>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .menu>li {
        color: var(--header-text);
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        font-size: 16px;
        text-transform: uppercase;
    }
    
    .menu>li>a,
    .menu>li>* {
        color: var(--header-text);
        text-transform: uppercase;
        font-weight: bold;
        padding: 0 10px;
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
    }
    
    .menu>li>a:hover,
    .menu li.active a,
    .menu>li:hover>a,
    body.home .navigation li.latest>a,
    body.image-bank .navigation li.image-bank>a,
    body.news .navigation li.news>a,
    body.press-releases .navigation li.news>a,
    body.teams-drivers .navigation li.teams-drivers>a,
    body.results .navigation li.results>a,
    body.live .navigation li.live>a,
    body.image-bank .navigation li.media-bank>a,
    body.accreditations .navigation li.accreditations>a {
        color: var(--electric-blue);
        text-decoration: none;
    }
    
    #languages {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    
    #languages:hover ul {
        display: block;
    }
    
    #languages>a {
        opacity: 1;
        color: var(--header-text);
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    #languages>a.active,
    #languages>a:hover {
        opacity: 0.8;
    }
    
    #languages .submenu {
        right: 0;
        left: 0;
        z-index: 1;
    }
    
    #content {
        width: 100%;
        overflow: hidden;
        -webkit-transition: margin 0.2s;
        -o-transition: margin 0.2s;
        transition: margin 0.2s;
    }
    
    #footer {
        background-color: var(--neutral-light-5);
        color: var(--neutral-dark-3);
    }
    
    #footer .wrapper {
        height: auto !important
    }
    
    
    .jump-top {
        display: none;
    }
    
    #footer-logo {
        max-height: 60px;
        margin: 20px 0;
    }
    
    #footer-nav {
        text-align: center;
        list-style: none;
        display: block;
        margin: 0;
    }
    
    #footer-nav li {
        display: inline-block;
    }
    
    #footer-nav a {
        color: #e8ecf4;
        text-transform: uppercase;
        font-weight: bold;
        padding: 0 7px;
        font-size: 18px;
        line-height: normal;
    }
    
    #footer-nav a:hover,
    #footer-nav li.active a {
        text-decoration: none;
        color: var(--neutral-dark-3);
    }
    
    #footer a {
        color: var(--neutral-dark-3);
    }
    
    #copyright {
        font-size: 12px;
    }
    
    #copyright p {
        font-family: var(--font-family-main);
    }
    
    #footer-contact {
        font-size: 12px;
        line-height: normal;
    }
    
    #footer-contact a {
        text-decoration: underline;
    }
    
    #footer-contact p {
        margin: 0;
    
    }
    
    #footer-menu ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: auto 0;
    }
    
    #footer-menu ul li {
        width: auto;
        margin: 0;
        background-color: transparent;
        padding: 0 15px 0 0;
        border-right: 1px solid #000000;
        margin-right: 15px;
    }
    
    #footer-menu ul li a {
        font-size: 12px;
        line-height: normal;
    }
    
    #footer-menu ul li:last-child {
        border: none;
    }
    
    #footer .wrapper #footer-zone1 {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    
    #footer p {
        font-size: 12px;
        margin: 2px 0;
    }
    
    #footer-text p {
        font-size: 14px;
        padding-left: 20px;
    }
    
    #contact-text p {
        font-size: 11px;
        padding-left: 20px;
        opacity: .6;
    }
    
    /* Cookies */
    
    .header-sm #cookiesbar {
        top: 100px;
    }
    
    .scroll-not-top #cookiesbar,
    .scroll-not-top.header-sm #cookiesbar {
        top: 0;
    }
    
    #cookiesbar {
        text-align: center;
        padding: 20px;
        position: fixed;
        left: 0;
        right: 0;
        top: var(--header-height);
        bottom: auto;
        background: red;
        color: #ffffff;
        z-index: 99999999;
        -webkit-transition: top 0.2s;
        -o-transition: top 0.2s;
        transition: top 0.2s;
    }
    
    #cookiesbar a {
        color: #ffffff;
        padding: 0 10px;
    }
    
    /* USER MENU */
    
    #user-menu {
        padding: 0;
    }
    
    #user-menu>* {
        padding-right: 20px;
    }
    
    #user-menu ul:hover .dropdown .submenu {
        display: block;
    }
    
    #user-menu .menu>li:not(.dropdown)>*:not(a) {
        padding-left: 0;
        padding-right: 0;
        text-transform: none;
        font-weight: bold;
    }
    
    #user-menu .menu:hover>li:not(.dropdown)>*:not(a):not(.avatar) {
        color: #ffffff;
    }
    
    #user-menu .menu>li.dropdown #user {
        padding-right: 10px;
        padding-left: 1px;
    
    }
    
    #user-menu .menu>li.dropdown #user>a {
        color: var(--header-text);
        display: none;
    }
    
    #user-menu .menu>li.dropdown .submenu {
        right: 0;
        margin: 0;
        left: auto;
    }
    
    #user-menu .menu:not(.not-logged) {
        padding: 3px 3px 3px 10px;
        height: 42px;
        margin: auto 26px auto 0;
        position: relative;
    }
    
    #user-menu .menu:not(.not-logged):hover {
        border-radius: var(--border-radius-form) var(--border-radius-form) 0 0;
        background-color: var(--electric-blue);
    }
    
    #user-menu .menu:not(.not-logged)>li:not(.dropdown)>span {
        margin-right: 5px;
    }
    
    #user-menu .menu:not(.not-logged) .dropdown {
        position: unset;
    }
    
    #user-menu>.menu li>span {
        display: none;
    }
    
    #user-menu .profile-image .avatar,
    #user-menu .profile-image .no-avatar-random-color {
        padding: 0;
        width: 36px !important;
        height: 36px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        justify-content: center;
        background: #ddd;
        border-radius: 50%;
        overflow: hidden;
    }
    
    #user-menu .profile-image .avatar img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .icon-close {
        display: inline-block;
    }
    
    .icon-close:before {
        content: "\f2c0";
        width: 30px;
        height: 30px;
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 30px;
        text-align: center;
        line-height: 30px;
        display: inline-block;
    }
    
    
    body:not(.signup):not(.leadership) #container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        position: absolute;
        width: 100%;
        height: 100%;
    }
    body:not(.signup):not(.leadership).dark #container {
        background-color: #000;
    }
    
    /* Top Stories */
    .slider-widget {
        padding: 0 !important;
        overflow: hidden;
        position: relative;
    }
    
    .slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        position: absolute;
        bottom: 0;
        top: 0;
        width: 100%;
    }
    
    .slide .all-box-link {
        display: none;
    }
    
    .slide-content {
        z-index: 3;
        padding: 40px 60px 70px;
        width: 100%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        margin-top: 0 !important;
    }
    
    .slide-content>* {
        max-width: calc(var(--max-width-column) / 1.5);
        margin-left: 0;
        color: #ffffff;
    }
    
    .topstory-text-left .slide-content>* {
        margin-left: 0;
        margin-right: auto;
    }
    
    .topstory-text-right .slide-content>* {
        margin-right: 0;
        margin-left: auto;
    }
    
    .slider-widget.topstory-text-center .slide-content>*,
    .fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content>*,
    .bg-vid .topstory-text-center .slide-content>* {
        margin-right: auto;
        margin-left: auto;
    }
    
    .slider-widget.topstory-text-center .slide-content,
    .fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content,
    .bg-vid .topstory-text-center .slide-content {
        text-align: center;
    }
    
    .topstory-text-right .slide-content {
        text-align: right;
    }
    
    .topstory-text-left.center-box .slide-content {
        padding-left: 60px;
    }
    
    .topstory-text-right.center-box .slide-content {
        padding-right: 60px;
    }
    
    .bottom-box .slide-content {
        bottom: 0;
    }
    
    .top-box.slide-content {
        top: 0;
    }
    
    
    .center-box .slide-content {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 !important;
        background: none;
    }
    
    .slides .slide .slide-content:before {
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        content: "";
        z-index: -1;
        display: none;
    }
    
    .bottom-box .slide-content:before {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    }
    
    .top-box .slide-content:before {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    }
    
    .widget:not(.boxed) .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* {
        max-width: 43%;
    }
    
    .slide-content .slide-title {
        padding: 0px;
        letter-spacing: -1px;
        font-weight: 700;
        font-size: 40px;
        font-family: var(--font-family-main);
        text-transform: uppercase;
        margin: 0;
    }
    
    .slide-content .slide-title a {
        color: #ffffff;
    }
    
    .slide-content .slide-category {
        font-size: 12px;
        text-transform: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .slide-content .slide-category:after {
        content: " | ";
        font-weight: 100;
    }
    
    .slide-content p {
        color: #fff;
        margin: 0;
    }
    
    .slide-content p a {
        color: #ffffff;
        text-decoration: underline;
    }
    
    .slide-content div .btn {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .slide-content .btn {
        text-shadow: none;
        margin-top: 10px;
    }
    
    .slides .fotorama__nav-wrap {
        position: absolute;
        bottom: 20px;
    }
    
    .slides .fotorama__nav--dots .fotorama__nav__frame {
        width: 28px;
    }
    
    .slides .fotorama__dot {
        width: 13px;
        height: 13px;
        border-width: 1px;
        background-color: rgba(0, 0, 0, 0.2);
        border-color: #ffffff;
    }
    
    .slides .fotorama__nav__frame.fotorama__active .fotorama__dot {
        background-color: #536382;
        width: 13px;
        height: 13px;
        background-color: #ffffff;
        border-width: 1px;
        border-color: #ffffff;
    }
    
    .widget .fotorama__arr {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: var(--border-radius-form);
    }
    
    .widget .fotorama__arr--next {
        right: 15px;
    }
    
    .widget .fotorama__arr--prev {
        left: 15px;
    }
    
    .widget .slides .fotorama__video-play {
        background: var(--main-color-bg);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
    }
    
    .widget .slides .fotorama__video-play:before {
        content: "\f488";
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #ffffff;
        font-size: 60px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin-left: 7px;
    }
    
    .boxed .slide-content {
        background: #ffffff !important;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        width: 70%;
        padding: 40px !important;
        border-radius: var(--border-radius-boxes);
    }
    
    .boxed .slide-content * {
        color: var(--titles-color) !important;
    }
    
    .boxed .bottom-box .slide-content {
        margin-bottom: 5%;
    }
    
    .boxed .top-box .slide-content {
        margin-top: 5%;
    }
    
    .boxed .topstory-text-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
    }
    
    .boxed .topstory-text-left .slide-content {
        margin-left: 5%;
    }
    
    .boxed .fotorama__stage__frame.fotorama__stage__frame--video .slide-content {
        max-width: 38%;
        margin-left: 60px !important;
        margin-right: auto !important;
    }
    
    .boxed .slide {
        background: none;
    }
    
    .bg-vid iframe {
        position: relative;
        display: block;
    }
    
    .top-image-container {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center center !important;
        display: none;
    }
    
    .header-lg .bg-vid {
        margin-top: calc((var(--header-height) - (var(--header-height) * 2)) * 2);
    }
    
    /* More Items */
    .more-items-list {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }
    
    .nowrap .more-items-list {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    
    .more-items-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        position: relative;
        margin: 0 calc(var(--gap) / 2) var(--gap);
        width: 100%;
        background-color: transparent;
        border-radius: var(--border-radius-items);
        overflow: hidden;
    }
    
    .more-items-item img {
        padding: 0px;
    }
    
    .more-items-item .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 20px var(--wrapper-padding);
        background-color: #fff;
    }
    
    .more-items-item .wrapper>* {
        margin: 5px 0;
    }
    
    .more-items-item .more-items-time {
        order: -2;
        font-size: 14px;
        color: var(--text-color);
        font-weight: 500;
        text-transform: uppercase;
    }
    
    .more-items-item .link-button a,
    .more-items-item .more-items-action {
    
    
        color: #fff;
        background: #14b7ed;
        padding: 5px 10px;
        border-radius: 4px 4px 0 0;
    
        font-weight: bold;
        font-size: 14px;
        border: none;
    
    }
    
    .more-items-item .link-button,
    .more-items-item .more-items-action {
        position: absolute;
        bottom: 0;
        right: var(--wrapper-padding);
        margin: 0 !important;
    }
    
    .more-items-item .link-button {
        left: var(--wrapper-padding);
        right: auto;
    }
    
    .more-items-item .more-items-short-text {
        font-size: 14px;
        color: #A7ADB1;
    }
    
    .more-items-item>a,
    .more-items-item .more-items-img-container {
        overflow: hidden;
        width: 100%;
    }
    
    .more-items-item>a img,
    .more-items-item .more-items-img-container img {
        overflow: hidden;
        padding: var(--img-padding) var(--img-padding) 0;
    }
    
    .more-items-item h2 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }
    
    .more-items-category,
    .more-items-subsection {
        font-size: 12px;
        text-transform: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 0 !important;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
        color: var(--titles-color);
    }
    
    .more-items-category~h2,
    .more-items-subsection~h2,
    .video-items time~h2 {
        margin-top: 5px !important;
    }
    
    .center-items .more-items-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    
    .end-items .more-items-list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    
    .start-items .more-items-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .space-between-items .more-items-list {
        justify-content: space-between;
    }
    
    .no-wrapper .more-items-item .wrapper {
        display: none;
    }
    
    .large-wrapper-padding {
        --wrapper-padding: 40px
    }
    
    .more-items-groups {
        list-style: none;
    }
    
    
    /* More items Gap */
    .gap-0 {
        --gap: 0px;
    }
    
    .gap-5 {
        --gap: 5px;
    }
    
    .gap-10 {
        --gap: 10px;
    }
    
    .gap-20 {
        --gap: 20px;
    }
    
    .gap-30 {
        --gap: 30px;
    }
    
    .gap-40 {
        --gap: 40px;
    }
    
    .full-width.gap-0,
    .full-width.gap-5,
    .full-width.gap-10,
    .full-width.gap-20,
    .full-width.gap-30,
    .full-width.gap-40 {
        padding-left: calc(var(--gap) / 2);
        padding-right: calc(var(--gap) / 2);
    }
    
    .gap-0:not(.full-width) .more-items-list,
    .gap-0:not(.full-width) .tabs-content,
    .gap-5:not(.full-width) .more-items-list,
    .gap-5:not(.full-width) .tabs-content,
    .gap-10:not(.full-width) .more-items-list,
    .gap-10:not(.full-width) .tabs-content,
    .gap-20:not(.full-width) .more-items-list,
    .gap-20:not(.full-width) .tabs-content,
    .gap-30:not(.full-width) .more-items-list,
    .gap-30:not(.full-width) .tabs-content,
    .gap-40:not(.full-width) .more-items-list,
    .gap-40:not(.full-width) .tabs-content {
        max-width: calc(var(--max-width-column) + var(--gap)) !important;
    }
    
    .gap-0 .more-items-item,
    .gap-5 .more-items-item,
    .gap-10 .more-items-item,
    .gap-20 .more-items-item,
    .gap-30 .more-items-item,
    .gap-40 .more-items-item {
        margin: 0 calc(var(--gap) / 2) var(--gap);
    }
    
    .full-width.tabs-end.gap-0 header,
    .full-width.tabs-start.gap-0 header,
    .full-width.tabs-end.gap-0 .widget-title,
    .full-width.tabs-start.gap-0 .widget-title,
    .full-width.tabs-end.gap-0 .section-title,
    .full-width.tabs-start.gap-0 .section-title,
    .full-width.tabs-end.gap-5 header,
    .full-width.tabs-start.gap-5 header,
    .full-width.tabs-end.gap-5 .widget-title,
    .full-width.tabs-start.gap-5 .widget-title,
    .full-width.tabs-end.gap-5 .section-title,
    .full-width.tabs-start.gap-5 .section-title,
    .full-width.tabs-end.gap-10 header,
    .full-width.tabs-start.gap-10 header,
    .full-width.tabs-end.gap-10 .widget-title,
    .full-width.tabs-start.gap-10 .widget-title,
    .full-width.tabs-end.gap-10 .section-title,
    .full-width.tabs-start.gap-10 .section-title,
    .full-width.tabs-end.gap-20 header,
    .full-width.tabs-start.gap-20 header,
    .full-width.tabs-end.gap-20 .widget-title,
    .full-width.tabs-start.gap-20 .widget-title,
    .full-width.tabs-end.gap-20 .section-title,
    .full-width.tabs-start.gap-20 .section-title,
    .full-width.tabs-end.gap-30 header,
    .full-width.tabs-start.gap-30 header,
    .full-width.tabs-end.gap-30 .widget-title,
    .full-width.tabs-start.gap-30 .widget-title,
    .full-width.tabs-end.gap-30 .section-title,
    .full-width.tabs-start.gap-30 .section-title,
    .full-width.tabs-end.gap-40 header,
    .full-width.tabs-start.gap-40 header,
    .full-width.tabs-end.gap-40 .widget-title,
    .full-width.tabs-start.gap-40 .widget-title,
    .full-width.tabs-end.gap-40 .section-title,
    .full-width.tabs-start.gap-40 .section-title {
        padding-left: var(--gap);
        padding-right: var(--gap);
    }
    
    .one-one.img-aside.gap-0 .more-items-item,
    .one-one.img-aside.gap-5 .more-items-item,
    .one-one.img-aside.gap-10 .more-items-item,
    .one-one.img-aside.gap-20 .more-items-item,
    .one-one.img-aside.gap-30 .more-items-item,
    .one-one.img-aside.gap-40 .more-items-item {
        width: calc(100% - var(--gap));
    }
    
    .one-two.img-aside.gap-0 .more-items-item,
    .one-two.img-aside.gap-5 .more-items-item,
    .one-two.img-aside.gap-10 .more-items-item,
    .one-two.img-aside.gap-20 .more-items-item,
    .one-two.img-aside.gap-30 .more-items-item,
    .one-two.img-aside.gap-40 .more-items-item {
        width: calc(50% - var(--gap));
    }
    
    .one-three.img-aside.gap-0 .more-items-item,
    .one-three.img-aside.gap-5 .more-items-item,
    .one-three.img-aside.gap-10 .more-items-item,
    .one-three.img-aside.gap-20 .more-items-item,
    .one-three.img-aside.gap-30 .more-items-item,
    .one-three.img-aside.gap-40 .more-items-item {
        width: calc(33.33333% - var(--gap));
    }
    
    .one-four.img-aside.gap-0 .more-items-item,
    .one-four.img-aside.gap-5 .more-items-item,
    .one-four.img-aside.gap-10 .more-items-item,
    .one-four.img-aside.gap-20 .more-items-item,
    .one-four.img-aside.gap-30 .more-items-item,
    .one-four.img-aside.gap-40 .more-items-item {
        width: calc(25% - var(--gap));
    }
    
    /* Image aside */
    .img-aside .more-items-item {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        padding: 0;
        border-radius: var(--border-radius-items);
    }
    
    .img-aside .more-items-item>a,
    .img-aside .more-items-item .more-items-img-container {
        width: 50%;
    }
    
    .img-aside .more-items-item>a img,
    .img-aside .more-items-item .more-items-img-container img,
    .img-end-start.img-aside .more-items-item:nth-child(odd) .wrapper,
    .img-end.img-aside .wrapper {
        border-radius: var(--border-radius-items) 0 0 var(--border-radius-items);
    }
    
    .img-aside .more-items-item>a img,
    .img-aside .more-items-item .more-items-img-container img {
        padding: var(--img-padding) 0 var(--img-padding) var(--img-padding);
    }
    
    .img-end.img-aside .more-items-item>a img,
    .img-end.img-aside .more-items-item .more-items-img-container img,
    .img-end-start.img-aside .more-items-item:nth-child(odd)>a img,
    .img-end-start.img-aside .more-items-item:nth-child(odd) .more-items-img-container img,
    .img-start-end.img-aside .more-items-item:nth-child(even)>a img,
    .img-start-end.img-aside .more-items-item:nth-child(even) .more-items-img-container img {
        padding: var(--img-padding) var(--img-padding) var(--img-padding) 0;
    }
    
    .img-start-end:not(.img-aside) .more-items-item:nth-child(even)>a img,
    .img-start-end:not(.img-aside) .more-items-item:nth-child(even) .more-items-img-container img,
    .img-end-start:not(.img-aside) .more-items-item:nth-child(odd)>a img,
    .img-end-start:not(.img-aside) .more-items-item:nth-child(odd) .more-items-img-container img {
        padding: 0 var(--img-padding) var(--img-padding) var(--img-padding);
    }
    
    .img-aside .more-items-item .wrapper {
        background-color: transparent;
        padding: var(--wrapper-padding) 20px 0 20px;
    }
    
    .img-aside.top-box .more-items-item .wrapper {
        padding-bottom: 0;
    }
    
    .img-aside.bottom-box .more-items-item .wrapper {
        padding-top: 0;
        padding-bottom: var(--wrapper-padding);
    }
    
    .img-aside.center-box .more-items-item {
        align-items: center;
    }
    
    .img-aside.center-box .more-items-item .wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .img-aside.img-max-w .more-items-item>a,
    .img-aside.img-max-w .more-items-item .more-items-img-container {
        max-width: var(--img-max-w);
    }
    
    
    .img-padding-0 ul li>a img,
    .img-padding-0 ul li>.more-items-img-container img {
        padding: 0 !important;
    }
    
    .related-content .img-aside .more-items-item {
        background-color: transparent;
    }
    
    .related-content .img-aside .more-items-item .wrapper {
        padding: 5px 10px;
    }
    
    .related-content .img-aside .more-items-item h2 {
        font-size: 18px;
    }
    
    .related-content .img-aside .more-items-item>a,
    .related-content .img-aside .more-items-item .more-items-img-container {
        max-width: 100px;
    }
    
    .img-end-start.img-aside .more-items-item:nth-child(odd),
    .img-end.img-aside .more-items-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        -webkit-flex-flow: row-reverse;
        flex-flow: row-reverse;
    }
    
    .img-end-start.img-aside .more-items-item:nth-child(odd)>a img,
    .img-end-start.img-aside .more-items-item:nth-child(odd) .more-items-img-container img,
    .img-end.img-aside .more-items-item>a img,
    .img-end.img-aside .more-items-item .more-items-img-container img,
    .img-aside .wrapper {
        border-radius: 0 var(--border-radius-items) var(--border-radius-items) 0;
    }
    
    .img-end-start.img-aside .more-items-item:nth-child(odd) .wrapper,
    .img-end.img-aside .wrapper,
    .img-start-end.img-aside .more-items-item:nth-child(even) .wrapper {
        text-align: right;
    }
    
    .img-start-end.img-aside .more-items-item:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        -webkit-flex-flow: row-reverse;
        flex-flow: row-reverse;
    }
    
    .img-start-end .more-items-item:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        -webkit-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }
    
    .img-end-start .more-items-item:nth-child(odd),
    .img-end .more-items-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        -webkit-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }
    
    .boxed.bottom-box .more-items-item {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    
    .boxed.bottom-box .wrapper {
        margin-bottom: 5%;
        bottom: 0;
    }
    
    .boxed.top-box .more-items-item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    
    .boxed.top-box .wrapper {
        margin-top: 5%;
    }
    
    .boxed.center-box .more-items-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    
    .boxed.right-box .more-items-item {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-items: flex-end;
    }
    
    .boxed.right-box .wrapper {
        margin-right: 5%;
        width: 50%;
    }
    
    .boxed.left-box .more-items-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }
    
    .boxed.left-box .wrapper {
        margin-left: 5%;
        width: 50%;
    }
    
    .boxed.center-h-box .more-items-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
    }
    
    .boxed .wrapper {
        position: absolute;
        width: 70%;
        max-width: 500px;
        border-radius: var(--border-radius-boxes);
        background-color: #ffffff;
    }
    
    .one-one.boxed .wrapper {
        max-width: 600px;
    }
    
    .boxed .btn-empty,
    .boxed .link-button a {
        border: none;
        color: #ffffff;
        background-color: #276CF2;
    }
    
    .boxed .btn-empty:hover,
    .boxed .link-button a:hover {
        background-color: #1857d4;
    }
    
    /* Text over */
    .text-over .more-items-item {
        display: block;
    }
    
    .text-over .wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        padding: var(--wrapper-padding) var(--wrapper-padding) 45px var(--wrapper-padding);
        background: none;
        border-radius: var(--border-radius-items);
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: background-color 0.2s;
        -o-transition: background-color 0.2s;
        transition: background-color 0.2s;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    
    .text-over .wrapper h2 {
        min-height: 10px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    
    .text-over .wrapper h2 a:hover {
        opacity: 1;
    }
    
    .text-over .wrapper * {
        color: #ffffff;
    }
    
    .text-over .more-items-item>a:not(.all-box-link),
    .text-over .more-items-item .more-items-img-container {
        display: block;
        background-color: #000000;
    }
    
    .text-over .more-items-item>a img,
    .text-over .more-items-item .more-items-img-container img,
    .boxed .more-items-item>a img,
    .boxed .more-items-item .more-items-img-container img {
        border-radius: var(--border-radius-items);
        padding: 0;
    }
    
    .rounded .more-items-item>a img,
    .rounded .more-items-item .more-items-img-container img,
    .no-wrapper .more-items-item>a img,
    .no-wrapper .more-items-item .more-items-img-container img {
        padding: 0;
    }
    
    .text-over.center-box .wrapper,
    .slide.center-box {
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-transition: background-color 0.2s;
        /* Safari */
        -o-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }
    
    .center-box .wrapper,
    .slide.center-box,
    .center-box .slide {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    
    .center-box .wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    
    .text-over.bottom-box .wrapper,
    .slide.bottom-box .slide-content {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    }
    
    .bottom-box .wrapper,
    .slide.bottom-box {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    
    .text-over.top-box .wrapper,
    .slide.top-box .slide-content {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    }
    
    .top-box .wrapper,
    .slide.top-box {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    
    .text-over.bottom-box .more-items-item>a .more-items-img,
    .text-over.top-box .more-items-item>a .more-items-img {
        opacity: 1;
    }
    
    .top-box .more-items-item .wrapper>*,
    .center-box .more-items-item .wrapper>*,
    .bottom-box .more-items-item .wrapper>* {
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    
    .cover-box .wrapper,
    .slide.cover-box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    
    /* Rounded image */
    .rounded:not(.img-aside) {
        text-align: center;
    }
    
    .rounded ul li {
        background-color: transparent !important;
    }
    
    .rounded ul li .wrapper,
    .rounded .wrapper {
        background-color: transparent !important;
    }
    
    .rounded img {
        border-radius: 50% !important;
    }
    
    /* Large */
    .large-title .slide-content .slide-title {
        font-size: 60px;
    }
    
    .large-text .wrapper h2 {
        font-size: 56px;
    }
    
    .large-text .wrapper p {
        font-size: 18px;
    }
    
    .large-text .link-button,
    .large-text .link-button a {
        font-size: 24px;
    }
    
    .large-text time {
        font-size: 24px;
    }
    
    .x-large-title .slide-content .slide-title,
    .x-large-title .widget-title {
        font-size: 90px;
    }
    
    .x-large-title .slide-content .slide-title small {
        font-size: 42%;
    }
    
    .blue-magenta-gradient-title .slide-content,
    .blue-magenta-gradient-title .widget-title,
    .blue-magenta-gradient-wrapper-title ul li .wrapper h2 {
        background: linear-gradient(89deg, #0FF 32.17%, #FC31C4 66.95%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .blue-green-gradient-title .slide-content .slide-title,
    .blue-green-gradient-title .widget-title,
    .blue-green-gradient-text .more-items-text,
    .blue-green-gradient-wrapper-title ul li .wrapper h2 {
        background: linear-gradient(91deg, #09FEF9 56.54%, #BEFE37 76.96%);;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .elements-inline .more-items-item .wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .elements-wrap .more-items-item .wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    
    }
    
    .elements-wrap .more-items-item .wrapper .link-button {
        margin-right: 10px;
    }
    
    .elements-inline .more-items-item .wrapper>* {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .no-border-element .more-items-item {
        border: none;
    }
    
    
    .one-line .more-items-item,
    .slide-items-events .more-items-item,
    .slide-items .more-items-item {
        margin-bottom: 0 !important;
    }
    
    .border-radius {
        --border-radius-items: 6px;
        --border-radius-boxes: 6px;
    }
    
    .border-radius-cal-items ul li {
        border-radius: var(--border-radius-cal-items);
    
    }
    
    /* Tabs */
    
    
    .tabs {
        list-style: none;
        text-align: center;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    
    
    }
    
    .tabs li a {
        clear: none;
        margin: 0 20px;
        text-decoration: none;
        font-size: 20px;
        text-transform: uppercase;
        padding: 18px 0;
        float: none;
        border: none;
        display: inline-block;
        color: #31333C;
        line-height: 1.325;
        text-rendering: optimizeLegibility;
        visibility: visible;
        font-weight: 700;
        border-radius: 0px;
        opacity: 1;
        font-family: var(--font-family-main);
        text-transform: uppercase;
    }
    
    .tabs li a.active {
        color: var(--electric-blue);
        opacity: 1;
    }
    
    .tabs-col>header>.tabs {
        flex-direction: column;
    }
    
    .tabs-start>header>.tabs {
        justify-content: flex-start;
    }
    
    .tabs-end,
    .tabs-start {
        position: relative;
    }
    
    .tabs-end>header>.tabs {
        justify-content: flex-end;
    }
    
    .tabs-center>header>.tabs {
        justify-content: center;
    }
    
    .tabs-end:not(.tabs-col)>header,
    .tabs-start:not(.tabs-col)>header {
        position: absolute;
        top: 50px;
    }
    
    .tabs-end:not(.tabs-col)>header {
        right: 0;
    }
    
    .tabs-start:not(.tabs-col)>header {
        left: 0
    }
    
    .tabs-start>.widget-title {
        text-align: right;
    }
    
    .tabs-col.tabs-start>header>.tabs,
    .vertical-menu>header>ul {
        align-items: flex-start;
    }
    
    .tabs-col.tabs-end>header>.tabs,
    .vertical-menu>header>ul {
        align-items: flex-end;
    }
    
    .tabs-col.tabs-center>header>.tabs,
    .vertical-menu>header>ul {
        align-items: center;
    }
    
    .tabs-col>header>.tabs,
    .vertical-menu>header>ul {
        padding-left: 40px;
        padding-right: 20px;
    }
    
    .vertical-menu>header>ul {
        margin: 0;
    }
    
    .tabs-view:not(.tabs-col)>header>.tabs {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .tabs-col>header>.tabs li a,
    .vertical-menu>header>ul li .wrapper a {
        padding: 0;
        margin: 0 0 15px;
    }
    
    .vertical-menu>header>ul li .wrapper {
        padding: 0;
    }
    
    .vertical-menu>header>ul li .wrapper h2 {
        margin: 0;
    }
    
    .vertical-menu>header>ul li .wrapper h2 a {
        clear: none;
        text-decoration: none;
        font-size: 24px;
        text-transform: uppercase;
        float: none;
        border: none;
        display: inline-block;
        color: #31333C;
        line-height: 1.325;
        text-rendering: optimizeLegibility;
        visibility: visible;
        font-weight: 700;
        border-radius: 0px;
        opacity: 1;
        font-family: var(--font-family-main);
        text-transform: uppercase;
    }
    
    .avatar {
    
        width: 77px !important;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    .padding-0,
    .padding-0 .tabs-content .widget,
    .widget.padding-0,
    .column>.widget.padding-0 {
        padding: 0 !important;
    }
    
    .padding-top-0,
    .widget.padding-top-0,
    .column>.widget.padding-top-0 {
        padding-top: 0 !important;
    }
    
    .padding-bottom-0,
    .widget.padding-bottom-0,
    .column>.widget.padding-bottom-0 {
        padding-bottom: 0 !important;
    }
    
    .margin-0,
    .margin-0 .tabs-content .widget,
    .widget.margin-0,
    .column>.widget.margin-0 {
        margin: 0 !important;
    }
    
    .margin-top-0,
    .widget.margin-top-0,
    .column>.widget.margin-top-0 {
        margin-top: 0 !important;
    }
    
    .margin-bottom-0,
    .widget.margin-bottom-0,
    .column>.widget.margin-bottom-0 {
        margin-bottom: 0 !important;
    }
    
    .loading-container i {
        -webkit-animation: spinner .8s infinite linear;
        animation: spinner .8s infinite linear;
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 26px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .loading-container i:after {
        content: "\f49c";
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #ffffff;
        width: 30px;
        height: 30px;
    }
    
    #sign-up {
        padding-left: 0;
        padding-right: 0;
    }
    
    .signup #sign-up .widget-title {
        margin-top: 50px;
        margin-bottom: 50px;
        max-width: 800px !important;
    }
    
    #top-story>ul>li>.all-box-link {
        display: none;
    }
    
    #top-story>ul>li>a img {
        height: 100%;
        object-fit: cover;
    }
    
    #top-story>ul>li>a {
        height: 100%;
    }
    
    #top-story>ul>li .wrapper h2 {
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
    }
    
    #top-story>ul>li {
        height: 30svh;
        margin: 0;
        max-height: 350px;
    }
    
    #top-story .fotorama__stage {
        width: 100vw;
        min-height: 50svh;
        background-color: #dddddd;
    }
    
    #top-story.small-top>ul>li {
        height: 20svh;
    }
    
    #header #countdown {
        height: var(--header-height);
        align-items: center;
    }
    
    #header #countdown>* {
        padding: 0 20px;
    }
    
    #header #countdown .widget-title {}
    
    .countdown-time {
        display: flex;
    }
    
    .countdown-time>span {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        font-size: 14px;
        font-weight: 100;
        color: #787881;
        margin-right: 5px;
        line-height: 1;
        padding-left: 13px;
    }
    
    .countdown-time>span:last-child strong:after {
        display: none;
        margin-left: 0;
    }
    
    .countdown-time>span.secs {
        width: 64px;
    }
    
    .countdown-time>span strong {
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        color: #3B3D40;
        font-size: 40px;
    }
    
    .countdown-time>span strong:after {
        content: ":";
        padding-left: 5px;
        position: absolute;
    }
    
    
    .cascade-view .more-items-item {
        background: transparent
    }
    
    .cascade-view .wrapper {
        border-radius: 6px;
        overflow: hidden;
        background: transparent;
        margin-bottom: 20px;
        padding: 0;
    }
    
    .cascade-view .wrapper.active p {
        height: auto;
        padding: 20px;
    }
    
    .cascade-view .wrapper h2 {
        background-color: var(--electric-blue);
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        color: #ffffff;
    }
    
    .cascade-view .wrapper h2:after {
        content: "\f3d0";
        font-family: "Ionicons";
        color: #ffffff;
        font-size: 24px;
    }
    
    .cascade-view .wrapper.active h2:after {
        content: "\f3d8";
    }
    
    .cascade-view .wrapper h2 {
        color: #ffffff;
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        margin: 0;
    }
    
    .cascade-view .wrapper h2 a {
        color: #ffffff;
    }
    
    .cascade-view .wrapper p {
        padding: 0 20px;
        height: 0;
        margin: 0;
        overflow: hidden;
        background: #ffffff;
    }
    
    
    .modal-current-article .md-content {
        overflow: hidden;
        border-radius: 6px;
        height: 100%;
        display: flex;
    }
    
    .modal-current-article .md-content .md-header {
        position: absolute;
        background: transparent;
        z-index: 4;
        width: 100%;
    }
    
    .modal-current-article .md-content .md-header .md-close {
        color: #2d2a26;
    }
    
    .modal-current-article .md-content .widget.article-view {
        overflow: auto;
        height: 100%;
    }
    
    .modal-current-article .md-content .widget.article-view .article {
        background-color: transparent;
    }
    
    .modal-current-article .md-content .widget.article-view .article .article-view-body {
        background: transparent;
    }
    
    .modal-current-article .md-content .widget.article-view .article .article-view-body p {
        padding: 0;
        margin: 0 auto 10px;
    }
    
    .modal-current-article .md-content .widget.article-view .article .article-view-title {
        margin-top: 40px;
    }
    
    .md-modal.modal-current-article .hide-controls .mejs__controls,
    .md-modal.modal-current-article .hide-controls .mejs__iframe-overlay {
        display: none;
    }
    
    .md-modal.modal-current-article {
        overflow: hidden;
        transform: none;
        top: 20px;
        bottom: 20px;
        left: 50%;
        width: 50%;
        max-width: none;
        margin-left: -25%;
    
    
    }
    
    
    /* Article */
    .widget.article-view .article {
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        padding-bottom: 250px;
        overflow: auto;
        max-width: 100% !important;
        padding-top: 60px;
    }
    
    .widget.article-view .article header {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        align-content: stretch;
    }
    
    .widget.article-view .article header>* {
        margin-bottom: 15px;
    }
    
    .widget.article-view,
    .column .widget.article-view {
        padding: 0;
        overflow: auto;
    }
    
    .primary-content .widget.article-view {
        background-color: #ffffff;
        /*min-height: calc(100vh - var(--header-height));*/
    }
    
    body:not(.unity) .primary-content .widget.article-view .article {
        padding: 40px 0;
    }
    
    .article-view-title,
    .article-title,
    .article-view-time,
    .article-view-category,
    .article-view-intro,
    .img-main .article-view-body,
    .article-view header figure,
    .article-view #slideshow-gallery {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        width: 90%;
    }
    
    .article-view header figure:first-child {
        max-width: 100%;
        width: 100%;
    }
    
    .article-view-body,
    .img-main .article-view-body {
        max-width: var(--max-width-column);
        padding: 0;
        position: relative;
        z-index: 3;
        margin-left: auto;
        margin-right: auto;
    
        overflow: auto;
    
    }
    
    .img-main .article-view-body {
        margin-top: -100px;
        background: #fff;
        padding-top: 100px;
    }
    
    .widget.article-view.img-main .article {
        padding-top: 0;
        padding-bottom: 300px;
    }
    
    .article-view-body .img-25 {
        margin-left: calc((100% - 800px) / 2);
        width: 200px;
    }
    
    .article-view-body .img-50 {
        margin-left: calc((100% - 800px) / 2);
        width: 400px;
    }
    
    .article-view-body .img-75 {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 100%;
    }
    
    .article-view-title,
    .article-title {
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        margin-top: 0;
    }
    
    .article-view-title,
    .article-title h1 {
        font-size: 25px;
    }
    
    .article-view-time {
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
    }
    
    .article-view-category {
        font-size: 18px;
        text-transform: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: bold;
        color: var(--titles-color);
        order: -1;
    }
    
    .article-view header figure,
    .article-view #slideshow-gallery {
        margin-bottom: 40px;
        margin-top: 40px;
        position: relative;
    }
    
    .article-view-intro p {
        font-weight: bold;
        font-size: 20px;
    }
    
    .article-view-intro,
    .article-view-body>p,
    .article-view-body>div,
    .article-view-body ul,
    .article-view-body blockquote span,
    .article-view-body .twitter-tweet,
    .article-view-body iframe,
    .article-view-footer.social,
    article aside,
    .article-view-body table {
        max-width: 800px;
        margin: 0 auto 30px;
        width: 90%;
    
    }
    
    .article-view-body ul:not(.files-list),
    .article-view-body ol:not(.files-list) {
        padding-left: 20px;
    }
    
    .article-view-body li {
        margin-bottom: 10px;
    }
    
    .article-view-body iframe {
        max-width: 800px !important;
        margin: 0 auto 30px !important;
    }
    
    .img-main.widget.article-view .article>header>figure {
        margin-top: 0;
    }
    
    .article-view .article-view-main-img {
        height: 45svh;
        object-fit: cover;
    }
    
    .article-view-body blockquote span {
        font-size: 20px;
        font-weight: 700;
    }
    
    .article-view-body blockquote {
        margin-top: 0;
    
    }
    
    .article-view-body blockquote p {
        line-height: 1.2;
    }
    
    .article-view-body table {
        width: 100%;
        border-left: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
    
    }
    
    .article-view-body table th,
    .article-view-body table td {
        padding: 5px 10px;
        border-right: 1px solid #dcdcdc;
    }
    
    .article-view-body table tr:nth-child(even) {
        background-color: #f2f2f8;
    }
    
    .article-view-footer {
        text-align: center;
        padding: 20px 0;
    }
    
    .tabs-content .article-view-body>*,
    .tabs-content.widget.article-view .article header>* {
        width: 100%;
        max-width: 800px;
    }
    
    .tabs-content .article-view-body>.social-icons {
        margin-left: 0;
    }
    
    .widget.breadcrums {
        padding: 20px 0 10px !important;
    }
    
    .breadcrums .section-title,
    .unity #single-title.breadcrums .more-items-item .wrapper h2 {
        font-family: var(--font-family-text);
        font-size: 14px;
        display: flex;
        align-items: center;
        text-transform: none;
        font-weight: bold;
    }
    
    .breadcrums .section-title a,
    .unity #single-title.breadcrums .more-items-item .wrapper h2 {
        font-weight: normal;
    }
    
    .breadcrums .section-title i,
    .unity #single-title.breadcrums .more-items-item .wrapper h2 i {
        margin: 0 10px;
    }
    
    .files-list {
        list-style: none;
        margin-left: 0;
        margin-top: 0;
        padding-left: 0;
    }
    
    .files-list li {
        margin-left: 0;
        margin-bottom: 10px;
    }
    
    .files-list li a {
        color: var(--titles-color);
        font-weight: bold;
        padding-left: 0;
        background: none;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .files-list li a:hover {
        text-decoration: none;
        color: var(--electric-blue);
    }
    
    .files-list li a:hover:before {
        color: var(--electric-blue) !important;
    }
    
    .files-list li a:before {
        content: "\e211";
        font-family: "UIFont-Solid";
        font-size: 36px;
        margin-right: 5px;
        line-height: 1;
        margin-top: -5px;
        margin-left: -5px;
    }
    
    .files-list li.doc-icon-li a:before {
        color: #006dff;
    }
    
    .files-list li.pdf-icon-li a:before {
        color: red;
        content: "\f1c1";
        font-family: 'FontAwesome';
        margin-top: 0;
        margin-left: 0;
        font-size: 26px;
        margin-right: 10px;
    }
    
    .files-list li.-li a:before {
        display: none;
    }
    
    .press-release .column {
        background-color: #f2f2f2;
        padding-bottom: 0;
    }
    
    .press-release .column>#article-view-pr,
    .press-release .column>#article-view {
        background-color: #ffffff;
        max-width: 580px;
        margin: 20px auto 20px calc((100vw - 1024px) / 2);
        padding-right: 25px !important;
        padding-left: 25px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        border-radius: 5px;
    }
    
    .press-release .widget.article-view .article header>* {
        width: 90%;
    }
    
    .press-release .column>#article-view-pr {
        position: fixed;
        left: calc((100vw - 1024px) / 2 + 600px);
        width: 420px;
        font-size: 16px;
        background-color: transparent;
        padding: 0 !important;
        margin: 0;
        bottom: 10px;
        top: var(--header-height);
    }
    
    .press-release .files-list {
        list-style: none;
        margin-left: 0;
        margin-top: 0;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    
    .press-release .files-list:before {
        content: "DOWNLOADS";
        font-family: var(--font-family-main);
        font-weight: normal;
        font-size: 24px;
        display: block;
        margin-bottom: 30px;
        width: 100%;
        text-align: left;
    }
    
    .press-release .files-list li {
        margin-left: 0;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    
    .press-release .files-list li.media-type-1 a,
    .press-release .files-list li.media-type-2 a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }
    
    .press-release .files-list li.media-type-2 a span {
        position: relative;
    }
    
    .press-release .files-list li.media-type-2 a span:after {
        position: absolute;
        content: "";
        background-color: #ffffff;
        z-index: 0;
        height: 20px;
        width: 18px;
        margin-top: -9px;
        margin-left: -9px;
        top: 50%;
        left: 50%;
    }
    
    .press-release .files-list li.media-type-2 a span:before {
        content: "\e126";
        font-family: "UIFont-Solid";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        position: relative;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        font-size: 50px;
        color: #08080a;
        position: absolute;
        z-index: 1;
        left: 50%;
        margin-left: -25px;
        width: 50px;
        height: 50px;
        margin-top: -27px;
        top: 50%;
    }
    
    .press-release .files-list li a {
        color: var(--titles-color);
        font-weight: bold;
        padding-left: 0;
        background: none;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10px;
        border: 1px solid #ddd;
        height: 100%;
        border-radius: 2px;
        line-height: 1.2;
        color: #979797;
        text-align: left;
        word-break: break-word;
    }
    
    .press-release .files-list li a span {
        width: 30%;
        margin-right: 20px;
        flex: none;
    }
    
    .press-release .files-list li a span img {
        border-radius: 4px;
    }
    
    .press-release .files-list li a:before {
        font-size: 65px;
        margin-left: 0;
    }
    
    .press-release .files-list li a:hover {
        border-color: var(--electric-blue);
        background-color: #fcfcfc;
        color: var(--electric-blue);
    }
    
    .press-release .files-list li a:hover span:after {
        background-color: var(--electric-blue);
    }
    
    .press-release .column #social-links {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    #article-view-pr .files-list {
        background-color: #ffffff;
        margin: 20px auto;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        border-radius: 5px;
        overflow: scroll;
        max-height: calc(100vh - 130px);
    }
    
    
    .full-width .tabs-content {
        width: 100%;
    }
    
    .livetiming.embed #widget-embed {
        height: 700px;
        position: relative;
        max-height: 70vh;
    }
    
    .livetiming.embed #widget-embed iframe {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    
    .vertical-menu {
        white-space: nowrap;
        background: #F9F9F9;
    }
    
    .vertical-menu .widget-title {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .vertical-menu * {
        white-space: normal;
    }
    
    .vertical-menu>header {
        top: var(--header-height);
        position: sticky;
        width: var(--left-column-width);
        display: inline-block;
        vertical-align: top;
        padding-top: 60px;
        flex: none;
        margin: 0;
    }
    
    .vertical-menu>header * {
        background: transparent;
    }
    
    .vertical-menu .tabs li a {
        text-align: left;
    }
    
    .vertical-menu .tabs li.dropdown {
        display: none;
    }
    
    .vertical-menu>header>ul>li.active .wrapper a {
        color: var(--electric-blue);
    }
    
    .vertical-menu.blue-content>.tabs-content {
        background-color: var(--electric-blue);
    }
    
    .vertical-menu.blue-content .more-bt a,
    .vertical-menu.blue-content .load-more-bt {
        color: #ffffff;
    }
    
    .vertical-menu.blue-content .more-bt a:before,
    .vertical-menu.blue-content .load-more-bt:before {
        background-color: #ffffff;
    }
    
    .vertical-menu>.tabs-content {
        width: calc(100vw - var(--left-column-width));
        display: inline-block;
        background: #ffffff;
    }
    
    .vertical-menu>.tabs-content>.widget {
        min-height:35svh;
    }
    
    .vertical-menu .downloads-main .main-view {
        padding: 0;
    }
    
    .vertical-menu .downloads-main .main-view .downloads-container {
        padding: 0 35px;
    }
    
    .vertical-menu #embed-iframe {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .vertical-menu #embed-iframe #widget-embed {
        margin: 0;
    }
    
    .vertical-menu #embed-iframe #widget-embed iframe[src=""] {
        display: none;
    }
    
    .vertical-menu .left-menu>.widget-title {
        margin: 0 30px 21px 30px;
        font-size: 32px;
        padding: 0 0 21px 0;
        border-bottom: 1px solid #ddd;
    }
    
    .vertical-menu .left-menu .tabs-content>.widget {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
    
    }
    
    .vertical-menu .left-menu .tabs-content>.widget h2 {
        font-size: 16px;
        margin: 0;
        line-height: 1.5;
    }
    
    .vertical-menu .left-menu .tabs-content>.widget .more-items-group {
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    
    .vertical-menu .left-menu .tabs-content>.widget .group-name {
        text-transform: uppercase;
    
    }
    
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list {
        margin-top: 10px;
    }
    
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list .more-items-item {
        margin-bottom: 10px;
    }
    
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list .more-items-item .wrapper {
        padding: 0;
        background-color: transparent;
    }
    
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list .more-items-item .wrapper h2 {
        opacity: .7;
        font-weight: normal;
        display: flex;
        justify-content: space-between;
    }
    .vertical-menu .left-menu.cascade-menu .tabs-content>.widget .group-name:after,
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list .more-items-item .wrapper h2:after {
        content: "\f3d1";
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 7px;
    }
    .vertical-menu .left-menu.cascade-menu .tabs-content>.widget .group-name {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor:pointer;
    }
    .vertical-menu .left-menu.cascade-menu .tabs-content>.widget .group-name:after {
        content: "\f3d0";
    height: 20px;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .vertical-menu .left-menu.cascade-menu .tabs-content>.widget .more-items-group.open .group-name:after {
        content: "\f3d8";
    }
    .vertical-menu .left-menu.cascade-menu .tabs-content>.widget .more-items-list .more-items-item .wrapper h2:after {
        display:none
    }
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list .more-items-item:hover .wrapper h2,
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list .more-items-item.active .wrapper h2 {
        opacity: 1;
        color: var(--electric-blue);
    
    }
    
    .vertical-menu .left-menu .tabs-content>.widget .more-items-list .more-items-item.active .wrapper h2 {
        font-weight: bold;
    }
    
    #vertical-menu .no-results-container {
        color: var(--dark-bg);
    }
    .center-menu,
    #center-menu {
        --wrapper-padding: 0px;
    }
    .center-menu .group-name,
    #center-menu .group-name {
        text-transform: uppercase;
    }
    .center-menu .more-items-group,   
    #center-menu .more-items-group {
        margin-bottom: 40px;
    }
    .center-menu .more-items-list .wrapper h2,
    #center-menu .more-items-list .wrapper h2 {
        font-weight: 100;
        font-family: var(--font-family-text);
    }
    
    .center-menu .more-items-list .more-items-item:hover .wrapper h2,
    #center-menu .more-items-list .more-items-item:hover .wrapper h2 {
        color: var(--electric-blue)
    }
    
    
    .event-list-tabed {
        /*background-color: #ffffff;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            position: relative;
            overflow: hidden;*/
    }
    
    
    .event-list-tabed>.tabs-content {
        height: 100%;
        overflow: auto;
        padding-bottom: 0;
        margin-top: 0;
        position: relative;
    }
    
    .event-list-tabed>.tabs-content>.widget {
        padding: 0;
    }
    
    .event-list-tabed>.tabs-content .widget>* {
        background-color: #ffffff;
        max-width: 100% !important;
    }
    
    .event-list-tabed>.tabs-content .widget .no-results-container {
        width: 50%;
        text-align: center;
        margin-top: auto;
        margin-bottom: auto;
        color: #112046;
        opacity: 0.3;
        font-weight: 100;
        font-size: 28px;
        line-height: 1.3;
        left: 0;
        margin-left: 0;
        margin-right: 0;
    }
    
    .event-list-tabed>.tabs-content .widget .no-results-container:before {
        font-family: "Ionicons";
        content: "\f3f4";
        display: block;
        font-size: 49px;
    }
    
    .event-list-tabed>.tabs-content .widget .more-items-action {
        text-transform: none;
        color: #31333C;
        font-weight: bold;
        margin-left: 10px !important;
        margin-top: 0;
        font-size: 14px;
        position: relative;
        flex: none;
        border-radius: var(--border-radius-form);
        padding: 10px 15px;
    
    }
    
    .event-list-tabed>.tabs-content .widget .more-items-action:hover {
        background: #43c6f1;
    }
    
    .event-list-tabed>.tabs-content .widget .all-box-link {
        display: none;
    }
    
    .event-list-tabed:not(.angular-fixture)>.tabs-content {
        max-width: 100% !important;
    }
    
    .event-list-tabed:not(.angular-fixture):after {
        /*height: 60px;
            width: 100%;
            position: absolute;
            content: "";
            background: #ffffff;
            bottom: 0;
            z-index: 2;
            background: -moz-linear-gradient(0deg, #ffffff 10%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-linear-gradient(0deg, #ffffff 10%, rgba(255, 255, 255, 0) 100%);
            background: linear-gradient(0deg, #ffffff 10%, rgba(255, 255, 255, 0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);*/
    }
    
    
    .event-list-tabed .more-items-list .more-items-item {
        border-top: 1px solid #dfe4ed;
        margin: 0;
        border-radius: 0;
        width: 100%;
        --gap: 0;
    }
    
    .event-list-tabed .more-items-list .more-items-item:last-child {
        border-bottom: 1px solid #dfe4ed;
    }
    
    .event-list-tabed .more-items-list .more-items-item:nth-child(even),
    .event-list-tabed .more-items-list .more-items-item:nth-child(even) .wrapper {
        background-color: #f9f9f9;
    }
    
    .event-list-tabed .more-items-list .more-items-item:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: rgba(243, 245, 249, 0.52);
    }
    
    .event-list-tabed .more-items-list .more-items-item:hover .wrapper {
        background-color: rgba(243, 245, 249, 0.52);
    }
    
    .event-list-tabed .more-items-list .more-items-item .wrapper {
        padding: 20px 0;
        line-height: 1;
        max-width: 1000px;
    }
    
    .event-list-tabed .more-items-list .more-items-item .wrapper .more-items-subsection {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        width: 242px;
        line-height: 1;
        text-align: left;
        white-space: initial;
        padding-left: 60px;
        flex: none;
    }
    
    .event-list-tabed .more-items-list .more-items-item .wrapper .more-items-subsection .date-1 {}
    
    .event-list-tabed .more-items-list .more-items-item .wrapper .more-items-subsection .date-1:before {
        content: " - ";
    }
    
    .event-list-tabed .more-items-list .more-items-item .wrapper h2 {
        font-weight: bold;
        font-size: 18px;
        width: 100%;
        margin: 0 auto 0 0 !important;
        font-family: var(--font-family-text);
        text-transform: none;
    }
    
    .event-list-tabed .more-items-list .more-items-item .wrapper h2 small {
        margin-top: 5px;
        font-weight: normal;
        font-size: 16px;
        color: #82898d;
    }
    
    .event-list-tabed .more-items-list .more-items-item .wrapper h2 small a {
        text-decoration: underline;
    }
    
    .event-list-tabed .more-items-list .more-items-item .wrapper h2 small:empty {
        display: none;
    }
    
    .slide-view:not(.full-width) .tabs-content,
    .slide-view:not(.full-width) .more-items-list {
        max-width: 100% !important;
    }
    
    .widget.landing-news:not(.slide-view):not(.slide-view-mobile) {
        padding-bottom: 300px !important;
    }
    
    .landing-news .more-items-item .wrapper {
        margin: 0;
        background: #fff;
        padding-top: 10px;
        justify-content: space-between;
        padding-bottom: 30px;
        flex-direction: column-reverse;
    }
    /* Felix */
    #header .wrapper-group>.wrapper.row2 {
        display: none;
    }
    #no-schedule-available > p {
        font-weight: normal;
        padding-inline: 60px;
        margin-top: 0px;
    }
    /* Team Drivers */
    .teams-drivers #vertical-menu .article .social-icons a:before {
        font-family: "Ionicons";
    }
    .teams-drivers #vertical-menu .article .social-icons a.ion-logo-twitter:before {
        font-family: "remixicon";
        content: "\f3e7";
    }
    /* Mediacenter */
    .video-library .downloads-container>ul li.type-2 > a {
        position: revert;
    }
    .video-library.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i {
        bottom: 6px;
        right: 10px;
        font-size: 30px;
    }
    /* Fan Village */
    /* FV Home */
    .fan-village #content {
        overflow: visible;
    }
    .fan-village #footer {
        display: none;
    }
    .fan-village #header {
        padding-left: 2rem;
        padding-top: 2rem;
        height: auto;
    }
    .fan-village #header .logo-img {
        border: 0;
        margin: 0;
    }
    .fan-village header .wrapper-group {
        display: none;
    }
    .fan-village .welcome-page:after {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        height: 100svh;
        aspect-ratio: .8;
        background: url(../img/fan-village-bg.webp) no-repeat center center;
        background-size: cover;
    }
    .fan-village .welcome-page:before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        height: 100svh;
        aspect-ratio: .86;
        background: url(../img/fan-village-template-bg.svg) 100% 100% no-repeat fixed;
        background-size: contain;
    }
    .fan-village .welcome-page ul li {
        background: transparent;
        min-height: calc(100vh);
        position: relative;
        width: 100%;
        padding: 10rem 20rem;
        /* background: url(../img/fan-village-template-bg.svg) 100% 100% no-repeat fixed; */
    }
    .fan-village .welcome-page ul li > a {
        display: none;
        position: fixed;
        width: auto;
        bottom: 0;
        right: 0;
        left: auto;
    }
    .fan-village .welcome-page ul li .wrapper {
        background: transparent;
        z-index: 10;
        padding: 3rem;
        align-items: start;
        width: 45rem;
    }
    .fan-village .welcome-page ul li .wrapper > h2 {
        font-weight: 700;
        font-size: 3.4rem;
        text-transform: uppercase;
    }
    .fan-village .welcome-page ul li .wrapper > h2 a {
        color: var(--text-color);
    }
    .fan-village.home ul li .wrapper > h2 {
        font-family: var(--font-family-main);
        margin-bottom: 2.4rem;
    }
    .fan-village.home ul li .wrapper .more-items-text {
        font-family: var(--font-family-main);
        font-weight: 700;
    }
    .fan-village.home ul li .wrapper .more-items-text small {
        font-family: var(--font-family-text);
        font-weight: 200;
    }
    .fan-village.home ul li .wrapper .more-items-long-text {
        margin-top: 12px;
    }
    .fan-village.home ul li .wrapper .more-items-long-text > div {
        gap: 1.4rem;
        justify-content: flex-start;
    }
    .fan-village.home ul li .wrapper .btn {
        margin-left: 0;
        margin-right: 0;
    }
    /* FV Screens */
    .fan-village .screens-container > h2 {
        font-weight: 700;
        font-size: 3.4rem;
        text-transform: uppercase;
        padding: 10rem 20rem 0;
        font-family: var(--font-family-main);
        margin-bottom: 2.4rem;
    }
    .fan-village .screens-container > div {
        min-height: calc(100vh);
        z-index: 2;
        position: relative;
        width: 100%;
        padding: 0 20rem;
    }
    .fan-village .screens-container > p {
        padding: 0 20rem;
    }
    .fan-village .registration .players-selector {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: max-content;
        padding: 2px 14px;
        gap: 0;
        min-width: 130px;
        border-radius: var(--border-radius-cal-items-small);
        background: var(--neutral-light-2);
    }
    .fan-village .registration .players-selector .players-number {
        font-size: 36px;
    }
    .fan-village .registration .players-selector button {
        min-height: 2rem;
        max-height: 2rem;
        width: 2rem;
        padding: 0;
        margin: 0;
    }
    .fan-village .registration .checkbox {
        margin: 20px 0;
    } 
    .fan-village .registration .phone-input {
        display: flex;
        gap: 16px;
        margin-bottom: 20px;
    }
    .fan-village .registration .phone-input select,
    .fan-village .registration .phone-input input {
        padding: 5px 24px;
        color: var(--text-color);
        font-weight: 500;
    }
    .fan-village .registration .phone-input select {
        max-width: max-content;
        height: 45px;
        min-width: auto;
    }
    .fan-village .registration .phone-input input {
        max-width: 170px;
    }
    .fan-village .registration .phone-input input.ng-empty.ng-touched,
    .fan-village .registration .phone-input select.ng-empty.ng-touched {
        border: 2px solid red;
    }
    .fan-village .confirmation .code-value,
    .fan-village .confirmation .time-remaining,
    .fan-village .confirmation .present-time {
        font-size: 36px;
    }
    .fan-village .confirmation .qr-container {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 20px 0;
    }
    .fan-village .confirmation .qr-container .qr img {
        min-width: 185px;
        max-width: 185px;
    }
    .fan-village .confirmation .qr-note {
        font-size: 14px;
        max-width: 200px;
    }
    .fan-village .confirmation .driver-accordion {
        cursor: pointer;
        position: relative;
        padding: 12px 0 6px;
        font-weight: 600;
    }
    .fan-village .confirmation .driver-accordion::after {
        content: "\ea4e";
        display: inline-block;
        font-family: remixicon;
        transform: rotate(0deg);
        transition: transform 0.2s ease;
        font-size: 14px;
    }
    .fan-village .confirmation .driver-accordion.open::after {
        transform:rotate(180deg);
    }
    .fan-village .confirmation .driver-accordion-content {
        max-height: 0;
        opacity: 0;
        max-width: 50%;
        transform: translateY(-4px);
        transition: 
            max-height 0.35s ease,
            opacity 0.25s ease,
            transform 0.25s ease;
    }
    .fan-village .confirmation .driver-accordion-content.open {
        font-size: 14px;
        margin-top: 20px;
        padding-bottom: 20px;
        max-width: 50%;
        max-height: 300px;
        opacity: 1;
        transform: translateY(0);
    }
    .fan-village .confirmation .driver-accordion-content p {
        margin: 0;
        word-break: break-word;
     }
    /* FV form */
    .fan-village .welcome-page > section {
        background: transparent;
        min-height: calc(100vh);
        position: relative;
        width: 100%;
        padding: 10rem 20rem;
    }
    .fan-village .welcome-page > section > div {
        width: 45rem;
        z-index: 10;
        padding: 3rem;
    }
    .fan-village .welcome-page > section > div > div:first-child {
        font-weight: 700;
        font-size: 2.4rem;
        color: var(--text-color);
    }
    .fan-village .welcome-page > section > div > div:last-of-type > div {
        margin-block: 2.4rem;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > div > div {
        position: relative;
        width: 100%;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > div > div label {
        font-family: var(--font-family-main);
        position: absolute;
        left: 1.2rem;
        top: -.8rem;
        background: #fff;
        padding: 0 .6rem;
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > div > div input,
    .fan-village .screens-container input {
        padding: 1.4rem 1.6rem;
        border: 1px solid #ebebeb;
        border-radius: .4rem;
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
        height: auto;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > div > div input:focus-visible,
    .fan-village .welcome-page > section > div > div:last-of-type > div select:focus-visible,
    .fan-village .screens-container input:focus-visible,
    .fan-village .screens-container select:focus-visible {
        outline: 1px auto var(--electric-blue);
        background: transparent;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > div > div input.ng-touched.ng-invalid-required:focus-visible,
    .fan-village .welcome-page > section > div > div:last-of-type > div select.ng-touched.ng-invalid-required:focus-visible,
    .fan-village .screens-container input.ng-touched.ng-invalid-required:focus-visible,
    .fan-village .screens-container select.ng-touched.ng-invalid-required:focus-visible {
        outline: 1px auto red;
        background: transparent;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > div select,
    .fan-village .screens-container select {
        margin: 0;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        min-width: 35rem;
        font-weight: 100;
        background-position: 96%;
        background-size: 2rem 100%;
        padding: 1.4rem 1.6rem;
        border: 1px solid #ebebeb;
        border-radius: .4rem;
        height: auto;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 21.867l-8-8L9.867 12 16 18.133 22.133 12 24 13.867l-8 8z' fill='%2300005A'/%3E%3C/svg%3E") no-repeat 100% 0;
        background-position: 96%;
        background-size: 2rem 100%;
        max-width: 100%;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .birth-date > div {
        display: flex;
        flex-wrap: nowrap;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .birth-date > div select {
        min-width: 12.5rem;
        margin-right: .8rem;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div,
    .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div {
        display: flex;
        gap: .8rem;
    } 
    .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div label,
    .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div label {
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 2.1rem;
        color: #0f233b;
        position: revert;
        background-color: transparent;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div label a,
    .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div label a {
        color: var(--electric-blue);
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div input, 
    .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div input,
    .fan-village .welcome-page .checkbox input {
        position: relative;
        width: 2.4rem;
        height: 2.4rem;
        padding: 0;
        color: #000;
        border: 1px solid #ebebeb;
        border-radius: .2rem;
        -webkit-appearance: none;
        appearance: none;
        outline: 0;
        cursor: pointer;
        transition: background 175ms cubic-bezier(.1,.1,.25,1);
        flex-shrink: 0;
    }
    .fan-village .welcome-page .checkbox input {
        width: 1.4rem;
        height: 1.4rem;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div input:before, 
    .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div input:before,
    .fan-village .welcome-page .checkbox input:before {
        position: absolute;
        content: "";
        display: block;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        width: 8px;
        height: 14px;
        border-style: solid;
        border-color: #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        opacity: 0;
    }
    .fan-village .welcome-page .checkbox input:before {
        width: 5px;
        height: 9px;
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div input:checked,
    .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div input:checked,
    .fan-village .welcome-page .checkbox input:checked {
        color: #fff;
        border-color: var(--electric-blue);
        background: var(--electric-blue);
    }
    .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div input:checked:before,
    .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div input:checked:before,
    .fan-village .welcome-page .checkbox input:checked:before {
        opacity: 1;
    }
    .fan-village .welcome-page button,
    .fan-village .welcome-page .btn {
        background: var(--electric-blue);
        border: 0;
        outline: 0;
        padding: 0;
        color: inherit;
        text-decoration: none;
        color: #fff;
        background: var(--electric-blue);
        border-radius: 4rem;
        padding: 1.2rem 2.4rem;
        min-height: 4.4rem;
        max-height: 5.4rem;
        display: inline-flex;
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: 700;
        cursor: pointer;
        text-transform: uppercase;
        position: relative;
        margin: .5rem .4rem;
        align-items: center;
        white-space: nowrap;
        justify-content: center;
    }
    .fan-village .welcome-page button:disabled {
        opacity: 0.5;
    }
    /* Felix Cal Conference */
    #header .wrapper .header-footer-zone#header-zone3 > div {
        align-items: center;
    }
    .cal-conference .widget.two-buttons .buttons-container {
        display: flex;
        justify-content: space-between;
    }
    .cal-conference #ca-events.two-buttons .more-items-item .wrapper .link-button a {
        font-size: 14px;
    }
    .cal-conference .white-button.widget.link-button a,
    .cal-conference .white-button .slide-category {
        background-color: #fff;
        color: #000;
    }
    .cal-conference header .link-button {
        margin-right: 16px;
    }
    .cal-conference #ca-events .more-items-item .wrapper .link-button a {
        font-size: 14px;
    }
    .cal-conference #ca-events .more-items-item .wrapper .link-button a:after {
        content: "\ea6c";
        font-family: remixicon;
        margin-left: 10px;
        font-size: 18px;
    }
    .cal-conference #ca-events .more-items-item .all-box-link {
        display: none;
    }
    #past_event_speakers ul li:first-child .wrapper .more-items-long-text:before {
        display: none;
    }
    /* Contact */
    .contact #footer #signup-more-information {
        display: none;
    }
    /* Miami */
    .cal-conference #event_info .widget-title span,
    .cal-conference #sessions-speakers-london .widget-title span {
        position: absolute;
        right: -170px;
    }
    /* General */
    .cal-conference.page-loaded #content,
    .cal-conference.page-loaded #footer {
        opacity: 1;
        transition:opacity 0.5s;
        }
        .cal-conference #content,
        .cal-conference #footer {
        opacity: 0;
        transition:opacity 0.5s;
        }
        .cal-conference .article-view-body a {
        color: var(--light-blue) ;
        }
        .cal-conference .article-view-body a:hover {
        color: var(--reason-green);
        }
    .cal-conference #press-releases .owl-theme.owl-carousel .owl-nav {
        top: 33%;
    }
    .cal-conference .owl-theme.owl-carousel .owl-nav .disabled {
        opacity: 0;
    }
    .cal-conference .owl-theme.owl-carousel .owl-nav [class*='owl-'] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px !important;
        color: var(--neutral-dark-2);
        border-radius: 100% !important;
        background: #fff;
    }
    .cal-conference .owl-carousel .owl-nav button.owl-next:before {
        content: "\ea6c";
        font-family: remixicon;
    }
    .cal-conference .owl-carousel .owl-nav button.owl-prev:before {
        content: "\ea60";
        font-family: remixicon;
    }

    body.cal-conference {
        color: #fff;
        
    }
    body.cal-conference.dark {
        background-color: #131313;
        --dark-bg:#000;
        --header-bg:#000;
        --header-text:#fff;
        --text-color:#000;
        --titles-color:#fff;
    }
    body.cal-conference.dark p {
        color: #fff
    }
    body.cal-conference.dark .widget.article-view .article {
        background-color: #000;
    }

    body.cal-conference.dark .more-items-item {
        background: transparent;
    }
    body.cal-conference.dark .more-items-item .wrapper {
        background: transparent;
    }
    .cal-conference #navigation ul li a:hover {
        color:var(--culture-pink)
    }
    .cal-conference.cal-speakers #navigation ul li a,
    .cal-conference.past-events #navigation ul li a {
        padding: 0;
        margin: 0 10px;
    }
    .cal-conference.cal-speakers #navigation ul li.speakers a,
    .cal-conference.past-events #navigation ul li.past-events a{
        border-bottom: 2px solid var(--culture-pink);
    }
    .cal-conference #navigation {
        padding-right: 0;
    }
    .cal-conference #footer {
        background-color: #fff;
    }
    .cal-conference .footer-sponsors {
        border-top: 1px solid #ddd;
    }
    .cal-conference .footer-sponsors li {
        justify-content: center;
        margin: 20px 0;
    }
    .cal-conference #content {
        border-right: 1px solid #ddddddb0;
        border-left: 1px solid #ddddddb0;
    }
    .cal-conference.dark #content {
        border:none
    }
    .cal-conference #footer .wrapper-group {
        padding:0
    }
    .cal-conference #footer .wrapper #footer-zone1 {
        align-items: center;
        width:100%;
    }
    .cal-conference #footer .wrapper #footer-zone1 .footer-sponsors ul {
        max-width: 100% !important;
    }
    .cal-conference #footer .wrapper #footer-zone1 .footer-sponsors ul li a {
        padding: 0 25%;
    }
    .cal-conference #footer .wrapper #footer-zone1 .footer-sponsors ul li a img {
        border-radius: 0;
    }
    .cal-conference #footer .wrapper #footer-zone1 .footer-sponsors,
    .cal-conference #footer .wrapper #footer-zone1 > div {
        width:100%;
    }
    .cal-conference #footer .wrapper.row2 {
        background: #000;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .cal-conference #footer .wrapper #footer-zone4 {
        width: 100%;
        padding: 20px ;
    }
    .cal-conference #footer .wrapper #footer-zone4 * {
        color: #fff;
    }
    .cal-conference #footer .wrapper #footer-zone4 #footer-text p {
        padding-left: 0;
    }
    .cal-conference #footer .wrapper #footer-zone6 {
        padding-right: 4px;
    }
    .cal-conference #footer .wrapper #footer-zone6 *{
        color: #fff;
    }
    .cal-conference #header .logo-img {
        height: 75%;
        margin-left: 16px;
        border: none;
        z-index: 1;
    }
    
    .custom-checkbox input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        margin: 0;
    }
    
    .custom-checkbox input[type="checkbox"]::before {
        content: "\eb7d";
        font-family: remixicon;
        font-weight: bold;
        font-size: 34px;
        background: linear-gradient(89deg, #0CEEEE 0%, #FCF431 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .custom-checkbox input[type="checkbox"]:checked::before {
        content: "\ea11";
    }
    
    .custom-checkbox label {
        display: flex;
        align-items: center;
        gap: 10px;
        text-align: left;
    }
    
    .cal-conference #container {
        max-width: var(--max-width-cal);
        margin-inline: auto;
        position: relative !important;
    }
    
    .cal-conference #header {
        max-width: var(--max-width-cal);
        margin-inline: auto;
    }
    .cal-conference.dark #header {

    }
    .cal-conference .widget-title {
        margin-left: 95px !important;
        display: inline-block;
        position: relative;
        width: auto !important;
        margin-bottom: 40px
    }
    
    .cal-conference .text-center .widget-title {
        margin-left: auto !important;
        margin-right: auto;
    }
    
    .no-arrow-title .widget-title:after {
        display: none !important;
    }
    
    .cal-conference .widget-title:after {
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: var(--electric-blue);
        width: 40px;
        height: 40px;
        -webkit-mask-image: url(../img/arrow-right.svg);
        mask-image: url(../img/arrow-right.svg);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        display: block;
        content: "";
        font-size: 40px;
        line-height: 1.1;
        position: absolute;
        right: -60px;
        bottom: -3px;
    }
    .cal-conference.dark .widget-title:after {
        background-color:var(--reason-green);
    }
    .cal-conference .widget>.widget .widget-title {
        margin-left: 10px !important;
    }
    
    .cal-conference .widget-title small {
        font-weight: 100;
        color: var(--text-color);
        font-family: var(--font-family-text);
        letter-spacing: 0;
        margin: 10px 0;
        font-size: 50%;
    }
    .cal-conference.dark .widget-title small {
        color: #fff;
    }
    .cal-conference li img,
    .cal-conference .speaker-image img {
        border-radius: var(--border-radius-cal-items-small);
    }
    
    .blue-yellow-gradient-strong .widget-title strong,
    .blue-yellow-gradient-text li .more-items-text {
        font-family: var(--font-family-main);
        background: linear-gradient(90deg, #0CEEEE 0%, #FCF431 85%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .transparent-wrapper .more-items-item .wrapper {
        background: transparent;
    }
    
    .large-more-items-text li .more-items-text {
        font-size: 52px;
        line-height: 56px;
    }
    
    .cal-conference .white-title.small-title .widget-title:after {
        display: none;
    }
    
    .cal-conference .white-title .widget-title a {
        color: #fff;
    }
    /* Header */
    .cal-conference #header .wrapper-group>.wrapper.row2 {
        margin-top: 0;
        border-top: 0;
        justify-content: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: fit-content;
    }
    
    .cal-conference #header nav>ul {
        gap: 20px;
        align-items: center;
    }

    .cal-conference #navigation .menu>li.contact>a {
        background: var(--culture-pink);
        border-radius: 40px;
        padding: 12px 18px;
        color: #fff;

    }
    .cal-conference.dark #navigation .menu>li.contact>a {
        background-color: var(--culture-pink);
        color:#000;
    }
    .cal-conference.dark #navigation .menu>li.contact>a:hover {
        background: linear-gradient(126deg, #6a82ab -36.04%, #09FEF9 45.54%, #00ff0d 95.96%);
    }
    .cal-conference #navigation .menu>li.contact {
        align-items: center;
        justify-content: center;
        position: fixed;
        /*
        right: calc((100vw - var(--max-width-cal)) / 2);
        */
        right:0;
        margin-right: 18px;
        height: 100%;
    }
    /* Footer */
    .cal-conference #more-presented .widget-title {
        width: 100% !important;
        text-align: center;
        padding-right: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .cal-conference #more-presented .widget-title:after {
        display: none;
    }
    /* Tickets */
    .cal-conference.tickets .md-modal {
        border-radius: var(--border-radius-cal-items);
        width: 100%;
        max-width: 730px;
        background: #000;
        box-shadow: 0 0 50px rgb(255 255 255 / 12%);
    }
    
    .cal-conference.tickets .md-modal .md-content {
        min-height: 280px;
        border-radius: var(--border-radius-cal-items);
        /* background: linear-gradient(135deg, rgba(12, 238, 238, .2) 0%, rgba(252, 86, 49, .2) 100%); */
    }
    
    .cal-conference.tickets .md-modal .md-content .md-header {
        height: fit-content;
        background: transparent;
        padding-top: 20px;
    }
    .cal-conference.tickets .md-modal .md-content .md-header h2 {
        color: #000;
    }
    .cal-conference.tickets .md-modal .md-content > div {
        font-style: normal;
        color: #000;
    }
    
    
    .cal-conference.tickets #stripe-price-container {
        padding-bottom: 0;
        padding-top: 10px;
    }
    .cal-conference.tickets #stripe-price-container #stripe-price-text {
        color: #000;
        font-style: normal;
    }   
    .cal-conference.tickets .md-modal .md-close {
        position: absolute;
        top: 10px;
        right: 12px;
        color: var(--culture-pink);
    }
    
    .cal-conference.tickets .md-modal .md-close:hover {
        color: var(--electric-blue);
    }
    
    .fa-close:before {
        content: "\eb99";
        font-family: 'remixicon';
        font-weight: 500;
        font-size: 26px;
    }
    
    .cal-conference .control-group,
    .cal-conference .formly-field {
        margin: 0 auto 18px auto;
    }
    
    .cal-conference input:-webkit-autofill,
    .cal-conference input:-webkit-autofill:hover,
    .cal-conference input:-webkit-autofill:focus,
    .cal-conference input:-webkit-autofill:active,
    .cal-conference select:-webkit-autofill,
    .cal-conference select:-webkit-autofill:hover,
    .cal-conference select:-webkit-autofill:focus,
    .cal-conference select:-webkit-autofill:active {
        -webkit-background-clip: padding-box;
        -webkit-text-fill-color: #ffffff;
        transition: background-color 5000s ease-in-out 0s;
        background-color: #000000 !important;
        color: #ffffff !important;
    }
    
    .cal-conference select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .cal-conference .formly-field-select .controls:after {
        content: "\ea4e";
        font-family: remixicon;
        color: #fff;
    }
    .cal-conference.tickets .column>div {
        position: relative;
        display: flex;
        background-size: cover;
        padding: 40px 16px;
        flex-direction: column;
    }

    .cal-conference.tickets #custom-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1000;
        pointer-events: auto;
        background: #0000007d;
    }
    
    .cal-conference select::after {
        content: "\ea50";
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    /* .cal-conference .column > div > aside:before {
        content: "";
        width: 100vw;
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.17);
        } */
    .cal-conference.tickets .column>div>h2 {
        text-align: center;
        margin: 0 0 16px !important;
        padding: 0 !important;
    }
    
    .cal-conference.tickets .column>div>h2 small {
        font-family: var(--font-family-main);
        text-transform: none;
        margin-top: 0;
    }
    
    .cal-conference form {
        max-width: 900px;
        display: flex;
        gap: 16px;
        width: 100%;
        margin-inline: auto;
    }
    .cal-conference #payment-method form {
        flex-direction: column;
    }
    
    .cal-conference form .formly {
        width: 100%;
        transition: all .3s ease;
    }
    
    .cal-conference form .formly.with-price {
        width: 65%;
    }
    
    .cal-conference form .formly .formly-field {
        border-radius: var(--border-radius-cal-items-small);
        position: relative;
        background: linear-gradient(135deg, rgba(12, 238, 238, .2) 0%, rgba(252, 86, 49, .2) 100%);
    }
    
    .cal-conference form .formly .formly-field:empty {
        display: none;
    }
    
    .cal-conference form .formly .formly-field.firstname,
    .cal-conference form .formly .formly-field.company,
    .cal-conference form .formly .formly-field.attendant_1_name,
    .cal-conference form .formly .formly-field.attendant_2_name,
    .cal-conference form .formly .formly-field.attendant_3_name,
    .cal-conference form .formly .formly-field.attendant_4_name,
    .cal-conference form .formly .formly-field.attendant_5_name {
        border-radius: var(--border-radius-cal-items-small) var(--border-radius-cal-items-small) 0 0;
        margin: 0;
    }
    
    .cal-conference form .formly .formly-field.lastname,
    .cal-conference form .formly .formly-field.jobposition,
    .cal-conference form .formly .formly-field.attendant_1_lastname,
    .cal-conference form .formly .formly-field.attendant_2_lastname,
    .cal-conference form .formly .formly-field.attendant_3_lastname,
    .cal-conference form .formly .formly-field.attendant_4_lastname,
    .cal-conference form .formly .formly-field.attendant_5_lastname {
        border-radius: 0 0 var(--border-radius-cal-items-small) var(--border-radius-cal-items-small);
    }
    
    .cal-conference form .formly .formly-field.firstname:after,
    .cal-conference form .formly .formly-field.company:after,
    .cal-conference form .formly .formly-field.attendant_1_name:after,
    .cal-conference form .formly .formly-field.attendant_2_name:after,
    .cal-conference form .formly .formly-field.attendant_3_name:after,
    .cal-conference form .formly .formly-field.attendant_4_name:after,
    .cal-conference form .formly .formly-field.attendant_5_name:after {
        content: "";
        display: block;
        width: calc(100% - 40px);
        margin-inline: auto;
        height: 1px;
        background-color: #ffffff42;
    }
    
    .cal-conference form .formly .formly-field.will_attend {
        margin-bottom: 0;
    }
    
    .cal-conference form .formly .formly-field.will_attend input[type="checkbox"]:checked:before,
    .cal-conference form .formly .formly-field.agree input[type="checkbox"]:checked:before {
        content: "\eb97";
    }
    
    .cal-conference form .formly .formly-field.add_another_attendant_1 input[type="checkbox"]::before,
    .cal-conference form .formly .formly-field.add_another_attendant_2 input[type="checkbox"]::before,
    .cal-conference form .formly .formly-field.add_another_attendant_3 input[type="checkbox"]::before,
    .cal-conference form .formly .formly-field.add_another_attendant_4 input[type="checkbox"]::before,
    .cal-conference form .formly .formly-field.add_another_attendant_5 input[type="checkbox"]::before {
        content: "\ea11";
    }
    
    .cal-conference form .formly .formly-field.add_another_attendant_1 input[type="checkbox"]:checked:before,
    .cal-conference form .formly .formly-field.add_another_attendant_2 input[type="checkbox"]:checked:before,
    .cal-conference form .formly .formly-field.add_another_attendant_3 input[type="checkbox"]:checked:before,
    .cal-conference form .formly .formly-field.add_another_attendant_4 input[type="checkbox"]:checked:before,
    .cal-conference form .formly .formly-field.add_another_attendant_5 input[type="checkbox"]:checked:before {
        content: "\ee57";
    }
    
    .cal-conference form .formly .formly-field.will_attend,
    .cal-conference form .formly .formly-field.add_another_attendant_1,
    .cal-conference form .formly .formly-field.add_another_attendant_2,
    .cal-conference form .formly .formly-field.add_another_attendant_3,
    .cal-conference form .formly .formly-field.add_another_attendant_4,
    .cal-conference form .formly .formly-field.add_another_attendant_5 {
        color: #fff;
        background: transparent;
    }
    
    .cal-conference form .formly .formly-field.will_attend span,
    .cal-conference form .formly .formly-field.add_another_attendant_1 span,
    .cal-conference form .formly .formly-field.add_another_attendant_2 span,
    .cal-conference form .formly .formly-field.add_another_attendant_3 span,
    .cal-conference form .formly .formly-field.add_another_attendant_4 span,
    .cal-conference form .formly .formly-field.add_another_attendant_5 span {
        font-size: 18px;
        font-family: var(--font-family-main);
        text-transform: none;
    }
    
    .cal-conference form .formly .formly-field .validation {
        display: none;
    }
    
    .cal-conference form .formly .formly-field .controls {
        display: flex;
        gap: 10px;
        align-items: center;
        padding: 10px 20px;
    }
    
    .cal-conference form .formly .formly-field .controls * {
        color: #fff;
        text-align: left;
    }
    
    .cal-conference form .formly .formly-field .controls option {
        color: #000;
    }
    
    .cal-conference form .formly .formly-field .controls label {
        display: flex;
        margin-bottom: 0;
    }
    
    .cal-conference form .formly .formly-field:not(.formly-field-multiCheckbox) .controls label span {
        white-space: nowrap;
    }
    
    .cal-conference form .formly .formly-field .controls input,
    .cal-conference form .formly .formly-field .controls select,
    .cal-conference form .formly .formly-field .controls textarea{
        background: transparent;
        font-weight: 200;
    }
    
    .cal-conference form #stripe-total-price-container {
        width: 35%;
    }
    
    .cal-conference.tickets #payment-method {
        padding: 30px;
    }
    
    .cal-conference form .formly .formly-field.coupon {
        background: transparent;
        border: 1px solid #ffffff57;
    }
    
    .cal-conference form .formly .formly-field.coupon label {
        margin-bottom: 0;
    }
    
    .cal-conference form .formly .formly-field.coupon label span,
    .cal-conference form .formly .formly-field.coupon input {
        font-family: var(--font-family-main);
        text-transform: none;
        font-size: 22px;
    }
    
    .cal-conference form .formly .formly-field.agree {
        background: transparent;
    }
    
    .cal-conference form .formly label *{
        color: #fff;
    }
    .cal-conference #footer form .formly label a,
    .cal-conference form .formly label a {
        color: var(--light-blue);
    }
    .cal-conference #footer form .formly label a:hover ,
    .cal-conference form .formly label a:hover {
        color: var(--reason-green);
    }
    .cal-conference form .formly .formly-field.coupon .controls {
        align-items: center;
        margin-inline: auto;
    }
    
    .cal-conference form .formly .form-buttons {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        flex-direction: column;
    }
    
    .cal-conference form .formly .form-buttons button {
        border-radius: 40px;
        background: var(--culture-pink);
        color: #000;
        border: none;
        padding: 10px 28px;
        font-size: 17px;
    }
    .cal-conference form .formly .form-buttons button:hover {
        background: linear-gradient(91deg, #09FEF9 56%, #BEFE37 91%);
    }
    .cal-conference form .formly .form-buttons .tooltip {
        color: #fff;
    }
    
    .cal-conference.tickets #stripe-payment-form #submit {
        cursor: pointer;
        margin-top: 30px;
        border: none;
        color: #fff;
        background: var(--culture-pink);
        padding: 14px 20px;
        line-height: 1;
        border-radius: 30px;
        width: max-content;
    }
    
    .cal-conference.tickets #stripe-payment-form .u-color-primary {
        color: var(--electric-blue);
    }
    .cal-conference #signup-more-information {
        flex-direction: column;
        width: 100%;
        padding-inline: 16px;
    }
    .cal-conference #signup-more-information form .formly .formly-field.company {
        border-radius: var(--border-radius-cal-items-small);
        margin: 0 auto 24px auto;
    }
    .cal-conference #signup-more-information form .formly .formly-field.company:after{
        display: none;
    }
    .cal-conference #signup-more-information form .formly .formly-field.subscribe {
        background: transparent;
        text-align: left;
    }
    .cal-conference #signup-more-information form .formly .formly-field.subscribe span {
        color: #fff;
    }
    .cal-conference #signup-more-information form .formly .formly-field.PRESS {
        background: transparent;
    }
    .cal-conference #signup-more-information.custom-checkbox form .formly .formly-field.PRESS input[type="checkbox"]:checked::before {
        content: "\eb97";
    }
    .cal-conference #signup-more-information form .formly .formly-field.PRESS .controls {
        padding: 0;
    }

    /* Speakers */
    .cal-speakers #cal_speakers_all header {
        display: none;
        }
        .cal-speakers #cal_speakers {
        position: relative;
        }
    .cal-speakers #cal_speakers_all #cal_speakers:before {
        content: "SPEAKERS";
        transform: rotate(-90deg);
        font-size: 65px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.45px;
        text-transform: capitalize;
        display: inline-block;
        width: auto;
        background: linear-gradient(102deg, var(--light-blue) -31.14%, var(--reason-green) 110.8%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: absolute;
        transform-origin: bottom;
        left: -215px;
        top: calc(var(--header-height) + 90px);
    }
    .cal-speakers #cal_speakers_all li .ov-content {
        display: none;
    }
    .cal-speakers #cal_speakers_all li > a img {
        aspect-ratio: 1;
        object-fit: cover;
        object-position: top;
        width: 100%;
    }
    .cal-speakers #cal_speakers_all li .wrapper {
        padding-inline: 0;
    }
    .cal-speakers #cal_speakers_all li .wrapper h2 {
        text-transform: uppercase;
        font-size: 22px;
    }
    .cal-speakers #cal_speakers_all li .wrapper h2 small {
        color: var(--reason-green);
        font-weight: normal;
        margin-top: 4px;
        line-height: 1.2;
    }
    .cal-speakers #cal_speakers_all li .wrapper h2:nth-child(2),
    .cal-speakers #cal_speakers_all li .wrapper .events-data-json,
    .cal-speakers #cal_speakers_all li .wrapper .title_speakers_events {
        display: none;
    }
    .cal-speakers #modal-overlay-cal_speakers {
        max-width: 900px;
    }
    .cal-speakers #modal-overlay-cal_speakers .md-content {
        background-color: #000;
    }
    .cal-speakers #modal-overlay-cal_speakers .md-header {
        height: 0;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-container {
        display: flex;
        padding: 0;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-img img {
        min-height: 400px;
        object-fit: cover;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper {
        display: flex;
        width: 60%;
        padding: 30px 30px 20px;
        flex-direction: column;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper #ov-data-title {
        text-transform: uppercase;
        margin-top: 0;
        font-size: 24px;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper #ov-data-title small {
        color: var(--culture-pink);
        font-weight: 400;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper #ov-data-text {
        padding-top: 5em;
        display: flex;
        flex-direction: column;
        margin-inline: auto;
        margin-bottom: auto;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper #ov-data-text > * {
        color: #fff;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper #ov-data-text .title_speakers_events {
        font-weight: bold;
        margin-bottom: 6px;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper #ov-data-long-text {
        display: none;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper .speakers_linkedin {
        margin-left: auto;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper .speakers_linkedin:empty {
        display: none;
    }
    .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper .speakers_linkedin:before {
        content: "\eeb5";
        margin-right: 10px;
        color: #fff;
        font-size: unset;
        font-family: remixicon;
        padding: 6px;
        border-radius: 100%;
        background-color: var(--culture-pink);
    }
    .cal-speakers #modal-overlay-cal_speakers .md-close {
        color: var(--culture-pink);
        position: absolute;
        right: 20px;
        top: 14px;
    }
    .cal-speakers #modal-overlay-cal_speakers .md-close .fa-close:before {
        content: "\eb97";
        font-family: remixicon;
        font-size: 38px;
    }
    /* Home */
    .cal-conference #top-story {
        max-width: var(--max-width-cal);
        position: relative;
        margin-inline: auto;
    }
    
    .cal-conference #top-story iframe {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        aspect-ratio: 16 / 9;
    }
    .cal-conference #top-story .bg-vid video {
        width: 100% !important;
        object-fit: cover;
        min-height: 75svh;
    }
    .cal-conference #top-story .plus169 iframe {
        width: auto !important;
        height: 100% !important;
    }

        .cal-conference.home #top-story  {
        min-height: 75svh;
    }
    .cal-conference #top-story .ytplayer-container {
        height: 75svh;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .cal-conference #top-story.top-story-event video,
    .cal-conference #top-story.top-story-event,
    .cal-conference #top-story.top-story-event .ytplayer-container {
        height: calc(70svh - var(--header-height));
        min-height: auto;
    }
    
    .cal-conference #top-story .slide {
        background-color: #0000004f;
    }
    .cal-conference.dark #top-story .slide {
        background:linear-gradient(0deg, #000 5%, rgba(115, 115, 115, 0.00) 73%);
    }
    .cal-conference #top-story .slide-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .cal-conference #top-story .slide-content .slide-title {
        margin-bottom: 20px;
    }
    
    .cal-conference #top-story .slide-content .slide-title a p {
        background: linear-gradient(91deg, #09FEF9 56.54%, #BEFE37 76.96%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: block;
    }
    
    .cal-conference #top-story .slide-category {
        margin-top: 60px;
        letter-spacing: .5px;
    }

    .cal-conference .slide-category,
    .cal-conference .widget:not(#ca-events) .link-button a,
    .cal-conference .widget.link-button a{
        order: 2;
        background: var(--culture-pink);
        padding: 12px 20px;
        line-height: 1;
        border-radius: 30px;
        width: max-content;
        color: #000;
        border-color: transparent;
    }
    .column>.widget:not(.full-width):not(.widget-wrapper):not(#contact-text):not(#contact-view).link-button > a {
        width: fit-content;
        border: none
    }
    .cal-conference .widget:not(#ca-events) .link-button a:hover,
    .cal-conference .slide-category:hover,
    .cal-conference .widget.link-button a:hover {
        background: linear-gradient(126deg, #6a82ab -36.04%, #09FEF9 45.54%, #00ff0d 95.96%);
        transition: background .3s;
    }
    
    .cal-conference .link-button a {
        background: transparent;
        padding: 0;
    }
    
    .cal-conference #top-story .slide-content .slide-category:after {
        display: none;
    }
    
    .cal-conference #single-title {
        padding-inline: 16px;
    }
    
    .cal-conference #single-title h2 small {
        line-height: 1.2;
    }
    
    .cal-conference #immerse li {
        max-height: 650px;
        margin: 0;
    }
    
    .cal-conference #immerse .more-items-img {
        max-height: 60svh;
        object-fit: cover;
    }
    .cal-conference #immerse li > a {
        position: relative;
        z-index: 2;
        opacity: 0.1;
    }
    .cal-conference #immerse .wrapper {
        background: linear-gradient(45deg, rgba(27, 151, 178, 0.8) 0%, rgba(0, 255, 255, 0.8) 70%, rgba(191, 252, 62, 0.8) 100%);
        gap: 40px;
        padding-inline: 8vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .cal-conference #immerse .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #cdcbcb1f;
        z-index: -1;
    }
    
    .cal-conference #immerse .wrapper>h2 {
        width: 40%;
        font-family: var(--font-family-main);
        font-size: 48px;
        text-align: right;
    }
    
    .cal-conference #immerse .wrapper>p {
        width: 60%;
        font-size: 18px;
    }
    
    #upcoming-wrapper {
        position: relative;
    }

    #cal_event_info li .wrapper .more-items-long-text,
    #event_sessions_speakers ul li .wrapper .more-items-text .time_to_show {
        display: none;
    }
    
    #cal-event {
        height: max-content;
        padding: 0 50px 0 80px;
    }
    
    #cal-event ul .wrapper {
        padding-inline: 0;
    }
    
    #cal-event ul .wrapper .more-items-text {
        color: #fff;
        margin-top: 20px;
        font-size: 50px;
        font-family: var(--font-family-main);
    }
    
    #cal-event ul .wrapper .link-button {
        position: relative;
        left: 0;
        margin-top: 30px !important;
    }
    
    
    #cal_event_info li .wrapper {
        flex-direction: column-reverse;
    }
    
    #cal_event_info li .wrapper .more-items-text {
        color: var(--reason-green);
        font-weight: 600;
        font-size: 20px;
        text-transform: uppercase;
    }
    
    #tab-sessions-speakers {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #tab-sessions-speakers header .tabs {
        padding-left: 8px;
        border-left: 1px solid var(--neutral-grey-cal);
        border-bottom: 1px solid var(--neutral-grey-cal);
        position: relative;
    }
    
    #tab-sessions-speakers header .tabs li {
        position: relative;
    }
    
    #tab-sessions-speakers header .tabs li:not(:last-child):after {
        content: "";
        height: 50%;
        background-color: var(--neutral-grey-cal);
        width: 1px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
    #tab-sessions-speakers .tabs-content {
        height: 100%;
        overflow: auto;
        border-left: 1px solid var(--neutral-grey-cal);
    }
    
    #tab-sessions-speakers .tabs-content>.widget {
        height: 100%;
        padding: 0;
    }
    
    #tab-sessions-speakers .tabs-content .widget-title {
        display: none;
    }
    
    #tab-sessions-speakers .tabs-content ul {
        height: 100%;
        padding-left: 14px;
    }
    
    #tab-sessions-speakers .tabs-content ul li {
        position: relative;
    }
    
    #tab-sessions-speakers .tabs-content ul li:not(:first-child):after {
        content: "";
        height: 1px;
        background-color: var(--neutral-grey-cal);
        width: 100%;
        position: absolute;
        left: 20px;
    }
    
    #tab-sessions-speakerss .tabs-content .widget-title {
        display: none;
    }
    
    .cal-conference #cal_speakers_info li {
        margin: 0;
    }
    
    .cal-conference #cal_speakers_info li .wraper {
        padding-top: 28px;
    }
    
    .cal-conference .speaker-data-json {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
    }
    
    .cal-conference .speaker-data-json>div {
        width: calc(50% - 15px);
    }
    
    .cal-conference .speaker-data-json>div .speaker-info h3 {
        font-size: 22px;
        text-transform: uppercase;
        margin-bottom: 0px;
        line-height: 1.1;
    }
    .cal-conference.dark .speaker-info p,
    .cal-conference .speaker-info p {
        margin-top: 6px;
        text-transform: uppercase;
        color: var(--reason-green);
        font-weight: 400;
        line-height: 1.2;
    }
    
    .cal-conference #press-releases {
        position: relative;
        box-shadow: 0px -16px 30px -10px rgba(0, 0, 0, 0.1);
    }
    
    .cal-conference #press-releases .widget {
        padding: 0;
    }
    
    .cal-conference #press-releases .more-items-list {
        border-bottom: 1px solid var(--neutral-grey-cal);
    }
    
    .cal-conference #press-releases .owl-item:after {
        content: "";
        width: 1px;
        height: 96%;
        background-color: var(--neutral-grey-cal);
        position: absolute;
        right: -25px;
    }
    
    .cal-conference #press-releases .more-items-item .wrapper {
        padding-inline: 0;
    }
    
    .cal-conference #press-releases .more-items-time {
        margin-top: 4em;
        order: revert;
        color: var(--reason-green);
    }
    .cal-conference #press-releases .more-items-time .date-time {
        display: none;
    }
    
    .cal-conference #ca-events .more-items-list {
        max-width: 100% !important;
    }
    
    .cal-conference #ca-events .more-items-item {
        max-height: 614px;
        border-radius: var(--border-radius-cal-items);
    }
    
    .cal-conference #ca-events .more-items-item .wrapper {
        justify-content: flex-end;
        background:linear-gradient(337deg, #0BC112 0.06%, rgba(243, 169, 33, 0.60) 42.56%, rgb(0 0 0 / 24%) 64.94%);
        padding-bottom: 30px;
        padding-inline: 35px;
    }
    
    .cal-conference #ca-events .more-items-item .wrapper>* {
        font-family: var(--font-family-main);
    }
    
    .cal-conference #ca-events .more-items-item .wrapper>h2 {
        font-size: 22px;
        margin-bottom: 0;
        text-transform: uppercase;
    }
    
    .cal-conference #ca-events .more-items-item .wrapper>h2 a {
        color: var(--reason-green);
    }
    .cal-conference #ca-events .more-items-item .wrapper .date {
        text-transform: uppercase;
        color: var(--reason-green);
        font-size: 14px;
        padding-right: 5px;
        border-right: 2px solid #fff;
    }
    .cal-conference #ca-events .more-items-item .wrapper .date:after {
        /* content: "";
        width: 1px;
        height: 5px;
        background-color: #fff; */
    }
    .cal-conference #ca-events .more-items-item .wrapper .location {
        font-size: 14px;
        margin-top: 0;
        padding-left: 5px;
    }
    .cal-conference #ca-events .more-items-item .wrapper .more-items-text {
        font-size: 38px;
        max-width: 230px;
        line-height: 1;
        border-bottom: 1px solid var(--transparent-white-cal);
        padding-bottom: 10px;
        text-transform: uppercase;
    }
    
    .cal-conference #ca-events .more-items-item .wrapper .more-items-category {
        color: var(--reason-green);
        font-size: 58px;
        line-height: 1;
        font-family: var(--font-family-text);
        position: absolute;
        top: 18px;
        right: 22px;
    }
    
    .cal-conference #ca-events .more-items-item .wrapper .link-button {
        position: relative;
        padding-top: 14px;
        left: 0;
    }
    
    .cal-conference #ca-events .more-items-item .wrapper .link-button a {
        background: transparent;
        font-family: var(--font-family-text);
        font-weight: 100;
        font-size: 18px;
        text-align: left;
        padding-left: 0;
        white-space: normal;
    }
    .cal-conference #ca-events .more-items-item .wrapper .more-items-long-text {
        margin-top: 20%;
        margin-bottom: 0;
        height: 55px;
    }
    .cal-conference #ca-events .more-items-item .wrapper .collaborator-data-json:before {
        content: "Presented by:";
        display: block;
        text-align: right;
        font-size: 14px;
        font-weight: 100;
        font-family: var(--font-family-text);
        margin-bottom: 10px;
        position: absolute;
        top: -27px;
    }
    .cal-conference #ca-events .more-items-item.london-10 .wrapper .collaborator-data-json:before {
        content: "Presented by:";
    }
    .cal-conference #ca-events .more-items-item .wrapper .collaborator-data-json {
        height: 55px;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        position: relative;
    }
    .cal-conference #ca-events .more-items-item .wrapper .collaborator-data-json:empty {
        display:none
    }
    .cal-conference #ca-events .more-items-item .wrapper .collaborator-data-json img {
        height: 100%;
        width: auto;
        object-fit: contain;
        object-position: right;
        max-width: 50%;
    }
    #products-wrapper {
        padding-bottom: 7em;
        position: relative;
    }
    #products-wrapper:after {
        content: "";
        background: url(../img/cal/cal-involved-frame.png);
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100%;
        max-width: 1920px;
        height: 100%;
        width: 100vw;
        left: 0;
    }
    
    #products-wrapper .more-items-list {
        max-width: 650px;
    }
    
    #products-wrapper .more-items-item {
        border-radius: var(--border-radius-cal-items-small);
        text-align: center;
    }
    
    #products-wrapper .more-items-item .wrapper {
        padding: 24px;
    }
    
    #products-wrapper .more-items-item .wrapper .more-items-text {
        color: #fff;
        font-family: var(--font-family-main);
    }
    #products-wrapper #cal_product_info .more-items-item {
        text-align: left;
    }
    #products-wrapper #cal_product_info .more-items-item ul {
        padding-left: 20px;
        font-weight: bold;
    }
    #products-wrapper #cal_product_info .more-items-item .wrapper .more-items-text {
        text-align: left;
    }
    #products-wrapper #cal_product_info .wrapper {
        background: linear-gradient(135deg, rgba(12, 238, 238, .2) 0%, rgba(252, 86, 49, .2) 100%);
    }
    
    
    #products-wrapper .more-items-item .wrapper .more-items-long-text {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .cal-conference #ca-banner-price {
        height:30svh ;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .cal-conference #ca-banner-price ul {
        height: 80%;
    }
    .cal-conference:not(.dark) #ca-banner-price {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(102deg, rgba(12, 238, 238, 0.20) -31.14%, rgba(252, 86, 49, 0.20) 110.8%);
    }
    .cal-conference #ca-banner-price ul li {
        margin-bottom: 0;
        aspect-ratio: 16/9;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(102deg, rgba(12, 238, 238, 0.20) -31.14%, rgba(252, 86, 49, 0.20) 110.8%);
        width: calc(25% - var(--gap));
        border: 1px solid #0ceeee30;
    }
    .cal-conference #ca-banner-price ul li:hover {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgb(0 0 0 / 0%) 100%), linear-gradient(102deg, rgb(12 238 238 / 34%) -31.14%, rgb(252 86 49 / 17%) 110.8%);
    }
    .cal-conference #ca-banner-price ul li .wrapper {
        background-color: transparent;
    }
    
    .cal-conference #ca-banner-price ul li .wrapper .more-items-category {
        color: #141261;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
        /* 130% */
        text-transform: uppercase;
        font-family: var(--font-family-main);
    }
    .cal-conference.dark #ca-banner-price ul li .wrapper .more-items-category {
        color: #fff;
    }
    .cal-conference #ca-banner-price ul li .wrapper .more-items-long-text {
        color: #141261;
        font-family: var(--font-family-main);
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 166.667% */
        letter-spacing: 0.12px;
        text-transform: uppercase;
        opacity: 0.6;
    }
    .cal-conference.dark #ca-banner-price ul li .wrapper .more-items-long-text {
        color:rgba(255,255,255,0.6)
    }
    .cal-conference #ca-banner-price ul li .wrapper .link-button {
        background-color: transparent;
        padding: 0;
        bottom: var(--wrapper-padding);
        right: var(--wrapper-padding);
        left: auto;
    }
    
    .cal-conference #ca-banner-price ul li .wrapper .link-button a {
        color: var(--electric-blue);
    }
    
    .cal-conference #cal-products .widget-title {
        margin-bottom: 40px;
        margin-left: 0 !important;
        text-align: center;
    }
    
    .cal-conference #cal-products .widget-title a {
        display: flex;
        flex-direction: column;
    }
    
    .cal-conference #cal-products .widget-title a small {
        line-height: 1;
        font-family: var(--font-family-main);
    }
    
    .cal-conference #cal-products ul {
        justify-content: center;
    }
    
    .cal-conference #cal-products ul li {
        align-items: center;
        background: linear-gradient(135deg, rgba(12, 238, 238, .2) 0%, rgba(252, 86, 49, .2) 100%);
        border: 1px solid #0ceeee30;
    }
    /* Event */
    #more-presented .more-items-list {
        justify-content: center;
    }
    /* Felix leadership */
    .leadership #top-story {
        border-bottom: 1px solid #ebebeb;
    }
    
    .leadership #top-story ul li {
        max-height: 214px;
    }
    
    .leadership #top-story ul li .wrapper {
        background-image: url(../img/bg-icon-big_hero-slim-light.svg);
        background-size: 50% 100%;
        background-repeat: no-repeat;
        background-position: right;
        background-color: #fff;
    }
    
    .leadership #top-story>ul>li .wrapper h2 a {
        color: var(--text-color);
    }
    
    #leadership-items ul li {
        align-items: center;
        padding: 6rem 4rem;
        margin: 0;
    }
    
    #leadership-items ul li .wrapper {
        padding-left: 3em;
    }
    
    #leadership-items .more-items-item .more-items-text {
        margin: 0;
        font-family: var(--font-family-main);
        color: var(--electric-blue);
        font-size: 2.4rem;
        line-height: 1;
        order: 0;
    }
    
    #leadership-items .more-items-item .wrapper>h2 {
        margin: 0;
        font-family: var(--font-family-main);
        order: 1;
        font-size: 4rem;
    }
    
    #leadership-items .more-items-item .more-items-long-text {
        order: 2;
    }
    
    #leadership-items .more-items-item .link-button {
        order: 3;
        position: revert;
    }
    
    #leadership-items .more-items-item .link-button a {
        padding: 1.2rem 2.4rem;
        background-color: var(--electric-blue);
        color: var(--body-bg);
        border-radius: 4rem;
    }
    
    /* Event */

    
    /* FELIX mirage*/
    body.mirage table td,
    body.mirage table th {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        border-bottom: none;
    }
    
    #mirage-overlay-email-preview .ng-binding>div {
        border-radius: 20px;
        max-height: 70svh;
        overflow: auto;
    }
    
    #mirage-overlay-email-preview .overlay-content {
        padding-bottom: 0 !important;
    }
    
    .mirage-loading-container {
        position: absolute;
        display: flex;
        width: 190px;
        background: var(--electric-blue);
        height: 7px;
        left: 0;
        z-index: 2;
        top: var(--header-height);
        animation: loadingContainer 1s infinite linear;
    }
    
    @keyframes loadingContainer {
        0% {
        transform: translateX(-1vw);
        }
    
        100% {
        transform: translateX(100vw);
        }
    }
    
    #mirage-container {
        margin-top: var(--header-height);
        --gap: 3px;
    }
    
    #mirage-container .more-items-list button {
        cursor: pointer;
        border: none;
        background: transparent;
    }
    
    #mirage-container .more-items-list {
        min-height: calc(100svh - var(--header-height));
    }
    
    #mirage-container .more-items-list .more-items-item {
        padding: 20px 0;
        justify-content: flex-start;
        background-color: var(--related-content-color);
    }
    
    #mirage-container .more-items-list>.button-items {
        display: flex !important;
        justify-content: flex-start;
        align-items: flex-start;
        z-index: 9999;
        position: fixed;
        left: 300px;
        top: calc(var(--header-height) - var(--header-height) / 3 - 9px);
    }
    
    #mirage-container .more-items-list>.button-items>div:hover .submenu {
        display: flex;
    }
    
    #mirage-container .more-items-list>.button-items .submenu {
        display: none;
        position: absolute;
        flex-direction: column;
    }
    
    #mirage-container .more-items-list>.button-items .submenu button:hover {
        background-color: var(--neutral-light-3);
    }
    
    #mirage-container .more-items-list>.button-items button {
        padding: 6px 14px;
        color: var(--text-color);
        text-align: left;
        background-color: #fff;
        /* border-radius: 20px;
            background: var(--electric-blue); */
    }
    
    #mirage-container .more-items-list>.button-items button:after {
        color: var(--text-color);
        font-size: 18px;
        margin-left: 8px;
        font-family: 'remixicon' !important;
    }
    
    #mirage-container .more-items-list>.button-items button.export-button:after {
        content: "\ecd9";
    }
    
    #mirage-container .more-items-list>.button-items button.send-email-button:after {
        content: "\eefc";
    }
    
    #mirage-container .more-items-list>.button-items button.send-sms-button:after {
        content: "\ef48";
    }
    
    .hide {
        display: none;
    }
    
    #mirage-container .title-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 20px;
        border-bottom: 1px solid white;
    }
    
    #mirage-container .title-container>button {
        display: none;
    }
    
    #mirage-container .mirage-item-title {
        margin: 0;
        font-size: 18px;
        font-weight: normal;
    }
    
    #mirage-container .mirage-item-title:before {
        margin-right: 4px;
        content: "\ed6a";
        font-family: 'remixicon' !important;
    }
    
    #mirage-container .mirage-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #mirage-container .mirage-item {
        display: flex;
        gap: 4px;
        cursor: pointer;
        border-bottom: 1px solid white;
        padding: 10px 20px;
        font-size: 19px;
        font-weight: bold;
        justify-content: space-between;
    }
    
    #mirage-container .mirage-item.selected-item {
        background-color: var(--light-blue);
        transition: all .3s ease;
    }
    
    #mirage-container .mirage-list-button {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    #mirage-container .mirage-list-button:before {
        color: var(--neutral-dark-4);
        width: 40px;
        height: 40px;
        font-size: 30px;
        content: "\ea11";
        font-family: 'remixicon' !important;
    }
    
    #mirage-container .mirage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    #mirage-container .mirage-edit-button:after {
        color: var(--text-color);
        font-size: 22px;
        margin-left: 4px;
        content: "\efe0";
        font-family: 'remixicon' !important;
    }
    
    #mirage-container .mirage-item>span {
        line-height: 1.9;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .mirage-overlay {
        opacity: 0;
        visibility: hidden;
        background: #fff;
        position: fixed;
        top: var(--header-height);
        right: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        max-width: var(--max-width-column);
        border-radius: 20px;
        max-height: calc(96svh - var(--header-height));
        margin: auto;
    }
    
    .mirage-overlay.show {
        opacity: 1;
        visibility: visible;
        transition: all 0.3s var(--easing);
    }
    
    .mirage-overlay .loading {
        height: 6px;
        background-color: #03c21c;
        position: relative;
        animation: loadingAnimation 5s forwards;
    }
    
    .mirage-overlay .loading.delete {
        background-color: #ff0000;
    }
    
    @keyframes loadingAnimation {
        0% {
        width: 0;
        }
    
        100% {
        width: 100%;
        }
    }
    
    .mirage-overlay>.error {
        padding: 10px 50px;
        color: #ff0000;
    }
    
    .mirage-overlay .overlay-content {
        height: 100%;
        position: relative;
        z-index: 99999;
        background: #fff;
        border-radius: 20px;
    }
    
    .mirage-overlay .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--electric-blue);
        border-radius: 20px 20px 0 0;
        padding: 20px 50px;
    }
    
    .mirage-overlay .header h2 {
        margin: 0;
        color: #fff;
    }
    
    .mirage-overlay .header button {
        cursor: pointer;
        background-color: #fff !important;
        border-radius: 100px;
        border: 0;
        display: flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
    }
    
    .mirage-overlay .header button:after {
        color: var(--electric-blue);
        font-size: 30px;
        content: "\eb99";
        font-family: 'remixicon' !important;
    }
    
    .mirage-overlay .content {
        max-height: 70svh;
        gap: 2em;
        overflow: auto;
        padding: 30px 50px;
        display: flex;
        justify-content: space-between;
    }
    
    .mirage-overlay .content .form {
        width: 60%;
    }
    
    .mirage-overlay .content .form label {
        text-transform: none;
        font-weight: 600;
        font-size: 16px;
        color: var(--dark-bg);
    }
    
    .mirage-overlay .content .form input,
    .mirage-overlay .content .form select {
        border: 1px solid var(--neutral-light-5);
        border-radius: var(--border-radius-form);
        margin-bottom: 22px;
        padding-inline: 8px;
        width: 100%;
        max-width: 100%;
        height: 44px;
    }
    
    .mirage-overlay .content .form input.ng-invalid-required,
    .mirage-overlay .content .form select.ng-invalid-required {
        border: 1px solid #ff0000;
    }
    
    .mirage-overlay .content .form .form-group.city {
        margin-bottom: 20px;
    }
    
    .mirage-overlay .content .form .form-group.city input {
        color: var(--titles-color);
        margin: 0;
    }
    
    .mirage-overlay .content .form .form-group.city ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border-radius: 6px;
        box-shadow: 0px 3px 7px -2px rgba(117, 117, 117, 0.5);
    }
    
    .mirage-overlay .content .form .form-group.city ul li {
        cursor: pointer;
        padding: 12px 10px;
        transition: background-color 0.1s var(--easing);
    }
    
    .mirage-overlay .content .form .form-group.city ul li:hover {
        background-color: var(--neutral-light-2);
    }
    
    .mirage-overlay .content .form .form-group.time {
        display: flex;
        gap: 24px;
    }
    
    .mirage-overlay .content .form .form-divider .fa-spinner {
        align-self: auto;
        margin-bottom: 12px;
        top: 42px;
        right: 8px;
    }
    
    .mirage-overlay .content .form .form-group.time .form-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .mirage-overlay .content .form .form-group>div {
        color: var(--titles-color);
        position: relative;
    }
    
    .mirage-overlay .content .form .form-group i {
        position: absolute;
        right: -26px;
        top: 12px;
    }
    
    .mirage-overlay .content .form .form-group>.checkbox {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }
    
    .mirage-overlay .content .form .form-group>label:not(:first-child) {
        font-weight: normal;
        font-size: 14px;
    }
    
    .mirage-overlay .content .form .form-group>.checkbox input {
        width: 16px;
        margin: 0 12px 4px;
    }
    
    .mirage-overlay .content .form-group.buttons {
        display: flex;
        flex-direction: column;
        gap: 14px;
        width: 40%;
    }
    .mirage-overlay .content .form-group.buttons > div .submenu {
        display: none;
        padding-top: 14px;
        gap:14px;
        background: var(--electric-blue);
        border-radius: 20px;
        padding: 14px 20px;
        margin-top: 14px;
    }
    .mirage-overlay .content .form-group.buttons > div:hover .submenu {
        display: flex;
    }
    .mirage-overlay .content .form-group.buttons > div .submenu .btn {
        border-color: white;
        color: white;
    }
    
    .mirage-overlay .content .form-group.buttons .btn {
        color: #ff0000;
        background: transparent;
        border: 2px solid #ff0000;
        padding-inline: 36px;
        line-height: 1.6;
        border-radius: 100px;
        width: 100%;
    }
    
    .mirage-overlay .content .form-group.buttons .btn.btn-save {
        color: #03c21c;
        border-color: #03c21c;
    }
    
    .mirage-overlay .content .form-group.buttons .btn.btn-save[disabled] {
        opacity: .4;
    }
    
    .mirage-overlay .content .form-group.buttons .btn.export-button {
        display: inline-block !important;
        color: var(--electric-blue);
        border-color: var(--electric-blue);
    }
    
    .mirage-overlay .content .form-group.buttons .btn:before {
        font-family: remixicon;
        font-size: 16px;
        margin-right: 4px;
        font-weight: normal;
    }
    
    .mirage-overlay .content .form-group.buttons .btn-save:before {
        content: "\ec86";
    }
    
    .mirage-overlay .content .form-group.buttons .btn-save.btn-preview:before {
        content: "\ecb5";
    }
    
    .mirage-overlay .content .form-group.buttons .btn-cancel:before {
        content: "\eb97";
    }
    
    .mirage-overlay .content .form-group.buttons .btn-delete:before {
        content: "\ec2a";
    }
    
    .mirage-overlay .content .form-group.buttons .export-button:before {
        content: "\ecd9";
    }
    
    .mirage-overlay-dark {
        position: fixed;
        top: 0;
        z-index: 99998;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
        height: 100%;
    }
    
    #mirage-overlay-confirm-delete {
        max-width: 600px;
    }
    
    #mirage-overlay-confirm-delete form {
        flex-direction: column;
        gap: 20px;
    }
    
    #mirage-overlay-confirm-delete .form-group.buttons {
        flex-direction: row;
    }
    
    #auth0-search-container {
        margin-top: var(--header-height);
        background-color: #F0F0F0;
    }
    
    #auth0-search-container .content {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: calc(100svh - var(--header-height));
        align-items: center;
        padding: 80px 0;
    }
    
    #auth0-search-container .search-group {
        width: 90%;
        max-width: 520px;
        display: flex;
        position: relative;
        align-items: center;
    }
    
    #auth0-search-container .search-group .btn {
        position: absolute;
        border-radius: 60px;
        padding: 7px 28px;
        color: #fff;
        background: var(--electric-blue);
        right: 7px;
    }
    
    #auth0-search-container .search-group input {
        border-radius: 60px;
        padding-inline: 20px;
    }
    
    #auth0-search-container .search-group input:focus {
        background: revert;
    }
    
    #auth0-search-container .content .users-list {
        display: flex;
        margin: 40px auto 0;
        flex-direction: column;
        padding: 0;
        width: 90%;
        max-width: 520px;
    }
    
    #auth0-search-container .content .widget-title {
        color: var(--electric-blue);
    }
    
    #auth0-search-container .content .users-list>li {
        flex-direction: row;
        background: #e8e8e8;
        flex-wrap: nowrap;
        margin-inline: 0;
        padding: 20px;
        border-radius: var(--border-radius-form);
    }
    
    #auth0-search-container .content .users-list .users-info h2 {
        margin: 0 0 6px;
        font-weight: 900;
    }
    
    #auth0-search-container .content .users-list .users-info h3 {
        margin: 18px 0 4px;
    }
    
    #auth0-search-container .content .users-list .btn-cancel {
        align-self: start;
        margin-right: 12px;
        border-radius: 14px;
    }
    
    #auth0-search-container .user-searching {
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    
    #auth0-search-container .user-searching::after {
        content: "\eec6";
        font-family: remixicon;
        font-size: 100px;
        color: var(--electric-blue);
        animation: rotateSpinner 1s infinite linear;
    }
    
    #auth0-search-container .auth0-delete-success {
        color: #ff0000;
        font-weight: 400;
    }
    
    #auth0-search-container .auth0-delete-in-progress {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    #auth0-search-container .auth0-delete-in-progress::before {
        content: "\eec6";
        font-size: 30px;
        font-family: remixicon;
        color: #ff0000;
        animation: rotateSpinner 3s infinite linear;
    }
    
    @keyframes rotateSpinner {
        from {
        transform: rotate(0deg);
        }
    
        to {
        transform: rotate(360deg);
        }
    }
    
    /* Felix press releases */
    body.press-releases #mediacenter-press-releases header {
        margin-top: 25px;
        position: relative;
        top: unset;
        left: unset;
        margin-inline: var(--gap);
    }
    
    body.press-releases #mediacenter-press-releases header .search-container .controls {
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        height: 100%;
    }
    
    body.press-releases #mediacenter-press-releases header .search-container .control-group {
        width: 100%;
        max-width: 560px;
    }
    
    body.press-releases #mediacenter-press-releases header .search-container .controls i {
        color: #9C9C9C;
        font-size: 30px;
        line-height: .5;
        position: absolute;
        left: 14px;
    }
    
    body.press-releases #mediacenter-press-releases header .search-container .controls input {
        border: 1px solid #9C9C9C;
        border-radius: 40px;
        font-size: 24px;
        color: #9C9C9C;
        padding: 8px 20px 8px 50px;
        text-align: left;
        width: 100%;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }
    
    body.press-releases #mediacenter-press-releases {
        padding-bottom: 20px !important;
        padding-top: 30px;
        padding-inline: 20px;
    }
    
    body.press-releases #mediacenter-press-releases .more-items-item .more-items-time {
        color: #b7b7b7;
        order: 0;
    }
    
    body.press-releases #mediacenter-press-releases .more-items-item .wrapper {
        justify-content: flex-end;
    }
    
    #press-releases.landing-news #content-press-releases .more-items-time {
        color: var(--dark-text-color);
        order: 0;
    }
    
    #press-releases.landing-news #content-press-releases .wrapper {
        justify-content: flex-end;
    }
    
    /* #press-releases.landing-news .wrapper {
            justify-content: flex-end;
        } */
    /* Felix Coming Soon */
    .coming-soon #header {
        display: none;
    }
    
    .coming-soon #footer {
        display: none;
    }
    
    body.coming-soon {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-image: url('../img/coming-soon-bg.jpg');
        background-size: cover;
        background-position: center;
    }
    
    .coming-soon .content {
        display: flex;
        align-items: flex-start;
        margin-left: 16vw;
        width: 43vw;
        margin-top: 9vw;
        flex-direction: column-reverse;
    }
    
    .coming-soon .content .wrapper {
        display: none;
    }
    
    .coming-soon .content .more-items-list {
        margin-bottom: 10px;
    }
    
    .coming-soon .content .more-items-img {
        max-width: 420px;
    }
    
    .coming-soon .content .widget-title * {
        font-family: var(--font-family-text) !important;
        text-transform: none;
        color: var(--dark-text-color);
        font-weight: 100;
        line-height: 2;
        font-size: 18px;
    }
    
    .coming-soon .content .widget-title p:first-child {
        margin-bottom: 20px;
    }
    
    .coming-soon .content .widget-title a {
        text-decoration: underline;
        text-decoration-thickness: -0.9em;
        text-underline-offset: 0.2em;
    }
    
    .coming-soon .content p {
        margin: 0;
    }
    
    .landing-news .widget-title::after {
        color: var(--electric-blue);
        content: "\F3d1";
        font-family: "Ionicons";
        padding-left: 3rem;
    }
    
    .latest-media .widget-title::after {
        color: var(--electric-blue);
        content: "\f3d1";
        font-family: "Ionicons";
        padding-left: 3rem;
    }
    
    .documents .widget-title::after {
        color: var(--electric-blue);
        content: "\F3d1";
        font-family: "ionicons";
        padding-left: 3rem;
    }
    
    .landing-news.blue-bg .widget-title::after {
        color: var(--light-blue);
    }
    
    .landing-news:not(.onyx-bg) .more-items-item .wrapper {
        padding: 20px 0;
    }
    
    .landing-news.blue-bg .more-items-item .wrapper {
        background: var(--text-color);
    }
    
    .landing-news.blue-bg .more-items-item .more-items-time {
        color: var(--main-color-text);
    }
    
    .landing-news #content-press-releases .more-items-time {
        color: var(--main-color-text);
    }
    
    .landing-news #content-press-releases .more-items-item .wrapper {
        background: var(--text-color);
    }
    
    .landing-news #content-press-releases {
        background: var(--text-color);
    }
    
    .landing-news #content-press-releases .more-items-item h2 {
    
        color: var(--main-color-text);
    }
    
    .landing-news.blue-bg .more-items-item h2 {
    
        color: var(--main-color-text);
    }
    
    .landing-news .more-items-item h2 {
        font-weight: 400;
        padding-bottom: 4rem;
    }
    
    .landing-news .more-items-item .wrapper .date-time {
        display: none;
    }
    
    .notifications {
        overflow: hidden;
        display: none;
    }
    
    .notifications.active {
        display: flex;
    }
    
    .notifications .widget-title {
        padding: 0 0 0 40px;
        margin: 0;
        flex: none;
        width: 80px;
    }
    
    .notifications .wrapper {
        padding: 10px;
        overflow: auto;
        white-space: nowrap;
        display: block;
        width: calc(100% - 80px);
    }
    
    .notifications .more-items-item {
        margin: 0;
    }
    
    .notifications.violet-bg .more-items-item {
        background: transparent;
    }
    
    .notifications.violet-bg .wrapper * {
        color: #ffffff;
    }
    
    .notifications.violet-bg .wrapper p {
        margin: 3px 0 7px;
        font-size: 16px;
    }
    
    .notifications.violet-bg .wrapper a {
        text-decoration: underline;
    }
    
    .notifications .widget-title>a {
        display: none;
    }
    
    .notifications .widget-title:before {
        content: "\f1f9";
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 30px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 30px;
        height: 30px;
        font-size: 30px;
    }
    
    
    .events-menu {
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1;
        height: 80px;
    }
    
    .events-menu .widget {
        padding: 0;
    }
    
    .events-menu .no-results-container {
        font-size: 24px;
        padding: 20px 0;
    }
    
    .events-menu ul {
        display: none;
    }
    
    .events-menu ul.owl-loaded {
        display: flex;
        align-items: center;
    }
    
    .events-menu ul {
        height: 80px;
    }
    
    .events-menu ul .more-items-item {
        cursor: pointer;
        justify-content: center;
    }
    
    .events-menu .owl-item:hover {
        opacity: 1;
    }
    
    .events-menu ul .more-items-item>a:not(.all-box-link),
    .events-menu ul .more-items-item>.more-items-img-container {
        width: 26px;
        margin-right: 10px;
        flex: none;
    }
    
    .events-menu .more-items-text,
    .events-menu .more-items-short-text {
        font-size: 12px;
        line-height: 1;
    }
    
    .events-menu .more-items-item .wrapper>* {
        margin: 1px 0;
    }
    
    .events-menu .wrapper {
        padding: 0 !important;
        flex: none;
        /* margin-top:-5px; */
    }
    
    .events-menu .wrapper h2 {
        font-size: 18px;
        margin: 0;
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
    }
    
    .events-menu .owl-item {
        opacity: .5;
    }
    
    .events-menu .owl-item.center .more-items-item {
        border-right: 1px solid rgba(255, 255, 255, .4);
        border-left: 1px solid rgba(255, 255, 255, .4);
    
    
    }
    
    .events-menu .owl-item.center .more-items-text,
    .events-menu .owl-item.center .more-items-short-text {
        display: block;
    }
    
    .events-menu .owl-item.center .wrapper h2 {
        font-size: 20px;
    }
    
    .events-menu .owl-item.center {
        opacity: 1;
    }
    
    .events-menu ul .owl-item.center .more-items-item>a:not(.all-box-link),
    .events-menu ul .owl-item.center .more-items-item>.more-items-img-container {
        width: 55px;
    }
    
    .events-menu .owl-theme.owl-carousel .owl-nav {
        pointer-events: none;
        width: auto;
        left: 20px;
        right: 20px;
    }
    
    .events-menu .owl-theme.owl-carousel .owl-nav>* {
        pointer-events: all;
    }
    
    .events-menu .owl-carousel .owl-nav button.owl-next::before,
    .events-menu .owl-carousel .owl-nav button.owl-prev::before {
        font-size: 50px;
    }
    
    .events-menu .owl-theme.owl-carousel .owl-nav [class*="owl-"] {
        background: transparent !important;
        margin: 0;
    }
    
    .hide-selector #header .season-selector {
        display: none;
    }
    
    #header .season-selector {
        height: 70%;
        margin: auto 10px auto 0;
        border-right: 1px solid #dddddd;
    }
    
    #header .season-selector .dropdown {
        margin-right: 20px;
        border-radius: var(--border-radius-form);
        background-color: var(--electric-blue);
    }
    
    #header .season-selector .dropdown:hover {
        border-radius: var(--border-radius-form) var(--border-radius-form) 0 0;
    }
    
    .season-selector .dropdown {
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    #header .season-selector .dropdown>a {
        color: white;
        font-weight: bold;
        padding: 0 10px;
    }
    
    .season-selector .dropdown:not(#languages) .submenu {
    
        right: 0;
        left: auto;
        margin-left: 0;
        width: 105px;
    }
    
    .submenu li:last-child {
        border-radius: 0 0 var(--border-radius-form) var(--border-radius-form);
        overflow: hidden;
    }
    
    .season-selector .submenu a {
        color: var(--header-text);
    }
    
    #topSearch {
        margin-top: 20px;
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
        display: none;
    }
    
    #topSearch .search-bar {
        background: #ffffff;
        border-radius: 25px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        overflow: hidden;
        padding: 0 5px 0 20px;
        height: 52px;
    }
    
    #topSearch .search-bar .control-group {
        margin: 0;
        width: auto;
    }
    
    #topSearch .search-bar .control-group .controls {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        height: 100%;
    }
    
    #topSearch .search-bar .control-group .input-block-level {
        border: none;
        font-size: 24px;
        color: #9C9C9C;
        text-align: left;
        width: 100%;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }
    
    #topSearch .search-bar .control-group .input-block-level::placeholder {}
    
    #topSearch .search-bar .control-group i {
        color: #9C9C9C;
        font-size: 30px;
        margin-right: 20px;
        line-height: .5;
    }
    
    #topSearch .search-bar>a {
        color: #ffffff;
        flex: none;
        padding: 5px 20px;
        border-radius: 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 42px;
        margin: auto 0;
        display: none;
    }
    
    #topSearch .search-bar>a i {
        margin-left: 10px;
        font-size: 28px;
        line-height: .5;
    }
    
    #topSearch .search-bar>a span {
        font-size: 14px;
    }
    
    #team-list.team-list {
        overflow: hidden;
        padding-bottom: 300px !important;
    }
    
    .team-list .img-1 {
        position: absolute;
        left: 0;
        width: 19vw;
        top: 0;
        height: 100%;
        object-fit: cover;
        background-color: var(--item-color);
    }
    
    .team-list .img-2,
    .team-list .img-3 {
        position: absolute;
        width: 7.5vw;
        align-self: flex-end;
        -webkit-transition: width .3s ease-out;
        -o-transition: width .3s ease-out;
        transition: width .3s ease-out;
    }
    
    .team-list .img-3 {
        margin-left: 8.5vw;
        -webkit-transition: width .3s ease-out, margin-left .3s ease-out;
        -o-transition: width .3s ease-out, margin-left .3s ease-out;
        transition: width .3s ease-out, margin-left .3s ease-out;
    }
    
    .team-list .img-4 {
        width: 20vw;
        margin-left: auto;
        margin-right: 10px;
        margin-bottom: 2vw;
        -webkit-transition: width .3s ease-out, margin-right .3s ease-out;
        -o-transition: width .3s ease-out, margin-right .3s ease-out;
        transition: width .3s ease-out, margin-right .3s ease-out;
    }
    
    .team-list ul li {
        padding-left: 19vw;
        margin: 1vw 0;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        height: calc((314 * 19vw) / 500);
        overflow: visible;
        border-bottom: 3px solid var(--item-color);
        -webkit-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out;
        margin-left: 37px;
        width: calc(100vw - 37px);
    }
    
    .team-list ul li:hover {
        background-color: #EDEDED;
    
        -webkit-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out;
    }
    
    .team-list ul li:hover .img-4 {
        width: 26vw;
        margin-right: 30px;
        -webkit-transition: width .3s ease-out, margin-right .3s ease-out;
        -o-transition: width .3s ease-out, margin-right .3s ease-out;
        transition: width .3s ease-out, margin-right .3s ease-out;
    }
    
    .team-list ul li:hover .img-2,
    .team-list ul li:hover .img-3 {
        width: 9vw;
        -webkit-transition: width .3s ease-out;
        -o-transition: width .3s ease-out;
        transition: width .3s ease-out;
    }
    
    .team-list ul li:hover .img-3 {
        margin-left: 9.5vw;
        -webkit-transition: width .3s ease-out, margin-left .3s ease-out;
        -o-transition: width .3s ease-out, margin-left .3s ease-out;
        transition: width .3s ease-out, margin-left .3s ease-out;
    }
    
    .team-list ul li:hover .wrapper .link-button {
        right: 0;
        -webkit-transition: right .3s ease-out;
        -o-transition: right .3s ease-out;
        transition: right .3s ease-out;
    }
    
    .team-list ul li:first-child {
        margin-top: 2vw;
    }
    
    .team-list ul li:last-child {
        margin-bottom: 2vw;
    }
    
    .team-list ul li>a:not(.all-box-link) {
        display: flex;
        align-items: center;
        width: calc(70vw - 17vw);
        height: 100%;
    }
    
    .team-list ul li .wrapper {
        width: 30vw;
        flex: none;
        font-size: 18px;
        padding: 0 20px 0 40px;
        -webkit-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out;
    }
    
    .team-list ul li:hover .wrapper {
        background-color: #EDEDED;
        -webkit-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out;
    }
    
    .team-list ul li .wrapper h2 {
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        font-size: 2vw;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
    
    .team-list [id-flag] h2:before {
        margin-bottom: 0.3vw;
    }
    
    [id-flag] h2:not(.widget-title) {
        display: flex;
        flex-direction: column;
    }
    
    [id-flag] h2:before {
        content: "";
        width: .8em;
        height: 0.5em;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #dddddd;
        background-size: cover;
        margin-bottom: .3em;
        border: .5px solid rgba(111, 111, 111, 0.1);
    
    }
    
    [id-flag='19'] h2:before {
        background-image: url(../img/flags/bb.png);
    }

    [id-flag='21'] h2:before {
        background-image: url(../img/flags/be.png);
    }

    [id-flag='30'] h2:before {
        background-image: url(../img/flags/br.png);
    }
    
    [id-flag='44'] h2:before {
        background-image: url(../img/flags/cn.png);
    }
    
    [id-flag='64'] h2:before {
        background-image: url(../img/flags/gb.png);
    }
    
    [id-flag='73'] h2:before {
        background-image: url(../img/flags/fr.png);
    }
    
    [id-flag='80'] h2:before {
        background-image: url(../img/flags/de.png);
    }
    
    [id-flag='99'] h2:before {
        background-image: url(../img/flags/ie.png);
    }
    
    [id-flag='103'] h2:before {
        background-image: url(../img/flags/in.png);
    }
    
    [id-flag='106'] h2:before {
        background-image: url(../img/flags/it.png);
    }
    
    [id-flag='143'] h2:before {
        background-image: url(../img/flags/mc.png);
    }
    
    [id-flag='152'] h2:before {
        background-image: url(../img/flags/nl.png);
    }
    
    [id-flag='155'] h2:before {
        background-image: url(../img/flags/nz.png);
    }
    
    [id-flag='176'] h2:before {
        background-image: url(../img/flags/pt.png);
    }
    
    [id-flag='209'] h2:before {
        background-image: url(../img/flags/es.png);
    }
    [id-flag='217'] h2:before {
        background-image: url(../img/flags/se.png);
    }
    [id-flag='218'] h2:before {
        background-image: url(../img/flags/ch.png);
        height: .8em;
    }
    
    [id-flag='236'] h2:before {
        background-image: url(../img/flags/us.png);
    }
    
    .team-list ul li .wrapper .link-button {
        right: 0;
        left: auto;
        bottom: 0;
        -webkit-transition: right .3s ease-out;
        -o-transition: right .3s ease-out;
        transition: right .3s ease-out;
    }
    
    .team-list ul li .wrapper .link-button a:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 36px 36px;
        border-color: transparent transparent var(--item-color) transparent;
        content: "";
        position: absolute;
        left: -36px;
    }
    
    .team-list ul li .wrapper .link-button a {
        border-radius: 0;
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        font-size: 18px;
        display: flex;
        align-items: center;
        padding: 0 10px 0 0;
        position: relative;
        background-color: var(--item-color);
    
    }
    .team-list ul li[style="--item-color:#f7ff4d;"] .wrapper .link-button a {
        color:#000;
    }
    .team-list ul li .wrapper .link-button a:before {
        content: "+";
        font-size: 36px;
        width: 25px;
        height: 36px;
        text-align: center;
        margin-right: 8px;
        line-height: 31px;
    }
    
    .team-list .data-list .data-item {
        font-size: 2vw;
    }
    
    .team-list .data-list .data-item:before {
        font-size: 0.6vw;
    }
    
    .data-list {
        display: flex;
    }
    
    .data-list .data-item {
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        font-size: 36px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 1;
        margin: 0 10px;
    }
    
    .data-list .data-item:empty {
        display: none;
    }
    
    .data-list.left .data-item {
        margin: 0 20px 0 0;
    }
    
    .data-list.right .data-item {
        margin: 0 0 0 20px;
    }
    
    .data-list .data-item:before {
        font-family: var(--font-family-text);
        text-transform: none;
        font-weight: normal;
        font-size: 10px;
    }
    
    .data-list .data-item.races:before {
        content: "RACES";
    }
    
    .data-list .data-item.wins:before {
        content: "WINS";
    }
    
    .data-list .data-item.podiums:before {
        content: "PODIUMS";
    }
    
    .date-text {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e3e3e3
    }
    
    .data-text-item {
        margin-right: 30px;
        font-size: 12px;
    }
    
    
    .data-text-item span:not(.label-text-item) {
        font-weight: bold;
        font-size: 16px;
    }
    
    .widget.team-logo {
        width: var(--left-column-width);
        height: var(--left-column-width);
        flex: none;
    }
    
    .team-logo ul .more-items-item>a:not(.all-box-link) {
        height: 100%;
        background-color: var(--item-color);
    }
    
    .widget.team-logo .more-items-item>a:not(.all-box-link) img {
        height: var(--left-column-width);
        object-fit: contain;
    }
    
    .team-hero {
        width: 100%;
    }
    
    .team-hero ul {
        height: 100%;
    }
    
    .team-hero .wrapper {
        padding: 0 calc(100% - 860px) 40px 60px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: row;
    }
    
    .team-hero .wrapper h2 {
        font-size: 48px;
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        width: 55%;
        line-height: 1;
    }
    
    .team-hero .data-list .data-item {
        font-size: 48px;
    }
    
    .team-hero .data-list .data-item:before {
        font-size: 0.3em;
    }
    
    .tabs-content .article {
        padding: 60px;
    }
    
    .tabs-content .article-view-title,
    .tabs-content .article-view-body,
    .tabs-content .article-view-intro p,
    .tabs-content .article-view-body p,
    .tabs-content .article-view-body>div,
    .tabs-content .article-view-body hr,
    .tabs-content .article-view-body ul,
    .tabs-content .article-view-body blockquote span,
    .tabs-content .article-view-footer.social {
        margin-left: 0;
    }
    
    .tabs-content .widget.article-view .article {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .tabs-content .article-view-body ul {
        padding-left: 0;
    }
    
    .tabs-content .widget.article-view .article header h1 {
        margin-bottom: 20px;
        font-size: 40px;
        margin-top: 16px;
    }
    
    .tabs-content.widget.article-view .article header>* {
        margin-left: 0;
        margin-right: 0;
    }
    
    .driver-info .widget-title {}
    
    #driver-info ul {
        max-width: 100% !important;
    }
    
    .driver-info ul .more-items-item {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    
    .driver-info ul .more-items-item>a {
        height: 300px;
        position: absolute;
        top: 0;
        left: 50px;
        width: auto;
    }
    
    .driver-info ul .more-items-item>a img {
        width: auto;
        height: 100%;
    }
    
    .driver-info ul .more-items-item .wrapper {
        height: 230px;
        padding-left: 290px;
        justify-content: space-around;
        background: #EFEFEF;
        margin-top: 70px;
    }
    
    .driver-info ul .more-items-item .more-items-long-text {
        padding: 60px;
        width: 100%;
    }
    
    .driver-info ul .more-items-item .more-items-long-text>* {
        max-width: 920px;
    }
    
    .driver-info ul .more-items-item .more-items-category {
        position: absolute;
        font-family: var(--font-family-main);
        font-size: 306px;
        z-index: 0;
        opacity: .1;
        line-height: 326px;
        height: 408px;
        left: 14px;
        text-align: right;
        max-width: 980px;
        width: 100%;
    }
    
    .driver-info .wrapper h2 {
        font-family: var(--font-family-main);
        font-weight: normal;
        text-transform: uppercase;
        font-size: 36px;
        line-height: 1;
    }
    
    .driver-info .more-items-title>span {
        font-family: var(--font-family-text);
        text-transform: none;
        display: block;
        font-size: .5em;
    
    }
    
    .driver-info .social-icons {
        padding-left: 35px;
        margin-left: 10px;
        border-left: 1px solid #aeaeae;
    }
    
    .driver-info .social-icons a {
        color: var(--text-color);
    }
    
    .driver-info .social-icons a:first-child {}
    
    .social-icons {
        display: flex;
        align-items: center;
    
    }
    
    .social-icons.bottom {
        align-items: flex-end;
    }
    
    .social-icons.top {
        align-items: flex-start;
    
    }
    #footer .social-icons a {
        font-size: 22px;
        line-height: 24px;
        height: 24px;
    }
    .social-icons a {
        margin: 0 15px;
        height: 36px;
        line-height: 1;
        font-size: 36px;
    }

    .social-icons a:before {
        font-family: "Remixicon";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .social-icons .social-youtube a:before {
        content: "\f2d4";
    }
    .social-icons .social-linkedin a:before {
        content: "\eeb3";
    }
    
    .social-icons.start a {
        margin: 0 25px 0 0;
    }
    
    .social-icons.end a {
        margin: 0 0 0 25px;
    }
    
    .social-icons.black a {
        color: var(--text-color);
    }
    
    .social-icons a[href=""] {
        display: none;
    }
    
    .results-embed #widget-embed {
        padding: 30px 40px 250px;
    }
    
    .results-embed #widget-embed iframe {
        height: 600px;
        border: none;
    }
    
    .results-embed #widget-embed>.layout-row .widget-title {
        padding: 0;
    }
    
    .results-embed #widget-embed>.layout-row>div {
    
        width: calc(50% - 10px);
    
    }
    
    .results-embed #widget-embed>.layout-row>div:first-child {
        margin-right: 10px;
    }
    
    .results-embed #widget-embed>.layout-row>div:last-child {
        margin-left: 10px;
    }
    
    .tabs-content .results-embed #widget-embed {
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 0;
    }
    
    .tabs-content .results-embed>.widget-title {
        display: none;
    }
    
    .vertical-menu #sign-up form {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    
    /* Video Live */
    
    #main-video-live {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        width: 100% !important;
        background: black;
    }
    
    #main-video-live .livestream-container {
        position: relative;
    }
    
    #main-video-live video {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
    }
    
    #main-video-live mediaelementwrapper {
        top: 0;
    }
    
    #main-video-live #widget-embed {}
    
    #floating-video .mejs__controls,
    #floating-video .mejs__layers {
        opacity: 0;
    }
    
    #floating-video {
        position: fixed;
        width: 330px !important;
        height: 187px;
        bottom: 10px;
        left: 10px;
        z-index: 9;
        -webkit-box-shadow: 0 0 70px #000;
        box-shadow: 0 0 70px #000;
        background-color: #000000;
    }
    
    #floating-video video,
    #floating-video .mejs__container {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        min-width: 100% !important;
        left: 0;
    }
    
    #floating-video iframe {
        position: absolute;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-box-shadow: 0 0 30px #00000047;
        box-shadow: 0 0 30px #00000047;
        border-radius: 0;
        overflow: hidden;
        background: #000000;
    }
    
    #floating-video .close-bt {
        position: absolute;
        right: 3px;
        top: -45px;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 45px;
        height: 45px;
        margin-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ffffff;
        font-size: 25px;
        cursor: pointer;
    }
    
    #floating-video .close-bt:before {
        content: "\f2c0";
    }
    
    #floating-video.expand #widget-embed {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
    }
    
    #floating-video.expand .livestream-container {
        position: relative;
        height: 100%;
        padding: 0;
    }
    
    #floating-video.expand .livestream-container #videoEmbedLive {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
    }
    
    #floating-video.minimize .expand-bt,
    #floating-video.minimize .drag-bt,
    #floating-video.expand .minimize-bt,
    #floating-video.expand:not(.floating-video-chat) .drag-bt {
        display: none;
    }
    
    #floating-video.expand .expand-bt {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    
    #floating-video.minimize .dropdown,
    #floating-video.minimize .livestream-container {
        display: none;
    }
    
    .livestream-container {
        width: 100%;
        position: absolute;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    
    #floating-video.expand {
        left: 0 !important;
        right: 0;
        top: var(--header-height) !important;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto !important;
        height: auto;
        background: #000000;
        z-index: 11;
    }
    
    #floating-video.expand .extra-buttons {
        top: 0;
        position: relative;
        z-index: 1;
    }
    
    #floating-video.minimize {
        width: 80px !important;
        height: 80px;
        left: 20px !important;
        top: auto !important;
        right: auto !important;
        bottom: 20px;
        border-radius: 50%;
        background: url(../img/live.png) center center no-repeat transparent;
        background-size: cover;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
    
    #floating-video.minimize:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }
    
    #floating-video.minimize .extra-buttons,
    .no-touch #floating-video.minimize:hover .extra-buttons {
        opacity: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
    }
    
    #floating-video.minimize .extra-buttons a {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        background: none;
    }
    
    #floating-video.minimize .mejs__controls {
        display: none;
    }
    
    #chatbox #floating-video.floating-video-chat.minimize,
    #floating-video.floating-video-chat.minimize {
        width: 90px !important;
        height: 90px;
        left: 10px !important;
        top: auto !important;
        bottom: 10px;
    }
    
    #floating-video.expand.floating-video-chat {
        position: fixed;
        z-index: 27;
        height: calc(var(--max-width-column) * 9 / 16);
        width: var(--max-width-column) !important;
        bottom: auto;
        max-width: 100%;
        background: transparent;
        top: 50% !important;
        margin-top: calc((var(--max-width-column) * 9 / 16) / -2);
    }
    
    #floating-video.expand.floating-video-chat:before {
        position: fixed;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 0;
    
    }
    
    #floating-video.floating-video-chat .extra-buttons .drag-bt,
    #floating-video.expand.floating-video-chat .extra-buttons .drag-bt {
        display: none;
    }
    
    #floating-video.expand.floating-video-chat .extra-buttons {
        top: -45px;
        position: absolute;
        z-index: 1;
    }
    
    #floating-video.minimize.floating-video-chat .extra-buttons .leave-bt {
        display: none;
    }
    
    .livestream-container.message-live {
        /*background: url(../img/white-noise.gif) center center no-repeat transparent;
        background-size: cover;*/
        position: absolute;
        height: 40px;
        padding: 0;
        top: -46px;
        background: transparent;
        right: 127px;
        left: 0;
        width: auto;
    }
    
    .livestream-container.message-live:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.68);
        display: none;
    }
    
    .livestream-container.message-live>* {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .livestream-container.message-live>*:before {
        width: 30px;
        height: 20px;
        background: url(../img/flags/de.png) center center no-repeat transparent;
        background-size: cover;
        content: "";
    }
    
    .livestream-container.message-live>* h2 {
        color: #ffffff;
        text-align: left;
        font-size: 15px;
        padding: 0 10px;
    }
    
    .livestream-container.message-live>* .btn {
        color: #ffffff !important;
        font-size: 15px;
        padding: 4px 10px;
        pointer-events: all;
    }
    
    #floating-video.expand .livestream-container.message-live {
        top: auto;
        left: 0;
        margin-top: -45px;
        right: auto;
        z-index: 8;
        width: 100%;
        pointer-events: none;
    }
    
    #floating-video.minimize .livestream-container.message-live {
        right: 0;
        top: -80px;
        width: 100%;
        height: 100px;
        pointer-events: none;
    }
    
    #floating-video.minimize .livestream-container.message-live>* {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    
    .overlay-video .mejs__container,
    .overlay-video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: none;
    }
    
    #floating-video.minimize .livestream-container.message-live>* h2 {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 0;
        padding: 0;
    }
    
    #floating-video.minimize .livestream-container.message-live>* .btn {
        font-size: 14px;
    }
    
    #floating-video.minimize .livestream-container.message-live>*:before {
        display: none;
    }
    
    .no-touch #floating-video .extra-buttons {
        opacity: 0;
    }
    
    .no-touch #floating-video:hover .extra-buttons {
        opacity: 1;
    }
    
    #floating-video:hover .dropdown {
        background-color: #000000;
    }
    
    #floating-video .dropdown {
        position: absolute;
        margin-top: -35px;
        background: rgba(0, 0, 0, 0.28);
        font-size: 14px;
    }
    
    #floating-video .dropdown>a {
        padding: 5px 15px;
        display: block;
        font-weight: bold;
        color: #ffffff;
    }
    
    #floating-video .dropdown:hover>a {
        background-color: var(--electric-blue);
    }
    
    #floating-video .dropdown:not(#languages) .submenu {
        left: 0;
        right: auto;
        margin-left: 0;
    }
    
    #floating-video .dropdown .submenu a {
        color: var(--header-text);
        text-align: left;
    }
    
    #floating-video .dropdown .submenu a:hover {
        color: #ffffff;
    }
    
    #floating-video.expand .dropdown {
        position: relative;
        margin-right: auto;
        z-index: 1;
    }
    
    
    /* CHAT */
    
    .chatbox {
        --header-height: 50px;
    }
    
    .chatbox #main {
        position: relative;
    }
    
    .chatbox .row-fluid,
    .chatbox .column {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        width: 100%;
    }
    
    #chatbox .loading-container {
        height: calc(100svh - var(--header-height));
        max-height: calc(100svh - var(--header-height));
    }
    
    #chatbox .loading-room {
        position: relative;
        color: #000000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    #chatbox .loading-room i:after {
        color: #000000;
    }
    
    #chatbox {
    
        margin: 0 auto;
        font-size: 0;
        overflow: hidden;
        height: calc(100svh - var(--header-height));
    
    }
    
    #chatbox .chat-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #eff3f7;
        height: 100%;
        position: relative;
    }
    
    #chatbox aside {
        width: 400px;
        background-color: var(--onyx);
        display: inline-block;
        font-size: 15px;
        vertical-align: top;
        height: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease;
        z-index: 3;
    }
    
    #chatbox aside.close,
    #chatbox.chat-lite aside {
        width: 110px;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 3;
    }
    
    #chatbox aside.close .as-group-toggle,
    #chatbox.chat-lite aside .as-group-toggle {
        font-size: 11px;
        margin-left: 10px;
    
    }
    
    #chatbox aside.close li,
    #chatbox.chat-lite aside li {
        padding: 5px 0;
    }
    
    #chatbox aside.close li h2,
    #chatbox.chat-lite aside li h2 {
        opacity: 0;
    }
    
    #chatbox aside.close li div:not(.avatar),
    #chatbox.chat-lite aside li div:not(.avatar) {
        display: none;
    }
    
    #chatbox aside.close header h2,
    #chatbox.chat-lite aside header h2 {
        display: none;
    }
    
    #chatbox aside.close header .toggler,
    #chatbox.chat-lite aside header .toggler {
        right: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    #chatbox aside.close .as-group-toggle:after,
    #chatbox.chat-lite aside .as-group-toggle:after {
        margin-right: 10px;
    }
    
    #chatbox main {
        width: 490px;
        display: inline-block;
        font-size: 15px;
        vertical-align: top;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        background: url(../img/chat/chat-bg.jpg) center center repeat transparent;
        background-size: contain;
    }
    
    #chatbox main.select-room {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #000000;
        font-size: 20px;
        opacity: .3;
    }
    
    #chatbox main.select-room:before {
        content: "\f2b7";
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 112px;
    
    
    }
    
    #chatbox aside header {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ffffff;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        position: relative;
    }
    
    #chatbox aside .aside-content {
        overflow: auto;
    }
    
    #chatbox aside header h2 {
        font-size: 14px;
        color: #fff;
        padding-right: 45px;
    }
    
    #chatbox aside header img,
    #chatbox aside header .avatar {
        margin-left: 0 !important;
        width: 110px !important;
        height: 110px;
    
        margin-right: 20px;
    }
    
    #chatbox .avatar {
        background: url(../img/chat/user.png) center center no-repeat #ababab;
        background-size: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    
    #chatbox aside header .toggler {
        background: url(../img/chat/arrow-send.png) center center no-repeat #726c86;
        background-size: 10px auto;
        width: 25px;
        height: 25px;
        margin-left: auto;
        position: absolute;
        border-radius: 50%;
        right: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-right: 15px;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
        cursor: pointer;
        margin-right: -10px;
    }
    
    #chatbox aside header .toggler:hover {
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }
    
    #chatbox aside input {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 0 50px 0 20px;
        background-color: #5e616a;
        border: none;
        border-radius: 3px;
        color: #fff;
        background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1940306/ico_search.png);
        background-repeat: no-repeat;
        background-position: 170px;
        background-size: 40px;
    }
    
    #chatbox aside input::-webkit-input-placeholder {
        color: #fff;
    }
    
    #chatbox aside input::-moz-placeholder {
        color: #fff;
    }
    
    #chatbox aside input:-ms-input-placeholder {
        color: #fff;
    }
    
    #chatbox aside input::-ms-input-placeholder {
        color: #fff;
    }
    
    #chatbox aside input::placeholder {
        color: #fff;
    }
    
    #chatbox aside .aside-group {
        border-top: 1px solid #3d4047;
        padding: 10px 0;
    
    }
    
    .as-group-toggle {
        color: #a4abba;
        font-style: normal;
        font-size: 18px;
        margin-left: 24px;
        padding: 10px 5px 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer;
    }
    
    .as-group-toggle:hover {
        color: #ffffff;
    }
    
    .as-group-toggle:after {
        width: 10px;
        height: 10px;
        background: url(../img/chat/arrow-bottom.png) center center no-repeat transparent;
        background-size: contain;
        content: "";
        margin-right: 20px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    
    #chatbox aside .aside-group.open .as-group-toggle:after {
        background-image: url(../img/chat/arrow-up.png)
    }
    
    #chatbox aside .aside-group.open ul {
        height: auto;
        margin: 0;
    }
    
    #chatbox aside ul {
        padding-left: 0;
        margin: 0;
        list-style-type: none;
        height: 0;
        overflow: hidden;
    }
    
    #chatbox aside .logo-chats li>div,
    .as-group-toggle {
        margin-left: 20px;
    }
    
    #chatbox aside li {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        cursor: pointer;
    }
    
    #chatbox aside li:hover {
        background-color: rgba(89, 86, 101, 0.26);
    }
    
    #chatbox aside li:hover h2 {
        color: #fff;
    }
    
    #chatbox aside li.active {
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    #chatbox aside li.active h2 {
        font-weight: bold;
    
    }
    
    #chatbox h2,
    #chatbox h3 {
        margin: 0;
    }
    
    #chatbox aside img,
    #chatbox aside .avatar,
    #chatbox aside .no-avatar-random-color {
        margin-left: 24px;
        margin-right: 10px;
        width: 55px !important;
        height: 55px;
        -o-object-fit: contain;
        object-fit: contain;
    
    }
    
    #chatbox .no-avatar-random-color {
        display: grid !important;
        place-items: center !important;
        font-style: normal;
        color: #FFF;
    }
    
    #chatbox .no-avatar-random-color span {
        font-size: 30px;
        text-transform: uppercase;
    }
    
    #chatbox aside img {
        background-color: #ababab;
    }
    
    #chatbox aside li.new-chat img,
    #chatbox aside li.support-chat img {
        background-color: transparent;
    }
    
    #chatbox aside li div {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }
    
    #chatbox aside li h2 {
        padding-right: 10px;
        line-height: 1.4;
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 0;
        font-weight: normal;
    }
    
    #chatbox aside li h3 {
        font-size: 12px;
        color: #7e818a;
        font-weight: normal;
        letter-spacing: 0;
        text-transform: none;
    }
    
    #chatbox aside li:after {
        content: "\f38f";
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-size: 26px;
        height: 26px;
        margin-left: auto;
        margin-right: 20px;
        color: transparent;
    }
    
    #chatbox aside.close li:after {
        margin-left: -15px;
        margin-right: 0;
    }
    
    #chatbox aside li.unread:after {
        color: #fff;
        content: "\f38f";
    }
    
    #chatbox aside li.unread h2 {
        color: #ffffff;
        font-weight: bold;
    }
    
    #chatbox aside .status {
        left: 15px;
        top: 3px;
    
    }
    
    #chatbox aside.close .status {
        top: -2px;
    }
    
    #chatbox aside .logo-chats img,
    #chatbox aside .logo-chats .avatar {
        display: none;
    }
    
    #chatbox aside .logo-chats li>div {
        margin-left: 24px;
    }
    
    #chatbox.chat-lite aside .logo-chats img,
    #chatbox.chat-lite aside .logo-chats .avatar,
    #chatbox aside.close .logo-chats img,
    #chatbox aside.close .logo-chats .avatar {
        display: block;
    }
    
    #chatbox.chat-lite .logo-chats li h2,
    #chatbox aside.close .logo-chats li h2 {
        margin-left: 0;
    }
    
    #chatbox.chat-lite aside li:after {
        margin-left: -15px;
        margin-right: 0;
    }
    
    #chatbox .status {
        position: absolute;
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 7px;
        border-radius: 50%;
        border: 3px solid #201E26;
        background-color: #515a69;
        opacity: 0;
    }
    
    #chatbox aside li:hover .status {
        border-color: #3A465B;
    }
    
    #chatbox .green {
        background-color: #5CD068;
    }
    
    #chatbox .orange {
        background-color: #ff725d;
    }
    
    #chatbox .blue {
        background-color: #6fbced;
        margin-right: 0;
        margin-left: 7px;
    }
    
    #chatbox #search-chat {
        position: absolute;
        z-index: 2;
        left: 350px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        right: 0;
        width: auto;
        padding: 0 var(--header-height);
        background: rgba(0, 0, 0, 0.7);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    #search-chat .close {
        background-color: #201E26;
        width: 40px;
        height: 40px;
        margin-left: auto;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px;
        color: #ffffff;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
        cursor: pointer;
        margin-right: 20px;
    }
    
    #search-chat .close:before {
        content: "\f2c0";
    }
    
    #chatbox.chat-lite aside~#search-chat,
    #chatbox aside.close~#search-chat {
        left: 110px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        margin-left: 0;
    }
    
    #search-chat .md-content {
        background: transparent;
    }
    
    #search-chat .results {
        padding: 0;
        background: url(../img/chat/chat-bg.jpg) center center repeat transparent;
        background-size: contain;
    }
    
    .character-selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #ffffff;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px;
    }
    
    .character-selector>div {
        padding: 5px 0;
        color: #c9c9c9;
        font-weight: bold;
        cursor: pointer;
    }
    
    .character-selector>div.active,
    .character-selector>div:hover {
        color: #000000;
    }
    
    #search-chat .control-group {
        margin-bottom: 0;
        width: 100%;
        background: #ffffff;
    }
    
    #search-chat .controls {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        background: transparent;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    #search-chat .btn {
        position: absolute;
        right: 120px;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background: #201E26;
        color: #fff;
        border: none;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        color: transparent;
        cursor: pointer;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    #search-chat .btn.btn-show-all {
        right: 20px;
        border-radius: 38px;
        width: auto;
        color: #fff !important;
        padding: 0 15px;
        font-size: 12px;
        height: 35px;
    }
    
    #search-chat .btn.btn-show-all span {
        display: inline;
    }
    
    #search-chat .btn.btn-show-all:before {
        display: none;
    }
    
    #search-chat .btn span {
        display: none;
    }
    
    #search-chat .btn:before {
        content: "\f4a5";
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
        color: #ffffff;
    }
    
    #search-chat .btn:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }
    
    #search-chat .controls .search {
        background-color: #ffffff;
        height: 60px;
        padding: 0 20px;
        width: 100%;
        border: none;
        border-bottom: #F0F0F0 1px solid;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
    }
    
    #search-chat .results {
        position: relative;
    }
    
    #search-chat .results ul li.selected {
        background: #ffffff;
    }
    
    #search-chat .results ul li.selected:after {
        content: "\f3ff";
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #000;
        font-family: "Ionicons";
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 41px;
        margin-left: auto;
    }
    
    #search-chat .results ul li.selected:hover:after {
        content: "\f2c0";
        font-size: 24px;
    }
    
    #search-chat .results.create-group-container {
        margin-bottom: 10px;
    }
    
    #search-chat .results .create-group {
    
        background: rgba(255, 255, 255, 0.55);
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
    }
    
    #search-chat .results .create-group ul {
        display: flex;
        min-height: auto;
        flex-wrap: wrap;
        padding: 10px 15px !important;
        max-height: calc(90svh - var(--header-height) - 65svh);
    }
    
    #search-chat .results .create-group ul li {
        padding: 0 10px;
        margin: 5px;
        background: #79787d;
        border-radius: 39px;
        overflow: hidden;
        height: 39px;
        border: none;
        color: #fff;
    }
    
    #search-chat .results .create-group ul li:hover {
        background: #000000;
    }
    
    #search-chat .results .create-group ul li>div:not(.avatar) {
        line-height: 1;
        margin-top: -2px;
    }
    
    #search-chat .results .create-group ul li>div h2 {
        color: #ffffff;
        font-size: 13px;
    }
    
    #search-chat .results .create-group ul li>div div {
        font-size: 12px;
    }
    
    #search-chat .results .create-group ul li .avatar,
    #search-chat .results .create-group ul li>img {
        width: 25px !important;
        height: 25px;
        border-radius: 50%;
    }
    
    #search-chat .results .create-group ul li button {
        background: transparent;
        border: none;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        color: transparent;
        margin-left: 10px;
        padding: 0;
        position: relative;
        cursor: pointer;
    }
    
    #search-chat .results .create-group ul li button:before {
        content: "×";
        color: #fff;
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        margin-top: -2px;
        font-size: 25px;
        line-height: 20px;
    }
    
    #search-chat .results .create-group .create-group-btn button {
        position: relative;
        margin-left: auto;
        margin-right: 20px;
        width: auto;
        border-radius: 40px;
        color: #fff;
        font-size: 16px;
        padding: 0 15px;
        flex: none;
        right: 0;
    }
    
    #search-chat .results .create-group .create-group-btn button:before {
        content: "\f343";
        margin-right: 5px;
    }
    
    #search-chat .results .create-group .controls input {
        border: none;
    }
    
    #search-chat .results>div:not(.create-group) {
        position: relative;
        max-height: calc(90svh - var(--header-height) - 200px);
        min-height: 300px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: .3;
        font-size: 20px;
    }
    
    #search-chat .results>div:not(.create-group):before {
        content: "\f345";
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 90px;
        margin-bottom: 0;
    
    
    }
    
    #search-chat .results ul {
        padding: 0 !important;
        margin: 0;
        list-style-type: none;
        overflow: auto;
        max-height: calc(90svh - var(--header-height) - 45svh);
        min-height: 100px;
    }
    
    #search-chat .results ul img,
    #search-chat .results ul .no-avatar-random-color {
        margin-left: 0;
        margin-right: 10px;
        width: 40px;
    }
    
    #search-chat .results ul li {
        padding: 15px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border-bottom: rgba(172, 172, 172, 0.28) 1px solid;
        cursor: pointer;
    }
    
    #search-chat .results ul li:hover {
        background-color: rgba(0, 0, 0, 0.04);
        -webkit-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease;
    }
    
    #search-chat .results ul li div {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        text-align: left;
    }
    
    #search-chat .results ul li .avatar {
        margin-left: 0;
        margin-right: 10px;
        width: 40px !important;
        height: 40px;
    }
    
    #search-chat .results ul li h2 {
        font-size: 14px;
        color: #201E26;
        margin-bottom: 0;
    }
    
    #chatbox main header {
        height: 110px;
        padding: 0 30px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    #chatbox main header .header-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    #chatbox main header .header-left div {
    
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    
    }
    
    #chatbox main header .header-left div:not(.avatar) {
        margin-left: 20px;
    }
    
    #chatbox main header .header-left div input {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        height: auto;
        width: auto;
        color: #201E26;
        background-color: transparent;
        border: 1px solid #201E26;
        font-size: 12px;
        margin-top: 6px;
        padding: 1px 5px;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }
    
    #chatbox main header .header-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    
    #chatbox main header>* {
        display: inline-block;
        vertical-align: top;
    }
    
    #chatbox main header img {
        -o-object-fit: contain;
        object-fit: contain;
    }
    
    #chatbox main header img,
    #chatbox main header .avatar,
    #chatbox main header .no-avatar-random-color {
        width: 70px !important;
        height: 70px;
        background-color: #ababab;
    }
    
    #chatbox main header .avatar {
        background-color: #ababab;
    }
    
    .audio-call,
    .video-call,
    .cancel-call {
        background-color: #201E26;
        width: 40px;
        height: 40px;
        margin-left: 10px;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px;
        color: #ffffff;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
        cursor: pointer;
    }
    
    .audio-call:hover,
    .video-call:hover,
    .cancel-call:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }
    
    .audio-call:before {
        content: "\f2ac";
    }
    
    .cancel-call {
        border-radius: 50%;
        width: 25px;
        height: 25px;
        font-size: 18px;
    }
    
    .cancel-call:before {
        content: "\f2c0";
    }
    
    .audio-call {
        display: none;
    }
    
    .video-call:before {
        content: "\f4cd";
    }
    
    .call-message {
        font-weight: bold;
        line-height: 1;
        font-size: 13px;
    }
    
    @-webkit-keyframes flashing {
        0% {
        opacity: 0;
        }
    
        50% {
        opacity: 1;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    @keyframes flashing {
        0% {
        opacity: 0;
        }
    
        50% {
        opacity: 1;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    .call-incoming .call-info {
        -webkit-animation: flashing 1.5s infinite;
        animation: flashing 1.5s infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: -3px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        padding-left: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.4;
        padding-right: 20px;
        padding-top: 10px;
        margin-right: auto;
    }
    
    .call-incoming .call-info:before {
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f2ac";
        font-size: 31px;
        margin-top: 2px;
        position: absolute;
        left: 17px;
    }
    
    .call-incoming .call-btn {
        display: flex;
        position: absolute;
        bottom: 0;
        right: 20px;
        padding-block-end: 10px;
        justify-content: space-between;
        left: 110px;
    }
    
    .call-incoming,
    #chatbox main.call-incoming {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        background: rgba(32, 30, 38, 1);
        color: #fff;
        border-radius: 0;
        align-items: flex-start;
        position: absolute;
        right: 0;
        height: 110px;
        left: auto;
        justify-content: space-between;
        width: auto;
        flex-direction: row;
        z-index: 1;
    
    }
    
    .call-incoming>img,
    .call-incoming .avatar {
        width: 90px;
    }
    
    .call-incoming .btn {
        width: 100%;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0;
        margin-left: 5px;
    }
    
    .call-incoming .btn:before {
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #ffffff;
    
    }
    
    .call-incoming .btn.btn-accept {
        background-color: #4ca800;
    }
    
    .call-incoming .btn.btn-accept:before {
        content: "\f2bc";
    }
    
    .call-incoming .btn.btn-decline {
        background-color: #db2525;
    }
    
    .call-incoming .btn.btn-decline:before {
        content: "\f2c0";
    }
    
    #chatbox main header h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    #chatbox main header h3 {
        font-size: 14px;
        font-weight: normal;
        color: #7e818a;
        letter-spacing: 1px;
        display: none;
    }
    
    #chat {
        padding-left: 0;
        margin: 0;
        list-style-type: none;
        overflow-y: scroll;
        height: 100%;
        border-top: 1px solid #D7D7D7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 30px;
    }
    
    #chat li {
        padding: 20px 30px;
    }
    
    #chat h2,
    #chat h3 {
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
    }
    
    #chat h2 {
        margin: 0 15px;
        font-weight: bold;
    }
    
    #chat h3 {
        color: rgba(142, 142, 142, 1);
        font-size: 10px;
        margin: 0 10px 0 0;
        text-transform: none;
        letter-spacing: 0;
    }
    
    #chat .entete {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        background-color: #ffffff;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    #chat .me .entete {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    
    #chat .me .entete img,
    #chat .me .entete .avatar {
        margin-left: auto;
    }
    
    #chat .entete img,
    #chat .entete .avatar,
    #chat .entete .no-avatar-random-color {
        width: 40px !important;
        height: 40px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 0;
    }
    
    #chat li img {
        background-color: #000000;
    }
    
    #chat .entete .status {
        top: -5px;
        border: none;
        width: 10px;
        height: 10px;
        display: none;
    }
    
    #chat .me .entete .status {
        right: -12px;
    }
    
    #chat .you .entete .status {
        left: -5px;
    }
    
    #chat .message {
        padding: 0 15px 20px;
        color: #262628;
        line-height: 25px;
        width: calc(100% - 40px);
        display: inline-block;
        text-align: left;
        border-radius: 0;
        background: #ffffff;
        min-width: 250px;
        word-break: break-word;
    }
    
    #chat .message a {
        text-decoration: underline;
    
    }
    
    #chat .me {
        text-align: right;
        margin-left: auto;
    }
    
    #chat .me h2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    
    #chat .you .message {
        margin-left: 40px;
    }
    
    #chat .me .message {
        margin-right: 40px;
    }
    
    #chat .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
    }
    
    #chat .you .triangle {
        border-color: transparent transparent #58b666 transparent;
        margin-left: 15px;
    }
    
    #chat .me .triangle {
        border-color: transparent transparent #6fbced transparent;
        margin-left: 375px;
    }
    
    #chat .entete>h2 {
        position: relative;
    }
    
    #chat .entete>h2:hover {
        text-decoration: underline;
    }
    
    #chat .entete>h2:hover .user-more-data {
        opacity: 1;
        pointer-events: all;
        width: 200px;
        height: auto;
        overflow: visible;
    }
    
    .user-more-data {
        opacity: 0;
        position: absolute;
        color: #fff;
        pointer-events: none;
        text-align: left;
        display: block;
        height: 0;
        width: 0;
        overflow: hidden;
        z-index: 1;
        bottom: auto;
        top: 0;
        padding-left: 0;
        margin-top: -213px;
        left: -15px;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    #chat li:first-child .user-more-data {
        padding-top: 0;
        padding-bottom: 0;
        top: -13px;
        bottom: auto;
        margin-top: 0;
    }
    
    #chat li.me .user-more-data {}
    
    #chat .entete .user-more-data>img,
    #chat .entete .user-more-data>.avatar,
    .user-more-data>img,
    .user-more-data>.avatar {
        width: 200px !important;
        height: 200px !important;
        display: block;
    }
    
    .user-more-data .user-wrapper {
        display: flex;
        flex-direction: column;
        padding: 10px;
        background: #201E26;
    
    }
    
    .user-more-data .user-wrapper>span {
        margin-bottom: 5px;
        opacity: 0.5;
        font-weight: normal;
        line-height: 1;
    }
    
    .user-more-data .user-wrapper>span small {
        font-size: 14px;
        line-height: 14px;
    }
    
    .user-more-data .user-wrapper>.user-name {
        opacity: 1;
        font-weight: bold;
        font-size: 20px;
        line-height: 1;
    }
    
    .user-more-data .user-wrapper .btn {
        margin-top: 10px;
        background-color: var(--electric-blue);
    }
    
    
    #chat li.generic-message {
        display: none;
        width: 100%;
        margin: auto 0;
    }
    
    #chat li.generic-message>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    #chat li.generic-message>.g-bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    #chat li.generic-message>.g-bottom .btn {
        margin: 0 10px;
        background-color: #201E26;
        color: #ffffff;
    }
    
    #chat li.generic-message>.g-top {
        margin-bottom: 20px;
    }
    
    #chat li.generic-message>.g-top>div span {
        display: block;
    }
    
    #chat li.generic-message h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    #chat li.generic-message img,
    #chat li.generic-message .avatar {
        width: 100px !important;
        height: 100px;
        background-color: #000000;
        margin-bottom: 20px;
    }
    
    #chat li.generic-message img {
        -o-object-fit: contain;
        object-fit: contain;
    }
    
    #chat li.generic-message .avatar {
        background-color: #ababab
    }
    
    #chatbox main footer {
        height: 195px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        background: transparent;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        border-top: #F0F0F0 1px solid;
        padding: 20px 0;
        background: #fff;
    }
    
    #chatbox main footer textarea {
        resize: none;
        border: none;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 0 100px 0 30px;
        font-size: 15px;
        color: #343C4B;
    
    }
    
    #chatbox main footer textarea:focus {
        background-color: #ffffff;
        outline: none;
    }
    
    #chatbox main footer textarea::-webkit-input-placeholder {
        color: #666666;
    }
    
    #chatbox main footer textarea::-moz-placeholder {
        color: #666666;
    }
    
    #chatbox main footer textarea:-ms-input-placeholder {
        color: #666666;
    }
    
    #chatbox main footer textarea::-ms-input-placeholder {
        color: #666666;
    }
    
    #chatbox main footer textarea::placeholder {
        color: #666666;
    }
    
    #chatbox main footer input {
        position: absolute;
        right: 30px;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background: url(../img/chat/arrow-send.png) center center no-repeat var(--electric-blue);
        background-size: 20px auto;
        color: #fff;
        border: none;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        color: transparent;
        cursor: pointer;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
    
    #chatbox main footer input:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }
    
    #chatbox main footer img {
        height: 30px;
        cursor: pointer;
    }
    
    #chatbox main footer a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        color: #6fbced;
        vertical-align: top;
        margin-left: 333px;
        margin-top: 5px;
        display: inline-block;
    }
    
    
    .notification .entete,
    .notification .triangle {
        display: none;
    }
    
    .notification .message {
        background-color: #AAAAAA;
        width: 100%;
        max-width: 100% !important;
        padding: 10px !important;
        text-align: center !important;
    }
    
    #chat-wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        bottom: 50px;
        right: 50px;
        padding: 0;
        z-index: 9999999;
        pointer-events: none;
    }
    
    #chat-button {
        position: fixed;
        z-index: 3;
        bottom: 20px;
        right: 20px;
        pointer-events: all;
        margin: 0 0 0 30px;
        width: 80px;
        height: 80px;
        background: url(../img/chat/networking.png) center center no-repeat var(--electric-blue);
        background-size: 63% auto;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
    
    #chat-button.has-notification:before {
        width: 40px;
        height: 40px;
        position: absolute;
        right: -6px;
        top: -19px;
        background-color: #e91e1e;
        border-radius: 50%;
        display: block;
        content: "\f38f";
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 26px;
        z-index: 1;
    }
    
    #chat-button.has-notification:after {
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        right: -6px;
        top: -19px;
        background-color: #e91e1e;
        border-radius: 50%;
        display: block;
        -webkit-animation: growFade 1s infinite ease-out;
        animation: growFade 1s infinite ease-out;
        -webkit-animation-iteration-count: 10;
        animation-iteration-count: 10;
    }
    
    @-webkit-keyframes growFade {
        0% {
        opacity: 1;
        }
    
        100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
        }
    }
    
    @keyframes growFade {
        0% {
        opacity: 1;
        }
    
        100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
        }
    }
    
    .rbec #chat-button {
        display: none;
    }
    
    #chat-button:before {
        display: none;
        content: "\f2b6";
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 42px;
        color: #ffffff;
    }
    
    #chat-button:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }
    
    #chatbox.chat-lite {
        max-width: 500px;
        width: 100%;
        height: 60svh;
        pointer-events: all;
        margin: 0;
        max-height: 500px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
        -webkit-box-shadow: 0 0 40px #000000;
        box-shadow: 0 0 40px #000000;
        background-color: #000000;
        position: relative;
        overflow: visible;
        bottom: 20px;
        right: 130px;
        position: fixed;
        z-index: 3;
    }
    
    .scroll-bottom #chatbox.chat-lite,
    .scroll-bottom #chat-button,
    .scroll-bottom #floating-video:not(.expand) {
        bottom: 115px;
    }
    
    #chatbox.chat-lite.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
    }
    
    #chatbox:not(.chat-lite)>.extra-buttons {
        display: none;
    }
    
    #chatbox.chat-lite>.extra-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .extra-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: 0;
        top: -45px;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    
    .extra-buttons>a {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ffffff !important;
        font-size: 25px;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.28);
        margin-left: 5px;
    }
    
    .extra-buttons>a:hover {
        background: #000000;
    }
    
    .extra-buttons .leave-bt {
        font-size: 10px;
        width: auto;
        color: white;
        font-family: var(--font-family-text);
        font-weight: bold;
        text-shadow: none;
        height: auto;
        margin: auto 5px auto 0;
        background: red;
        border-radius: 4px;
        padding: 3px 4px;
    }
    
    .extra-buttons .expand-bt:before {
        content: "\f33b";
    }
    
    .extra-buttons .close-bt:before {
        content: "\f2c0";
    }
    
    .extra-buttons .minimize-bt:before {
        content: "\f27e";
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .extra-buttons .drag-bt {
        cursor: move;
    }
    
    .extra-buttons .drag-bt:before {
        content: "\f1fd";
    }
    
    
    #chatbox.chat-lite .loading-container {
        height: 100%;
        max-height: 100%;
        width: 100%;
    }
    
    #chatbox.chat-lite .chat-container {
        width: 100%;
    }
    
    #chatbox.chat-lite aside header,
    #chatbox.chat-lite main header img,
    #chatbox.chat-lite main header .avatar {
        display: none;
    }
    
    #chatbox.chat-lite main header .header-left div {
        margin-left: 0;
    }
    
    #chatbox.chat-lite main header {
        height: 60px;
        padding: 0 15px;
    }
    
    #chatbox.chat-lite main {
        margin-left: 0;
    }
    
    #chatbox.chat-lite main.select-room:before {
        font-synthesis: 80px;
    }
    
    #chatbox.chat-lite aside {
        position: relative;
        height: 100%;
    }
    
    #chatbox.chat-lite aside .aside-group:first-child {
        border: none;
    }
    
    #chatbox.chat-lite main footer {
        height: 70px;
        padding: 10px 0;
    }
    
    #chatbox.chat-lite main footer input {
        background-size: 15px auto;
        width: 40px;
        height: 40px;
        right: 15px;
    }
    
    #chatbox.chat-lite main footer textarea {
        padding-right: 60px;
        padding-left: 15px;
    }
    
    #chatbox.chat-lite main header h2 {
        font-size: 12px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    
    #chatbox.chat-lite main header .header-left div input {
        margin-top: 0;
        padding: 0px 5px;
        font-size: 11px;
    }
    
    #chatbox.chat-lite main header .header-right {
        display: none;
    }
    
    #chatbox.chat-lite .results ul {
        max-height: 170px;
        min-height: 50px;
    }
    
    #chatbox.chat-lite .character-selector>div {
        width: auto;
        cursor: pointer;
        text-align: center;
        font-size: 12px;
    }
    
    #chatbox.chat-lite #chat li {
        padding: 15px;
        width: 100%;
    }
    
    #chatbox.chat-lite #chat .message {
        min-width: 0;
        width: calc(100% - 35px);
        padding: 0 10px 10px;
        font-size: 14px;
    }
    
    #chatbox.chat-lite #chat .you .message {
        margin-left: 35px;
    }
    
    #chatbox.chat-lite #chat .entete img,
    #chatbox.chat-lite #chat .entete .avatar {
        width: 35px !important;
        height: 35px;
        margin: 0;
    }
    
    #chatbox.chat-lite #chat h2 {
        font-size: 12px;
        margin: 0 10px;
    }
    
    #chatbox.chat-lite #search-chat {
        padding: 0 10px;
    }
    
    #chatbox.chat-lite #search-chat .controls .search {}
    
    #chatbox.chat-lite #search-chat .results .create-group ul {
        max-height: 100px;
    }
    
    #chatbox.chat-lite .character-selector {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    
    #chatbox.chat-lite #search-chat .results {
        max-height: 170px;
        min-height: 50px;
    }
    
    #chatbox.chat-lite #search-chat .results>div:not(.create-group) {
        max-height: 100%;
        min-height: 100%;
        padding: 10px 0;
    }
    
    #chatbox.chat-lite #search-chat .results>div:not(.create-group):before {
        font-size: 55px;
    }
    
    #chatbox.chat-lite #chat .entete .user-more-data>img,
    #chatbox.chat-lite #chat .entete .user-more-data>.avatar,
    #chatbox.chat-lite .user-more-data>img,
    #chatbox.chat-lite .user-more-data>.avatar {
        width: 200px !important;
    }
    
    
    #video-chat {
        border: none;
    }
    
    
    #video-mp4 .bg-vid .YTPlayer {
        position: relative;
        padding-top: 56.12%;
    }
    
    #video-mp4 .bg-vid .YTPlayer video {
        object-fit: contain;
        width: 100% !important;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #video-mp4 .bg-vid .slide {
        display: none;
    }
    
    #modal-search {
        max-width: 800px;
        min-width: 800px;
        width: 800px;
        top: 20px;
        transform: none;
        left: 50%;
        right: auto;
        bottom: 20px;
        margin-left: -400px;
    }
    
    #modal-search .md-content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    #modal-search .md-header {
        width: 100%;
        flex: none;
    }
    
    #modal-search .md-header-title {
        margin-right: 20px;
    }
    
    #modal-search .md-header .input-block-level {
        background: transparent;
        border: none;
        border-bottom: 1px solid #ffffff;
        color: #fff;
        font-size: 22px;
        line-height: 1.1;
        -webkit-appearance: none;
        border-radius: 0;
    }
    
    #modal-search .md-header .input-block-level::-webkit-input-placeholder {
        color: #ffffff;
    }
    
    #modal-search .md-header .input-block-level:-moz-placeholder {
        color: #ffffff;
    }
    
    #modal-search .md-header .input-block-level::-moz-placeholder {
        color: #ffffff;
        opacity: 1;
    }
    
    #modal-search .md-header .input-block-level:-ms-input-placeholder {
        color: #ffffff;
    }
    
    #modal-search .md-header .input-block-level:input-placeholder {
        color: #ffffff;
    }
    
    #modal-search .md-body {
        height: 100%;
        overflow: auto;
        padding-left: 0;
        padding-right: 0;
    }
    
    #modal-search .results-found {
        padding: 0 40px;
    }
    
    #modal-search .img-aside ul li .more-items-img-container {
        width: 160px;
        flex: none;
    }
    
    #modal-search .img-aside ul li .more-items-img-container i {
        display: block;
        text-align: center;
        font-size: 90px;
        line-height: 55px;
        height: 95px;
    }
    
    #modal-search .img-aside ul li .more-items-img-container i.type-pdf {
        color: red;
    }
    
    #modal-search .img-aside ul li .more-items-img-container i.type-doc,
    #modal-search .img-aside ul li .more-items-img-container i.type-docx {
        color: #006dff;
    }
    
    #modal-search .img-aside ul li .wrapper h2 {
        font-size: 16px;
        word-break: break-word;
    }
    
    #modal-search .more-items-list {
        padding: 10px 0 0 0;
    }
    
    #modal-search .more-items-list .more-items-item {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 0;
        padding: 15px 40px;
    }
    
    #modal-search .more-items-list .more-items-item:nth-child(even) {
        background-color: #f5f5f5;
    }
    
    #modal-search .more-items-list .more-items-item .wrapper {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    
    #modal-search .img-aside ul li .more-items-img-container~.wrapper {
        padding-left: 20px;
    }
    
    #modal-search .more-items-list .more-items-item .wrapper .more-items-category {
        margin-top: 0;
        letter-spacing: 1px;
        color: var(--electric-blue);
    }
    
    #modal-search .more-items-list .more-items-item .wrapper .more-items-short-text {
        margin-bottom: 0;
        font-size: 12px;
        color: #969696;
    }
    
    .md-overlay-opened {
        overflow: hidden;
    }
    
    .search-tags {}
    
    .tag-item {
        background-color: #e5e5e5;
        color: #9f9f9f;
        padding: 2px 10px;
        border-radius: 2px;
        font-size: 11px;
        display: inline-block;
        margin-right: 5px;
        font-weight: bold;
    }
    
    body.welcome {
        overflow: hidden;
    }
    
    .welcome #countdown {
        height: 100svh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: var(--electric-blue);
    }
    
    .welcome #countdown .widget-title {
    
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    
    .welcome #countdown .widget-title:before {
        width: 180px;
        height: 180px;
        background: url(../img/site-logo-sm.png) center top no-repeat transparent;
        background-size: cover;
        margin-bottom: 30px;
        content: "";
        border: 2px solid #fff;
    }
    
    .welcome #countdown * {
        color: #ffffff;
    }
    
    .welcome #countdown .countdown-time {
        justify-content: center;
    }
    
    .welcome #countdown .countdown-time>span {
        flex-direction: column;
    }
    
    .welcome #countdown .countdown-time>span.secs {
        width: 75px;
    }
    
    .welcome #countdown .countdown-time>span strong {
        font-size: 56px;
    }
    
    .accreditations-tab ul li {
        background: transparent;
    }
    
    .accreditations-tab .wrapper {
        padding-left: 60px;
        padding-right: 60px;
        max-width: 1000px;
    }
    
    .press-conference-questions>div {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        max-width: 1000px;
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .press-conference-questions>div .questions {
        color: #ffffff;
    }
    
    .press-conference-questions .questions ul {
        margin-left: 0;
        padding-left: 0;
        list-style: none;
    }
    
    .press-conference-questions .questions ul li {
        margin-bottom: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .press-conference-questions .questions ul li:last-child {
        border: none;
    }
    
    .press-conference-questions>div>* {
        width: 50%;
    
    }
    
    .press-conference-questions>div>*:nth-child(2) {
        padding-right: 30px;
    }
    
    .press-conference-questions>div>*:first-child {
        padding-left: 30px;
    }
    
    .press-conference-questions>div h3 {
        color: #ffffff;
        font-size: 22px;
    }
    
    .press-conference-admin .questions>h3 {
        display: none;
    }
    
    .press-conference-admin ul {
        padding-left: 0;
        margin-left: 0;
        list-style: none;
    }
    
    .press-conference-admin .questions .question-types-selector {
        padding: 0;
        margin: 0;
        background: #ffffff;
        top: var(--header-height);
        position: sticky;
        border-bottom: 1px solid #dddddd;
        z-index: 1;
    }
    
    .press-conference-admin .questions>ul:last-child {
        margin: 0 0 40px 0;
        padding: 40px 0 150px;
        list-style: none;
    }
    
    .press-conference-admin .questions>ul:last-child li:nth-child(odd) {
        background: rgb(244, 244, 244);
    }
    
    .press-conference-admin .questions>ul:last-child li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .press-conference-admin .questions>ul:last-child li:hover {
        background-color: rgb(231, 231, 231);
    }
    
    .press-conference-admin .questions>ul:last-child li .question-name {
        width: 25%;
        font-size: 16px;
    
    }
    
    .press-conference-admin .questions>ul:last-child li .question-question {
        width: 45%;
        color: #000000;
        font-weight: bold;
    }
    
    .press-conference-admin .questions>ul:last-child>li>* {
        padding-right: 10px;
        color: #4a4a4a;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-date {
        width: 20%;
        text-align: left;
        font-size: 16px;
    }
    
    .press-conference-admin .questions>ul:last-child li button {
        right: 0;
        width: 80px;
        margin-left: 10px;
        font-size: 12px;
        padding: 0 5px;
        height: 40px
    }
    
    
    .press-conference-admin .questions>ul:last-child li .question-status {
        width: 10%;
        font-size: 15px;
        position: relative;
        padding-right: 0;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status .submenu {}
    
    .press-conference-admin .questions>ul:last-child li .question-status .submenu li {
        padding: 0 !important;
        background-color: #ffffff;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status .submenu a {
        padding: 7px 15px;
        background: transparent;
        width: 100%;
        text-align: right;
        letter-spacing: 0;
        font-size: 15px;
    
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status .submenu a:hover {
        background-color: var(--electric-blue);
    }
    
    .press-conference-admin .questions>ul:last-child li:hover>*,
    .press-conference-admin .questions>ul:last-child li:hover>*>a {
        color: rgb(255, 255, 255) !important;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        font-weight: bold;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status-2>a {
        color: #00b000;
        font-weight: bold;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status-3>a {
        color: red;
        font-weight: bold;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status-1>a {
        color: orange;
        font-weight: bold;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status-5>a {
        color: #0070ff;
        font-weight: bold;
    }
    
    .press-conference-admin .questions>ul:last-child li .question-status-4>a {
        color: white;
        font-weight: bold;
        background-color: rgba(255, 0, 0, 0.47) !important;
    }
    
    .press-conference-admin .questions.live-announcements {
        margin-bottom: 100px;
    }
    
    .press-conference-admin .questions .no-questions {
        padding: 40px 0 0 20px;
        text-align: left;
        width: 100%;
        display: inline-block;
    
    }
    
    .vertical-menu .more-bt {
        padding: 0 60px !important;
        display: flex;
    }
    
    .more-bt {
        display: none;
    }
    
    .more-bt.bt-end {
        justify-content: flex-end;
    }
    
    .more-bt.bt-center {
        justify-content: center;
    }
    
    .load-more-bt:hover {
        background-color: transparent;
    }
    
    .more-bt a,
    .load-more-bt,
    #landing-wrapper>.widget .pagination .pagination-more {
        padding: .3125rem 0;
        font-size: 14px;
        line-height: 1.5;
        text-transform: uppercase;
        color: var(--electric-blue);
        margin-bottom: 1.25rem;
        cursor: pointer;
        position: relative;
        display: block;
        transition: all .2s ease-in-out;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-weight: bold;
    }
    
    .load-more-bt,
    #landing-wrapper>.widget .pagination .pagination-more {
        border: none;
        background: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        background-color: transparent;
        font-size: 16px;
    }
    
    .more-bt a:after,
    .load-more-bt:after,
    #landing-wrapper>.widget .pagination .pagination-more:after {
        content: "\f3D1";
        font-family: "Ionicons";
        margin-left: 10px;
        display: inline-block;
    }
    
    .blue-bg>.more-bt a {
        color: #ffffff;
    }
    
    .blue-bg>.more-bt a:before {
        background-color: #ffffff;
    }
    
    .more-bt a:hover:before,
    .load-more-bt:hover:before,
    #landing-wrapper>.widget .pagination .pagination-more:hover:before {
        width: 100%;
        opacity: 1;
    }
    
    .more-bt a:before,
    .load-more-bt:before,
    #landing-wrapper>.widget .pagination .pagination-more:before {
        content: '';
        position: absolute;
        bottom: .125rem;
        width: 0;
        height: .125rem;
        margin: .125rem 0 0;
        transition: all .1s ease-in-out;
        transition-duration: .45s;
        opacity: 0;
        background-color: var(--electric-blue);
        left: 0;
    }
    
    .documents #widget-embed {
        padding-left: 40px;
    }
    
    #press-releases .tab.dropdown {
        display: none;
    }
    
    #press-releases.tabs-view:not(.tabs-col)>header>.tabs {
        padding-left: 0;
        padding-right: 0;
    }
    
    #press-releases .more-items-list:not(.owl-carousel),
    #press-conferences .more-items-list:not(.owl-carousel) {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .teams-drivers .widget.article-view .article {
        padding-bottom: 60px;
    }
    
    #vertical-menu #press-releases>header {
        padding: 0 40px;
        top: 37px;
    }
    
    /* UNITY */
    
    body.unity .logo-img {
        height: 100%;
        width: auto;
    }
    
    .unity .menu-nav .tabs-content .more-items-groups {
        width: 100%;
    }
    
    .unity .menu-nav .tabs-content .more-items-group {
        width: 20%;
    }
    
    .unity .menu-nav .no-results-container {
        color: #fff;
    }
    
    .unity .widget.article-view .article {
        padding-bottom: 0;
        padding-top: 30px;
    }
    
    .unity #row-last {
        display: inline-block;
        background: #fff;
    }
    
    .unity .primary-content {
        float: right;
        min-height: calc(100vh - var(--header-height) - 100px);
        background: #fff;
    }
    
    .unity .related-content {
        background: #F9F9F9;
        top: var(--header-height);
        position: sticky;
        width: var(--left-column-width);
    }
    
    .unity .vertical-menu>header {
        position: relative;
        top: auto;
        padding-top: 40px;
        height: calc(100vh - var(--header-height));
        overflow: auto;
    }
    
    .unity .vertical-menu #topSearch {
        margin-bottom: 25px;
        padding: 0 30px;
        margin-top: 0;
    }
    
    .unity .vertical-menu #topSearch .search-bar {
        padding: 0 14px;
        height: 40px;
        background: #fff;
        border: 1px solid #ddd;
    }
    
    .unity .vertical-menu #topSearch .search-bar .control-group i {
        color: #0000005e;
        margin-right: 10px;
    }
    
    .unity .vertical-menu #topSearch .search-bar .control-group .input-block-level {
        color: #000;
        font-size: 20px;
    }
    
    .unity .vertical-menu #topSearch .search-bar .control-group .input-block-level::-webkit-input-placeholder {
        color: #0000005e;
    }
    
    .unity .vertical-menu #topSearch .search-bar .control-group .input-block-level:-moz-placeholder {
        color: #0000005e;
    }
    
    .unity .vertical-menu #topSearch .search-bar .control-group .input-block-level::-moz-placeholder {
        color: #0000005e;
        opacity: 1;
    }
    
    .unity .vertical-menu #topSearch .search-bar .control-group .input-block-level:-ms-input-placeholder {
        color: #0000005e;
    }
    
    .unity .vertical-menu #topSearch .search-bar .control-group .input-block-level:input-placeholder {
        color: #0000005e;
    }
    
    .menu-nav header {
        display: flex;
        align-items: center;
    }
    
    .menu-nav .tabs-content {
        position: fixed;
        top: var(--header-height);
        opacity: 0;
        pointer-events: none;
        background: 100% -50% no-repeat #45474f;
        background-image: radial-gradient(circle at 100% 30%, rgba(20, 183, 237, .2), rgba(20, 183, 237, 0) 31%);
        left: 0;
        right: 0;
    }
    
    .menu-nav:hover .tabs-content {
        opacity: 1;
        pointer-events: all;
    }
    
    .menu-nav .tabs-content .more-items-groups {
        display: flex;
        list-style: none;
        padding: 20px 15px;
        justify-content: flex-start;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    
    .menu-nav .tabs-content .more-items-group {
        flex: none;
        padding: 20px 15px;
    }
    
    .menu-nav .tabs-content .more-items-group>.wrapper .group-name {
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 0;
    }
    
    .menu-nav .tabs-content .more-items-group .more-items-list {
        margin-top: 0;
    
    }
    
    .menu-nav .tabs-content .more-items-group .more-items-list li {
        background: transparent;
    }
    
    .menu-nav .tabs-content .more-items-group .more-items-list li .wrapper {
        padding: 0;
        background-color: transparent;
    }
    
    .menu-nav .tabs-content .more-items-group .more-items-list li .wrapper h2 {
        font-size: 14px;
        font-weight: normal;
        color: #ffffff;
        opacity: .7;
    }
    
    .menu-nav .tabs-content .more-items-group .more-items-list li:hover .wrapper h2 {
        opacity: 1;
    }
    
    .menu-nav .tabs li a {
        padding: 0;
        color: #31333C;
        font-size: 14px;
        font-family: var(--font-family-text);
        margin: 0 15px;
    }
    
    .menu-nav .tabs li a:after {
        content: "\f3d0";
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 7px;
    }
    
    .menu-nav:hover .tabs li a,
    .media .menu-nav .tabs li.tab-MEDIA a,
    .audience .menu-nav .tabs li.tab-AUDIENCE a,
    .commercial .menu-nav .tabs li.tab-COMMERCIAL a,
    .spectators .menu-nav .tabs li.tab-SPECTATORS a,
    .sustainability .menu-nav .tabs li.tab-SUSTAINABILITY a,
    .other-research .menu-nav .tabs li.tab-OTHER-RESEARCH a {
        color: var(--electric-blue);
    }
    
    .unity #single-title.breadcrums {
        display: none;
    }
    
    .unity .article-view-title {
        font-size: 36px;
    }
    
    #landing-wrapper>.widget {
        border-bottom: 1px solid #dddddd;
    }
    
    #landing-wrapper>.widget .widget-title {
        padding: 0 calc(var(--gap) / 2);
    }
    
    #schedule .widget-title:after {
        content: "Times are displayed in your local timezone";
        font-size: 16px;
        display: block;
        font-family: var(--font-family-text);
        text-transform: none;
        margin-top: 10px;
    }
    
    body.press-conference #article-view-pr article {
        padding: 0;
    }
    
    body.press-conference #article-view-pr article .files-list {
        padding: 0;
    
    }
    
    body.press-conference #article-view-pr article .files-list li {
        display: none
    }
    
    body.press-conference #article-view-pr article .files-list li:last-child {
        display: block
    }
    
    body.press-conference #article-view-pr article .files-list li a span img {
        display: none;
    }
    
    body.press-conference #article-view-pr article .files-list li a span:before {
        content: "Download video";
        color: #fff;
        padding: 20px;
        font-size: 16px;
        font-style: normal;
        text-transform: uppercase;
        background-color: var(--electric-blue);
    }
    
    body.press-conference #article-view-pr article .files-list li a {
        color: transparent;
    }
    
    /* Sergio ADD
        ========================================================== */

        body.live #floating-video{
            width: 100% !important;
        }

        /* Apex Chat */
        body.apex-chat {
            font-weight: 300;
        }
        #apex-chat-container{
        height: calc(100vh - 90px);
        }

        #apex-chat-container .chat-container{
        display: flex;
        justify-content: space-between;
        height: 100%;
        }

        #apex-chat-container .chat-container .chat-real-time{
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: scroll;
        border-radius: 30px;
        max-height: 100%;
        transition: width .3s ease;
        }
        #apex-chat-container .chat-container .chat-real-time.active {
            width: 70%;
        }

        #apex-chat-container .chat-container .chat-real-time>div{
        display: flex;
        flex-direction: column;
        }
        #apex-chat-container .chat-container .chat-real-time>div .edited-label {
            font-size: 10px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons {
            display: flex;
            gap: 10px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button-container .delete-confirmation {
            font-weight: 300;
            font-size: 14px;
            display: flex;
            flex-direction: row;
            color: red;
            gap: 10px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button-container .delete-confirmation > div {
            cursor: pointer;
        }
        /* #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button-container .delete-confirmation > div:after {
            font-family: remixicon;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button-container .delete-confirmation > div.confirm-delete:after {
            content: "\eb7b";
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button-container .delete-confirmation > div.cancel-delete:after {
            content: "\eb99";
        } */
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .message-button {
            pointer-events: all;
            cursor: pointer;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .message-button:before {
            font-family: remixicon;
            font-size: 16px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button:before {
            content: "\ec2a";
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .edit-button:before {
            content: "\ec86";
        }
        #apex-chat-container .chat-container .chat-real-time>div .message{
        width: fit-content;
        padding: 5px 0;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message p{
        margin: 0;
        }
        #apex-chat-container .chat-container .chat-real-time>div .date-buttons-container {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .date{
            font-size: 14px;
            color: #C4C4C4;
            font-weight: 400;
        }
        #apex-chat-container .chat-container .chat-real-time > div.last-answered .date {
            color: var(--neutral-dark-3);
        }
        #apex-chat-container .chat-container .chat-real-time>div .date.recent-date {
            color: red;
        }
        #apex-chat-container .chat-container .burger-button {
            cursor: pointer;
            width: 32px;
            height: 32px;
            display: flex !important;
            justify-content: center;
            align-items: center;
            right: 10px;
            top: calc(var(--header-height) + 18px);
            position: absolute;
            border-radius: 30px;
            background: #ddd;
            z-index: 5;
        }
        #apex-chat-container .chat-container .event-selector {
            cursor: pointer;
            opacity: 1;
            width: max-content;
            height: 32px;
            display: flex !important;
            justify-content: center;
            align-items: center;
            right: 304px;
            color: var(--text-color);
            top: calc(var(--header-height) + 18px);
            position: absolute;
            border-radius: 30px;
            padding: 0 15px;
            background-color: #ddd;
            z-index: 4;
            transition: opacity .3s ease;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
        #apex-chat-container .chat-container select.event-selector {
            padding-right: 35px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            background-size: 18px;
        }
        #apex-chat-container .chat-container .event-selector select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            background: transparent;
            color: inherit;
            font: inherit;
            cursor: pointer;
            padding: 0;
            margin: 0;
        }
        #apex-chat-container .chat-container .event-selector select::-ms-expand {
            display: none;
        }
        #apex-chat-container .chat-container .event-selector:not(select) i[class*="ri-"],
        #apex-chat-container .chat-container .event-selector:not(select) > svg {
            display: none !important;
        }
        #apex-chat-container .chat-container .event-selector:not(select)::after {
            content: "\ea4e";
            display: inline-block;
            font-family: remixicon;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            margin-left: 10px;
            flex-shrink: 0;
        }
        #apex-chat-container .chat-container .burger-button.active ~ .sort-btn,
        #apex-chat-container .chat-container .burger-button.active ~ .event-selector {
            opacity: 0;
            transition: opacity .3s ease;
        }
        #apex-chat-container .chat-container .sort-btn {
            cursor: pointer;
            opacity: 1;
            width: max-content;
            height: 32px;
            display: flex !important;
            justify-content: center;
            align-items: center;
            right: 55px;
            top: calc(var(--header-height) + 18px);
            position: absolute;
            border-radius: 30px;
            padding: 0 15px;
            background: #ddd;
            z-index: 4;
            transition: opacity .3s ease;
        }
        #apex-chat-container .chat-container .sort-btn span {
            margin-left: 4px;
        }
        #apex-chat-container .chat-container .sort-btn.ascending:after {
            content: "\ea76";
            font-family: remixicon;
            margin-left: 10px;
        }
        #apex-chat-container .chat-container .sort-btn.descending:after {
            content: "\ea4c";
            font-family: remixicon;
            margin-left: 10px;
        }
        #apex-chat-container .chat-container .burger-button:before {
            content: "\ef48";
            font-family: remixicon;
        }
        #apex-chat-container .chat-container .message-container {
            position: absolute;
            padding: 14px 20px;
            border-radius: 100px;
            min-width: 351px;
            text-align: center;
            color: #fff;
            width: max-content;
            left: 50%;
            top: calc(var(--header-height) - 24px);
            z-index: 3;
            transform: translateX(-50%) translateY(-20px);
            opacity: 0;
            transition: all 0.4s ease;
            transform: translateX(-50%);
            background: red;
        }
        #apex-chat-container .chat-container .message-container.sending {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: var(--neutral-dark-3);
        }
        #apex-chat-container .chat-container .message-container.sent {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: var(--electric-blue);
        }
        #apex-chat-container .chat-container .message-container.editing {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: var(--neutral-dark-3);
        }
        #apex-chat-container .chat-container .message-container.edited {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: var(--electric-blue);
        }
        #apex-chat-container .chat-container .message-container.deleting {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: red;
        }
        #apex-chat-container .chat-container .message-container.deleted {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: red;
        }
        #apex-chat-container .chat-container .message-container.error {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: red;
        }
        #apex-chat-container .chat-container .message-container.sending::before {
            content: "\eec6";
            font-family: remixicon;
            display: inline-block;
            font-size: 20px;
            margin-right: 8px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        #apex-chat-container .chat-container .chat-real-time > div {
            position: relative;
            padding: 8px 40px;
            margin: 0 20px;
            border-radius: 10px;
            transition: background .3s ease;
        }
        #apex-chat-container .chat-container .chat-real-time > div.last-answered {
            background: var(--neutral-light-3);
            transition: background .3s ease;
        } 
        #apex-chat-container .chat-container .chat-real-time > div:nth-child(even) {
            background-color: #F9F9F9;
        }
        #apex-chat-container .chat-container .chat-real-time > div > .question {
            display: flex;
            flex-direction: column;
            padding-bottom: 14px;
            width: fit-content;
            margin-bottom: 10px;
        }
        #apex-chat-container .chat-container .chat-real-time > div > .question {
            color: var(--text-color);
            
        }
        #apex-chat-container .chat-container .chat-real-time .message-edit {
            margin-top: 10px;
        } 
        #apex-chat-container .chat-container .chat-real-time > div > .question, 
        #apex-chat-container .chat-container .chat-real-time .author{
            font-weight: bold;
            font-size: 14px;
        }
        #apex-chat-container .chat-container .chat-real-time .author {
            color: var(--electric-blue)
        }
        #apex-chat-container .chat-container .chat-real-time > div 
        #apex-chat-container .chat-container .chat-real-time > div:first-child {
        padding: 60px 60px 20px 60px;
        }
        #apex-chat-container .chat-container .chat-real-time .type-1,
        #apex-chat-container .chat-container .chat-real-time .type-1 .author{
        }
        #apex-chat-container .chat-container .chat-real-time .type-2{
        }

        #apex-chat-container .chat-container .chat-real-time .type-1 .message{
        }
        #apex-chat-container .chat-container .chat-real-time .type-2 .message{
        }

        #apex-chat-container .chat-container .chat-user-questions{
            width: 0;
        background: #F9F9F9;
        display: flex;
        border-left: 1px solid #ddd;
        flex-direction: column;
        justify-content: space-between;
        transform: translateX(50vw);
        transition: all .3s ease;
        }
        #apex-chat-container .chat-container .chat-user-questions.active {
            width: 30%;
            min-width: 390px;
            transform: none;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list h2 {
        color: #fff;
        margin: 0;
        background: var(--electric-blue);
        padding: 20px 30px;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list h2:before {
        content: url('../img/apex-chat-question-icon.svg');
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 8px;
        vertical-align: middle;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list .user-question {
        border-bottom: 1px solid #dddddd;
        padding: 20px 30px;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list .user-question > span {
        margin-bottom: 8px;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list .user-question > span.author {
        margin-bottom: 0px;
        font-weight: bold;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list .user-question:last-child {
        border-bottom: 0;
        }
        #apex-chat-container .chat-container .chat-user-questions .user-question-list .user-question-container {
        overflow: auto;
        }
        #apex-chat-container .chat-container .chat-user-questions .chat-user-new-question {
        padding: 10px 30px 30px;
        border-top: 1px solid #dddddd;
        background: var(--neutral-light-3);
        }
        #apex-chat-container .chat-container textarea{
        border: 1px solid #C4C4C4;
        margin-bottom: 12px;
        background-color: transparent;
        }
        #apex-chat-container .chat-container .chat-user-questions .question-input,
        #apex-chat-container .chat-container .chat-user-questions .user-question-list .user-question {
        display: flex;
        flex-direction: column;
        }
        #apex-chat-container .chat-container .chat-user-questions .question-input .buttons-container{
        display: flex;
        justify-content: space-between;
        }
        #apex-chat-container .chat-container button{
        align-self: flex-end;
        border-radius: var(--border-radius-form);
        padding: 10px 30px;
        color: #fff;
        width: fit-content;
        line-height: 1;
        background-color: var(--electric-blue);
        border: 0px;
        cursor: pointer;
        }


        #modal-successpayment #close-button{
        background-color: var(--culture-pink);
        margin: auto;
        width: 200px;
        height: 20px;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        }

        #coupon-error{
        color: var(--culture-pink);
        padding-left: 20px;
        margin-top: -15px;
        }

        #price-detail-container {
        display: flex;
        flex-direction: column;
        z-index: 2;
        position: sticky;
        min-width: 280px;
        top: calc(var(--header-height) + 10px);
        height: fit-content;
        padding: 10px;
        color: #FFF;
        text-align: right;
        border-radius: var(--border-radius-cal-items-small);
        margin: 0;
        background: linear-gradient(135deg, rgba(12, 238, 238, .2) 0%, rgba(252, 86, 49, .2) 100%);
        }
        #price-detail-container .price-title {
        padding-bottom: 8px;
        text-transform: uppercase;
        border-bottom: 1px solid #ffffff69;
        text-align: left;
        margin-bottom: 10px;
        }
        #price-detail-container > div > div span:first-child {
        text-transform: uppercase;
        font-size: 16px;
        min-width: 145px;
        }
        #price-detail-container > div > div span:last-child {
        font-size: 22px;
        }
        #price-detail-container > div:not(:last-child) {
        padding-bottom: 10px;
        }
        #price-detail-container > div > div {
        align-items: center;
        display: flex;
        justify-content: space-between;
        }
        #price-detail-container p{
        margin: 0;
        }
        #price-detail-container #discount-price{
        display: flex;
        justify-content: end;
        border-bottom: 1px solid #ffffff69;
        }
        #price-detail-container #discount-price > div {
        width: 100%;
        display: flex;
        }
        #price-detail-container #discount-price > div #total {
        align-self: center;
        }
        #price-detail-container #discount {
        font-family: var(--font-family-main);
        font-size: 22px;
        }
        #price-detail-container #discount-total-price {
        padding-top: 8px;
        }

        body.press-release #article-view-single .article-view-body{
        display: flex;
        flex-wrap: wrap;
        }
        body.press-release #article-view-single .article-view-body .size-100{
        width: 100%;
        }
        body.press-release #article-view-single .article-view-body .size-80{
        width: 80%;
        }
        body.press-release #article-view-single .article-view-body .size-75{
        width: 75%;
        }
        body.press-release #article-view-single .article-view-body .size-50{
        width: 50%;
        }
        body.press-release #article-view-single .article-view-body .size-33{
        width: 33%;
        }
        body.press-release #article-view-single .article-view-body .size-25{
        width: 25%;
        }
        body.press-release #article-view-single .article-view-body .size-20{
        width: 20%;
        }
        body.press-release .article-view-body table tr:nth-child(even),
        body.press-release .article-view-body table,
        body.press-release .article-view-body table th, 
        body.press-release .article-view-body table td {
        border: none;
        padding:0;
        background-color: transparent;
        text-align: left;
        }
        #share-by-email-button{
        position: fixed;
        width: 65px;
        height: 65px;
        right: 15px;
        top: 100px;
        text-transform: uppercase;
        }
        #share-by-email-button a{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: var(--text-color);
        font-weight: bold;
        }
        
        #share-by-email-button a i{
        font-size: 40px;
        }

        #share-by-email-button a i:before{
        content: "";
        background: url(../img/share-icon.png) transparent center center no-repeat;
        position: absolute;
        width: 50px;
        height: 50px;
        right: 7.5px;
        background-size: 50px 50px;
        }

        #share-by-email-button a span{
        margin-top: 50px;
        }

        #modal-share-by-email{
        box-shadow: 0px 7px 20px 2px rgba(0,0,0,.5);
        border-radius: 10px;
        }

        #modal-share-by-email .md-content{
        border-radius: 10px;
        }
        
        #modal-share-by-email .md-header{
        background-color: #0105f5;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        }

        #modal-share-by-email .md-header h2{
        font-weight: normal;
        text-transform: uppercase;
        }

        #modal-share-by-email .md-body .text{
        color: #0105f5;
        }

        #modal-share-by-email .md-body .submit .controls{
        display: flex;
        align-items: flex-end;
        }

        #modal-share-by-email .md-body .submit a{
        background-color: #0105f5;
        color: #FFFFFF;
        width: 200px;
        }

        .arrow-right {
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: var(--electric-blue);
        width: 40px;
        height: 40px;
        -webkit-mask-image: url(../img/arrow-right.svg);
        mask-image: url(../img/arrow-right.svg);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        display: block;
        }

        /* CAL Event */

        .cal-event #cal_banners ul li .wrapper {
            background-color: #00000052;
            padding-right: 18%;
            padding-left: 10%;
        }
        .cal-event #cal_banners ul li .wrapper p {
            margin: 0;
            color:#fff;
            font-weight: 400;
            margin-right: 2em;
        }
        .cal-event #cal_banners ul li .wrapper h2 {
            right: 0;
            top: 0;
            display: flex;
            width: 100%;
            position: absolute;
            justify-content: flex-end;
            align-items: flex-start;
            height: 100%;
            margin: 0;
        }
        .cal-event #cal_banners ul li .wrapper h2 a {
            transform: rotate(-90deg);
            display: inline-block;
            transform-origin: right;
            margin-top: 0px;
            margin-right: calc((var(--max-width-cal) / 3) / 8);
            /*
            background: linear-gradient(102deg, #0CEEEE -31.14%, #FCF431 110.8%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            */
            text-align: right;
            font-size: calc((var(--max-width-cal) / 3)/12);
            font-style: normal;
            font-weight: 700;
            line-height: calc((var(--max-width-cal) / 3)/12);
            text-transform: uppercase;
            flex-shrink: 0;
            color:var(--reason-green)
        }
        .cal-event .white-border {
            position: relative;
        }
        .cal-event .white-border:before {
            content: "";
            height: 1px;
            background-color: rgba(0,0,0,0.2);
            position: absolute;
            left: 95px;
            right: 95px;
            top: 0;
    }
    .cal-event-logos ul li > a {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        justify-content: center;
        max-width: calc(100% - (95px * 2));
        margin: 0 auto;
        width: 100%;
        pointer-events: none;
    }
    .cal-event-logos ul li > a img {
        width: calc(14.285714285714286% - 50px);
        object-fit: contain;
        max-height: 100px;
    }
    #event_sessions_speakers {

    }
    #event_sessions_speakers .widget-title {
        position: sticky;
        top: var(--header-height);
        margin-top: 0;
        padding-top: 20px;
    }
    #event_sessions_speakers ul {
        background-color: #fff;
    }
    #event_sessions_speakers ul li  {
        margin: 0;
        position: sticky;
        top: calc(var(--header-height) + 120px);
        background: #fff;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .cal-conference.dark #event_sessions_speakers ul li {
        border-color: #dddddd3b;
    }
    .cal-conference.dark #event_sessions_speakers ul,
    .cal-conference.dark #event_sessions_speakers ul li {
        background: #000;
    }
    #event_sessions_speakers ul li:first-child{
        margin-top: 0;
    }
    #event_sessions_speakers ul li .wrapper {
        max-width: calc(100% - (95px * 2));
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: grid; 
        grid-template-columns: 50% 50%; 
        gap: 0px 0px; 
        grid-template-areas: 
        "area1 area4"
        "area2 area4"
        "area3 area4"; 
        padding: 40px 0;
        
    }
    #event_sessions_speakers ul li .wrapper .more-items-long-text {
        grid-area: area4;
        position: relative;
        padding: 30px 0 30px 80px;
    }
    #event_sessions_speakers ul li .wrapper .more-items-long-text:before,
    #past_event_speakers ul li .wrapper .more-items-long-text:before {
        content: "SPEAKERS";
        transform: rotate(-90deg);
        font-size: 29px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.45px;
        text-transform: capitalize;
        display: inline-block;
        width: auto;
        position: absolute;
        transform-origin: top;
        left: -63px;
        top: 120px;
        background: linear-gradient(102deg, var(--light-blue) -31.14%, var(--reason-green) 110.8%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #event_sessions_speakers ul li .wrapper .more-items-category {
        grid-area: area1;
        color: var(--reason-green);
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        padding-right: 10%;
        display: flex;
        align-items: flex-end;
        
    }
    #event_sessions_speakers ul li .wrapper h2{
        grid-area: area2;
        color: var(--rich-blue);
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px; /* 116% */
        letter-spacing: -0.25px;
        text-transform: uppercase;
        padding-right: 10%;
        margin-bottom: 10px;
    }
    #event_sessions_speakers ul li .wrapper h2 a{
        color: var(--rich-blue);
    }
    .cal-conference.dark #event_sessions_speakers ul li .wrapper h2 a {
        color: #fff;
    }
    #event_sessions_speakers ul li .wrapper .more-items-text{
        grid-area: area3;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 175% */
        letter-spacing: -0.32px;
        padding-right: 10%;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        margin-bottom: 20px;
    }
    #event_sessions_speakers ul li .wrapper .more-items-text .time_to_show {
        color: var(--culture-pink);
        margin-bottom: 5px;
    }
    #event_sessions_speakers .speaker-data-json {
        flex-wrap: nowrap;
    }
    #event_sessions_speakers .speaker-data-json.items-2 .speaker-container {
        width: calc(50% - 15px);
    }
    #event_sessions_speakers .speaker-data-json.items-3 .speaker-container {
        width: calc(33.33333% - 15px);
    }
    #event_sessions_speakers .speaker-data-json .speaker-container {
        margin-bottom: 20px;
    }
    #event_sessions_speakers .speaker-data-json .speaker-container .speaker-image img {
        aspect-ratio: 1;
        object-fit: cover;
        object-position: top;
        width: 100%;
    }
    #event_sessions_speakers .speaker-data-json .speaker-container .speaker-info h3 {
        font-size: 18px;
        line-height: 1.2;
    }
    #event_sessions_speakers  .speaker-container .speaker-info p {
        font-size: 12px;
        line-height: 1.2;
    }
    #event_sessions_speakers .moderator-data-json .speaker-container {
        display: flex;
        align-items: flex-end;
    }
    #event_sessions_speakers .moderator-data-json .speaker-container .speaker-image  {
        width: 16.6666%;
        flex:none
    }
    #event_sessions_speakers .moderator-data-json .speaker-container .speaker-info {
        padding-left: 30px;
    }
    #event_sessions_speakers .moderator-data-json .speaker-container .speaker-info:before {
        content: "Moderated by";
        color: #A7A7A9;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 166.667% */
        letter-spacing: -0.12px;
        text-transform: uppercase;
    }
    #event_sessions_speakers .moderator-data-json .speaker-container .speaker-info h3 {
        margin-bottom: 10px;
        margin-top: 0;
        line-height: 1;
        font-size: 18px;
    }
    #event_sessions_speakers .moderator-data-json .speaker-container .speaker-info p{
        margin-bottom: 0;
    }
        #event_info {
        background: linear-gradient(102deg, rgba(12, 238, 238, 0.30) -31.14%, rgba(252, 86, 49, 0.30) 110.8%);
        overflow: hidden;
        }
        .cal-conference.dark #event_info {
        background: transparent;
        }
        #event_info_container {
        display: flex;
        background-color: #F9F9F9;
        }
        .cal-conference.dark #cal_event_info_items ul li .wrapper,
        .cal-conference.dark #cal_event_info_icons ul li .wrapper,
        .cal-conference.dark #cal_event_info_items ul,
        .cal-conference.dark #event_info_container {
        background-color: #242424;
        }
        #cal_event_info_icons {
        display: flex;
        align-items: center;
        }
        #cal_event_info_icons ul li .wrapper {
        background-color: #F9F9F9;
        padding-left: 95px;
        }
        #cal_event_info_icons ul li .wrapper > * {
        color: #00005F;
        font-family: var(--font-family-main);
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        
        align-items: center;
        display: flex;
        flex-direction: row;
        max-width: 470px;
        margin: 0;
        }
        #cal_event_info_icons ul li .wrapper > * span {
        padding: 25px 0 ;
        }
        #cal_event_info_icons ul li .wrapper > *:before {
        content: "";
        font-family: "Remixicon";
        width: 80px;
        height: 80px;
        font-size: 80px;
        background: linear-gradient(130deg, var(--light-blue) 26.29%, var(--reason-green) 73%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-right: 30px;
        font-weight: 100;
        }
        #cal_event_info_icons ul li .wrapper > .more-items-text:before {
        content: "\ef14";
        }
        #cal_event_info_icons ul li .wrapper > .more-items-text span{
        border-top: 1px solid rgba(0, 0, 0, .15);
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        }
        .cal-conference.dark #cal_event_info_icons ul li .wrapper > .more-items-text span {
        border-color:#ffffff36
        }
        #cal_event_info_icons ul li .wrapper >.more-items-long-text:before {
        content: "\f264";

        }
        #cal_event_info_icons ul li .wrapper > .more-items-category:before {
        content: "\eb27"; 
        }
        #cal_event_info_icons ul li .wrapper * {
        color: #00005F;
        }
        .cal-conference.dark #cal_event_info_icons ul li .wrapper * {
        color: #fff;
        }
        #cal_event_info_items {
        padding-left: 60px !important;
        position: relative;
        margin-top: -50px;
        }
        #cal_event_info_items:before {
        content: "";
        width: 60px;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        background: linear-gradient(130deg, var(--light-blue) 26.29%, var(--reason-green) 73%);
        /* background: url(../img/cal/cal-bg-schedule.jpg) center center no-repeat transparent;*/
        background-size: cover;
        transform: skewY(-41deg);
        top: 25px;
        }
        #cal_event_info_items ul {
        background-color: #F9F9F9;
        flex-direction: column;
        padding-bottom: 50px;
        }
        #cal_event_info_items ul:before {
        content: "\f20f";
        font-family: "Remixicon";
        background: linear-gradient(130deg, var(--light-blue) 26.29%, var(--reason-green) 73%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-left: 47px;
        margin-top: 10px;
        font-size: 85px;
        width: 85px;
        }
        #cal_event_info_items ul li  {
        padding:0 0 0 60px;
        max-width: 600px;
        }
        #cal_event_info_items ul li .wrapper {
        padding: 2px 0;
        background: #F9F9F9;
        }
        #cal_event_info_items ul li .wrapper h2 a,
        #cal_event_info_items ul li .wrapper .more-items-category{
        color: var(--rich-blue);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
        font-family: var(--font-family-main);
        }
        .cal-conference.dark #cal_event_info_items ul li .wrapper h2 a,
        .cal-conference.dark #cal_event_info_items ul li .wrapper .more-items-category {
        color: #fff;
        }
        #cal_event_info_items ul li .wrapper .more-items-category{
        min-width: 170px;
        font-feature-settings: 'tnum' on, 'lnum' on;
        font-family: var(--font-family-text);
        }
        #cal_event_info_items ul li.highlighted-1 {
        margin-bottom: 15px;
        margin-top: 15px;
        }
        #cal_event_info_items ul li.highlighted-1 .wrapper{
        border-top: 1px solid rgba(0, 0, 0, .15);
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        padding-top: 10px;
        padding-bottom: 10px;
        }
        .cal-conference.dark #cal_event_info_items ul li.highlighted-1 .wrapper {
        border-color: #ffffff36;
        }
        .cal-conference.dark #cal_event_info_items ul li.highlighted-1 .wrapper * {
        color: var(--reason-green);
        }
        #cal_event_info_items ul li.highlighted-1 .wrapper * {
        color: var(--electric-blue);
        }
        #cal_graphics {
        max-width: calc(var(--max-width-cal) - 190px);
        margin: auto;
        width: 100%;
        }
        #ca-graphics ul{
        margin-top: auto;
        margin-bottom: auto;
        }
        #cal_logos_graphics {
        /*
        background: url(../img/cal/coloured-bg.jpg) center center transparent no-repeat;
        background-size: cover;
        
        background: var(--neutral-dark-1);
        */
        padding-bottom: 40px;
        }

        .slide-img ul li > a img {
        object-fit: contain;
        }
        #ca-graphics.two-of-three {
        padding-right: 10% !important;
        width: calc(66.6666666666% - var(--gap));
        }
        #ca-graphics.one-of-three {
        width: calc(33.3333333% - var(--gap));
        }


        /* PAST EVENTS */

        #past_event_speakers li {
        margin-bottom: 60px;
        min-height: calc(((((var(--max-width-cal)* 33.333333) / 100) / 3)* 4));
        height: auto;
        }
        #past_event_speakers li .sponsors-container {
        position: absolute;
        aspect-ratio: 3 / 4;
        width: 33.33333%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        padding: 10px 30px 20px;
        flex-wrap: wrap;
        }
        #past_event_speakers li .sponsors-container:empty {
        display: none;
        }
        #past_event_speakers li .sponsors-container:before {
        content: "In collaboration with:";
        width: 100%;
        display: block;
        margin-top: auto;
        position: absolute;
        margin-bottom: 44px;
        text-align: right;
        }
        #past_event_speakers li .sponsors-container > span {
        width: 100%;
        display: block;
        margin-top: auto;
        position: absolute;
        margin-bottom: 44px;
        text-align: right;
        }
        #past_event_speakers li .sponsors-container img {
        width: auto;
        max-width: 50%;
        object-fit: contain;
        border-radius: 0;
        margin-top: 0;
        height: 40px;
        margin-bottom: 0;
        object-position: left;
        }
        #past_event_speakers li > a {
        width: 33.33333%;
        position: absolute;
        right: 0;
        height: 100%;
        }
        #past_event_speakers li > a img {
        height: 100%;
        object-fit: cover;
        }
        #past_event_speakers li > a:before {
        background:linear-gradient(165deg, #0BC112 0.06%, rgba(243, 169, 33, 0.60) 42.56%, rgb(0 0 0 / 54%) 64.94%);
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        }
        #past_event_speakers li .wrapper {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding-right: 33.333333%;
        padding-bottom: var(--wrapper-padding);
        }
        #past_event_speakers li .wrapper:after {
        content: "";
        width: 11%;
        height: 100px;
        position: absolute;
        bottom: 0;
        left: 81px;
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 0) 100%);
        }
        #past_event_speakers li .wrapper:before {
        content: "";
        width: 11%;
        height: 35px;
        position: absolute;
        top: 0;
        left: 81px;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 0) 100%);
        bottom: auto;
        z-index: 1;
        }
        #past_event_speakers li .wrapper .more-items-category {
        position: absolute;
        left: 66.66666%;
        top: 0;
        color: #fff;
        flex-direction: column;
        display: flex;
        line-height: 1;
        padding: 50px 0 50px 50px;
        width: auto;
        max-width: 408px;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        }
        #past_event_speakers li .wrapper .more-items-category .show_dates_event {
        font-size: 32px;
        font-style: normal;
        font-weight: 745;
        letter-spacing: -0.32px;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 20px;
        }
        #past_event_speakers li .wrapper .more-items-category:after {
        height: 1px;
        content: "";
        right: 0;
        background: #ffffff54;
        position: absolute;
        display: flex;
        flex-direction: column;
        margin-top: 40px;
        left: 50px;
    }
        #past_event_speakers li .wrapper .more-items-category .name_event {
        color: var(--reason-green);
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.44px;
        text-transform: uppercase;
        }
        #past_event_speakers li .wrapper .more-items-category .country_event {

        font-size: 55px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.55px;
        }
        #past_event_speakers li .wrapper h2,
        #past_event_speakers li .wrapper .more-items-text {
        width: 74%;
        padding-right: 10%;
        }
        #past_event_speakers li .wrapper h2 {
        margin-top: auto !important;
        font-size: 28px;
        }
        #past_event_speakers li .wrapper .more-items-text {
        margin-bottom: auto;
        margin-top: 15px;
        }
        #past_event_speakers li .wrapper .more-items-text .link-button {
        position: relative;
        left: auto;
        display: block;
        margin-top: 30px !important;
        }
        #past_event_speakers li .wrapper .more-items-text .link-button a:empty {
        display: none;
        }
        #past_event_speakers li .wrapper .more-items-long-text {
        width: 18%;
        position: absolute;
        height: 100%;
        left: 0;
        margin: 0 !important;
        top: 0;
        }
        #past_event_speakers li .wrapper .more-items-long-text  .speaker-data-json {
        flex-direction: column;
        height: 100%;
        overflow: auto;
        flex-wrap: nowrap;
        position: absolute;
        width: 100%;
        top: 0;
        padding-left: 113px;
        padding-right: 60px;
        gap: 10px;
        padding-top: 36px;
        padding-bottom: 100px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div {
        width:100%;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div .speaker-info h3 {
        font-size: 18px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div .speaker-info p {
        font-size: 12px;
        }

        #past_event_speakers ul li .wrapper .more-items-long-text:before {
        content: 'MAIN SPEAKERS';
        left: -103px;
        font-size: 40px;
        top: 191px;
        line-height: 1;
        text-align: right;
        width: auto;
        z-index: 1;
        transform-origin: bottom;
        }
        #past_event_speakers li:nth-child(even) .wrapper {
        flex-direction: row;
        padding-left: 33.333333%;
        padding-right: 20px;
        }
        #past_event_speakers li:nth-child(even) .wrapper:after {
        width: 13%;
        right: 0;
        left: auto;
        }
        #past_event_speakers li:nth-child(even) .wrapper:before {
        width: 13%;
        right: 0;
        left: auto;
        }
        #past_event_speakers li:nth-child(even) > a {
        right: auto;
        left: 0;
        }
        #past_event_speakers li:nth-child(even) .wrapper .more-items-category {
        left: 0;
        right: auto;
        }
        #past_event_speakers li:nth-child(even) .wrapper h2, 
        #past_event_speakers li:nth-child(even) .wrapper .more-items-text {
        padding-left: 8%;
        padding-right: 70px;
        }
        #past_event_speakers li:nth-child(even) .wrapper .more-items-long-text {
        left: auto;
        right: 0;
        }

    /* Sergio ADD
        ========================================================== */
    


    /* PORTALS ========================================================== */

    #article-view-multiple .article-view-body {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; 
        --gap:30px;
        gap:var(--gap);
        align-items:center;
        max-width: 1000px;

    }
    #article-view-multiple .article-view-title {
        margin-bottom: 60px;
    }
    #article-view-multiple .article-view-body > * {
        --articleCols: 12;
        width:calc((100% / var(--articleCols)) - ((var(--gap) * (var(--articleCols) - 1)) / var(--articleCols)));
        padding: 0;
        max-width: none;
        margin: 0;
    }
    #article-view-multiple .article-view-body > * iframe {
        margin:0 !important;
        max-width:none !important;
        border: none;
        width:100%;
    }
    #article-view-multiple .article-view-body > * > * {
        width:100% !important;
    }
    #article-view-multiple .article-view-body > * > h2 {
        font-size: 32px;
        font-family: var(--font-family-main);

    }
    #article-view-multiple .article-view-body > .class-1-col > h2,
    #article-view-multiple .article-view-body > .class-2-col > h2,
    #article-view-multiple .article-view-body > .class-3-col > h2 {
        font-size: 18px;
    }
    #article-view-multiple .article-view-body > .class-4-col > h2,
    #article-view-multiple .article-view-body > .class-5-col > h2,
    #article-view-multiple .article-view-body > .class-6-col > h2 {
        font-size: 24px;
    }
    #article-view-multiple .article-view-body .video-content video,
    #article-view-multiple .article-view-body .video-content iframe {
        aspect-ratio: 16 / 9;
        width: 100% !important;
        height:auto !important
    }
    #article-view-multiple .article-view-body .banner-content .banner-title:empty, 
    #article-view-multiple .article-view-body > * *:not(iframe):not(video):not(img):not(br):not(hr):empty {
        display:none;
    }
    #article-view-multiple .article-view-body figure figcaption {
        display:none;
    }
    #article-view-multiple .article-view-body .btn {
        background-color: var(--electric-blue);
        color: #fff;
        display:flex;
        align-items:center;
        justify-content:center;
        padding: 15px;
        font-size: 18px;
        align-self: stretch;
    }
    #article-view-multiple .article-view-body .btn:hover {
        background-color: var(--rich-blue);
    }
    #article-view-multiple .article-view-body > .class-1-col {
        --articleCols: 12;
    }
    #article-view-multiple .article-view-body > .class-2-col {
        --articleCols: 6;
    }
    #article-view-multiple .article-view-body > .class-3-col {
        --articleCols: 4;
    }
    #article-view-multiple .article-view-body > .class-4-col {
        --articleCols: 3;
    }
    #article-view-multiple .article-view-body > .class-5-col {
        --articleCols: 2.4;
    }
    #article-view-multiple .article-view-body > .class-6-col {
        --articleCols: 2;
    }
    #article-view-multiple .article-view-body > .class-7-col {
        --articleCols: 1.71428571;
    }
    #article-view-multiple .article-view-body > .class-8-col {
        --articleCols: 1.5;
    }
    #article-view-multiple .article-view-body > .class-9-col {
        --articleCols: 1.33333333;
    }
    #article-view-multiple .article-view-body > .class-10-col {
        --articleCols: 1.2;
    }
    #article-view-multiple .article-view-body > .class-11-col {
        --articleCols: 1.09090909;
    }
    #article-view-multiple .article-view-body > .class-12-col {
        --articleCols: 1;
    }
    #article-view-multiple .article-view-body .empty {
        min-height:40px;
    }
    #article-view-multiple .article-view-body .banner-content {
        position:relative;
        overflow:hidden;
        transition: all .3s ease;
    }
    #article-view-multiple .article-view-body .banner-content:hover {
        transform: scale(1.05);
        transition: all .3s ease;
    }
    #article-view-multiple .article-view-body .banner-content[href=""]{
        pointer-events: none;
    }
    #article-view-multiple .article-view-body .banner-content .banner-title {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        color: #fff;
        font-size: 28px;
        text-align: center;
        line-height: 1;
        font-weight: bold;
        background: #00000054;
        transition: all 0.3s ease;
    }
    #article-view-multiple .article-view-body .banner-content:hover .banner-title {
        background: #0000008f;
        transition: all 0.3s ease;
    }
    #article-view-multiple .article-view-body .title-text strong {
        font-family:var(--font-family-main)
    }
    #article-view-multiple .article-view-body .title-text a {
        text-decoration: underline;
        color: var(--electric-blue);
    }
    #article-view-multiple .article-view-body figure {
        display:flex;
    }
     #article-view-multiple .article-view-body .embed-container h2 {
        margin-bottom:40px
     }


    /* Error Page
            ========================================================== */
    #error-404 {
        background: #fff;
        margin: 0 auto;
        width: 50%;
        padding: 20px;
    }
    
    
    /* ==========================================================================
            Helper classes
            ========================================================================== */
    
    
    .hidden {
        display: none !important
    }
    
    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
    
    .invisible {
        visibility: hidden
    }
    
    
    /* ==========================================================
            PLUGINS
            ========================================================== */
    /**
        * @license videogular v1.4.3 http://videogular.com
        * Two Fucking Developers http://twofuckingdevelopers.com
        * License: MIT
        */
    @font-face {
        font-family: 'videogular';
        src: url("fonts/videogular.eot");
        src: url("fonts/videogular.eot?#iefix") format("embedded-opentype"), url("fonts/videogular.woff") format("woff"), url("fonts/videogular.ttf") format("truetype"), url("fonts/videogular.svg#videogular") format("svg");
        font-weight: normal;
        font-style: normal;
    }
    
    videogular,
    [videogular] {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #000000;
        display: block;
        flex-direction: column;
        -webkit-flex-direction: column;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: moz-none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        /*****************/
        /* Poster plugin */
        /*****************/
        /**********************/
        /* OverlayPlay plugin */
        /**********************/
        /*********************/
        /* Controlbar plugin */
        /*********************/
        /* IE10 hack */
        /* Controlbar icons */
        /********************/
        /* Buffering plugin */
        /********************/
        /* Loading Spinner
            * http://www.alessioatzeni.com/blog/css3-loading-animation-loop/
            */
        /**********************/
        /* IMA ads plugin */
        /**********************/
    }
    
    videogular button,
    [videogular] button {
        cursor: pointer;
    }
    
    videogular.fullscreen,
    [videogular].fullscreen {
        position: fixed;
        left: 0;
        top: 0;
    }
    
    videogular vg-media,
    [videogular] vg-media {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        display: block;
    }
    
    videogular vg-media video,
    [videogular] vg-media video {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }
    
    videogular.fullscreen vg-media,
    [videogular].fullscreen vg-media {
        height: 100% !important;
    }
    
    videogular .iconButton,
    [videogular] .iconButton {
        color: #FFFFFF;
        font-family: 'videogular';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        background: none;
        padding: 6px;
        border: none;
        border-radius: 3px;
        font-size: 20px !important;
    }
    
    videogular .iconButton:hover,
    [videogular] .iconButton:hover {
        background-color: var(--electric-blue);
        color: #000000;
    }
    
    videogular .iconButton:focus,
    [videogular] .iconButton:focus {
        box-shadow: none;
    }
    
    videogular vg-poster,
    [videogular] vg-poster {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        display: block;
        z-index: 8;
        top: 0;
        pointer-events: none;
    }
    
    videogular vg-poster img,
    [videogular] vg-poster img {
        width: auto;
        height: auto;
        max-width: 100% !important;
        max-height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        position: absolute;
    }
    
    videogular vg-poster img.pause,
    videogular vg-poster img.play,
    [videogular] vg-poster img.pause,
    [videogular] vg-poster img.play {
        display: none;
    }
    
    videogular vg-poster img.stop,
    [videogular] vg-poster img.stop {
        display: block;
    }
    
    videogular vg-overlay-play,
    [videogular] vg-overlay-play {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
    }
    
    videogular vg-overlay-play .play:before,
    [videogular] vg-overlay-play .play:before {
        content: "\e000";
    }
    
    videogular vg-overlay-play .overlayPlayContainer,
    [videogular] vg-overlay-play .overlayPlayContainer {
        font-size: 100px;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        display: table;
        cursor: pointer;
        zoom: 1;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }
    
    videogular vg-overlay-play .overlayPlayContainer div,
    [videogular] vg-overlay-play .overlayPlayContainer div {
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        background-color: transparent !important;
    }
    
    videogular vg-controls,
    [videogular] vg-controls {
        width: 100%;
        height: 50px;
        display: block;
        position: absolute;
        z-index: 10;
        bottom: 0;
    }
    
    videogular vg-controls .controls-container,
    [videogular] vg-controls .controls-container {
        width: 100%;
        height: 50px;
        position: absolute;
        display: table;
        zoom: 1;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        color: #fff;
        transition: opacity 0.3s ease;
    }
    
    videogular vg-play-pause-button,
    [videogular] vg-play-pause-button {
        display: table-cell;
        width: 50px;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }
    
    videogular vg-time-display,
    [videogular] vg-time-display {
        color: #FFFFFF;
        display: table-cell;
        font-size: 18px;
        width: 75px;
        vertical-align: middle;
        text-align: center;
        cursor: default;
    }
    
    videogular .vgTimeDisplay,
    [videogular] .vgTimeDisplay {
        display: table-cell;
        font-family: Arial;
        font-size: 18px;
        width: auto;
    }
    
    videogular vg-scrub-bar,
    [videogular] vg-scrub-bar {
        width: auto;
        display: table-cell;
        cursor: pointer;
        vertical-align: middle;
        position: relative;
    }
    
    videogular vg-scrub-bar [role=slider],
    [videogular] vg-scrub-bar [role=slider] {
        margin-top: 24px;
        margin-bottom: 24px;
        height: 8px;
        background-color: rgba(255, 255, 255, 0.25);
        position: relative;
        border-radius: 4px;
    }
    
    videogular vg-scrub-bar .container,
    [videogular] vg-scrub-bar .container {
        position: absolute;
        width: 100%;
        height: 8px;
        top: 24px;
        padding-left: 0;
        background-color: transparent;
        min-height: auto;
    }
    
    videogular vg-scrub-bar :focus vg-scrub-bar-current-time,
    [videogular] vg-scrub-bar :focus vg-scrub-bar-current-time {
        border-right: 6px black groove;
    }
    
    videogular vg-scrub-bar-current-time,
    [videogular] vg-scrub-bar-current-time {
        position: absolute;
        background-color: var(--electric-blue);
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
        border-radius: 4px;
    }
    
    videogular vg-scrub-bar-buffer,
    [videogular] vg-scrub-bar-buffer {
        position: absolute;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }
    
    videogular vg-scrub-bar-cue-points,
    [videogular] vg-scrub-bar-cue-points {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
    }
    
    videogular vg-scrub-bar-cue-points .cue-point-timeline,
    [videogular] vg-scrub-bar-cue-points .cue-point-timeline {
        color: #FFFFFF;
        padding-top: 3px;
    }
    
    videogular vg-scrub-bar-cue-points .cue-point-timeline .cue-point,
    [videogular] vg-scrub-bar-cue-points .cue-point-timeline .cue-point {
        position: absolute;
        height: 3px;
        background-color: #FFFFFF;
    }
    
    videogular vg-scrub-bar-thumbnails,
    [videogular] vg-scrub-bar-thumbnails {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
        bottom: 24px;
        z-index: 1;
    }
    
    videogular vg-scrub-bar-thumbnails .vg-thumbnails,
    [videogular] vg-scrub-bar-thumbnails .vg-thumbnails {
        position: absolute;
        top: -20px;
        margin-top: -40px;
        width: 80px;
        height: 60px;
        overflow: hidden;
    }
    
    videogular vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail,
    [videogular] vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail {
        height: 60px;
        background-repeat: no-repeat;
    }
    
    videogular vg-scrub-bar-thumbnails .background,
    [videogular] vg-scrub-bar-thumbnails .background {
        width: 100%;
        height: 50px;
    }
    
    videogular vg-playback-button,
    [videogular] vg-playback-button {
        display: table-cell;
        width: 50px;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }
    
    videogular vg-volume,
    [videogular] vg-volume {
        display: table-cell;
        width: 50px;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }
    
    videogular vg-volume-bar,
    [videogular] vg-volume-bar {
        width: 30px;
        height: 100px;
        top: -100px;
        margin-left: -15px;
        vertical-align: middle;
        text-align: center;
        position: absolute;
        cursor: pointer;
    }
    
    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
    
        videogular vg-volume-bar,
        [videogular] vg-volume-bar {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
        }
    }
    
    videogular vg-fullscreen-button,
    [videogular] vg-fullscreen-button {
        display: table-cell;
        width: 50px;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }
    
    videogular vg-volume-bar .verticalVolumeBar,
    [videogular] vg-volume-bar .verticalVolumeBar {
        width: 30px;
        height: 100px;
        background-color: transparent;
        border-radius: 8px;
        position: absolute;
    }
    
    videogular vg-volume-bar .volumeBackground,
    [videogular] vg-volume-bar .volumeBackground {
        width: 8px;
        height: 85px;
        left: 11px;
        top: 15px;
        background-color: rgba(255, 255, 255, 0.25);
        position: absolute;
        border-radius: 4px;
    }
    
    videogular vg-volume-bar .volumeValue,
    [videogular] vg-volume-bar .volumeValue {
        width: 8px;
        height: 100%;
        background-color: var(--electric-blue);
        position: absolute;
        border-radius: 4px;
    }
    
    videogular vg-volume-bar .volumeClickArea,
    [videogular] vg-volume-bar .volumeClickArea {
        width: 23px;
        height: 100%;
        position: absolute;
        margin-left: -7px;
    }
    
    videogular vg-controls .hide-animation,
    [videogular] vg-controls .hide-animation {
        animation: hideControlsAnimationFrames ease-out 0.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        /*when the spec is finished*/
        -webkit-animation: hideControlsAnimationFrames ease-out 0.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        /*Chrome 16+, Safari 4+*/
        -moz-animation: hideControlsAnimationFrames ease-out 0.5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-fill-mode: forwards;
        /*FF 5+*/
        -o-animation: hideControlsAnimationFrames ease-out 0.5s;
        -o-animation-iteration-count: 1;
        -o-animation-fill-mode: forwards;
        /*Not implemented yet*/
        -ms-animation: hideControlsAnimationFrames ease-out 0.5s;
        -ms-animation-iteration-count: 1;
        -ms-animation-fill-mode: forwards;
        /*IE 10+*/
    }
    
    @keyframes hideControlsAnimationFrames {
        0% {
        opacity: 0.5;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    @-moz-keyframes hideControlsAnimationFrames {
        0% {
        opacity: 0.5;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    @-webkit-keyframes hideControlsAnimationFrames {
        0% {
        opacity: 0.5;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    @-o-keyframes hideControlsAnimationFrames {
        0% {
        opacity: 0.5;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    @-ms-keyframes hideControlsAnimationFrames {
        0% {
        opacity: 0.5;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    @keyframes showControlsAnimationFrames {
        0% {
        background-color: transparent;
        }
    
        100% {
        background-color: rgba(0, 0, 0, 0.5);
        }
    }
    
    @-moz-keyframes showControlsAnimationFrames {
        0% {
        background-color: transparent;
        }
    
        100% {
        background-color: rgba(0, 0, 0, 0.5);
        }
    }
    
    @-webkit-keyframes showControlsAnimationFrames {
        0% {
        background-color: transparent;
        }
    
        100% {
        background-color: rgba(0, 0, 0, 0.5);
        }
    }
    
    @-o-keyframes showControlsAnimationFrames {
        0% {
        background-color: transparent;
        }
    
        100% {
        background-color: rgba(0, 0, 0, 0.5);
        }
    }
    
    @-ms-keyframes showControlsAnimationFrames {
        0% {
        background-color: transparent;
        }
    
        100% {
        background-color: rgba(0, 0, 0, 0.5);
        }
    }
    
    videogular vg-play-pause-button .play:before,
    [videogular] vg-play-pause-button .play:before {
        content: "\e000";
    }
    
    videogular vg-play-pause-button .pause:before,
    [videogular] vg-play-pause-button .pause:before {
        content: "\e001";
    }
    
    videogular vg-mute-button,
    [videogular] vg-mute-button {
        width: 50px;
        display: block;
    }
    
    videogular vg-mute-button .level3:before,
    [videogular] vg-mute-button .level3:before {
        content: "\e002";
    }
    
    videogular vg-mute-button .level2:before,
    [videogular] vg-mute-button .level2:before {
        content: "\e003";
    }
    
    videogular vg-mute-button .level1:before,
    [videogular] vg-mute-button .level1:before {
        content: "\e004";
    }
    
    videogular vg-mute-button .level0:before,
    [videogular] vg-mute-button .level0:before {
        content: "\e005";
    }
    
    videogular vg-mute-button .mute:before,
    [videogular] vg-mute-button .mute:before {
        content: "\e006";
    }
    
    videogular vg-fullscreen-button .enter,
    [videogular] vg-fullscreen-button .enter {
        font-family: 'fontAwesome';
    }
    
    videogular vg-fullscreen-button .enter:before,
    [videogular] vg-fullscreen-button .enter:before {
        content: "\f065";
    }
    
    videogular vg-fullscreen-button .exit:before,
    [videogular] vg-fullscreen-button .exit:before {
        content: "\e008";
    }
    
    videogular vg-buffering,
    [videogular] vg-buffering {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 4;
        top: 0;
    }
    
    videogular vg-buffering .bufferingContainer,
    [videogular] vg-buffering .bufferingContainer {
        width: 100%;
        position: absolute;
        cursor: pointer;
        top: 50%;
        margin-top: -50px;
        zoom: 1;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }
    
    videogular vg-buffering .loadingSpinner,
    [videogular] vg-buffering .loadingSpinner {
        background-color: transparent;
        border: 5px solid white;
        opacity: 0.9;
        border-top: 5px solid transparent;
        border-left: 5px solid transparent;
        border-radius: 50px;
        box-shadow: 0 0 35px #FFFFFF;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        -moz-animation: spin 0.5s infinite linear;
        -webkit-animation: spin 0.5s infinite linear;
    }
    
    videogular vg-buffering .loadingSpinner .stop,
    [videogular] vg-buffering .loadingSpinner .stop {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
    }
    
    @-moz-keyframes spin {
        0% {
        -moz-transform: rotate(0deg);
        }
    
        100% {
        -moz-transform: rotate(360deg);
        }
    }
    
    @-moz-keyframes spinoff {
        0% {
        -moz-transform: rotate(0deg);
        }
    
        100% {
        -moz-transform: rotate(-360deg);
        }
    }
    
    @-webkit-keyframes spin {
        0% {
        -webkit-transform: rotate(0deg);
        }
    
        100% {
        -webkit-transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes spinoff {
        0% {
        -webkit-transform: rotate(0deg);
        }
    
        100% {
        -webkit-transform: rotate(-360deg);
        }
    }
    
    videogular vg-ima-ads,
    [videogular] vg-ima-ads {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        top: 0;
        display: none;
    }
    
    videogular vg-overlay-play .overlayPlayContainer,
    [videogular] vg-overlay-play .overlayPlayContainer {
        opacity: 1;
    }
    
    videogular vg-overlay-play .play:before,
    [videogular] vg-overlay-play .play:before {
        background: url(../img/play.png) transparent center center no-repeat;
        background-size: 80px auto;
        content: "";
        width: 80px;
        height: 80px;
        left: 50%;
        top: 50%;
        position: absolute;
        margin-left: -40px;
        margin-top: -40px;
        display: block;
    }
    
    videogular vg-controls .controls-container,
    [videogular] vg-controls .controls-container {
        background-color: transparent;
    }
    
    
    /* IMG CROP */
    
    .formly-field-image-crop input {
        margin-top: 10px;
        color: #dddddd;
    }
    
    .formly-field-image-crop .fld-require {
        display: none;
    }
    
    
    .cropArea {
        overflow: hidden;
        width: auto;
        height: 289px;
        margin-top: 10px;
        padding: 20px;
        background: url(../img/upload.png) center center no-repeat #ffffff;
        background-size: auto 100%;
    }
    
    img-crop {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }
    
    img-crop canvas {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        outline: 0;
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Cookie Dialog */
    #gdpr-cookie-message {
        position: fixed;
        right: 30px;
        bottom: 30px;
        max-width: 380px;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
        margin-left: 30px;
        background-color: var(--electric-blue);
        z-index: 6;
    }
    
    #gdpr-cookie-message h4 {
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #ffffff;
    }
    
    #gdpr-cookie-message h5 {
        color: #ffffff;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    
    #gdpr-cookie-message p,
    #gdpr-cookie-message ul {
        color: white;
        font-size: 15px;
        line-height: 1.5em;
    }
    
    #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: right;
    }
    
    #gdpr-cookie-message li {
        width: 49%;
        display: inline-block;
    }
    
    #gdpr-cookie-message a {
        color: #ffffff;
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
        transition: all 0.3s ease-in;
    }
    
    #gdpr-cookie-message a:hover {
        color: white;
        border-bottom-color: #ffffff;
        transition: all 0.3s ease-in;
    }
    
    #gdpr-cookie-message button,
    button#ihavecookiesBtn {
        border: none;
        background: var(--electric-blue);
        color: white;
        font-family: 'Quicksand', sans-serif;
        font-size: 14px;
        padding: 7px;
        border-radius: 3px;
        margin-left: 14px;
        cursor: pointer;
        transition: all 0.3s ease-in;
        z-index: 4;
    }
    
    #gdpr-cookie-message button:hover {
        background: white;
        color: var(--electric-blue);
        transition: all 0.3s ease-in;
    }
    
    #gdpr-cookie-message button#gdpr-cookie-accept {
        background-color: var(--onyx);
    }
    
    #gdpr-cookie-message button#gdpr-cookie-accept:hover {
        color: #ffffff;
    }
    
    button#gdpr-cookie-advanced {
        background: white;
        color: var(--electric-blue);
    }
    
    #gdpr-cookie-message button:disabled {
        opacity: 0.3;
    }
    
    #gdpr-cookie-message input[type="checkbox"] {
        float: none;
        margin-top: 0;
        margin-right: 5px;
    }
    
    #ihavecookiesBtn {
        position: fixed;
        right: 35px;
        bottom: 35px;
        max-width: 375px;
        background-color: var(--electric-blue);
        padding: 20px;
        border-radius: 5px;
        margin-left: 30px;
        display: none;
    }
    
    
    .tooltipster-fall,
    .tooltipster-grow.tooltipster-show {
        -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
    }
    
    .tooltipster-base {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        pointer-events: none;
        position: absolute
    }
    
    .tooltipster-box {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    
    .tooltipster-content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 100%;
        max-width: 100%;
        overflow: auto
    }
    
    .tooltipster-ruler {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden
    }
    
    .tooltipster-fade {
        opacity: 0;
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity
    }
    
    .tooltipster-fade.tooltipster-show {
        opacity: 1
    }
    
    .tooltipster-grow {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition-property: -webkit-transform;
        -o-transition-property: -o-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-backface-visibility: hidden
    }
    
    .tooltipster-grow.tooltipster-show {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
    }
    
    .tooltipster-swing {
        opacity: 0;
        -webkit-transform: rotateZ(4deg);
        -ms-transform: rotateZ(4deg);
        transform: rotateZ(4deg);
        -webkit-transition-property: -webkit-transform, opacity;
        -o-transition-property: -o-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform
    }
    
    .tooltipster-swing.tooltipster-show {
        opacity: 1;
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0);
        -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
        -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
        -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
        transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
    }
    
    .tooltipster-fall {
        -webkit-transition-property: top;
        -o-transition-property: top;
        transition-property: top;
        -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
    }
    
    .tooltipster-fall.tooltipster-initial {
        top: 0 !important
    }
    
    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        top: 0 !important;
        opacity: 0
    }
    
    .tooltipster-slide {
        -webkit-transition-property: left;
        -o-transition-property: left;
        transition-property: left;
        -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
    }
    
    .tooltipster-slide.tooltipster-initial {
        left: -40px !important
    }
    
    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        left: 0 !important;
        opacity: 0
    }
    
    @-webkit-keyframes tooltipster-fading {
        0% {
        opacity: 0
        }
    
        100% {
        opacity: 1
        }
    }
    
    @keyframes tooltipster-fading {
        0% {
        opacity: 0
        }
    
        100% {
        opacity: 1
        }
    }
    
    .tooltipster-update-fade {
        -webkit-animation: tooltipster-fading .4s;
        animation: tooltipster-fading .4s
    }
    
    @-webkit-keyframes tooltipster-rotating {
        25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
        }
    
        75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
        }
    
        100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        }
    }
    
    @keyframes tooltipster-rotating {
        25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
        }
    
        75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
        }
    
        100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        }
    }
    
    .tooltipster-update-rotate {
        -webkit-animation: tooltipster-rotating .6s;
        animation: tooltipster-rotating .6s
    }
    
    @-webkit-keyframes tooltipster-scaling {
        50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
        }
    
        100% {
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
    
    @keyframes tooltipster-scaling {
        50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
        }
    
        100% {
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
    
    .tooltipster-update-scale {
        -webkit-animation: tooltipster-scaling .6s;
        animation: tooltipster-scaling .6s
    }
    
    .tooltipster-sidetip .tooltipster-box {
        background: #565656;
        border: 2px solid #000;
        border-radius: 4px
    }
    
    .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
        margin-top: 8px
    }
    
    .tooltipster-sidetip.tooltipster-left .tooltipster-box {
        margin-right: 8px
    }
    
    .tooltipster-sidetip.tooltipster-right .tooltipster-box {
        margin-left: 8px
    }
    
    .tooltipster-sidetip.tooltipster-top .tooltipster-box {
        margin-bottom: 8px
    }
    
    .tooltipster-sidetip .tooltipster-content {
        color: #ffffff;
        line-height: 18px;
        padding: 6px 14px
    }
    
    .tooltipster-sidetip .tooltipster-arrow {
        overflow: hidden;
        position: absolute
    }
    
    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
        height: 10px;
        margin-left: -10px;
        top: 0;
        width: 20px
    }
    
    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
        height: 20px;
        margin-top: -10px;
        right: 0;
        top: 0;
        width: 10px
    }
    
    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
        height: 20px;
        margin-top: -10px;
        left: 0;
        top: 0;
        width: 10px
    }
    
    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
        bottom: 0;
        height: 10px;
        margin-left: -10px;
        width: 20px
    }
    
    .tooltipster-sidetip .tooltipster-arrow-background,
    .tooltipster-sidetip .tooltipster-arrow-border {
        height: 0;
        position: absolute;
        width: 0
    }
    
    .tooltipster-sidetip .tooltipster-arrow-background {
        border: 10px solid transparent
    }
    
    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
        border-bottom-color: #565656;
        left: 0;
        top: 3px
    }
    
    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
        border-left-color: #565656;
        left: -3px;
        top: 0
    }
    
    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
        border-right-color: #565656;
        left: 3px;
        top: 0
    }
    
    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #565656;
        left: 0;
        top: -3px
    }
    
    .tooltipster-sidetip .tooltipster-arrow-border {
        border: 10px solid transparent;
        left: 0;
        top: 0
    }
    
    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
        border-bottom-color: #000
    }
    
    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
        border-left-color: #000
    }
    
    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
        border-right-color: #000
    }
    
    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
        border-top-color: #000
    }
    
    .tooltipster-sidetip .tooltipster-arrow-uncropped {
        position: relative
    }
    
    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
        top: -10px
    }
    
    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
        left: -10px
    }
    
    .tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
        border: none;
        background: #1b1b1b;
        background: rgba(10, 10, 10, .9)
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
        margin-top: 8px
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
        margin-right: 8px
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
        margin-left: 8px
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
        margin-bottom: 8px
    }
    
    .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
        height: 8px;
        margin-left: -8px;
        width: 16px
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
        height: 16px;
        margin-left: 0;
        margin-top: -8px;
        width: 8px
    }
    
    .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
        display: none
    }
    
    .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
        border: 8px solid transparent
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
        border-bottom-color: #1b1b1b;
        border-bottom-color: rgba(10, 10, 10, .9)
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
        border-left-color: #1b1b1b;
        border-left-color: rgba(10, 10, 10, .9)
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
        border-right-color: #1b1b1b;
        border-right-color: rgba(10, 10, 10, .9)
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
        border-top-color: #1b1b1b;
        border-top-color: rgba(10, 10, 10, .9)
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
        top: -8px
    }
    
    .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
        left: -8px
    }
    
    .tooltipster-sidetip.tooltipster-light .tooltipster-box {
        border-radius: 3px;
        border: 0px solid transparent;
        background: #ededed
    }
    
    .tooltipster-sidetip.tooltipster-light .tooltipster-content {
        color: #505a67
    }
    
    .tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
        height: 9px;
        margin-left: -9px;
        width: 18px
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
    .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
        height: 18px;
        margin-left: 0;
        margin-top: -9px;
        width: 9px
    }
    
    .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
        border: 9px solid transparent
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
        border-bottom-color: #ededed;
        top: 1px
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
        border-left-color: #ededed;
        left: -1px
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
        border-right-color: #ededed;
        left: 1px
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #ededed;
        top: -1px
    }
    
    .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
        border: 9px solid transparent
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
        border-bottom-color: transparent
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
        border-left-color: transparent
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
        border-right-color: transparent
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
        border-top-color: transparent
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
        top: -9px
    }
    
    .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
        left: -9px
    }
    
    .tooltipster-content {
        font-size: 14px;
    }
    
    /**
        * Owl Carousel v2.3.4
        * Copyright 2013-2018 David Deutsch
        * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
        */
    .owl-carousel,
    .owl-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        position: relative;
    }
    
    .owl-carousel {
        display: none;
        width: 100%;
        z-index: 1;
    }
    
    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
    }
    
    .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);
        width: 100%;
    }
    
    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }
    
    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
    }
    
    .owl-carousel .owl-item>li {
        width: 100% !important;
    }
    
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }
    
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none !important;
    }
    
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        display: block;
    }
    
    .owl-carousel .owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }
    
    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }
    
    .owl-carousel.owl-hidden {
        opacity: 0;
    }
    
    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }
    
    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -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: grab;
    }
    
    .owl-carousel.owl-rtl {
        direction: rtl;
    }
    
    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }
    
    .owl-carousel .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -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-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }
    
    @-webkit-keyframes fadeOut {
        0% {
        opacity: 1;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    @keyframes fadeOut {
        0% {
        opacity: 1;
        }
    
        100% {
        opacity: 0;
        }
    }
    
    .owl-height {
        -webkit-transition: height 0.5s ease-in-out;
        -o-transition: height 0.5s ease-in-out;
        transition: height 0.5s ease-in-out;
    }
    
    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        -webkit-transition: opacity 0.4s ease;
        -o-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease;
    }
    
    .owl-carousel .owl-item .owl-lazy:not([src]),
    .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0;
    }
    
    .owl-carousel .owl-item img.owl-lazy {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000;
    }
    
    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(owl.video.play.png) no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.1s ease;
        transition: -webkit-transform 0.1s ease;
        -o-transition: transform 0.1s ease;
        transition: transform 0.1s ease;
        transition: transform 0.1s ease, -webkit-transform 0.1s ease;
    }
    
    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        -webkit-transform: scale(1.3, 1.3);
        transform: 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;
        background-size: contain;
        -webkit-transition: opacity 0.4s ease;
        -o-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease;
    }
    
    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%;
    }
    
    /**
            * Owl Carousel v2.3.4
            * Copyright 2013-2018 David Deutsch
            * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
            */
    /*
            *  Default theme - Owl Carousel CSS File
            */
    .owl-theme.owl-carousel .owl-nav {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    .owl-theme.owl-carousel .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 0 18px;
        padding: 4px 7px;
        background: rgba(0, 0, 0, 0.5);
        display: inline-block;
        cursor: pointer;
        border-radius: 0;
    }
    
    .owl-theme.owl-carousel .owl-nav [class*='owl-']:hover {
        background: #869791;
        color: #FFF;
        text-decoration: none;
    }
    
    .owl-theme.owl-carousel .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }
    
    .owl-theme.owl-carousel .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
    }
    
    .owl-theme.owl-carousel .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }
    
    .owl-theme.owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
    .owl-theme.owl-carousel .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #000000;
        display: block;
        -webkit-backface-visibility: visible;
        -webkit-transition: opacity 200ms ease;
        -o-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
        border-radius: 30px;
    }
    
    .owl-theme.owl-carousel .owl-dots .owl-dot.active span,
    .owl-theme.owl-carousel .owl-dots .owl-dot:hover span {
        background: #869791;
    }
    
    .owl-carousel .owl-stage,
    .owl-carousel .owl-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .owl-carousel.owl-drag .owl-item {}
    
    .owl-carousel.owl-drag .owl-item.active {}
    
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        height: 32px;
        width: 32px;
        font-size: 32px;
        line-height: 32px;
        position: relative;
        color: #ffffff;
    }
    
    .owl-carousel .owl-nav button.owl-next:before {
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f3d1";
        font-size: 26px;
    }
    
    .owl-carousel .owl-nav button.owl-prev:before {
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f3cf";
        font-size: 26px;
    }
    
    
    /* PDFJS */
    .pdfjs .textLayer {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        opacity: .2;
        line-height: 1.0
    }
    
    .pdfjs .textLayer>div {
        color: transparent;
        position: absolute;
        white-space: pre;
        cursor: text;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }
    
    .pdfjs .textLayer .highlight {
        margin: -1px;
        padding: 1px;
        background-color: #b400aa;
        border-radius: 4px
    }
    
    .pdfjs .textLayer .highlight.begin {
        border-radius: 4px 0 0 4px
    }
    
    .pdfjs .textLayer .highlight.end {
        border-radius: 0 4px 4px 0
    }
    
    .pdfjs .textLayer .highlight.middle {
        border-radius: 0
    }
    
    .pdfjs .textLayer .highlight.selected {
        background-color: #006400
    }
    
    .pdfjs .textLayer ::-moz-selection {
        background: #00f
    }
    
    .pdfjs .textLayer ::selection {
        background: #00f
    }
    
    .pdfjs .textLayer ::-moz-selection {
        background: #00f
    }
    
    .pdfjs .textLayer .endOfContent {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        bottom: 0;
        z-index: -1;
        cursor: default;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none
    }
    
    .pdfjs .textLayer .endOfContent.active {
        top: 0
    }
    
    .pdfjs .annotationLayer section {
        position: absolute
    }
    
    .pdfjs .annotationLayer .linkAnnotation>a {
        position: absolute;
        font-size: 1em;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    
    .pdfjs .annotationLayer .linkAnnotation>a {
        background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat
    }
    
    .pdfjs .annotationLayer .linkAnnotation>a:hover {
        opacity: .2;
        background: #ff0;
        -webkit-box-shadow: 0 2px 10px #ff0;
        box-shadow: 0 2px 10px #ff0
    }
    
    .pdfjs .annotationLayer .textAnnotation img {
        position: absolute;
        cursor: pointer
    }
    
    .pdfjs .annotationLayer .textWidgetAnnotation input,
    .pdfjs .annotationLayer .textWidgetAnnotation textarea,
    .pdfjs .annotationLayer .choiceWidgetAnnotation select,
    .pdfjs .annotationLayer .buttonWidgetAnnotation.checkBox input,
    .pdfjs .annotationLayer .buttonWidgetAnnotation.radioButton input {
        background-color: rgba(0, 54, 255, 0.13);
        border: 1px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 9px;
        height: 100%;
        padding: 0 3px;
        vertical-align: top;
        width: 100%
    }
    
    .pdfjs .annotationLayer .textWidgetAnnotation textarea {
        font: message-box;
        font-size: 9px;
        resize: none
    }
    
    .pdfjs .annotationLayer .textWidgetAnnotation input[disabled],
    .pdfjs .annotationLayer .textWidgetAnnotation textarea[disabled],
    .pdfjs .annotationLayer .choiceWidgetAnnotation select[disabled],
    .pdfjs .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
    .pdfjs .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
        background: 0;
        border: 1px solid transparent;
        cursor: not-allowed
    }
    
    .pdfjs .annotationLayer .textWidgetAnnotation input:hover,
    .pdfjs .annotationLayer .textWidgetAnnotation textarea:hover,
    .pdfjs .annotationLayer .choiceWidgetAnnotation select:hover,
    .pdfjs .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
    .pdfjs .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
        border: 1px solid #000
    }
    
    .pdfjs .annotationLayer .textWidgetAnnotation input:focus,
    .pdfjs .annotationLayer .textWidgetAnnotation textarea:focus,
    .pdfjs .annotationLayer .choiceWidgetAnnotation select:focus {
        background: 0;
        border: 1px solid transparent
    }
    
    .pdfjs .annotationLayer .textWidgetAnnotation input.comb {
        font-family: monospace;
        padding-left: 2px;
        padding-right: 0
    }
    
    .pdfjs .annotationLayer .textWidgetAnnotation input.comb:focus {
        width: 115%
    }
    
    .pdfjs .annotationLayer .buttonWidgetAnnotation.checkBox input,
    .pdfjs .annotationLayer .buttonWidgetAnnotation.radioButton input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none
    }
    
    .pdfjs .annotationLayer .popupWrapper {
        position: absolute;
        width: 20em
    }
    
    .pdfjs .annotationLayer .popup {
        position: absolute;
        z-index: 200;
        max-width: 20em;
        background-color: #ff9;
        -webkit-box-shadow: 0 2px 5px #333;
        box-shadow: 0 2px 5px #333;
        border-radius: 2px;
        padding: .6em;
        margin-left: 5px;
        cursor: pointer;
        word-wrap: break-word
    }
    
    .pdfjs .annotationLayer .popup h1 {
        font-size: 1em;
        border-bottom: 1px solid #000;
        padding-bottom: .2em
    }
    
    .pdfjs .annotationLayer .popup p {
        padding-top: .2em
    }
    
    .pdfjs .annotationLayer .highlightAnnotation,
    .pdfjs .annotationLayer .underlineAnnotation,
    .pdfjs .annotationLayer .squigglyAnnotation,
    .pdfjs .annotationLayer .strikeoutAnnotation,
    .pdfjs .annotationLayer .fileAttachmentAnnotation {
        cursor: pointer
    }
    
    .pdfjs .pdfViewer .canvasWrapper {
        overflow: hidden
    }
    
    .pdfjs .pdfViewer .page {
        direction: ltr;
        width: 816px;
        height: 1056px;
        margin: 1px auto -8px auto;
        position: relative;
        overflow: visible;
        border: 9px solid transparent;
        background-clip: content-box;
        -o-border-image: url(../img/pdfjs/shadow.png) 9 9 repeat;
        border-image: url(../img/pdfjs/shadow.png) 9 9 repeat;
        background-color: white
    }
    
    .pdfjs .pdfViewer.removePageBorders .page {
        margin: 0 auto 10px auto;
        border: 0
    }
    
    .pdfjs .pdfViewer.singlePageView {
        display: inline-block
    }
    
    .pdfjs .pdfViewer.singlePageView .page {
        margin: 0;
        border: 0
    }
    
    .pdfjs .pdfViewer .page canvas {
        margin: 0;
        display: block
    }
    
    .pdfjs .pdfViewer .page .loadingIcon {
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: url('../img/pdfjs/loading-icon.gif') center no-repeat
    }
    
    .pdfjs .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
        margin-bottom: 100%;
        border: 0
    }
    
    .pdfjs .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
        margin-bottom: 100%;
        border: 0
    }
    
    .pdfjs .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
        margin-bottom: 100% !important;
        border: 0
    }
    
    .pdfjs .pdfPresentationMode:fullscreen .pdfViewer .page {
        margin-bottom: 100%;
        border: 0
    }
    
    .pdfjs * {
        padding: 0;
        margin: 0
    }
    
    html {
        height: 100%;
        width: 100%;
        font-size: 10px
    }
    
    .pdfjs input,
    .pdfjs button,
    .pdfjs select {
        outline: 0
    }
    
    .pdfjs .hidden {
        display: none !important
    }
    
    .pdfjs [hidden] {
        display: none !important
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:-webkit-full-screen {
        top: 0;
        border-top: 2px solid transparent;
        background-color: #000;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: none;
        -webkit-user-select: none
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:-moz-full-screen {
        top: 0;
        border-top: 2px solid transparent;
        background-color: #000;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: none;
        -moz-user-select: none
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:-ms-fullscreen {
        top: 0 !important;
        border-top: 2px solid transparent;
        width: 100%;
        height: 100%;
        overflow: hidden !important;
        cursor: none;
        -ms-user-select: none
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
        background-color: #000
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:-webkit-full-screen {
        top: 0;
        border-top: 2px solid transparent;
        background-color: #000;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:-moz-full-screen {
        top: 0;
        border-top: 2px solid transparent;
        background-color: #000;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:-ms-fullscreen {
        top: 0;
        border-top: 2px solid transparent;
        background-color: #000;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    
    .pdfjs #viewerContainer.pdfPresentationMode:fullscreen {
        top: 0;
        border-top: 2px solid transparent;
        background-color: #000;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    
    .pdfjs .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
        display: none
    }
    
    .pdfjs .pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
        display: none
    }
    
    .pdfjs .pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
        display: none !important
    }
    
    .pdfjs .pdfPresentationMode:fullscreen a:not(.internalLink) {
        display: none
    }
    
    .pdfjs .pdfPresentationMode:-webkit-full-screen .textLayer>div {
        cursor: none
    }
    
    .pdfjs .pdfPresentationMode:-moz-full-screen .textLayer>div {
        cursor: none
    }
    
    .pdfjs .pdfPresentationMode:-ms-fullscreen .textLayer>div {
        cursor: none
    }
    
    .pdfjs .pdfPresentationMode:fullscreen .textLayer>div {
        cursor: none
    }
    
    .pdfjs .pdfPresentationMode.pdfPresentationModeControls>*,
    .pdfjs .pdfPresentationMode.pdfPresentationModeControls .textLayer>div {
        cursor: default
    }
    
    .pdfjs #outerContainer {
        width: 100%;
        height: 100%;
        position: relative
    }
    
    .pdfjs #sidebarContainer {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 200px;
        visibility: hidden;
        -webkit-transition-duration: 200ms;
        -webkit-transition-timing-function: ease;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }
    
    html[dir='ltr'] .pdfjs #sidebarContainer {
        -webkit-transition-property: left;
        -o-transition-property: left;
        transition-property: left;
        left: -200px
    }
    
    html[dir='rtl'] .pdfjs #sidebarContainer {
        -webkit-transition-property: right;
        -o-transition-property: right;
        transition-property: right;
        right: -200px
    }
    
    .pdfjs #outerContainer.sidebarMoving>#sidebarContainer,
    .pdfjs #outerContainer.sidebarOpen>#sidebarContainer {
        visibility: visible
    }
    
    html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen>#sidebarContainer {
        left: 0
    }
    
    html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen>#sidebarContainer {
        right: 0
    }
    
    .pdfjs #mainContainer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-width: 320px;
        -webkit-transition-duration: 200ms;
        -webkit-transition-timing-function: ease;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }
    
    html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen>#mainContainer {
        -webkit-transition-property: left;
        -o-transition-property: left;
        transition-property: left;
        left: 200px
    }
    
    html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen>#mainContainer {
        -webkit-transition-property: right;
        -o-transition-property: right;
        transition-property: right;
        right: 200px
    }
    
    .pdfjs #sidebarContent {
        top: 32px;
        bottom: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        width: 200px;
        background-color: hsla(0, 0%, 0%, .1)
    }
    
    html[dir='ltr'] .pdfjs #sidebarContent {
        left: 0;
        -webkit-box-shadow: inset -1px 0 0 hsla(0, 0%, 0%, .25);
        box-shadow: inset -1px 0 0 hsla(0, 0%, 0%, .25)
    }
    
    html[dir='rtl'] .pdfjs #sidebarContent {
        right: 0;
        -webkit-box-shadow: inset 1px 0 0 hsla(0, 0%, 0%, .25);
        box-shadow: inset 1px 0 0 hsla(0, 0%, 0%, .25)
    }
    
    .pdfjs #viewerContainer {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 32px;
        right: 0;
        bottom: 0;
        left: 0;
        outline: 0
    }
    
    html[dir='ltr'] .pdfjs #viewerContainer {
        -webkit-box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .05);
        box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .05)
    }
    
    html[dir='rtl'] .pdfjs #viewerContainer {
        -webkit-box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, .05);
        box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, .05)
    }
    
    .pdfjs .toolbar {
        position: relative;
        left: 0;
        right: 0;
        z-index: 9999;
        cursor: default
    }
    
    .pdfjs #toolbarContainer {
        width: 100%
    }
    
    .pdfjs #toolbarSidebar {
        width: 200px;
        height: 32px;
        background-color: #424242;
        background-image: url(../img/pdfjs/texture.png), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 30%, .99)), to(hsla(0, 0%, 25%, .95)));
        background-image: url(../img/pdfjs/texture.png), -o-linear-gradient(hsla(0, 0%, 30%, .99), hsla(0, 0%, 25%, .95));
        background-image: url(../img/pdfjs/texture.png), linear-gradient(hsla(0, 0%, 30%, .99), hsla(0, 0%, 25%, .95))
    }
    
    html[dir='ltr'] .pdfjs #toolbarSidebar {
        -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 0 1px hsla(0, 0%, 0%, .1);
        box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 0 1px hsla(0, 0%, 0%, .1)
    }
    
    html[dir='rtl'] .pdfjs #toolbarSidebar {
        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 0 1px hsla(0, 0%, 0%, .1);
        box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 0 1px hsla(0, 0%, 0%, .1)
    }
    
    .pdfjs #toolbarContainer,
    .pdfjs .findbar,
    .pdfjs .secondaryToolbar {
        position: relative;
        height: 32px;
        background-color: #474747;
        background-image: url(../img/pdfjs/texture.png), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 32%, .99)), to(hsla(0, 0%, 27%, .95)));
        background-image: url(../img/pdfjs/texture.png), -o-linear-gradient(hsla(0, 0%, 32%, .99), hsla(0, 0%, 27%, .95));
        background-image: url(../img/pdfjs/texture.png), linear-gradient(hsla(0, 0%, 32%, .99), hsla(0, 0%, 27%, .95))
    }
    
    html[dir='ltr'] .pdfjs #toolbarContainer,
    .pdfjs .findbar,
    .pdfjs .secondaryToolbar {
        -webkit-box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
        box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1)
    }
    
    html[dir='rtl'] .pdfjs #toolbarContainer,
    .pdfjs .findbar,
    .pdfjs .secondaryToolbar {
        -webkit-box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
        box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1)
    }
    
    .pdfjs #toolbarViewer {
        height: 32px
    }
    
    .pdfjs #loadingBar {
        position: relative;
        width: 100%;
        height: 4px;
        background-color: #333;
        border-bottom: 1px solid #333
    }
    
    .pdfjs #loadingBar .progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: #ddd;
        overflow: hidden;
        -webkit-transition: width 200ms;
        -o-transition: width 200ms;
        transition: width 200ms
    }
    
    @-webkit-keyframes progressIndeterminate {
        .pdfjs 0% {
        left: -142px
        }
    
        .pdfjs 100% {
        left: 0
        }
    }
    
    @keyframes progressIndeterminate {
        .pdfjs 0% {
        left: -142px
        }
    
        .pdfjs 100% {
        left: 0
        }
    }
    
    .pdfjs #loadingBar .progress.indeterminate {
        background-color: #999;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
    
    .pdfjs #loadingBar .progress.indeterminate .glimmer {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: calc(100% + 150px);
        background: -o-repeating-linear-gradient(315deg, #bbb 0, #999 5px, #999 45px, #ddd 55px, #ddd 95px, #bbb 100px);
        background: repeating-linear-gradient(135deg, #bbb 0, #999 5px, #999 45px, #ddd 55px, #ddd 95px, #bbb 100px);
        -webkit-animation: progressIndeterminate 950ms linear infinite;
        animation: progressIndeterminate 950ms linear infinite
    }
    
    .pdfjs .findbar,
    .pdfjs .secondaryToolbar {
        top: 32px;
        position: absolute;
        z-index: 10000;
        height: 32px;
        min-width: 16px;
        padding: 0 6px 0 6px;
        margin: 4px 2px 4px 2px;
        color: hsl(0, 0%, 85%);
        font-size: 12px;
        line-height: 14px;
        text-align: left;
        cursor: default
    }
    
    html[dir='ltr'] .pdfjs .findbar {
        left: 68px
    }
    
    html[dir='rtl'] .pdfjs .findbar {
        right: 68px
    }
    
    .pdfjs .findbar label {
        -webkit-user-select: none;
        -moz-user-select: none
    }
    
    .pdfjs #findInput[data-status="pending"] {
        background-image: url(../img/pdfjs/loading-small.png);
        background-repeat: no-repeat;
        background-position: right
    }
    
    html[dir='rtl'] .pdfjs #findInput[data-status="pending"] {
        background-position: left
    }
    
    .pdfjs .secondaryToolbar {
        padding: 6px;
        height: auto;
        z-index: 30000
    }
    
    html[dir='ltr'] .pdfjs .secondaryToolbar {
        right: 4px
    }
    
    html[dir='rtl'] .pdfjs .secondaryToolbar {
        left: 4px
    }
    
    .pdfjs #secondaryToolbarButtonContainer {
        max-width: 200px;
        max-height: 400px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: -4px
    }
    
    .pdfjs .doorHanger,
    .pdfjs .doorHangerRight {
        border: 1px solid hsla(0, 0%, 0%, .5);
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)
    }
    
    .pdfjs .doorHanger:after,
    .pdfjs .doorHanger:before,
    .pdfjs .doorHangerRight:after,
    .pdfjs .doorHangerRight:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }
    
    .pdfjs .doorHanger:after,
    .pdfjs .doorHangerRight:after {
        border-bottom-color: hsla(0, 0%, 32%, .99);
        border-width: 8px
    }
    
    .pdfjs .doorHanger:before,
    .pdfjs .doorHangerRight:before {
        border-bottom-color: hsla(0, 0%, 0%, .5);
        border-width: 9px
    }
    
    html[dir='ltr'] .pdfjs .doorHanger:after,
    html[dir='rtl'] .pdfjs .doorHangerRight:after {
        left: 13px;
        margin-left: -8px
    }
    
    html[dir='ltr'] .pdfjs .doorHanger:before,
    html[dir='rtl'] .pdfjs .doorHangerRight:before {
        left: 13px;
        margin-left: -9px
    }
    
    html[dir='rtl'] .pdfjs .doorHanger:after,
    html[dir='ltr'] .pdfjs .doorHangerRight:after {
        right: 13px;
        margin-right: -8px
    }
    
    html[dir='rtl'] .pdfjs .doorHanger:before,
    html[dir='ltr'] .pdfjs .doorHangerRight:before {
        right: 13px;
        margin-right: -9px
    }
    
    .pdfjs #findResultsCount {
        background-color: hsl(0, 0%, 85%);
        color: hsl(0, 0%, 32%);
        text-align: center;
        padding: 3px 4px
    }
    
    .pdfjs #findMsg {
        font-style: italic;
        color: #a6b7d0
    }
    
    .pdfjs #findInput.notFound {
        background-color: #f66
    }
    
    .pdfjs #toolbarViewerMiddle {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    
    html[dir='ltr'] .pdfjs #toolbarViewerLeft,
    html[dir='rtl'] .pdfjs #toolbarViewerRight {
        float: left
    }
    
    html[dir='ltr'] .pdfjs #toolbarViewerRight,
    html[dir='rtl'] .pdfjs #toolbarViewerLeft {
        float: right
    }
    
    html[dir='ltr'] .pdfjs #toolbarViewerLeft>*,
    html[dir='ltr'] .pdfjs #toolbarViewerMiddle>*,
    html[dir='ltr'] .pdfjs #toolbarViewerRight>*,
    html[dir='ltr'] .pdfjs .findbar>* {
        position: relative;
        float: left
    }
    
    html[dir='rtl'] .pdfjs #toolbarViewerLeft>*,
    html[dir='rtl'] .pdfjs #toolbarViewerMiddle>*,
    html[dir='rtl'] .pdfjs #toolbarViewerRight>*,
    html[dir='rtl'] .pdfjs .findbar>* {
        position: relative;
        float: right
    }
    
    html[dir='ltr'] .pdfjs .splitToolbarButton {
        margin: 3px 2px 4px 0;
        display: inline-block
    }
    
    html[dir='rtl'] .pdfjs .splitToolbarButton {
        margin: 3px 0 4px 2px;
        display: inline-block
    }
    
    html[dir='ltr'] .pdfjs .splitToolbarButton>.toolbarButton {
        border-radius: 0;
        float: left
    }
    
    html[dir='rtl'] .pdfjs .splitToolbarButton>.toolbarButton {
        border-radius: 0;
        float: right
    }
    
    .pdfjs .toolbarButton,
    .pdfjs .secondaryToolbarButton,
    .pdfjs .overlayButton {
        border: 0 none;
        background: 0;
        width: 32px;
        height: 25px
    }
    
    .pdfjs .toolbarButton>span {
        display: inline-block;
        width: 0;
        height: 0;
        overflow: hidden
    }
    
    .pdfjs .toolbarButton[disabled],
    .pdfjs .secondaryToolbarButton[disabled],
    .pdfjs .overlayButton[disabled] {
        opacity: .5
    }
    
    .pdfjs .toolbarButton.group {
        margin-right: 0
    }
    
    .pdfjs .splitToolbarButton.toggled .toolbarButton {
        margin: 0
    }
    
    .pdfjs .splitToolbarButton:hover>.toolbarButton,
    .pdfjs .splitToolbarButton:focus>.toolbarButton,
    .pdfjs .splitToolbarButton.toggled>.toolbarButton,
    .pdfjs .toolbarButton.textButton {
        background-color: hsla(0, 0%, 0%, .12);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-clip: padding-box;
        border: 1px solid hsla(0, 0%, 0%, .35);
        border-color: hsla(0, 0%, 0%, .32) hsla(0, 0%, 0%, .38) hsla(0, 0%, 0%, .42);
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        -webkit-transition-property: background-color, border-color, box-shadow;
        -webkit-transition-duration: 150ms;
        -webkit-transition-timing-function: ease;
        -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
        transition-property: background-color, border-color, -webkit-box-shadow;
        -o-transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow, -webkit-box-shadow;
        -o-transition-duration: 150ms;
        transition-duration: 150ms;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }
    
    .pdfjs .splitToolbarButton>.toolbarButton:hover,
    .pdfjs .splitToolbarButton>.toolbarButton:focus,
    .pdfjs .dropdownToolbarButton:hover,
    .pdfjs .overlayButton:hover,
    .pdfjs .overlayButton:focus,
    .pdfjs .toolbarButton.textButton:hover,
    .pdfjs .toolbarButton.textButton:focus {
        background-color: hsla(0, 0%, 0%, .2);
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 0 1px hsla(0, 0%, 0%, .05);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 0 1px hsla(0, 0%, 0%, .05);
        z-index: 199
    }
    
    .pdfjs .splitToolbarButton>.toolbarButton {
        position: relative
    }
    
    html[dir='ltr'] .pdfjs .splitToolbarButton>.toolbarButton:first-child,
    html[dir='rtl'] .pdfjs .splitToolbarButton>.toolbarButton:last-child {
        position: relative;
        margin: 0;
        margin-right: -1px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-right-color: transparent
    }
    
    html[dir='ltr'] .pdfjs .splitToolbarButton>.toolbarButton:last-child,
    html[dir='rtl'] .pdfjs .splitToolbarButton>.toolbarButton:first-child {
        position: relative;
        margin: 0;
        margin-left: -1px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-left-color: transparent
    }
    
    .pdfjs .splitToolbarButtonSeparator {
        padding: 8px 0;
        width: 1px;
        background-color: hsla(0, 0%, 0%, .5);
        z-index: 99;
        -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
        display: inline-block;
        margin: 5px 0
    }
    
    html[dir='ltr'] .pdfjs .splitToolbarButtonSeparator {
        float: left
    }
    
    html[dir='rtl'] .pdfjs .splitToolbarButtonSeparator {
        float: right
    }
    
    .pdfjs .splitToolbarButton:hover>.splitToolbarButtonSeparator,
    .pdfjs .splitToolbarButton.toggled>.splitToolbarButtonSeparator {
        padding: 12px 0;
        margin: 1px 0;
        -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .03);
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .03);
        -webkit-transition-property: padding;
        -webkit-transition-duration: 10ms;
        -webkit-transition-timing-function: ease;
        -o-transition-property: padding;
        transition-property: padding;
        -o-transition-duration: 10ms;
        transition-duration: 10ms;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }
    
    .pdfjs .toolbarButton,
    .pdfjs .dropdownToolbarButton,
    .pdfjs .secondaryToolbarButton,
    .pdfjs .overlayButton {
        min-width: 16px;
        padding: 2px 6px 0;
        border: 1px solid transparent;
        border-radius: 2px;
        color: hsla(0, 0%, 100%, .8);
        font-size: 12px;
        line-height: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
        -webkit-transition-property: background-color, border-color, box-shadow;
        -webkit-transition-duration: 150ms;
        -webkit-transition-timing-function: ease;
        -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
        transition-property: background-color, border-color, -webkit-box-shadow;
        -o-transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow, -webkit-box-shadow;
        -o-transition-duration: 150ms;
        transition-duration: 150ms;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton,
    html[dir='ltr'] .pdfjs .overlayButton,
    html[dir='ltr'] .pdfjs .dropdownToolbarButton {
        margin: 3px 2px 4px 0
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton,
    html[dir='rtl'] .pdfjs .overlayButton,
    html[dir='rtl'] .pdfjs .dropdownToolbarButton {
        margin: 3px 0 4px 2px
    }
    
    .pdfjs .toolbarButton:hover,
    .pdfjs .toolbarButton:focus,
    .pdfjs .dropdownToolbarButton,
    .pdfjs .overlayButton,
    .pdfjs .secondaryToolbarButton:hover,
    .pdfjs .secondaryToolbarButton:focus {
        background-color: hsla(0, 0%, 0%, .12);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-clip: padding-box;
        border: 1px solid hsla(0, 0%, 0%, .35);
        border-color: hsla(0, 0%, 0%, .32) hsla(0, 0%, 0%, .38) hsla(0, 0%, 0%, .42);
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 1px 0 hsla(0, 0%, 100%, .05)
    }
    
    .pdfjs .toolbarButton:hover:active,
    .pdfjs .overlayButton:hover:active,
    .pdfjs .dropdownToolbarButton:hover:active,
    .pdfjs .secondaryToolbarButton:hover:active {
        background-color: hsla(0, 0%, 0%, .2);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        border-color: hsla(0, 0%, 0%, .35) hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .45);
        -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        box-shadow: 0 1px 1px hsla(0, 0%, 0%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        -webkit-transition-property: background-color, border-color, box-shadow;
        -webkit-transition-duration: 10ms;
        -webkit-transition-timing-function: linear;
        -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
        transition-property: background-color, border-color, -webkit-box-shadow;
        -o-transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow, -webkit-box-shadow;
        -o-transition-duration: 10ms;
        transition-duration: 10ms;
        -o-transition-timing-function: linear;
        transition-timing-function: linear
    }
    
    .pdfjs .toolbarButton.toggled,
    .pdfjs .splitToolbarButton.toggled>.toolbarButton.toggled,
    .pdfjs .secondaryToolbarButton.toggled {
        background-color: hsla(0, 0%, 0%, .3);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .45) hsla(0, 0%, 0%, .5);
        -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        box-shadow: 0 1px 1px hsla(0, 0%, 0%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        -webkit-transition-property: background-color, border-color, box-shadow;
        -webkit-transition-duration: 10ms;
        -webkit-transition-timing-function: linear;
        -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
        transition-property: background-color, border-color, -webkit-box-shadow;
        -o-transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow, -webkit-box-shadow;
        -o-transition-duration: 10ms;
        transition-duration: 10ms;
        -o-transition-timing-function: linear;
        transition-timing-function: linear
    }
    
    .pdfjs .toolbarButton.toggled:hover:active,
    .pdfjs .splitToolbarButton.toggled>.toolbarButton.toggled:hover:active,
    .pdfjs .secondaryToolbarButton.toggled:hover:active {
        background-color: hsla(0, 0%, 0%, .4);
        border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .5) hsla(0, 0%, 0%, .55);
        -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .3) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        box-shadow: 0 1px 1px hsla(0, 0%, 0%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .3) inset, 0 1px 0 hsla(0, 0%, 100%, .05)
    }
    
    .pdfjs .dropdownToolbarButton {
        width: 120px;
        max-width: 120px;
        padding: 0;
        overflow: hidden;
        background: url(../img/pdfjs/toolbarButton-menuArrows.png) no-repeat
    }
    
    html[dir='ltr'] .pdfjs .dropdownToolbarButton {
        background-position: 95%
    }
    
    html[dir='rtl'] .pdfjs .dropdownToolbarButton {
        background-position: 5%
    }
    
    .pdfjs .dropdownToolbarButton>select {
        min-width: 140px;
        font-size: 12px;
        color: hsl(0, 0%, 95%);
        margin: 0;
        padding: 3px 2px 2px;
        border: 0;
        background: rgba(0, 0, 0, 0)
    }
    
    .pdfjs .dropdownToolbarButton>select>option {
        background: hsl(0, 0%, 24%)
    }
    
    .pdfjs #customScaleOption {
        display: none
    }
    
    .pdfjs #pageWidthOption {
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
    
    html[dir='ltr'] .pdfjs .splitToolbarButton:first-child,
    html[dir='ltr'] .pdfjs .toolbarButton:first-child,
    html[dir='rtl'] .pdfjs .splitToolbarButton:last-child,
    html[dir='rtl'] .pdfjs .toolbarButton:last-child {
        margin-left: 4px
    }
    
    html[dir='ltr'] .pdfjs .splitToolbarButton:last-child,
    html[dir='ltr'] .pdfjs .toolbarButton:last-child,
    html[dir='rtl'] .pdfjs .splitToolbarButton:first-child,
    html[dir='rtl'] .pdfjs .toolbarButton:first-child {
        margin-right: 4px
    }
    
    .pdfjs .toolbarButtonSpacer {
        width: 30px;
        display: inline-block;
        height: 1px
    }
    
    html[dir='ltr'] .pdfjs #findPrevious {
        margin-left: 3px
    }
    
    html[dir='ltr'] .pdfjs #findNext {
        margin-right: 3px
    }
    
    html[dir='rtl'] .pdfjs #findPrevious {
        margin-right: 3px
    }
    
    html[dir='rtl'] .pdfjs #findNext {
        margin-left: 3px
    }
    
    .pdfjs .toolbarButton::before,
    .pdfjs .secondaryToolbarButton::before {
        position: absolute;
        display: inline-block;
        top: 4px;
        left: 7px
    }
    
    html[dir="ltr"] .pdfjs .secondaryToolbarButton::before {
        left: 4px
    }
    
    html[dir="rtl"] .pdfjs .secondaryToolbarButton::before {
        right: 4px
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton#sidebarToggle::before {
        content: url(../img/pdfjs/toolbarButton-sidebarToggle.png)
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton#sidebarToggle::before {
        content: url(../img/pdfjs/toolbarButton-sidebarToggle-rtl.png)
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
        content: url(../img/pdfjs/toolbarButton-secondaryToolbarToggle.png)
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
        content: url(../img/pdfjs/toolbarButton-secondaryToolbarToggle-rtl.png)
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton.findPrevious::before {
        content: url(../img/pdfjs/findbarButton-previous.png)
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton.findPrevious::before {
        content: url(../img/pdfjs/findbarButton-previous-rtl.png)
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton.findNext::before {
        content: url(../img/pdfjs/findbarButton-next.png)
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton.findNext::before {
        content: url(../img/pdfjs/findbarButton-next-rtl.png)
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton.pageUp::before {
        content: url(../img/pdfjs/toolbarButton-pageUp.png)
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton.pageUp::before {
        content: url(../img/pdfjs/toolbarButton-pageUp-rtl.png)
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton.pageDown::before {
        content: url(../img/pdfjs/toolbarButton-pageDown.png)
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton.pageDown::before {
        content: url(../img/pdfjs/toolbarButton-pageDown-rtl.png)
    }
    
    .pdfjs .toolbarButton.zoomOut::before {
        content: url(../img/pdfjs/toolbarButton-zoomOut.png)
    }
    
    .pdfjs .toolbarButton.zoomIn::before {
        content: url(../img/pdfjs/toolbarButton-zoomIn.png)
    }
    
    .pdfjs .toolbarButton.presentationMode::before,
    .pdfjs .secondaryToolbarButton.presentationMode::before {
        content: url(../img/pdfjs/toolbarButton-presentationMode.png)
    }
    
    .pdfjs .toolbarButton.print::before,
    .pdfjs .secondaryToolbarButton.print::before {
        content: url(../img/pdfjs/toolbarButton-print.png)
    }
    
    .pdfjs .toolbarButton.openFile::before,
    .pdfjs .secondaryToolbarButton.openFile::before {
        content: url(../img/pdfjs/toolbarButton-openFile.png)
    }
    
    .pdfjs .toolbarButton.download::before,
    .pdfjs .secondaryToolbarButton.download::before {
        content: url(../img/pdfjs/toolbarButton-download.png)
    }
    
    .pdfjs .toolbarButton.bookmark,
    .pdfjs .secondaryToolbarButton.bookmark {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        padding-top: 4px;
        text-decoration: none
    }
    
    .pdfjs .secondaryToolbarButton.bookmark {
        padding-top: 5px
    }
    
    .pdfjs .bookmark[href='#'] {
        opacity: .5;
        pointer-events: none
    }
    
    .pdfjs .toolbarButton.bookmark::before,
    .pdfjs .secondaryToolbarButton.bookmark::before {
        content: url(../img/pdfjs/toolbarButton-bookmark.png)
    }
    
    .pdfjs #viewThumbnail.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewThumbnail.png)
    }
    
    html[dir="ltr"] .pdfjs #viewOutline.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewOutline.png)
    }
    
    html[dir="rtl"] .pdfjs #viewOutline.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewOutline-rtl.png)
    }
    
    .pdfjs #viewAttachments.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewAttachments.png)
    }
    
    .pdfjs #viewFind.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-search.png)
    }
    
    .pdfjs .toolbarButton.pdfSidebarNotification::after {
        position: absolute;
        display: inline-block;
        top: 1px;
        content: '';
        background-color: #70db55;
        height: 9px;
        width: 9px;
        border-radius: 50%
    }
    
    html[dir='ltr'] .pdfjs .toolbarButton.pdfSidebarNotification::after {
        left: 17px
    }
    
    html[dir='rtl'] .pdfjs .toolbarButton.pdfSidebarNotification::after {
        right: 17px
    }
    
    .pdfjs .secondaryToolbarButton {
        position: relative;
        margin: 0 0 4px 0;
        padding: 3px 0 1px 0;
        height: auto;
        min-height: 25px;
        width: auto;
        min-width: 100%;
        white-space: normal
    }
    
    html[dir="ltr"] .pdfjs .secondaryToolbarButton {
        padding-left: 24px;
        text-align: left
    }
    
    html[dir="rtl"] .pdfjs .secondaryToolbarButton {
        padding-right: 24px;
        text-align: right
    }
    
    html[dir="ltr"] .pdfjs .secondaryToolbarButton.bookmark {
        padding-left: 27px
    }
    
    html[dir="rtl"] .pdfjs .secondaryToolbarButton.bookmark {
        padding-right: 27px
    }
    
    html[dir="ltr"] .pdfjs .secondaryToolbarButton>span {
        padding-right: 4px
    }
    
    html[dir="rtl"] .pdfjs .secondaryToolbarButton>span {
        padding-left: 4px
    }
    
    .pdfjs .secondaryToolbarButton.firstPage::before {
        content: url(../img/pdfjs/secondaryToolbarButton-firstPage.png)
    }
    
    .pdfjs .secondaryToolbarButton.lastPage::before {
        content: url(../img/pdfjs/secondaryToolbarButton-lastPage.png)
    }
    
    .pdfjs .secondaryToolbarButton.rotateCcw::before {
        content: url(../img/pdfjs/secondaryToolbarButton-rotateCcw.png)
    }
    
    .pdfjs .secondaryToolbarButton.rotateCw::before {
        content: url(../img/pdfjs/secondaryToolbarButton-rotateCw.png)
    }
    
    .pdfjs .secondaryToolbarButton.handTool::before {
        content: url(../img/pdfjs/secondaryToolbarButton-handTool.png)
    }
    
    .pdfjs .secondaryToolbarButton.documentProperties::before {
        content: url(../img/pdfjs/secondaryToolbarButton-documentProperties.png)
    }
    
    .pdfjs .verticalToolbarSeparator {
        display: block;
        padding: 8px 0;
        margin: 8px 4px;
        width: 1px;
        background-color: hsla(0, 0%, 0%, .5);
        -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08)
    }
    
    html[dir='ltr'] .pdfjs .verticalToolbarSeparator {
        margin-left: 2px
    }
    
    html[dir='rtl'] .pdfjs .verticalToolbarSeparator {
        margin-right: 2px
    }
    
    .pdfjs .horizontalToolbarSeparator {
        display: block;
        margin: 0 0 4px 0;
        height: 1px;
        width: 100%;
        background-color: hsla(0, 0%, 0%, .5);
        -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08)
    }
    
    .pdfjs .toolbarField {
        padding: 3px 6px;
        margin: 4px 0 4px 0;
        border: 1px solid transparent;
        border-radius: 2px;
        background-color: hsla(0, 0%, 100%, .09);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-clip: padding-box;
        border: 1px solid hsla(0, 0%, 0%, .35);
        border-color: hsla(0, 0%, 0%, .32) hsla(0, 0%, 0%, .38) hsla(0, 0%, 0%, .42);
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 0%, .05) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        box-shadow: 0 1px 0 hsla(0, 0%, 0%, .05) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        color: hsl(0, 0%, 95%);
        font-size: 12px;
        line-height: 14px;
        outline-style: none;
        -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
        transition-property: background-color, border-color, -webkit-box-shadow;
        -o-transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow, -webkit-box-shadow;
        -webkit-transition-duration: 150ms;
        -o-transition-duration: 150ms;
        transition-duration: 150ms;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }
    
    .pdfjs .toolbarField[type=checkbox] {
        display: inline-block;
        margin: 8px 0
    }
    
    .pdfjs .toolbarField.pageNumber {
        -moz-appearance: textfield;
        min-width: 16px;
        text-align: right;
        width: 40px
    }
    
    .pdfjs .toolbarField.pageNumber.visiblePageIsLoading {
        background-image: url(../img/pdfjs/loading-small.png);
        background-repeat: no-repeat;
        background-position: 1px
    }
    
    .pdfjs .toolbarField.pageNumber::-webkit-inner-spin-button,
    .pdfjs .toolbarField.pageNumber::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }
    
    .pdfjs .toolbarField:hover {
        background-color: hsla(0, 0%, 100%, .11);
        border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .43) hsla(0, 0%, 0%, .45)
    }
    
    .pdfjs .toolbarField:focus {
        background-color: hsla(0, 0%, 100%, .15);
        border-color: hsla(204, 100%, 65%, .8) hsla(204, 100%, 65%, .85) hsla(204, 100%, 65%, .9)
    }
    
    .pdfjs .toolbarLabel {
        min-width: 16px;
        padding: 3px 6px 3px 2px;
        margin: 4px 2px 4px 0;
        border: 1px solid transparent;
        border-radius: 2px;
        color: hsl(0, 0%, 85%);
        font-size: 12px;
        line-height: 14px;
        text-align: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        cursor: default
    }
    
    .pdfjs #thumbnailView {
        position: absolute;
        width: 120px;
        top: 0;
        bottom: 0;
        padding: 10px 40px 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
    
    .pdfjs .thumbnail {
        float: left;
        margin-bottom: 5px
    }
    
    .pdfjs #thumbnailView>a:last-of-type>.thumbnail {
        margin-bottom: 10px
    }
    
    .pdfjs #thumbnailView>a:last-of-type>.thumbnail:not([data-loaded]) {
        margin-bottom: 9px
    }
    
    .pdfjs .thumbnail:not([data-loaded]) {
        border: 1px dashed rgba(255, 255, 255, 0.5);
        margin: -1px -1px 4px -1px
    }
    
    .pdfjs .thumbnailImage {
        border: 1px solid transparent;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
        opacity: .8;
        z-index: 99;
        background-color: white;
        background-clip: content-box
    }
    
    .pdfjs .thumbnailSelectionRing {
        border-radius: 2px;
        padding: 7px
    }
    
    .pdfjs a:focus>.thumbnail>.thumbnailSelectionRing>.thumbnailImage,
    .pdfjs .thumbnail:hover>.thumbnailSelectionRing>.thumbnailImage {
        opacity: .9
    }
    
    .pdfjs a:focus>.thumbnail>.thumbnailSelectionRing,
    .pdfjs .thumbnail:hover>.thumbnailSelectionRing {
        background-color: hsla(0, 0%, 100%, .15);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        color: hsla(0, 0%, 100%, .9)
    }
    
    .pdfjs .thumbnail.selected>.thumbnailSelectionRing>.thumbnailImage {
        -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .5);
        box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .5);
        opacity: 1
    }
    
    .pdfjs .thumbnail.selected>.thumbnailSelectionRing {
        background-color: hsla(0, 0%, 100%, .3);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        color: hsla(0, 0%, 100%, 1)
    }
    
    .pdfjs #outlineView,
    .pdfjs #attachmentsView {
        position: absolute;
        width: 192px;
        top: 0;
        bottom: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-user-select: none;
        -moz-user-select: none
    }
    
    .pdfjs #outlineView {
        padding: 4px 4px 0
    }
    
    .pdfjs #attachmentsView {
        padding: 3px 4px 0
    }
    
    html[dir='ltr'] .pdfjs .outlineWithDeepNesting>.outlineItem,
    html[dir='ltr'] .pdfjs .outlineItem>.outlineItems {
        margin-left: 20px
    }
    
    html[dir='rtl'] .pdfjs .outlineWithDeepNesting>.outlineItem,
    html[dir='rtl'] .pdfjs .outlineItem>.outlineItems {
        margin-right: 20px
    }
    
    .pdfjs .outlineItem>a,
    .pdfjs .attachmentsItem>button {
        text-decoration: none;
        display: inline-block;
        min-width: 95%;
        min-width: calc(100% - 4px);
        height: auto;
        margin-bottom: 1px;
        border-radius: 2px;
        color: hsla(0, 0%, 100%, .8);
        font-size: 13px;
        line-height: 15px;
        -moz-user-select: none;
        white-space: normal
    }
    
    .pdfjs .attachmentsItem>button {
        border: 0 none;
        background: 0;
        cursor: pointer;
        width: 100%
    }
    
    html[dir='ltr'] .pdfjs .outlineItem>a {
        padding: 2px 0 5px 4px
    }
    
    html[dir='ltr'] .pdfjs .attachmentsItem>button {
        padding: 2px 0 3px 7px;
        text-align: left
    }
    
    html[dir='rtl'] .pdfjs .outlineItem>a {
        padding: 2px 4px 5px 0
    }
    
    html[dir='rtl'] .pdfjs .attachmentsItem>button {
        padding: 2px 7px 3px 0;
        text-align: right
    }
    
    .pdfjs .outlineItemToggler {
        position: relative;
        height: 0;
        width: 0;
        color: hsla(0, 0%, 100%, .5)
    }
    
    .pdfjs .outlineItemToggler::before {
        content: url(../img/pdfjs/treeitem-expanded.png);
        display: inline-block;
        position: absolute
    }
    
    html[dir='ltr'] .pdfjs .outlineItemToggler.outlineItemsHidden::before {
        content: url(../img/pdfjs/treeitem-collapsed.png)
    }
    
    html[dir='rtl'] .pdfjs .outlineItemToggler.outlineItemsHidden::before {
        content: url(../img/pdfjs/treeitem-collapsed-rtl.png)
    }
    
    .pdfjs .outlineItemToggler.outlineItemsHidden~.outlineItems {
        display: none
    }
    
    html[dir='ltr'] .pdfjs .outlineItemToggler {
        float: left
    }
    
    html[dir='rtl'] .pdfjs .outlineItemToggler {
        float: right
    }
    
    html[dir='ltr'] .pdfjs .outlineItemToggler::before {
        right: 4px
    }
    
    html[dir='rtl'] .pdfjs .outlineItemToggler::before {
        left: 4px
    }
    
    .pdfjs .outlineItemToggler:hover,
    .pdfjs .outlineItemToggler:hover+a,
    .pdfjs .outlineItemToggler:hover~.outlineItems,
    .pdfjs .outlineItem>a:hover,
    .pdfjs .attachmentsItem>button:hover {
        background-color: hsla(0, 0%, 100%, .02);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        border-radius: 2px;
        color: hsla(0, 0%, 100%, .9)
    }
    
    .pdfjs .outlineItem.selected {
        background-color: hsla(0, 0%, 100%, .08);
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, 0)));
        background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2);
        color: hsla(0, 0%, 100%, 1)
    }
    
    .pdfjs .noResults {
        font-size: 12px;
        color: hsla(0, 0%, 100%, .8);
        font-style: italic;
        cursor: default
    }
    
    .pdfjs ::-moz-selection {
        background: rgba(0, 0, 255, 0.3)
    }
    
    .pdfjs ::selection {
        background: rgba(0, 0, 255, 0.3)
    }
    
    .pdfjs ::-moz-selection {
        background: rgba(0, 0, 255, 0.3)
    }
    
    .pdfjs #errorWrapper {
        background: none repeat scroll 0 0 #f55;
        color: white;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 1000;
        padding: 3px;
        font-size: .8em
    }
    
    .pdfjs .loadingInProgress #errorWrapper {
        top: 37px
    }
    
    .pdfjs #errorMessageLeft {
        float: left
    }
    
    .pdfjs #errorMessageRight {
        float: right
    }
    
    .pdfjs #errorMoreInfo {
        background-color: #fff;
        color: black;
        padding: 3px;
        margin: 3px;
        width: 98%
    }
    
    .pdfjs .overlayButton {
        width: auto;
        margin: 3px 4px 2px 4px !important;
        padding: 2px 6px 3px 6px
    }
    
    .pdfjs #overlayContainer {
        display: table;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: hsla(0, 0%, 0%, .2);
        z-index: 40000
    }
    
    .pdfjs #overlayContainer>* {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
    
    .pdfjs #overlayContainer>.container {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }
    
    .pdfjs #overlayContainer>.container>.dialog {
        display: inline-block;
        padding: 15px;
        border-spacing: 4px;
        color: hsl(0, 0%, 85%);
        font-size: 12px;
        line-height: 14px;
        background-color: #474747;
        background-image: url(../img/pdfjs/texture.png), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 32%, .99)), to(hsla(0, 0%, 27%, .95)));
        background-image: url(../img/pdfjs/texture.png), -o-linear-gradient(hsla(0, 0%, 32%, .99), hsla(0, 0%, 27%, .95));
        background-image: url(../img/pdfjs/texture.png), linear-gradient(hsla(0, 0%, 32%, .99), hsla(0, 0%, 27%, .95));
        -webkit-box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
        box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
        border: 1px solid hsla(0, 0%, 0%, .5);
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)
    }
    
    .pdfjs .dialog>.row {
        display: table-row
    }
    
    .pdfjs .dialog>.row>* {
        display: table-cell
    }
    
    .pdfjs .dialog .toolbarField {
        margin: 5px 0
    }
    
    .pdfjs .dialog .separator {
        display: block;
        margin: 4px 0 4px 0;
        height: 1px;
        width: 100%;
        background-color: hsla(0, 0%, 0%, .5);
        -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08)
    }
    
    .pdfjs .dialog .buttonRow {
        text-align: center;
        vertical-align: middle
    }
    
    .pdfjs .dialog :link {
        color: white
    }
    
    .pdfjs #passwordOverlay>.dialog {
        text-align: center
    }
    
    .pdfjs #passwordOverlay .toolbarField {
        width: 200px
    }
    
    .pdfjs #documentPropertiesOverlay>.dialog {
        text-align: left
    }
    
    .pdfjs #documentPropertiesOverlay .row>* {
        min-width: 100px
    }
    
    html[dir='ltr'] .pdfjs #documentPropertiesOverlay .row>* {
        text-align: left
    }
    
    html[dir='rtl'] .pdfjs #documentPropertiesOverlay .row>* {
        text-align: right
    }
    
    .pdfjs #documentPropertiesOverlay .row>span {
        width: 125px;
        word-wrap: break-word
    }
    
    .pdfjs #documentPropertiesOverlay .row>p {
        max-width: 225px;
        word-wrap: break-word
    }
    
    .pdfjs #documentPropertiesOverlay .buttonRow {
        margin-top: 10px
    }
    
    .pdfjs .clearBoth {
        clear: both
    }
    
    .pdfjs .fileInput {
        background: white;
        color: black;
        margin-top: 5px;
        visibility: hidden;
        position: fixed;
        right: 0;
        top: 0
    }
    
    .pdfjs #PDFBug {
        background: none repeat scroll 0 0 white;
        border: 1px solid #666;
        position: fixed;
        top: 32px;
        right: 0;
        bottom: 0;
        font-size: 10px;
        padding: 0;
        width: 300px
    }
    
    .pdfjs #PDFBug .controls {
        background: #eee;
        border-bottom: 1px solid #666;
        padding: 3px
    }
    
    .pdfjs #PDFBug .panels {
        bottom: 0;
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        right: 0;
        top: 27px
    }
    
    .pdfjs #PDFBug button.active {
        font-weight: bold
    }
    
    .pdfjs .debuggerShowText {
        background: none repeat scroll 0 0 yellow;
        color: blue
    }
    
    .pdfjs .debuggerHideText:hover {
        background: none repeat scroll 0 0 yellow
    }
    
    .pdfjs #PDFBug .stats {
        font-family: courier;
        font-size: 10px;
        white-space: pre
    }
    
    .pdfjs #PDFBug .stats .title {
        font-weight: bold
    }
    
    .pdfjs #PDFBug table {
        font-size: 10px
    }
    
    .pdfjs #viewer.textLayer-visible .textLayer {
        opacity: 1.0
    }
    
    .pdfjs #viewer.textLayer-visible .canvasWrapper {
        background-color: #80ff80
    }
    
    .pdfjs #viewer.textLayer-visible .canvasWrapper canvas {
        mix-blend-mode: screen
    }
    
    .pdfjs #viewer.textLayer-visible .textLayer>div {
        background-color: rgba(255, 255, 0, 0.1);
        color: black;
        border: solid 1px rgba(255, 0, 0, 0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .pdfjs #viewer.textLayer-hover .textLayer>div:hover {
        background-color: white;
        color: black
    }
    
    .pdfjs #viewer.textLayer-shadow .textLayer>div {
        background-color: rgba(255, 255, 255, .6);
        color: black
    }
    
    .pdfjs .grab-to-pan-grab {
        cursor: url("../img/pdfjs/grab.cur"), move !important;
        cursor: -webkit-grab !important;
        cursor: grab !important
    }
    
    .pdfjs .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
        cursor: inherit !important
    }
    
    .pdfjs .grab-to-pan-grab:active,
    .pdfjs .grab-to-pan-grabbing {
        cursor: url("../img/pdfjs/grabbing.cur"), move !important;
        cursor: -webkit-grabbing !important;
        cursor: grabbing !important;
        position: fixed;
        background: transparent;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 50000
    }
    
    @page {
        margin: 0
    }
    
    .pdfjs #printContainer {
        display: none
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:2),
    screen and (-o-min-device-pixel-ratio:2/1),
    screen and (min-resolution:2dppx) {
        .pdfjs .toolbarButton::before {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        top: -5px
        }
    
        .pdfjs .secondaryToolbarButton::before {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        top: -4px
        }
    
        html[dir='ltr'] .pdfjs .toolbarButton::before,
        html[dir='rtl'] .pdfjs .toolbarButton::before {
        left: -1px
        }
    
        html[dir='ltr'] .pdfjs .secondaryToolbarButton::before {
        left: -2px
        }
    
        html[dir='rtl'] .pdfjs .secondaryToolbarButton::before {
        left: 186px
        }
    
        .pdfjs .toolbarField.pageNumber.visiblePageIsLoading,
        .pdfjs #findInput[data-status="pending"] {
        background-image: url(../img/pdfjs/loading-small@2x.png);
        background-size: 16px 17px
        }
    
        .pdfjs .dropdownToolbarButton {
        background: url(../img/pdfjs/toolbarButton-menuArrows@2x.png) no-repeat;
        background-size: 7px 16px
        }
    
        html[dir='ltr'] .pdfjs .toolbarButton#sidebarToggle::before {
        content: url(../img/pdfjs/toolbarButton-sidebarToggle@2x.png)
        }
    
        html[dir='rtl'] .pdfjs .toolbarButton#sidebarToggle::before {
        content: url(../img/pdfjs/toolbarButton-sidebarToggle-rtl@2x.png)
        }
    
        html[dir='ltr'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
        content: url(../img/pdfjs/toolbarButton-secondaryToolbarToggle@2x.png)
        }
    
        html[dir='rtl'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
        content: url(../img/pdfjs/toolbarButton-secondaryToolbarToggle-rtl@2x.png)
        }
    
        html[dir='ltr'] .pdfjs .toolbarButton.findPrevious::before {
        content: url(../img/pdfjs/findbarButton-previous@2x.png)
        }
    
        html[dir='rtl'] .pdfjs .toolbarButton.findPrevious::before {
        content: url(../img/pdfjs/findbarButton-previous-rtl@2x.png)
        }
    
        html[dir='ltr'] .pdfjs .toolbarButton.findNext::before {
        content: url(../img/pdfjs/findbarButton-next@2x.png)
        }
    
        html[dir='rtl'] .pdfjs .toolbarButton.findNext::before {
        content: url(../img/pdfjs/findbarButton-next-rtl@2x.png)
        }
    
        html[dir='ltr'] .pdfjs .toolbarButton.pageUp::before {
        content: url(../img/pdfjs/toolbarButton-pageUp@2x.png)
        }
    
        html[dir='rtl'] .pdfjs .toolbarButton.pageUp::before {
        content: url(../img/pdfjs/toolbarButton-pageUp-rtl@2x.png)
        }
    
        html[dir='ltr'] .pdfjs .toolbarButton.pageDown::before {
        content: url(../img/pdfjs/toolbarButton-pageDown@2x.png)
        }
    
        html[dir='rtl'] .pdfjs .toolbarButton.pageDown::before {
        content: url(../img/pdfjs/toolbarButton-pageDown-rtl@2x.png)
        }
    
        .pdfjs .toolbarButton.zoomIn::before {
        content: url(../img/pdfjs/toolbarButton-zoomIn@2x.png)
        }
    
        .pdfjs .toolbarButton.zoomOut::before {
        content: url(../img/pdfjs/toolbarButton-zoomOut@2x.png)
        }
    
        .pdfjs .toolbarButton.presentationMode::before,
        .pdfjs .secondaryToolbarButton.presentationMode::before {
        content: url(../img/pdfjs/toolbarButton-presentationMode@2x.png)
        }
    
        .pdfjs .toolbarButton.print::before,
        .pdfjs .secondaryToolbarButton.print::before {
        content: url(../img/pdfjs/toolbarButton-print@2x.png)
        }
    
        .pdfjs .toolbarButton.openFile::before,
        .pdfjs .secondaryToolbarButton.openFile::before {
        content: url(../img/pdfjs/toolbarButton-openFile@2x.png)
        }
    
        .pdfjs .toolbarButton.download::before,
        .pdfjs .secondaryToolbarButton.download::before {
        content: url(../img/pdfjs/toolbarButton-download@2x.png)
        }
    
        .pdfjs .toolbarButton.bookmark::before,
        .pdfjs .secondaryToolbarButton.bookmark::before {
        content: url(../img/pdfjs/toolbarButton-bookmark@2x.png)
        }
    
        .pdfjs #viewThumbnail.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewThumbnail@2x.png)
        }
    
        html[dir="ltr"] .pdfjs #viewOutline.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewOutline@2x.png)
        }
    
        html[dir="rtl"] .pdfjs #viewOutline.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewOutline-rtl@2x.png)
        }
    
        .pdfjs #viewAttachments.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-viewAttachments@2x.png)
        }
    
        .pdfjs #viewFind.toolbarButton::before {
        content: url(../img/pdfjs/toolbarButton-search@2x.png)
        }
    
        .pdfjs .secondaryToolbarButton.firstPage::before {
        content: url(../img/pdfjs/secondaryToolbarButton-firstPage@2x.png)
        }
    
        .pdfjs .secondaryToolbarButton.lastPage::before {
        content: url(../img/pdfjs/secondaryToolbarButton-lastPage@2x.png)
        }
    
        .pdfjs .secondaryToolbarButton.rotateCcw::before {
        content: url(../img/pdfjs/secondaryToolbarButton-rotateCcw@2x.png)
        }
    
        .pdfjs .secondaryToolbarButton.rotateCw::before {
        content: url(../img/pdfjs/secondaryToolbarButton-rotateCw@2x.png)
        }
    
        .pdfjs .secondaryToolbarButton.handTool::before {
        content: url(../img/pdfjs/secondaryToolbarButton-handTool@2x.png)
        }
    
        .pdfjs .secondaryToolbarButton.documentProperties::before {
        content: url(../img/pdfjs/secondaryToolbarButton-documentProperties@2x.png)
        }
    
        .pdfjs .outlineItemToggler::before {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        top: -1px;
        content: url(../img/pdfjs/treeitem-expanded@2x.png)
        }
    
        html[dir='ltr'] .pdfjs .outlineItemToggler.outlineItemsHidden::before {
        content: url(../img/pdfjs/treeitem-collapsed@2x.png)
        }
    
        html[dir='rtl'] .pdfjs .outlineItemToggler.outlineItemsHidden::before {
        content: url(../img/pdfjs/treeitem-collapsed-rtl@2x.png)
        }
    
        html[dir='ltr'] .pdfjs .outlineItemToggler::before {
        right: 0
        }
    
        html[dir='rtl'] .pdfjs .outlineItemToggler::before {
        left: 0
        }
    }
    
    @media print {
    
        .pdfjs #sidebarContainer,
        .pdfjs #secondaryToolbar,
        .pdfjs .toolbar,
        .pdfjs #loadingBox,
        .pdfjs #errorWrapper,
        .pdfjs .textLayer {
        display: none
        }
    
        .pdfjs #viewerContainer {
        overflow: visible
        }
    
        .pdfjs #mainContainer,
        .pdfjs #viewerContainer,
        .pdfjs .page,
        .pdfjs .page canvas {
        position: static;
        padding: 0;
        margin: 0
        }
    
        .pdfjs .page {
        float: left;
        display: none;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-clip: content-box;
        background-color: white
        }
    
        .pdfjs .page[data-loaded] {
        display: block
        }
    
        .pdfjs .fileInput {
        display: none
        }
    
        body[data-pdfjsprinting] .pdfjs #outerContainer {
        display: none
        }
    
        body[data-pdfjsprinting] .pdfjs #printContainer {
        display: block
        }
    
        .pdfjs #printContainer {
        height: 100%
        }
    
        .pdfjs #printContainer>div {
        position: relative;
        top: 0;
        left: 0;
        width: 1px;
        height: 1px;
        overflow: visible;
        page-break-after: always;
        page-break-inside: avoid
        }
    
        .pdfjs #printContainer canvas,
        .pdfjs #printContainer img {
        display: block
        }
    }
    
    .pdfjs .visibleLargeView,
    .pdfjs .visibleMediumView,
    .pdfjs .visibleSmallView {
        display: none
    }
    
    @media all and (max-width:1040px) {
    
        .pdfjs #outerContainer.sidebarMoving #toolbarViewerMiddle,
        .pdfjs #outerContainer.sidebarOpen #toolbarViewerMiddle {
        display: table;
        margin: auto;
        left: auto;
        position: inherit;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
        }
    }
    
    @media all and (max-width:980px) {
    
        .pdfjs .sidebarMoving .hiddenLargeView,
        .pdfjs .sidebarOpen .hiddenLargeView {
        display: none
        }
    
        .pdfjs .sidebarMoving .visibleLargeView,
        .pdfjs .sidebarOpen .visibleLargeView {
        display: inherit
        }
    }
    
    @media all and (max-width:900px) {
        .pdfjs #toolbarViewerMiddle {
        display: table;
        margin: auto;
        left: auto;
        position: inherit;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
        }
    
        .pdfjs .sidebarMoving .hiddenMediumView,
        .pdfjs .sidebarOpen .hiddenMediumView {
        display: none
        }
    
        .pdfjs .sidebarMoving .visibleMediumView,
        .pdfjs .sidebarOpen .visibleMediumView {
        display: inherit
        }
    }
    
    @media all and (max-width:840px) {
        .pdfjs #sidebarContainer {
        top: 32px;
        z-index: 100
        }
    
        .pdfjs .loadingInProgress #sidebarContainer {
        top: 37px
        }
    
        .pdfjs #sidebarContent {
        top: 32px;
        background-color: hsla(0, 0%, 0%, .7)
        }
    
        html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen>#mainContainer {
        left: 0
        }
    
        html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen>#mainContainer {
        right: 0
        }
    
        .pdfjs #outerContainer .hiddenLargeView,
        .pdfjs #outerContainer .hiddenMediumView {
        display: inherit
        }
    
        .pdfjs #outerContainer .visibleLargeView,
        .pdfjs #outerContainer .visibleMediumView {
        display: none
        }
    }
    
    @media all and (max-width:770px) {
        .pdfjs #outerContainer .hiddenLargeView {
        display: none
        }
    
        .pdfjs #outerContainer .visibleLargeView {
        display: inherit
        }
    }
    
    @media all and (max-width:700px) {
        .pdfjs #outerContainer .hiddenMediumView {
        display: none
        }
    
        .pdfjs #outerContainer .visibleMediumView {
        display: inherit
        }
    }
    
    @media all and (max-width:640px) {
        .pdfjs .hiddenSmallView {
        display: none
        }
    
        .pdfjs .visibleSmallView {
        display: inherit
        }
    
        .pdfjs .toolbarButtonSpacer {
        width: 0
        }
    }
    
    @media all and (max-width:535px) {
        .pdfjs #scaleSelectContainer {
        display: none
        }
    }
    
    .pdfjs #thumbnailView {
        width: 100%;
    }
    
    .pdfjs .dropdownToolbarButton>select {
        height: 25px;
    }
    
    .pdfjs .pdfViewer .page {
        margin-bottom: 8px;
    }
    
    /* Angular */
    .ng-cloak,
    .ng-hide:not(.ng-hide-animate),
    .x-ng-cloak,
    [data-ng-cloak],
    [ng-cloak],
    [ng\:cloak],
    [x-ng-cloak] {
        display: none !important
    }
    
    ng\:form {
        display: block
    }
    
    .ng-animate-shim {
        visibility: hidden
    }
    
    .ng-anchor {
        position: absolute
    }
    
    
    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        font-family: var(--font-family-text);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }
    
    .dropdown {
        position: relative;
    }
    
    .dropdown .submenu {
        display: none;
        position: absolute;
        top: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
        list-style: none;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        z-index: 1;
        min-width: 100%;
        background: #ffffff;
        border-radius: 0 0 var(--border-radius-form) var(--border-radius-form);
    }
    
    .dropdown:not(#languages) .submenu {
        width: 180px;
        margin-left: -90px;
        left: 50%;
    }
    
    .menu>li.dropdown:not(#languages):last-child .submenu {
        width: 180px;
        margin-left: 0;
        left: auto;
        right: 0;
    }
    
    .dropdown.active .submenu,
    .dropdown:hover .submenu {
        display: block;
    }
    
    .submenu a {
        color: var(--header-text);
        display: block;
        text-align: center;
        margin: 0;
        font-weight: bold;
        padding: 10px 15px;
        font-size: 14px;
        background-color: #ffffff;
    }
    
    .submenu a:hover {
        color: #ffffff;
        background-color: rgb(20, 183, 237);
    }
    
    .dropdown>a:after {
        content: "\f3d0";
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 7px;
    }
    
    
    /* General styles for the modal */
    /* 
        Styles for the html/body for special modal where we want 3d effects
        Note that we need a container wrapping all content on the page for the 
        perspective effects (not including the modals and the overlay).
        */
    .control-group.submit .controls,
    .control-group.social .controls {
        margin-bottom: 0;
        font-weight: normal;
        position: relative;
    }
    
    .forgotPassword {
        position: absolute;
        right: 0;
        top: 12px;
    }
    
    .gigya-error-display {
        color: #d31411;
        display: none !important;
    }
    
    .gigya-input-submit {
        margin-right: 20px;
        background-color: #0079bc;
        color: #ffffff;
    }
    
    .md-close {
        color: #ffffff;
        font-size: 24px;
        cursor: pointer;
    }
    
    .md-close:hover {
        color: #ffffff;
    }
    
    .md-perspective,
    .md-perspective body {
        height: 100%;
        overflow: hidden;
    }
    
    .md-perspective body {
        background: #222;
        -webkit-perspective: 600px;
        perspective: 600px;
    }
    
    .container {
        background: #e74c3c;
        min-height: 100%;
    }
    
    
    .md-modal .loading-container {
        background-color: transparent;
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
    }
    
    .md-modal .loading-container i {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 52px;
    }
    
    .md-modal .loading-container i:after {
        color: #dddddd;
        width: 60px;
        height: 60px;
    }
    
    .md-modal {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 70%;
        max-width: 630px;
        min-width: 320px;
        height: auto;
        z-index: 99999;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: left;
    }
    
    .md-show {
        visibility: visible;
    }
    
    .md-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        visibility: hidden;
        top: 0;
        left: 0;
        z-index: 99998;
        opacity: 0;
        background: rgba(0, 0, 0, 0.8);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show~.md-overlay {
        opacity: 1;
        visibility: visible;
    }
    
    /* Content styles */
    .md-content {
        background: #ffffff;
        position: relative;
        margin: 0 auto;
    }
    
    .md-content .message-error {
        margin-top: 0;
        margin-bottom: 24px;
    }
    
    .md-content .md-header {
        color: #fff;
        background-color: var(--main-color-bg);
        position: relative;
        margin: 0 auto;
        height: 84px;
        padding: 0 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
    }
    
    .md-content .md-header .md-header-title {
        margin: 0;
        color: #ffffff;
    }
    
    .md-header img {
        margin-top: -20px;
        left: 35px;
        position: absolute;
        height: 50px;
    }
    
    .md-content h3 {
        margin: 0;
        padding: 0.4em;
        text-align: center;
        font-size: 2.4em;
        font-weight: 300;
        opacity: 0.8;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 3px 3px 0 0;
    }
    
    .md-content>* {
        padding: 24px 40px;
        margin: 0;
        font-size: 18px;
    }
    
    .md-content>* p {
        margin: 0;
        padding: 10px 0;
    }
    
    .md-content>* ul {
        margin: 0;
        padding: 0 0 30px 20px;
    }
    
    .md-content>* ul li {
        padding: 5px 0;
    }
    
    .md-content .md-header-text {
        margin-bottom: 10px;
    }
    
    .md-content button {
        display: block;
        margin: 0;
        font-size: 0.8em;
    }
    
    .md-content button.btn-lg {
        font-size: 18px;
    }
    
    /* Individual modal styles with animations/transitions */
    /* Effect 1: Fade in and scale up */
    .md-effect-1 .md-content {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show.md-effect-1 .md-content {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    
    /* Effect 2: Slide from the right */
    .md-effect-2 .md-content {
        -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
        transform: translateX(20%);
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
        -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    }
    
    .md-show.md-effect-2 .md-content {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    
    /* Effect 3: Slide from the bottom */
    .md-effect-3 .md-content {
        -webkit-transform: translateY(20%);
        -ms-transform: translateY(20%);
        transform: translateY(20%);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show.md-effect-3 .md-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    
    /* Effect 4: Newspaper */
    .md-effect-4 .md-content {
        -webkit-transform: scale(0) rotate(720deg);
        -ms-transform: scale(0) rotate(720deg);
        transform: scale(0) rotate(720deg);
        opacity: 0;
    }
    
    .md-show.md-effect-4~.md-overlay,
    .md-effect-4 .md-content {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .md-show.md-effect-4 .md-content {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
    
    /* Effect 5: fall */
    .md-effect-5.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-5 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(600px) rotateX(20deg);
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0;
    }
    
    .md-show.md-effect-5 .md-content {
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        -webkit-transform: translateZ(0px) rotateX(0deg);
        transform: translateZ(0px) rotateX(0deg);
        opacity: 1;
    }
    
    /* Effect 6: side fall */
    .md-effect-6.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-6 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
        transform: translate(30%) translateZ(600px) rotate(10deg);
        opacity: 0;
    }
    
    .md-show.md-effect-6 .md-content {
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
        transform: translate(0%) translateZ(0) rotate(0deg);
        opacity: 1;
    }
    
    /* Effect 7:  slide and stick to top */
    .md-effect-7 {
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .md-effect-7 .md-content {
        -webkit-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        transform: translateY(-200%);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        opacity: 0;
    }
    
    .md-show.md-effect-7 .md-content {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        border-radius: 0 0 3px 3px;
        opacity: 1;
    }
    
    /* Effect 8: 3D flip horizontal */
    .md-effect-8.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-8 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
    }
    
    .md-show.md-effect-8 .md-content {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }
    
    /* Effect 9: 3D flip vertical */
    .md-effect-9.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-9 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
    }
    
    .md-show.md-effect-9 .md-content {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
    
    /* Effect 10: 3D sign */
    .md-effect-10.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-10 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(-60deg);
        transform: rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show.md-effect-10 .md-content {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
    
    /* Effect 11: Super scaled */
    .md-effect-11 .md-content {
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show.md-effect-11 .md-content {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    
    /* Effect 12:  Just me */
    .md-effect-12 .md-content {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show.md-effect-12~.md-overlay {
        background: #e74c3c;
    }
    
    .md-effect-12 .md-content h3,
    .md-effect-12 .md-content {
        background: transparent;
    }
    
    .md-show.md-effect-12 .md-content {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    
    /* Effect 13: 3D slit */
    .md-effect-13.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-13 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(-3000px) rotateY(90deg);
        transform: translateZ(-3000px) rotateY(90deg);
        opacity: 0;
    }
    
    .md-show.md-effect-13 .md-content {
        -webkit-animation: slit .7s forwards ease-out;
        animation: slit .7s forwards ease-out;
    }
    
    @-webkit-keyframes slit {
        50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out;
        }
    
        100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
        }
    }
    
    @keyframes slit {
        50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        }
    
        100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
        }
    }
    
    /* Effect 14:  3D Rotate from bottom */
    .md-effect-14.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-14 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    
    .md-show.md-effect-14 .md-content {
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg);
        opacity: 1;
    }
    
    /* Effect 15:  3D Rotate in from left */
    .md-effect-15.md-modal {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }
    
    .md-effect-15 .md-content {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show.md-effect-15 .md-content {
        -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
        transform: translateZ(0px) translateX(0%) rotateY(0deg);
        opacity: 1;
    }
    
    /* Effect 16:  Blur */
    .md-show.md-effect-16~.md-overlay {
        background: rgba(180, 46, 32, 0.5);
    }
    
    .md-show.md-effect-16~.container {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        filter: blur(3px);
    }
    
    .md-effect-16 .md-content {
        -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0;
    }
    
    .md-show.md-effect-16~.container,
    .md-effect-16 .md-content {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .md-show.md-effect-16 .md-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    
    /* Effect 17:  Slide in from bottom with perspective on container */
    .md-show.md-effect-17~.container {
        height: 100%;
        overflow: hidden;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }
    
    .md-show.md-effect-17~.container,
    .md-show.md-effect-17~.md-overlay {
        -webkit-transform: rotateX(-2deg);
        transform: rotateX(-2deg);
        -webkit-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    .md-effect-17 .md-content {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        transform: translateY(200%);
    }
    
    .md-show.md-effect-17 .md-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 0.3s 0.2s;
        -o-transition: all 0.3s 0.2s;
        transition: all 0.3s 0.2s;
    }
    
    /* Effect 18:  Slide from right with perspective on container */
    .md-show.md-effect-18~.container {
        height: 100%;
        overflow: hidden;
    }
    
    .md-show.md-effect-18~.md-overlay {
        background: rgba(143, 27, 15, 0.8);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .md-show.md-effect-18~.container,
    .md-show.md-effect-18~.md-overlay {
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: 0% 50%;
        -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: 0% 50%;
        -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
        transform-style: preserve-3d;
        -ms-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        animation: rotateRightSideFirst 0.5s forwards ease-in;
    }
    
    @-webkit-keyframes rotateRightSideFirst {
        50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
        }
    
        100% {
        -webkit-transform: translateZ(-200px);
        }
    }
    
    @keyframes rotateRightSideFirst {
        50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        }
    
        100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        }
    }
    
    .md-effect-18 .md-content {
        -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
        transform: translateX(200%);
        opacity: 0;
    }
    
    .md-show.md-effect-18 .md-content {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-transition: all 0.5s 0.1s;
        -o-transition: all 0.5s 0.1s;
        transition: all 0.5s 0.1s;
    }
    
    /* Effect 19:  Slip in from the top with perspective on container */
    .md-show.md-effect-19~.container {
        height: 100%;
        overflow: hidden;
    }
    
    .md-show.md-effect-19~.md-overlay {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .md-show.md-effect-19~.container,
    .md-show.md-effect-19~.md-overlay {
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: 50% 100%;
        -webkit-animation: OpenTop 0.5s forwards ease-in;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: 50% 100%;
        -moz-animation: OpenTop 0.5s forwards ease-in;
        transform-style: preserve-3d;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        animation: OpenTop 0.5s forwards ease-in;
    }
    
    @-webkit-keyframes OpenTop {
        50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
        }
    }
    
    @keyframes OpenTop {
        50% {
        -webkit-transform: rotateX(10deg);
        transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        }
    }
    
    .md-effect-19 .md-content {
        -webkit-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        transform: translateY(-200%);
        opacity: 0;
    }
    
    .md-show.md-effect-19 .md-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 0.5s 0.1s;
        -o-transition: all 0.5s 0.1s;
        transition: all 0.5s 0.1s;
    }
    
    
    /*!
        * Fotorama 4.6.3 | http://fotorama.io/license/
        */
    
    .fotorama__arr:focus:after,
    .fotorama__fullscreen-icon:focus:after,
    .fotorama__html,
    .fotorama__img,
    .fotorama__nav__frame:focus .fotorama__dot:after,
    .fotorama__nav__frame:focus .fotorama__thumb:after,
    .fotorama__stage__frame,
    .fotorama__stage__shaft,
    .fotorama__video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }
    
    .fotorama--fullscreen,
    .fotorama__img {
        max-width: 99999px !important;
        max-height: 99999px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        border-radius: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 !important
    }
    
    .fotorama__wrap .fotorama__grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }
    
    .fotorama__grabbing * {
        cursor: move;
        cursor: -webkit-grabbing;
        cursor: -o-grabbing;
        cursor: -ms-grabbing;
        cursor: grabbing
    }
    
    .fotorama__spinner {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important
    }
    
    .fotorama__wrap--css3 .fotorama__arr,
    .fotorama__wrap--css3 .fotorama__fullscreen-icon,
    .fotorama__wrap--css3 .fotorama__nav__shaft,
    .fotorama__wrap--css3 .fotorama__stage__shaft,
    .fotorama__wrap--css3 .fotorama__thumb-border,
    .fotorama__wrap--css3 .fotorama__video-close,
    .fotorama__wrap--css3 .fotorama__video-play {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    
    .fotorama__caption,
    .fotorama__nav:after,
    .fotorama__nav:before,
    .fotorama__stage:after,
    .fotorama__stage:before,
    .fotorama__wrap--css3 .fotorama__html,
    .fotorama__wrap--css3 .fotorama__nav,
    .fotorama__wrap--css3 .fotorama__spinner,
    .fotorama__wrap--css3 .fotorama__stage,
    .fotorama__wrap--css3 .fotorama__stage .fotorama__img,
    .fotorama__wrap--css3 .fotorama__stage__frame {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    
    .fotorama__arr:focus,
    .fotorama__fullscreen-icon:focus,
    .fotorama__nav__frame {
        outline: 0
    }
    
    .fotorama__arr:focus:after,
    .fotorama__fullscreen-icon:focus:after,
    .fotorama__nav__frame:focus .fotorama__dot:after,
    .fotorama__nav__frame:focus .fotorama__thumb:after {
        content: '';
        border-radius: inherit;
        background-color: rgba(0, 175, 234, .5)
    }
    
    .fotorama__wrap--video .fotorama__stage,
    .fotorama__wrap--video .fotorama__stage__frame--video,
    .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
    .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
    .fotorama__wrap--video .fotorama__stage__shaft {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
    
    .fotorama__wrap--css3 .fotorama__nav__shaft,
    .fotorama__wrap--css3 .fotorama__stage__shaft,
    .fotorama__wrap--css3 .fotorama__thumb-border {
        transition-property: -webkit-transform, width;
        -webkit-transition-property: width, -webkit-transform;
        transition-property: width, -webkit-transform;
        -o-transition-property: transform, width;
        transition-property: transform, width;
        transition-property: transform, width, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
        -o-transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
        transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
        -webkit-transition-duration: 0ms;
        -o-transition-duration: 0ms;
        transition-duration: 0ms
    }
    
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__no-select,
    .fotorama__video-close,
    .fotorama__video-play,
    .fotorama__wrap {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .fotorama__select {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }
    
    .fotorama__nav,
    .fotorama__nav__frame {
        margin: auto;
        padding: 0
    }
    
    .fotorama__caption__wrap,
    .fotorama__nav__frame,
    .fotorama__nav__shaft {
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom: 1
    }
    
    .fotorama__nav__frame,
    .fotorama__thumb-border {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }
    
    .fotorama__caption__wrap {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .fotorama--hidden,
    .fotorama__load {
        position: absolute;
        left: -99999px;
        top: -99999px;
        z-index: -1
    }
    
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__nav,
    .fotorama__nav__frame,
    .fotorama__nav__shaft,
    .fotorama__stage__frame,
    .fotorama__stage__shaft,
    .fotorama__video-close,
    .fotorama__video-play {
        -webkit-tap-highlight-color: transparent
    }
    
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background: url(../img/fotorama/fotorama.png) no-repeat
    }
    
    @media (-webkit-min-device-pixel-ratio:1.5),
    (-webkit-min-device-pixel-ratio:2),
    (-o-min-device-pixel-ratio:2/1),
    (min-resolution:2dppx) {
    
        .fotorama__arr,
        .fotorama__fullscreen-icon,
        .fotorama__video-close,
        .fotorama__video-play {
        background: url(../img/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat
        }
    }
    
    .fotorama__thumb {
        background-color: #7f7f7f;
        background-color: rgba(127, 127, 127, .2)
    }
    
    @media print {
    
        .fotorama__arr,
        .fotorama__fullscreen-icon,
        .fotorama__thumb-border,
        .fotorama__video-close,
        .fotorama__video-play {
        background: none !important
        }
    }
    
    .fotorama {
        min-width: 1px;
        overflow: hidden
    }
    
    .fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) {
        display: none
    }
    
    .fullscreen {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #000
    }
    
    .fotorama--fullscreen {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        float: none !important;
        z-index: 2147483647 !important;
        background: #000;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important
    }
    
    .fotorama--fullscreen .fotorama__nav,
    .fotorama--fullscreen .fotorama__stage {
        background: #000
    }
    
    .fotorama__wrap {
        -webkit-text-size-adjust: 100%;
        position: relative;
        direction: ltr;
        z-index: 0
    }
    
    .fotorama__wrap--rtl .fotorama__stage__frame {
        direction: rtl
    }
    
    .fotorama__nav,
    .fotorama__stage {
        overflow: hidden;
        position: relative;
        max-width: 100%
    }
    
    .fotorama__wrap--pan-y {
        -ms-touch-action: pan-y
    }
    
    .fotorama__wrap .fotorama__pointer {
        cursor: pointer
    }
    
    .fotorama__wrap--slide .fotorama__stage__frame {
        opacity: 1 !important
    }
    
    .fotorama__stage__frame {
        overflow: hidden
    }
    
    .fotorama__stage__frame.fotorama__active {
        z-index: 8
    }
    
    .fotorama__wrap--fade .fotorama__stage__frame {
        display: none
    }
    
    .fotorama__wrap--fade .fotorama__fade-front,
    .fotorama__wrap--fade .fotorama__fade-rear,
    .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
        display: block;
        left: 0;
        top: 0
    }
    
    .fotorama__wrap--fade .fotorama__fade-front {
        z-index: 8
    }
    
    .fotorama__wrap--fade .fotorama__fade-rear {
        z-index: 7
    }
    
    .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
        z-index: 9
    }
    
    .fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
        display: none
    }
    
    .fotorama__img {
        -ms-filter: "alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        border: none !important
    }
    
    .fotorama__error .fotorama__img,
    .fotorama__loaded .fotorama__img {
        -ms-filter: "alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1
    }
    
    .fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
    .fotorama__img--full {
        display: none
    }
    
    .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
        display: block
    }
    
    .fotorama__wrap--only-active .fotorama__nav,
    .fotorama__wrap--only-active .fotorama__stage {
        max-width: 99999px !important
    }
    
    .fotorama__wrap--only-active .fotorama__stage__frame {
        visibility: hidden
    }
    
    .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
        visibility: visible
    }
    
    .fotorama__nav {
        font-size: 0;
        line-height: 0;
        text-align: center;
        display: none;
        white-space: nowrap;
        z-index: 5
    }
    
    .fotorama__nav__shaft {
        position: relative;
        left: 0;
        top: 0;
        text-align: left
    }
    
    .fotorama__nav__frame {
        position: relative;
        cursor: pointer
    }
    
    .fotorama__nav--dots {
        display: block
    }
    
    .fotorama__nav--dots .fotorama__nav__frame {
        width: 18px;
        height: 30px
    }
    
    .fotorama__nav--dots .fotorama__nav__frame--thumb,
    .fotorama__nav--dots .fotorama__thumb-border {
        display: none
    }
    
    .fotorama__nav--thumbs {
        display: block
    }
    
    .fotorama__nav--thumbs .fotorama__nav__frame {
        padding-left: 0 !important
    }
    
    .fotorama__nav--thumbs .fotorama__nav__frame:last-child {
        padding-right: 0 !important
    }
    
    .fotorama__nav--thumbs .fotorama__nav__frame--dot {
        display: none
    }
    
    .fotorama__dot {
        display: block;
        width: 4px;
        height: 4px;
        position: relative;
        top: 12px;
        left: 6px;
        border-radius: 6px;
        border: 1px solid #7f7f7f
    }
    
    .fotorama__nav__frame:focus .fotorama__dot:after {
        padding: 1px;
        top: -1px;
        left: -1px
    }
    
    .fotorama__nav__frame.fotorama__active .fotorama__dot {
        width: 0;
        height: 0;
        border-width: 3px
    }
    
    .fotorama__nav__frame.fotorama__active .fotorama__dot:after {
        padding: 3px;
        top: -3px;
        left: -3px
    }
    
    .fotorama__thumb {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%
    }
    
    .fotorama__nav__frame:focus .fotorama__thumb {
        z-index: 2
    }
    
    .fotorama__thumb-border {
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        border-style: solid;
        border-color: #00afea;
        background-image: -o-linear-gradient(top left, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1));
        background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, .25)), to(rgba(64, 64, 64, .1)));
        background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
    }
    
    .fotorama__caption {
        position: absolute;
        z-index: 12;
        bottom: 0;
        left: 0;
        right: 0;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        color: #000
    }
    
    .fotorama__caption a {
        text-decoration: none;
        color: #000;
        border-bottom: 1px solid;
        border-color: rgba(0, 0, 0, .5)
    }
    
    .fotorama__caption a:hover {
        color: #333;
        border-color: rgba(51, 51, 51, .5)
    }
    
    .fotorama__wrap--rtl .fotorama__caption {
        left: auto;
        right: 0
    }
    
    .fotorama__wrap--no-captions .fotorama__caption,
    .fotorama__wrap--video .fotorama__caption {
        display: none
    }
    
    .fotorama__caption__wrap {
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9);
        padding: 5px 10px
    }
    
    @-webkit-keyframes spinner {
        0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        }
    
        100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
    
    @keyframes spinner {
        0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        }
    
        100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
    
    .fotorama__wrap--css3 .fotorama__spinner {
        -webkit-animation: spinner 24s infinite linear;
        animation: spinner 24s infinite linear
    }
    
    .fotorama__wrap--css3 .fotorama__html,
    .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }
    
    .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
    .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
        -ms-filter: "alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0
    }
    
    .fotorama__select {
        cursor: auto
    }
    
    .fotorama__video {
        top: 32px;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 10
    }
    
    @-moz-document url-prefix() {
        .fotorama__active {
        box-shadow: 0 0 0 transparent
        }
    }
    
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        position: absolute;
        z-index: 11;
        cursor: pointer
    }
    
    .fotorama__arr {
        position: absolute;
        width: 32px;
        height: 32px;
        top: 50%;
        margin-top: -16px
    }
    
    .fotorama__arr--prev {
        left: 2px;
        background-position: 0 0
    }
    
    .fotorama__arr--next {
        right: 2px;
        background-position: -32px 0
    }
    
    .fotorama__arr--disabled {
        pointer-events: none;
        cursor: default;
        *display: none;
        opacity: .1
    }
    
    .fotorama__fullscreen-icon {
        width: 32px;
        height: 32px;
        top: 2px;
        right: 2px;
        background-position: 0 -32px;
        z-index: 20
    }
    
    .fotorama__arr:focus,
    .fotorama__fullscreen-icon:focus {
        border-radius: 50%
    }
    
    .fotorama--fullscreen .fotorama__fullscreen-icon {
        background-position: -32px -32px
    }
    
    .fotorama__video-play {
        width: 96px;
        height: 96px;
        left: 50%;
        top: 50%;
        margin-left: -48px;
        margin-top: -48px;
        background-position: 0 -64px;
        opacity: 0
    }
    
    .fotorama__wrap--css2 .fotorama__video-play,
    .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
        display: none
    }
    
    .fotorama__error .fotorama__video-play,
    .fotorama__loaded .fotorama__video-play,
    .fotorama__nav__frame .fotorama__video-play {
        opacity: 1;
        display: block
    }
    
    .fotorama__nav__frame .fotorama__video-play {
        width: 32px;
        height: 32px;
        margin-left: -16px;
        margin-top: -16px;
        background-position: -64px -32px
    }
    
    .fotorama__video-close {
        width: 32px;
        height: 32px;
        top: 0;
        right: 0;
        background-position: -64px 0;
        z-index: 20;
        opacity: 0
    }
    
    .fotorama__wrap--css2 .fotorama__video-close {
        display: none
    }
    
    .fotorama__wrap--css3 .fotorama__video-close {
        -webkit-transform: translate3d(32px, -32px, 0);
        transform: translate3d(32px, -32px, 0)
    }
    
    .fotorama__wrap--video .fotorama__video-close {
        display: block;
        opacity: 1
    }
    
    .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    
    .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
    .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
        opacity: 0
    }
    
    .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
    .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
        opacity: 1
    }
    
    .fotorama__wrap--video .fotorama__arr,
    .fotorama__wrap--video .fotorama__fullscreen-icon {
        opacity: 0 !important
    }
    
    .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
    .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
        display: none
    }
    
    .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
    .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
        display: block
    }
    
    .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
    .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
        display: none !important
    }
    
    .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
        -webkit-transform: translate3d(32px, -32px, 0);
        transform: translate3d(32px, -32px, 0)
    }
    
    .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
        -webkit-transform: translate3d(-48px, 0, 0);
        transform: translate3d(-48px, 0, 0)
    }
    
    .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
        -webkit-transform: translate3d(48px, 0, 0);
        transform: translate3d(48px, 0, 0)
    }
    
    .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
        -webkit-transform: translate3d(32px, -32px, 0) !important;
        transform: translate3d(32px, -32px, 0) !important
    }
    
    .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
        -webkit-transform: translate3d(-48px, 0, 0) !important;
        transform: translate3d(-48px, 0, 0) !important
    }
    
    .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
        -webkit-transform: translate3d(48px, 0, 0) !important;
        transform: translate3d(48px, 0, 0) !important
    }
    
    .fotorama__wrap--css3 .fotorama__arr:not(:focus),
    .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
    .fotorama__wrap--css3 .fotorama__video-close:not(:focus),
    .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
        transition-property: -webkit-transform, opacity;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: transform, opacity;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }
    
    .fotorama__nav:after,
    .fotorama__nav:before,
    .fotorama__stage:after,
    .fotorama__stage:before {
        content: "";
        display: block;
        position: absolute;
        text-decoration: none;
        top: 0;
        bottom: 0;
        width: 10px;
        height: auto;
        z-index: 10;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 1px 100%, 5px 100%
    }
    
    .fotorama__nav:before,
    .fotorama__stage:before {
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), -o-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, .4), transparent);
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
        background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
        background-position: 0 0, 0 0;
        left: -10px
    }
    
    .fotorama__nav.fotorama__shadows--left:before,
    .fotorama__stage.fotorama__shadows--left:before {
        left: 0
    }
    
    .fotorama__nav:after,
    .fotorama__stage:after {
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), -o-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, .4), transparent);
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
        background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
        background-position: 100% 0, 100% 0;
        right: -10px
    }
    
    .fotorama__nav.fotorama__shadows--right:after,
    .fotorama__stage.fotorama__shadows--right:after {
        right: 0
    }
    
    .fotorama--fullscreen .fotorama__nav:after,
    .fotorama--fullscreen .fotorama__nav:before,
    .fotorama--fullscreen .fotorama__stage:after,
    .fotorama--fullscreen .fotorama__stage:before,
    .fotorama__wrap--fade .fotorama__stage:after,
    .fotorama__wrap--fade .fotorama__stage:before,
    .fotorama__wrap--no-shadows .fotorama__nav:after,
    .fotorama__wrap--no-shadows .fotorama__nav:before,
    .fotorama__wrap--no-shadows .fotorama__stage:after,
    .fotorama__wrap--no-shadows .fotorama__stage:before {
        display: none
    }
    
    
    /* DOWNLOADS PAGE */
    
    
    .downloads {
        --main-color: black;
        --main-background: #ffffff;
        --secondary-background: white;
        --dark-grey-color: #818892;
        --grey-color: #a0a6af;
        --light-grey-color: #e0e4e8;
        --extra-light-grey-color: #f3f5f6;
        --related-content-color: #e6e6e6;
        --selected-items-color: #009eff;
        --img-max-w: 250px;
        --subheader-height: 60px;
    }
    
    .downloads #footer {
    
        z-index: 999999;
    }
    
    .downloads #header {}
    
    .downloads:not(.grey-bg) #main {
        background-color: var(--main-background);
    }
    
    .downloads-main {
        font-size: 14px;
    }
    
    .downloads-main * {
        text-decoration: none;
    }
    
    .fixed-content .downloads-main>section>header {
        width: 100%;
        -webkit-transition: top 0.3s;
        -o-transition: top 0.3s;
        transition: top 0.3s;
        z-index: 4;
        background-color: transparent;
        height: var(--subheader-height);
        background-color: var(--electric-blue);
        position: fixed;
        top: var(--header-height);
        left: 0;
    }
    
    .downloads-main.sticky-bar>section>header {
        position: sticky;
    }
    
    .downloads-main.sticky-bar .downloads-container,
    .downloads-main.normal-bar .downloads-container {
        margin-top: 0 !important;
    }
    
    .downloads-main.normal-bar>section>header {
        position: relative;
        top: 0;
    }
    
    .downloads.fixed-content .downloads-main.normal-bar .related-content {
        position: absolute;
        top: var(--subheader-height);
        bottom: 0;
    }
    
    .downloads-main .related-content {
        right: 0;
        z-index: 4;
        padding: 0;
    }
    
    .downloads.fixed-content .related-content {
        top: calc(var(--header-height) + var(--subheader-height));
        bottom: var(--footer-height)
    }
    
    .related-on-left .downloads-main .related-content {
        right: auto;
        left: 0;
    }
    
    .downloads-main .main-view.column.related-content .widget {
        margin-bottom: 10px;
        padding: 25px 30px 0 25px;
    }
    
    .downloads-main .related-content .widget .widget-title:after {
        display: none;
    }
    
    .downloads-main .related-content>*:first-child:after {}
    
    .fixed-content .downloads-main .related-content.zone-3 {
        padding-bottom: 30px;
    }
    
    .downloads-filters.submenu-list>ul {
        list-style: none;
    }
    
    .downloads-filters.submenu-list>ul>li {
        position: relative;
        margin: 0;
        background: transparent;
    }
    
    .downloads-filters.submenu-list>ul>li.filters {
        display: block;
        margin-bottom: 10px;
        color: var(--main-color);
    }
    
    .downloads-filters.submenu-list>ul>li.filter-types {
        margin-bottom: 20px;
    }
    
    .downloads-filters.submenu-list.widget>ul>li.filters-select {
        margin-right: 15px !important;
        margin-bottom: 10px;
        width: auto;
        text-align: left;
    }
    
    .downloads-filters.submenu-list>ul>li.filters-select a {
        color: #fff;
        cursor: pointer;
        padding: 3px 15px;
        background: var(--electric-blue);
        border-radius: 30px;
        font-weight: bold;
    
    }
    
    .downloads-filters.submenu-list>ul>li.filters-select a:hover {
        color: var(--main-color);
    }
    
    .downloads-filters.submenu-list>ul>li.filters-select .filter-count {
        font-size: 12px;
    
    }
    
    .downloads-filters.submenu-list.tree-view>ul>li.filters-select {
        display: block;
        margin-right: 0;
        width: 100%;
    }
    
    .downloads-filters.submenu-list>ul>li ul {
    
        margin: 0;
        padding: 0 0 0px 18px;
    }
    
    .downloads-filters.submenu-list li .control-group {
        padding: 0;
        margin: 0;
    }
    
    .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup {
        right: 0 !important;
        left: auto !important;
        min-width: 248px;
        padding: 0 0 5px 0;
    }
    
    .downloads-filters.submenu-list>ul>li.search {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .downloads-filters.submenu-list>ul>li.dates {
    
        -webkit-box-sizing: border-box;
    
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        max-width: 100%;
        overflow: visible;
    }
    
    .downloads-filters.submenu-list>ul>li.dates .date {
        position: relative;
    }
    
    .downloads-filters.submenu-list>ul>li.dates .date:first-child {
        margin-right: 10px;
    }
    
    .downloads-filters.submenu-list>ul>li.dates .date:last-child {
        margin-left: 10px;
    
    }
    
    .downloads-main .results-found:empty,
    .downloads-main.latest-media .separator.top {
        display: none !important;
    }
    
    .uib-day,
    .uib-daypicker th,
    .uib-month,
    .uib-monthpicker th,
    .uib-year,
    .uib-yearpicker th {
        padding: 0;
        text-align: center;
    }
    
    .uib-daypicker th>*,
    .uib-monthpicker th>*,
    .uib-yearpicker th>* {
        float: none;
        width: 100%;
    }
    
    .uib-day .btn,
    .uib-daypicker th .btn,
    .uib-month .btn,
    .uib-monthpicker th .btn,
    .uib-year .btn,
    .uib-yearpicker th .btn {
        border: none;
    }
    
    .downloads-filters.submenu-list>ul>li.dates .date:first-child .uib-datepicker-popup {
        left: 0 !important;
        right: auto !important;
    }
    
    
    .glyphicon {
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .glyphicon-chevron-right:before {
        content: "\f3d1";
    }
    
    .glyphicon-chevron-left:before {
        content: "\f3cf";
    }
    
    
    .downloads-filters.submenu-list>ul>li .controls {
        height: 42px;
        border-radius: 4px;
        color: var(--dark-grey-color);
        background-color: #ffffff;
        background-image: none;
        width: 100%;
        height: 48px;
        padding: 6px 0;
        font-size: 14px;
        line-height: 1.42857143;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    
    .downloads-filters.submenu-list>ul>li .controls>i {
        position: absolute;
        margin: 0 12px;
    }
    
    .downloads-filters.submenu-list>ul>li .controls a {
        color: var(--dark-grey-color);
        position: absolute;
        margin: 0 12px;
    }
    
    .downloads-filters.submenu-list>ul>li .controls input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        border: none;
        background: none;
        padding: 0 0 0 50px;
        height: 50px;
    }
    
    .downloads-filters.submenu-list>ul>li .controls input:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .downloads-main .related-content .icon-tabs>ul li a:before {}
    
    .downloads-main .related-content .icon-tabs.submenu-list>ul>li.filters a {
        margin-bottom: 10px;
        font-weight: bold;
        color: var(--main-color);
        cursor: default;
        display: block;
        font-size: 16px;
    }
    
    .downloads-main .related-content .icon-tabs.submenu-list>ul>li.filters a:after {
        display: none;
    }
    
    .headroom--unpinned.fixed-content .downloads-main>section>header {
        top: var(--header-height);
    }
    
    .headroom--pinned.fixed-content .downloads-main>section>header,
    .headroom--top.fixed-content .downloads-main>section>header {
        top: var(--header-height);
    }
    
    .fixed-content .downloads-main.widget>section {
        -webkit-transition: padding 0.15s;
        -o-transition: padding 0.15s;
        transition: padding 0.15s;
    }
    
    .downloads-main.widget {
        position: relative;
    
    }
    
    .downloads-main.widget>section {
        padding: 0 var(--related-content-width) 0 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
    }
    
    .related-on-left .downloads-main.widget>section {
        padding: 0 0 0 var(--related-content-width);
    }
    
    .downloads-main .search-toggle {
        display: none !important;
    }
    
    .downloads-main .filters-select,
    .downloads-main .lightbox-toggle,
    .downloads-main .search-toggle {
        padding: 0;
        text-align: center;
        color: var(--grey-color);
        cursor: pointer;
        border-radius: 0;
    }
    
    .downloads-main header .filters-select {
        color: #ffffff;
    }
    
    .downloads-main .filter-types a {
        height: 44px;
        width: 44px;
        margin: 0 10px;
    
    }
    
    .downloads-main .filter-types a:hover {
        color: var(--dark-grey-color);
    }
    
    .downloads-main .filter-types a i {
        font-size: 32px !important;
        line-height: 32px;
    }
    
    .downloads-main .filter-types a.active {
        color: var(--main-color);
    }
    
    .downloads-main .filter-types a.active i {
        color: var(--main-color);
    }
    
    .downloads-main .filter-types a.filters-text {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
    }
    
    body:not(.hidden-related) .downloads-main>section>header .filters-select {
        color: var(--main-color);
    }
    
    .downloads-main>section>header .show-hide-filters {
        border-right-color: transparent;
    }
    
    .downloads-main>section>header .show-hide-filters.active {
        background-color: #ffffff;
    }
    
    .downloads-main>section>header .show-hide-filters.active i,
    .hidden-related .downloads-main>section>header .show-hide-filters.active i {
        color: var(--dark-grey-color);
    }
    
    body:not(.hidden-related) .downloads-main>section>header .show-hide-filters.open.active,
    body:not(.hidden-related) .downloads-main>section>header .show-hide-filters.open,
    body:not(.hidden-related) .downloads-main>section>header .show-hide-filters {
        background-color: #2c2f35;
        color: #ffffff;
        border-right-color: #2d3036;
        height: 45px;
    }
    
    body:not(.hidden-related) .downloads-main>section>header .show-hide-filters.open i,
    body:not(.hidden-related) .downloads-main>section>header .show-hide-filters i {
        color: #ffffff;
    }
    
    .downloads-main>section>header .show-hide-filters.open i:before,
    body:not(.hidden-related) .downloads-main>section>header .show-hide-filters i:before {
        content: "\f12a"
    }
    
    .hidden-related .downloads-main>section>header .show-hide-filters i:before {
        content: "\f39d";
    }
    
    .downloads-main .filter-types a i {
        padding: 0;
        width: auto;
    }
    
    .hidden-related .downloads-main .filter-types a:not(.active):hover,
    .hidden-related .downloads-main>section>header .show-hide-filters.active:not(.open):hover,
    .hidden-related .downloads-main>section>header .show-hide-filters:not(.active):hover {
        background-color: rgba(222, 222, 222, 0.38)
    }
    
    .fixed-content .downloads-main>section>header form {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 0;
        -webkit-transition: padding 0.15s;
        -o-transition: padding 0.15s;
        transition: padding 0.15s;
    }
    
    .downloads-main>section>header form>.filter-types:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        min-width: 200px;
    
    
    }
    
    .downloads-main>section>header form>.filter-types {
        padding: 0;
    }
    
    .downloads-main>section>header form .header-title {
        margin: 0 0 0 30px;
        font-size: 14px;
        letter-spacing: 1px;
        color: #ffffff;
    }
    
    .downloads-main>section>header form .header-title a,
    .downloads-main>section>header form .header-title .breadcrum-arrow {
        color: #ffffff;
    }
    
    .downloads-main>section>header form .header-title .events-list {
        margin-right: 20px;
    }
    
    .downloads-main>section>header form .header-title .header-logo {
        max-height: 60px;
        width: auto;
    }
    
    .downloads-main>section>header form .header-title .gallery-breadcrum-icon {
        display: none;
        font-size: 24px;
        color: #ffffff;
    }
    
    
    .downloads-main>section>header .control-group {
        padding: 0;
        margin: 0;
    }
    
    .downloads-main>section>header .control-group.search .controls>a {
        position: absolute;
        top: 2px;
        right: 39px;
    }
    
    .downloads-main>section>header .control-group .controls {
        margin: 0;
        position: relative;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    
    .downloads-main>section>header .control-group .controls i {
        padding: 0 12px;
        line-height: 36px;
    }
    
    .downloads-main>section>header .input-block-level {
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        height: 36px;
        padding-left: 42px;
    }
    
    .downloads-main>section>header .search {
        border: 1px solid #ddd;
        border-radius: 22px;
        background-color: #ffffff;
        margin-right: 20px;
        -webkit-transition: all 0.15s;
        -o-transition: all 0.15s;
        transition: all 0.15s;
        overflow: hidden;
    }
    
    .downloads-main>section>header .search i {
        background-color: rgba(185, 186, 188, 0.07) !important;
    }
    
    .downloads-main>section>header .search input {
        border: none;
        min-width: 250px;
        border-left: 1px solid #d6d9dd;
    }
    
    .downloads-main>section>header .search .input-block-level {
        padding-right: 20px;
        padding-left: 20px;
        margin: 0;
    }
    
    .downloads-main>section>header .search .custom-select,
    .downloads-main>section>header .search input.input-block-level {
        -webkit-transition: all 0.15s;
        -o-transition: all 0.15s;
        transition: all 0.15s;
    }
    
    .downloads-main>section>header .search .custom-select i,
    .downloads-main>section>header .search input.input-block-level i {
        background-color: rgba(185, 186, 188, 0.07) !important;
    }
    
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li {
        overflow: hidden;
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 1px;
        border-color: white;
        height: 25svh;
        border-radius: 0;
        background-color: #e0e4e8;
        min-width: 150px
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-4,
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-3 {
        min-width: 200px;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.selected {
        border-color: var(--selected-items-color);
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:last-child,
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-last-child(2),
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-last-child(3),
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-last-child(4) {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-top-container {
        display: block;
        height: auto;
        margin: auto 0;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-top-container img {
        height: 25svh;
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 100%;
        min-width: 100%;
        vertical-align: bottom;
        max-height: none;
        min-height: 25svh;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i:after {
        position: absolute;
        content: "";
        background-color: var(--light-grey-color);
        z-index: 0;
        height: 17px;
        width: 16px;
        margin-top: -7px;
        margin-left: -8px;
        top: 50%;
        left: 50%;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i {
        position: absolute;
        left: 0;
        margin-left: 0;
        top: 0;
        margin-top: 0;
        font-size: 48px;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools {
        opacity: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background: rgb(2, 0, 36);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 0, 12, 0)), to(rgba(1, 0, 12, 0.80)));
        background: -o-linear-gradient(top, rgba(1, 0, 12, 0) 0%, rgba(1, 0, 12, 0.80) 100%);
        background: linear-gradient(to bottom, rgba(1, 0, 12, 0) 0%, rgba(1, 0, 12, 0.80) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0001000c', endColorstr='#a601000c', GradientType=0);
        padding-top: 40px;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-main {
        opacity: 0;
        position: absolute;
        bottom: 0px;
        right: 0;
        left: 0;
        z-index: 1;
        padding-left: 3%;
        padding-top: 15px;
        padding-bottom: 13px;
        pointer-events: none;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools .downloads-item-info {
        opacity: 0;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:hover .downloads-item-tools,
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.selected .downloads-item-tools,
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:hover .downloads-item-main {
        opacity: 1;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-title,
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-info {
        color: #ffffff;
    
    }
    
    html.touch .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools,
    html.touch .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-main {
        opacity: 1;
    }
    
    .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-info .item-info-type {
        color: #ffffff;
        font-size: 14px;
    }
    
    .custom-select {
        margin-right: 0;
    }
    
    .custom-select select {
        padding: 5px 35px 5px 0 !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../img/arrow-down.png) 90% center no-repeat #eee;
        background-size: 12px auto;
        width: auto !important;
        max-width: 200px !important;
        position: relative;
        /*background-color: rgba(185, 186, 188, 0.07) !important;*/
    }
    
    .custom-select select::-ms-expand {
        display: none;
    }
    
    
    /* CAUTION: IE hackery ahead */
    
    
    .custom-select select::-ms-expand {
        display: none;
        /* remove default arrow in IE 10 and 11 */
    }
    
    /* target Internet Explorer 9 to undo the custom arrow */
    @media screen and (min-width:0\0) {
        .custom-select select {
        background: none\9;
        padding: 5px\9;
        }
    }
    
    
    .downloads-main .tabs-container {
        min-height: 100px;
    }
    
    .downloads-main .downloads-container {
        border-radius: 0;
        background-color: var(--secondary-background);
        opacity: 1;
        border-radius: 0;
        margin-top: var(--subheader-height);
        padding-bottom: 300px;
        position: relative;
    }
    
    .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view {
        display: inline-block;
        border-bottom: 1px solid rgba(221, 221, 221, 0.29);
        background-color: var(--dark-grey-color);
        position: relative;
    }
    
    .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header {
        padding-top: 35px;
    }
    
    .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 35px !important;
    }
    
    .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p {
        margin-left: 0 !important;
        font-size: 16px;
        color: #ffffff;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
    
    .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p a {
        color: #ffffff;
        border-color: #ffffff;
    }
    
    .downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title {
        font-size: 30px;
        color: #fff;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title:after {
        background-color: #ffffff;
        width: 20px;
    }
    
    .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header,
    .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
        margin-left: 20px !important;
        max-width: 100% !important;
        margin-right: 20px !important;
    }
    
    
    .downloads-main .widget.article-view {
        padding: 0;
        display: inline-block;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }
    
    .downloads-main .widget.article-view .article header {
        padding-bottom: 0;
        border: none;
    }
    
    .downloads-main .widget.article-view .article .article-view-body {
        padding-top: 5px;
    
    }
    
    .downloads-main .widget.article-view .article .article-view-subheader {
        margin-bottom: 20px;
    }
    
    
    .downloads-main .downloads-container>ul {
        list-style: none;
        margin-bottom: 0;
    }
    
    .downloads-main .load-more-bt {
        display: block;
        width: 200px;
        color: var(--grey-color);
        background: transparent;
        text-transform: uppercase;
        font-size: 18px;
        padding: 15px 0;
        margin: 20px auto 0;
        border: 2px solid var(--grey-color);
        -webkit-transition: background 0.15s, color 0.15s;
        -o-transition: background 0.15s, color 0.15s;
        transition: background 0.15s, color 0.15s;
    }
    
    .downloads-main .load-more-bt:hover {
        background: var(--grey-color);
        color: #ffffff;
    }
    
    .downloads-main .downloads-container>ul li p {
        font-size: 16px;
    }
    
    .downloads-main .downloads-container>ul li {
        padding: 15px 20px;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        border-bottom: 1px solid #ececec;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }
    
    .downloads-main .downloads-container>ul li:nth-child(odd):not(.separator) {
        background-color: #fbfbfb;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-Youtube>a i {
        font-size: 75px;
        width: 95px;
        color: #b7b7b7;
        text-align: center;
    
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-top-container i {
        margin-right: 15px;
    }
    
    .downloads-main .downloads-container>ul li.file-doc .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-doc .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-docx .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-docx .downloads-item-info .item-info-type,
    .item-info.file-doc .item-info-type,
    .item-info.file-docx .item-info-type {
        color: #0078e8;
    }
    
    .downloads-main .downloads-container>ul li.file-pdf .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-pdf .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-Articles .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type,
    .item-info.file-pdf .item-info-type {
        color: #e80000
    }
    
    .downloads-main .downloads-container>ul li.file-zip .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-zip .downloads-item-info .item-info-type,
    .item-info.file-zip .item-info-type {
        color: #444444;
    }
    
    .downloads-main .downloads-container>ul li.file-xlsx .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-xlsx .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-xls .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-xls .downloads-item-info .item-info-type,
    .item-info.file-xls .item-info-type,
    .item-info.file-xlsx .item-info-type {
        color: #21950d;
    }
    
    .downloads-main .downloads-container>ul li.file-jpeg .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-jpeg .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-jpg .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-jpg .downloads-item-info .item-info-type,
    .item-info.file-jpg .item-info-type,
    .item-info.file-jpeg .item-info-type,
    .downloads-main .downloads-container>ul li.file-png .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-png .downloads-item-info .item-info-type,
    .item-info.file-png,
    .item-info.file-png .item-info-type,
    .downloads-main .downloads-container>ul li.file-Teams .downloads-item-info .item-info-type {
        color: #65c700
    }
    
    .downloads-main .downloads-container>ul li.file-mp4 .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-mp4 .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-yt .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-yt .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-Youtube .downloads-item-top-container i,
    .downloads-main .downloads-container>ul li.file-Youtube .downloads-item-info .item-info-type,
    .item-info.file-Youtube .item-info-type,
    .item-info.file-yt .item-info-type,
    .item-info.file-mp4 .item-info-type,
    .item-info.file-Youtube .item-info-type,
    .item-info.file-yt .item-info-type,
    .item-info.file-mp4 .item-info-type,
    .downloads-main .downloads-container>ul li.file-Youtube>a i,
    .downloads-main .downloads-container>ul li.file-Video .downloads-item-info .item-info-type {
        color: #e80000
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i:after {
        position: absolute;
        content: "";
        background-color: var(--light-grey-color);
        z-index: 0;
        height: 40px;
        width: 40px;
        margin-top: -16px;
        margin-left: -20px;
        top: 50%;
        left: 50%;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i:before {
        z-index: 1;
    }
    
    .downloads-main .downloads-container>ul li.file-LEG .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-PORT .downloads-item-info .item-info-type {
        color: #8a8a8a;
    }
    
    .downloads-main .downloads-container>ul li.file-Youtube>a i {
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #ffffff;
        border-radius: 50%;
    
    }
    
    .downloads-main .downloads-container>ul li.file-Message .downloads-item-info .item-info-type,
    .downloads-main .downloads-container>ul li.file-Info .downloads-item-info .item-info-type {}
    
    .downloads-main .downloads-container>ul li.file-News .downloads-item-info .item-info-type {
        color: #08baff
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type {
        line-height: 22px;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type:hover span {
        border-bottom: 1px solid #e80000
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type i {
        font-size: 22px;
        vertical-align: middle;
        line-height: 22px;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type span {
        line-height: 25px;
        vertical-align: middle;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-main {
        width: calc(100% - 235px);
        word-break: break-word;
    }
    
    .downloads-main .downloads-container>ul li .no-buttons.downloads-item-main {
        width: calc(100% - 35px);
    }
    
    .landing-search .downloads-main .downloads-container>ul li .downloads-item-main {
        width: calc(100% - 35px);
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-title {
        font-size: 20px;
        color: #000000;
        margin-bottom: 5px;
        line-height: 1.3;
        font-weight: bold;
    }
    
    .downloads-item-info.top-info {
        padding-bottom: 5px;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info spa {
        margin-right: 10px;
        color: #37424a;
        font-weight: bold;
    
    }
    
    .item-info .item-info-type {
        text-transform: uppercase;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra {
        display: block;
        margin-bottom: 10px;
        line-height: 1.3;
        font-weight: 100;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.description {
        white-space: pre-wrap;
        word-break: break-word;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.date {
        margin-bottom: 5px;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-type,
    .item-info .item-info-type {
        color: #b7b7b7;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-info .item-info-time {
        font-weight: 400;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-tools {
        width: 140px;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-tools a,
    .tool-favorite,
    .tool-select {
        font-size: 30px;
        color: var(--dark-grey-color);
        padding: 5px 20px;
        cursor: pointer;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-tools a,
    .tool-favorite,
    .tool-select {
        color: var(--light-grey-color);
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-tools a:hover,
    .downloads-main .downloads-container>ul li .downloads-item-tools a:hover:not(.active),
    .downloads .tool-favorite:hover:not(.active) {
        color: var(--grey-color);
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-tools .tool-favorite.active,
    .downloads .tool-favorite.active {
        color: #ffae00;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-tools .tool-select.active,
    .downloads .tool-select.active {
        color: #009eff;
    }
    
    
    .downloads-main .downloads-container>ul li .tool-link,
    .downloads-main .downloads-container>ul li .tool-link a {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    
    .downloads-main .separator {
        color: var(--dark-grey-color);
    
        display: block !important;
        width: auto;
        min-height: 10px !important;
        margin-bottom: 0;
        margin-top: 0;
        right: var(--related-content-width);
        top: calc(var(--header-height) + 76px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        left: 0;
        z-index: 3;
        background-color: var(--main-background);
        padding-bottom: 0;
        font-size: 14px;
        -webkit-transition: right 0.15s;
        -o-transition: right 0.15s;
        transition: right 0.15s;
        font-weight: normal;
    }
    
    .downloads-main .separator .separator-container {
        border-radius: 0 4px 0 0;
        padding: 15px 30px 10px;
        background-color: var(--secondary-background);
        min-height: 52px;
    }
    
    .downloads-main .separator .separator-container a {
        line-height: 1;
        border-radius: 18px;
        color: var(--dark-grey-color);
        margin-left: 20px;
    }
    
    .downloads-main .separator .separator-container a:hover,
    .downloads-main .separator .separator-container .dropdown:hover>a {
        color: #333c4e;
        border-color: rgba(52, 61, 80, 0.41);
    }
    
    .downloads-main .separator .search-term {
        font-weight: bold;
    }
    
    .separator .remove-filters,
    .separator .actions-menu {
        margin-left: 25px;
    }
    
    .downloads-main .separator .tool-select {
        padding: 0;
        font-size: 14px;
    }
    
    .downloads-main .separator.top .custom-select select {
        background-color: transparent !important;
    }
    
    .downloads-main .separator.top .custom-select {
        max-width: 120px;
        margin-left: 10px;
    }
    
    .downloads-main .separator .separator-container a i {
        margin-left: 5px;
        font-size: 26px;
        vertical-align: middle;
    }
    
    .downloads-main .separator .separator-container a i.fa {
        font-size: 16px;
    }
    
    
    .separator .actions-menu.dropdown .submenu {
        right: 0 !important;
        margin: 0 !important;
        left: auto !important;
        width: 220px !important;
    }
    
    .downloads-main .downloads-container>ul li .downloads-item-top-container {
        width: 95px;
        margin-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }
    
    
    .downloads .loading,
    .downloads .no-results-container {
        color: var(--dark-grey-color);
        margin-top: 76px;
        border-radius: 0px 4px 0 0;
        padding-top: 100px;
    }
    
    .no-results-container {
        text-align: center;
        color: #fff;
        font-size: 24px;
        padding: 40px 0;
    }
    
    .no-results-button {
    
        color: var(--grey-color);
        background: transparent;
        text-transform: uppercase;
        font-size: 14px;
        padding: 15px 20px;
        margin: 20px auto 0;
        border: 2px solid var(--grey-color);
        -webkit-transition: background 0.15s, color 0.15s;
        -o-transition: background 0.15s, color 0.15s;
        transition: background 0.15s, color 0.15s;
    }
    
    .no-results-button:hover {
        background: var(--grey-color);
        color: #ffffff;
    }
    
    .downloads-main.widget .details-view,
    .fixed-content .downloads-main>section.details-view>header form {
        padding-right: 0;
    }
    
    .fixed-content .downloads-main>section.details-view>header form .close-bt {
        margin-right: 30px;
        color: #fff;
    }
    
    .downloads .details-view .downloads-container {
        color: var(--dark-grey-color);
        margin: var(--subheader-height) 30px 30px 30px;
        border-radius: 4px;
        padding: 50px 30px;
        min-height: 700px;
    }
    
    .downloads .details-view .downloads-container>.item-info {
        margin: 0 auto;
        max-width: 1680px;
        width: 100%;
    }
    
    .details-view .separator {
        width: 100%;
        border-bottom: 1px solid var(--main-background);
    }
    
    .downloads .details-view.lightbox-view .downloads-container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    
    .downloads .details-view.lightbox-view .downloads-container .separator-container {
        border-radius: 4px 4px 0 0;
    }
    
    .hidden-related .downloads-main.widget>section {
        padding-right: 0;
    }
    
    .related-on-left.hidden-related .downloads-main.widget>section {
        padding-left: 0;
    }
    
    .hidden-related .downloads-main .separator {
        right: 0;
    }
    
    .hidden-related .downloads-main .separator .separator-container {
        border-radius: 0;
    }
    
    .hidden-related.fixed-content .downloads-main>section>header form {
        padding-right: 0;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 20px 30px;
        margin: 0;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        border: 2px solid var(--light-grey-color);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        vertical-align: top;
        background: transparent;
        border-radius: 4px;
        background-color: #ffffff;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        max-width: 100%;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-transition: border-color 0.15s, -webkit-box-shadow 0.15s;
        transition: border-color 0.15s, -webkit-box-shadow 0.15s;
        -o-transition: border-color 0.15s, box-shadow 0.15s;
        transition: border-color 0.15s, box-shadow 0.15s;
        transition: border-color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
        overflow: hidden;
        width: calc(20% - 20px);
        margin: 0 10px 30px;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li.selected,
    .thumbnails-view.downloads-main .downloads-container>ul li.selected:hover {
        border-color: var(--selected-items-color);
    }
    
    .selected .ion-md-checkbox-outline,
    .selected:hover .ion-md-checkbox-outline,
    .active.ion-md-checkbox-outline {
        color: var(--selected-items-color);
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li:hover {
        border-color: var(--grey-color);
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.15)
    }
    
    
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-title {
        font-size: 16px;
        color: #000000;
        margin-bottom: 0;
        line-height: 1.6;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        font-weight: normal;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container {
        width: auto;
        height: 200px;
        text-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin: 0;
        background-color: var(--light-grey-color);
        cursor: pointer;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container img {
        width: auto;
        max-width: 90%;
        height: auto;
        max-height: 170px;
        padding: 0;
        -moz-box-sizing: border-box;
        margin: 0;
    
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i {
        position: absolute;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container i,
    .item-info .preview-media .item-info-type {
        margin-right: 0;
        width: auto;
        font-size: 110px;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-main,
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-tools {
        width: auto;
        padding: 10px 5%;
        margin: 0;
    
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }
    
    .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-tools a {
        padding: 0;
        margin-left: 10px;
    }
    
    .downloads-filters.submenu-list>ul>li.toggle-col {
        height: 30px;
        margin-bottom: 0 !important;
    
    }
    
    .more-items-item>.toggle-bt,
    .toggle-bt {
        height: 30px;
        width: 30px;
        margin: 0;
        padding: 0;
        text-align: center;
        color: var(--grey-color);
        cursor: pointer;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .toggle-bt:hover {
        color: var(--main-color);
    }
    
    .toggle-bt i {
        font-size: 32px !important;
        line-height: 32px;
        padding: 0;
        width: auto;
    }
    
    .downloads-main .filter-types a.filters-toggle,
    .filters-toggle,
    .lightbox-toggle,
    .search-toggle {
        display: none;
    
        border: none;
        border-radius: 0;
        padding-left: 14px;
        width: 30px;
        height: 30px;
        margin-right: 30px;
    }
    
    .downloads-main .filter-types a.filters-toggle:hover,
    .filters-toggle:hover,
    .lightbox-toggle:hover,
    .search-toggle:hover {
        color: var(--main-color);
        background-color: transparent !important;
    }
    
    .preview-media {
        width: 50%;
        text-align: right;
        padding-right: 15px;
        display: inline-block;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }
    
    .preview-media img {
        max-width: 700px;
        width: 100%;
    }
    
    .item-info .preview-media .item-info-type {
        margin-top: -22px;
        line-height: 110px;
        display: block;
        text-align: right;
    }
    
    .file-zip .preview-media,
    .file-xls .preview-media,
    .file-xlsx .preview-media,
    .file-docx .preview-media,
    .file-doc .preview-media,
    .file-pdf .preview-media,
    .file-zip .preview-details,
    .file-xls .preview-details,
    .file-xlsx .preview-details,
    .file-docx .preview-details,
    .file-doc .preview-details,
    .file-pdf .preview-details {
        margin: 0 auto;
        display: block;
        padding: 0;
        float: none;
        max-width: 600px;
        min-width: 320px;
    }
    
    .file-zip .preview-media .item-info-type,
    .file-xls .preview-media .item-info-type,
    .file-xlsx .preview-media .item-info-type,
    .file-docx .preview-media .item-info-type,
    .file-doc .preview-media .item-info-type,
    .file-pdf .preview-media .item-info-type {
        max-width: 100px;
        margin-left: -23px;
        margin-bottom: 10px;
    }
    
    
    .preview-details {
        width: 50%;
        max-width: 600px;
        min-width: 320px;
        padding-left: 15px;
        display: inline-block;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    
    }
    
    .preview-details .preview-text .item-title {
        margin-top: 0;
        color: #000000;
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 0;
        text-transform: none;
    }
    
    .preview-details .preview-text .item-info>*,
    .preview-details>* {
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
    
    }
    
    .preview-details .preview-link .preview-link-title {
        font-weight: bold;
        padding: 10px 20px;
        margin: 0;
        background-color: var(--light-grey-color);
    }
    
    .preview-details .preview-text .item-info>*:not(.item-info-type) {
        color: var(--dark-grey-color);
    }
    
    .preview-details .preview-link,
    .preview-details .preview-bottom {
        margin-top: 20px;
        color: var(--dark-grey-color);
        border: 2px solid var(--light-grey-color);
        border-radius: 4px;
    
    }
    
    .preview-bottom .share-combo label {
        margin-right: 10px;
        margin-bottom: 0;
    }
    
    .preview-bottom a {
        padding: 5px 20px;
        color: var(--dark-grey-color);
    }
    
    .preview-bottom a.lightbox-bt i {
        color: var(--light-grey-color);
        margin-top: -2px;
        font-size: 30px;
        margin-left: -2px;
    }
    
    .preview-bottom a.lightbox-bt:hover i {
        color: #ffae00;
    }
    
    .preview-bottom a i {
        font-size: 24px;
        padding-right: 10px;
    }
    
    .preview-bottom a.lightbox-bt:hover {
        color: #000000;
    
    }
    
    .preview-bottom a.share-bt i {
        font-size: 24px;
        padding-left: 10px;
        padding-right: 0;
    }
    
    .preview-bottom a:hover {
        color: #000000;
        background-color: var(--extra-light-grey-color);
    }
    
    .preview-link a {
        color: var(--dark-grey-color);
        padding: 5px 20px;
        cursor: pointer;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    
    .preview-link a i {
        font-size: 30px;
    }
    
    .preview-link a:hover {
        color: #000000;
    
    }
    
    .preview-details .preview-link ul {
        margin: 0;
        padding: 0;
    }
    
    .preview-details .preview-link ul li {
        border-bottom: 1px solid var(--light-grey-color);
        width: 100%;
    }
    
    .preview-details .preview-link ul li:hover {
        background-color: var(--extra-light-grey-color);
    }
    
    .preview-details .preview-link ul li:last-child {
        border: none;
    }
    
    
    .tags-list {
        margin: 20px 0;
        padding-left: 0;
    }
    
    .tags-list .tag-element {
        margin: 0 10px 10px 0;
        width: auto;
        padding: 5px 15px;
        border-radius: 4px;
        display: inline-block;
        vertical-align: middle;
        background-color: #e0e4e8;
        font-size: 14px;
    }
    
    .tags-list .tag-element:hover {
        background-color: #818892;
    }
    
    .tags-list .tag-element:hover a {
        color: #ffffff;
    }
    
    .tags-list .tag-element a {
        color: #818892;
    }
    
    
    .landing-events.more-items {}
    
    .landing-events.more-items ul {}
    
    .landing-events.more-items ul:before {
        display: none;
    }
    
    .landing-events.more-items ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        position: relative;
        vertical-align: top;
        background: transparent;
        background-color: #ffffff;
        max-width: 100%;
        -webkit-transition: border-color 0.15s, background 0.15s;
        -o-transition: border-color 0.15s, background 0.15s;
        transition: border-color 0.15s, background 0.15s;
        overflow: hidden;
        border: 2px solid rgba(160, 166, 175, 0.5);
        border-radius: 4px;
    }
    
    .landing-events.more-items ul li:hover {
        border-color: var(--grey-color);
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
    }
    
    .landing-events.more-items ul li>a {
        height: 200px;
        overflow: visible;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    
    .landing-events.more-items ul li>a img {
        width: auto;
        max-width: 80%;
        height: auto;
        padding: 0;
        max-height: 200px;
    }
    
    .landing-events.more-items ul li .wrapper {
        text-align: center;
        margin: 0;
        max-width: 80%;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .landing-events.more-items ul li:hover .wrapper {}
    
    .landing-events.more-items ul li .wrapper h2 {
        min-height: 10px;
        font-size: 24px;
        font-weight: 100;
    }
    
    .landing-events.more-items ul li .wrapper h2 a {
        color: var(--dark-grey-color)
    }
    
    .landing-events.more-items ul li .wrapper .plus {
        display: none;
    }
    
    
    .modal-lightbox .md-content ul {
        padding-left: 0;
        margin-bottom: 30px;
        padding-bottom: 0;
        max-height: 400px;
        overflow: auto;
    }
    
    .modal-lightbox .control-group .controls.buttons {
        width: auto;
    }
    
    .modal-lightbox .md-content ul li {
        border-bottom: 1px solid var(--light-grey-color);
        width: 100%;
    }
    
    .modal-lightbox .md-content ul li .tool-favorite.active {
        color: #4CAF4D;
    
    }
    
    .modal-lightbox .md-content ul li .lightbox-bt {
        color: var(--dark-grey-color);
        padding: 5px 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    
    .modal-lightbox .lightbox-name {
        display: block;
    }
    
    .lightbox-bt .lightbox-created-at,
    .lightbox-bt .lightbox-last-update {
        font-size: 12px;
        margin-right: 5px;
    }
    
    /* Galleries view */
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-title {
        font-weight: bold;
    }
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li {
        overflow: visible;
        position: relative;
        z-index: 1;
    }
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li:before {
        border: 2px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        vertical-align: top;
        background: var(--light-grey-color);
        border-radius: 4px;
        max-width: 100%;
        -webkit-transition: border-color 0.15s, margin 0.15s, -webkit-box-shadow 0.15s;
        transition: border-color 0.15s, margin 0.15s, -webkit-box-shadow 0.15s;
        -o-transition: border-color 0.15s, box-shadow 0.15s, margin 0.15s;
        transition: border-color 0.15s, box-shadow 0.15s, margin 0.15s;
        transition: border-color 0.15s, box-shadow 0.15s, margin 0.15s, -webkit-box-shadow 0.15s;
        overflow: hidden;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        margin-left: -10px;
        margin-top: 10px;
        z-index: -1;
    }
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li:hover,
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li:hover:before {
    
        border-color: var(--grey-color);
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
    }
    
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-main,
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-tools {
        background-color: #ffffff;
    }
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-tools a {
        font-size: 22px;
        color: var(--grey-color);
    
    }
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-top-container {
        height: auto;
    }
    
    .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-top-container img {
        max-width: 100%;
        max-height: none;
    }
    
    
    .breadcrum-arrow {
        margin-right: 10px;
        margin-left: 10px;
        color: #000000;
        font-size: 16px;
    }
    
    
    /* Newsletter */
    
    
    #press-release .tabs-content iframe {
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: 100%;
        width: 100%;
        border: none;
    
    }
    
    
    .hidden-related .filters-toggle,
    .hidden-related .lightbox-toggle,
    .hidden-related .search-toggle,
    .hidden-related .downloads-main .filter-types a.filters-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-radius: 0;
        border: none;
    }
    
    i.border.UIcon,
    i.rounded.UIcon,
    i.square.UIcon,
    i.transparent.UIcon,
    span.border.UIcon,
    span.rounded.UIcon,
    span.square.UIcon,
    span.transparent.UIcon,
    i.border.ion,
    i.rounded.ion,
    i.square.ion,
    i.transparent.ion,
    span.border.ion,
    span.rounded.ion,
    span.square.ion,
    span.transparent.ion,
    i.transparent.ion-md-star {
        font-size: 28px;
    }
    
    [layout-align="start stretch"],
    [layout-align] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -webkit-align-items: stretch
    }
    
    [layout-align="start stretch"],
    [layout-align=start],
    [layout-align="start start"],
    [layout-align="start center"],
    [layout-align="start end"] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start
    }
    
    [layout-align=center],
    [layout-align="center start"],
    [layout-align="center center"],
    [layout-align="center end"],
    [layout-align="center stretch"] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center
    }
    
    [layout-align=end],
    [layout-align="end center"],
    [layout-align="end start"],
    [layout-align="end end"],
    [layout-align="end stretch"] {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end
    }
    
    [layout-align=space-around],
    [layout-align="space-around center"],
    [layout-align="space-around start"],
    [layout-align="space-around end"],
    [layout-align="space-around stretch"] {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-justify-content: space-around
    }
    
    [layout-align=space-between],
    [layout-align="space-between center"],
    [layout-align="space-between start"],
    [layout-align="space-between end"],
    [layout-align="space-between stretch"] {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between
    }
    
    [layout-align="start start"],
    [layout-align="center start"],
    [layout-align="end start"],
    [layout-align="space-around start"],
    [layout-align="space-between start"] {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -webkit-align-content: flex-start
    }
    
    [layout-align="start center"],
    [layout-align="center center"],
    [layout-align="end center"],
    [layout-align="space-around center"],
    [layout-align="space-between center"] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -webkit-align-content: center;
        max-width: 100%
    }
    
    [layout-align="start center"]>*,
    [layout-align="center center"]>*,
    [layout-align="end center"]>*,
    [layout-align="space-around center"]>*,
    [layout-align="space-between center"]>* {
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    [layout-align="start end"],
    [layout-align="center end"],
    [layout-align="end end"],
    [layout-align="space-around end"],
    [layout-align="space-between end"] {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
        -webkit-align-align-items: flex-end;
        -webkit-align-align-content: flex-end
    }
    
    [layout-align="start stretch"],
    [layout-align="center stretch"],
    [layout-align="end stretch"],
    [layout-align="space-around stretch"],
    [layout-align="space-between stretch"] {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -webkit-align-content: stretch
    }
    
    [layout=row],
    [layout=column],
    [layout] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    
    [layout=column] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    
    [layout=row] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row
    }
    
    
    #itemShow {
        position: fixed;
        width: calc(100% - var(--related-content-width));
        height: calc(100% - var(--subheader-height) - var(--header-height) - var(--footer-height));
        right: 0;
        left: var(--related-content-width);
        bottom: var(--footer-height);
    }
    
    iframe#itemShow {
        background-color: #ffffff;
    }
    
    .folder-view li {
        list-style: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .folder-view li>a {
        padding-bottom: 5px;
        padding-top: 5px;
        color: #000000;
        line-height: 1.5;
        word-break: break-all;
    }
    
    .folder-view li>a:not(.is-folder) {
        padding-left: 18px;
        font-size: 14px;
        line-height: 1.5;
        color: #000000;
        font-weight: 400;
    
    }
    
    .folder-view li>a:not(.is-folder):before {
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f2e1";
        position: absolute;
        left: 0px;
        top: 6px;
        font-size: 18px;
        color: #8c8e90;
    }
    
    .folder-view li>a.file-pdf:before {
        color: red
    }
    
    .folder-view li>a.file-csv:before {
        color: blue
    }
    
    .folder-view li>a.file-pdf:hover {
        color: red
    }
    
    .folder-view li>a.file-csv:hover {
        color: blue
    }
    
    .folder-view li>a.is-folder {
        font-weight: bold;
        padding-left: 18px;
    }
    
    .folder-view li>span {
        margin-right: 0;
        margin-bottom: 3px;
        margin-top: 3px;
        z-index: 1;
        line-height: 1;
        position: absolute;
        top: 5px;
    }
    
    .folder-view li>span.icon-opened:before {
        content: "\f368";
    
    
    }
    
    .folder-view li>span.icon-closed:before {
        content: "\f273";
    
    
    }
    
    .folder-view li>span:before {
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
    }
    
    .folder-view ul {
        width: 100%;
        position: relative;
    }
    
    .folder-view li a,
    .folder-view li {
        position: relative;
    }
    
    .folder-view ul li:before {
        content: "";
        position: absolute;
        width: 1px;
        height: auto;
        background-color: #c3c3c3;
        left: -14px;
        z-index: -3;
        top: -7px;
        bottom: 0;
        min-height: 24px;
    }
    
    .folder-view li.folder-opened>ul:not(.files-folder)>li:last-child:before,
    .folder-view li.folder-opened>ul.files-folder:last-child>li:last-child:before {
        bottom: auto;
    }
    
    .folder-view li a:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 1px;
        background-color: #c3c3c3;
        left: -13px;
        z-index: -1;
        top: 16px;
        margin-top: 0;
    }
    
    .folder-view li a.is-folder:after {
        left: -13px;
    }
    
    .folder-view>li>a:after,
    .folder-view>li>a:before {
        display: none
    }
    
    .downloads-container.galleries-container .icon-close {
        display: none
    }
    
    
    /* ==========================================================
            MEDIACENTER MEDIA QUERIES
            ========================================================== */
    
    /* Large screen
            ========================================================== */
    
    @media only screen and (min-width: 2000px) {
    
        :root {
        --left-column-width: 550px;
        }
    
        .downloads-main.widget>section,
        form.ng-submitted #search-main.downloads-main.widget>section {
        padding-right: var(--related-content-width);
        }
    
        .fixed-content .downloads-main>section>header form {
        padding-right: 0;
        }
    
        .hidden-related .related-content {
        margin-right: -100%;
        }
    
        .related-content {
        width: var(--related-content-width);
        }
    
        .downloads-main .separator {
        right: var(--related-content-width);
        }
    
    
        .thumbnails-view.downloads-main .downloads-container>ul li {
        width: calc(16.6666666% - 20px);
        }
    
        #floating-video {
        width: 530px !important;
        height: 298px;
        }
    }
    
    @media only screen and (min-width: 1681px) {
        .no-results-container {}
    
        .no-results-button {
        font-size: 18px;
        }
    }
    
    @media only screen and (max-width: 1440px) {
    
        .thumbnails-view.downloads-main .downloads-container>ul {
        padding-left: 10px;
        padding-right: 10px;
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li {
        width: calc(25% - 20px);
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-title {
        line-height: 1.4;
        font-size: 15px;
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container {
        height: 180px;
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container img {
        max-height: 150px;
        }
    
    
        .downloads-main .separator .separator-container {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .downloads-main>section>header form .header-title {
        margin-left: 20px;
        font-size: 12px;
        }
    
        .downloads-main .main-view.column.related-content .widget {
        padding-left: 20px !important;
        padding-right: 20px !important;
        }
    
    
        .fixed-content .downloads-main>section.details-view>header form .close-bt {
        margin-right: 20px;
        }
    
        .downloads-main .filter-types a.filters-toggle,
        .filters-toggle,
        .lightbox-toggle,
        .search-toggle {
        margin-right: 20px;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-title,
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-info {
        font-size: 12px;
        line-height: 1.2
        }
    }
    
    @media only screen and (max-width: 1280px) {
    
    
        .downloads-filters.submenu-list>ul>li.filters-select a {
        font-size: 12px;
        }
    
        .downloads-main.widget>section,
        form.ng-submitted #search-main.downloads-main.widget>section {
        padding-right: 0;
        }
    
        .downloads-main .downloads-container {
        margin-top: var(--subheader-height);
        }
    
        .downloads-main .related-content {
        width: var(--related-content-width);
        max-width: var(--related-content-width);
        min-width: 10px;
        }
    
        .fixed-content .downloads-main>section>header {
        height: var(--subheader-height);
        }
    
        .downloads-main>section>header form .header-title .header-logo {
        max-height: 53px;
        }
    
        .downloads-main .separator {
        right: var(--related-content-width);
        top: calc(var(--header-height) + var(--subheader-height));
        }
    
    
        .downloads-filters.submenu-list>ul>li.dates {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        }
    
        .downloads-filters.submenu-list>ul>li.dates .date:first-child,
        .downloads-filters.submenu-list>ul>li.dates .date:last-child {
        margin: 0 0 20px 0;
        }
    
        .downloads-filters.submenu-list>ul>li .controls {
        height: 40px;
        }
    
        .downloads-filters.submenu-list>ul>li .controls input {
        height: 40px;
        }
    
        .downloads .details-view .downloads-container,
        .downloads .loading,
        .downloads .no-results-container {
        margin-top: 65px;
        }
    
        .landing-events.more-items ul li>a {
        height: 150px;
        }
    
        .landing-events.more-items ul li>a img {
        max-height: 150px;
        }
    
        .landing-events.more-items ul li .wrapper h2 {
        font-size: 20px;
        }
    
        .uib-day .btn,
        .uib-daypicker th .btn,
        .uib-month .btn,
        .uib-monthpicker th .btn,
        .uib-year .btn,
        .uib-yearpicker th .btn {
        padding-left: 0;
        padding-right: 0;
        }
    
        .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup {
        min-width: 100%;
        left: auto !important;
        }
    
        .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup table {
        width: 100%;
        }
    
    }
    
    /* Tablet devices layout adjustments
            ========================================================== */
    
    @media only screen and (max-width: 1024px) {
    
        .thumbnails-view.downloads-main .downloads-container>ul {
        padding-left: 10px;
        padding-right: 10px;
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li {
        width: calc(33.3333333% - 20px);
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container {
        height: 180px;
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container img {
        max-height: 150px;
        }
    
    
        .downloads-main>section>header form .header-title.large .gallery-breadcrum-icon {
        display: block;
        }
    
        .downloads-main>section>header form .header-title.large .gallery-breadcrum-name {
        display: none;
        }
    
        .downloads-main>section>header form .header-title.large>span:last-child .gallery-breadcrum-name {
        display: block;
        }
    
        .downloads-main>section>header form .header-title.large>span:last-child .gallery-breadcrum-icon {
        display: none;
        }
    
        .downloads-main>section>header .search input {
        min-width: 200px;
        }
    
        .downloads-main>section>header .control-group .controls i {
        font-size: 22px;
        }
    
        .custom-select select {
        font-size: 14px;
        }
    }
    
    /* Tablet devices layout adjustments
            ========================================================== */
    
    @media only screen and (max-width: 1023px) {
    
    
        .downloads-main.widget>section,
        form.ng-submitted #search-main.downloads-main.widget>section {
        padding-right: 0;
        }
    
        .fixed-content .downloads-main>section>header form {
        padding-right: 0;
        }
    
        .downloads-main .related-content {
        width: var(--related-content-width);
        max-width: 50%;
        }
    
        .downloads-main .filter-types a {
        margin: 0 5px;
        }
    
        .downloads-main .main-view.column.related-content .widget .more-items-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        max-width: 100%;
        }
    
        .downloads-main .separator {
        right: 220px;
        }
    
        .downloads-filters.submenu-list>ul>li.dates,
        .downloads-filters.submenu-list>ul>li.toggle-col {
        width: 100%;
        }
    
        .downloads-filters.submenu-list>ul>li.search {}
    
        .thumbnails-view.downloads-main .downloads-container>ul li {
        width: calc(50% - 20px);
        }
    
        .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li {
        text-align: center;
        }
    
        .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group {
        float: none;
        width: 100%;
        display: block;
        padding-bottom: 10px;
        text-align: center;
        }
    
        .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li>.btn {
        float: none;
        }
    
        .downloads-main>section>header .search select.input-block-level {
        padding-left: 10px !important;
        }
    
        .downloads-main>section>header .search .controls>i {
        display: none;
        }
    
        .downloads-main .search-toggle {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        }
    
        .downloads-main>section>header .search {
        margin-right: -40px;
        }
    
        .downloads-main>section>header .search input {
        padding-right: 40px;
        }
    
        .downloads-main>section>header .off .search {
        display: none;
        }
    
        .downloads-main>section>header .off .search .custom-select,
        .downloads-main>section>header .off .search input.input-block-level {
        width: 0;
        margin: 0;
        min-width: auto;
        padding: 0;
        overflow: hidden;
        }
    
        .downloads-main .filter-types a.filters-toggle,
        .filters-toggle,
        .lightbox-toggle,
        .search-toggle {
        margin-right: 15px;
        }
    
        .downloads-main .off .search-toggle {
        margin-right: 15px;
        }
    
        .downloads-main .search-toggle {
        margin-right: 20px;
        }
    }
    
    
    /* Mobile devices layout adjustments
            ========================================================== */
    
    @media only screen and (max-width: 767px) {
    
    
        .right-content #right-navigation .menu li {
        display: inline-block !important;
        }
    
    
        .downloads #header,
        .downloads #footer {
        padding: 0;
        }
    
        .downloads-filters.submenu-list>ul>li.toggle-col {
    
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        }
    
        .downloads-main .related-content {
        z-index: 4;
        top: var(--header-height);
        max-width: none;
        bottom: var(--footer-height);
        overflow: auto;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        }
    
        .downloads.fixed-content .related-content {
        top: calc(var(--header-height) + var(--subheader-height));
    
        }
    
        .downloads-main .main-view.column.related-content .widget:first-child {}
    
        .downloads-main .related-content.active {
        display: block;
        top: 45px;
        }
    
        .downloads-main .related-content .widget {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .fixed-content.downloads-page .related-content.zone-3>*:first-child {
        padding-top: 20px;
        }
    
        .downloads #header .wrapper.row-two .right-content {
        display: none;
        }
    
        .downloads #header .wrapper.row-two .menu>li.filters {
        display: none;
        }
    
        .downloads.downloads-page #header .wrapper.row-two .menu>li.filters {
        position: fixed;
        right: 0;
        display: block;
        top: 0;
        }
    
        .downloads #header .wrapper.row-two .menu>li.filters {
        display: none !important;
        }
    
        .fixed-content .downloads-main>section>header,
        .headroom--pinned.fixed-content .downloads-main>section>header,
        .headroom--top.fixed-content .downloads-main>section>header {
        top: var(--header-height);
        }
    
        .fixed-content .downloads-main>section>header {
        height: 60px;
        }
    
        .downloads-main .filter-types a {
        padding: 0;
        width: 47px;
        }
    
        .downloads-main.widget>section,
        .related-on-left .downloads-main.widget>section {
        padding-right: 0;
        padding-left: 0;
    
        }
    
        .downloads-main.normal-bar>section>header .fixed-content .downloads-main>section>header form {
        padding-right: 0;
        }
    
        .downloads-main>section>header form .header-title {
        margin-left: 15px;
        }
    
        .downloads-main>section>header form .header-title .gallery-breadcrum-icon {
        display: block;
        }
    
        .downloads-main>section>header form .header-title .gallery-breadcrum-name {
        display: none;
        }
    
        .downloads-main>section>header form .header-title>span:last-child .gallery-breadcrum-name {
        display: block;
        }
    
        .downloads-main>section>header form .header-title>span:last-child .gallery-breadcrum-icon {
        display: none;
        }
    
        .downloads-main>section>header form>.filter-types:first-child {
        min-width: 100px;
        }
    
        .normal-bar.downloads-main>section>header .search {
        position: absolute;
        top: 72px;
        }
    
        .downloads-main>section>header .search {
        margin-right: 0;
        position: fixed;
        overflow: visible;
        left: 15px;
        right: 15px;
        top: 122px;
        }
    
        .downloads-main>section>header .search .controls {
        background-color: #fff;
        border-radius: 22px;
        }
    
        .downloads-main>section>header .search:before {
        content: "";
        background-color: #d6d9dd;
        position: absolute;
        left: -15px;
        top: -13px;
        height: 64px;
        right: -15px;
        }
    
        .downloads-main .off .search-toggle,
        .downloads-main .search-toggle {
        margin-right: 15px;
        }
    
        .downloads-main .downloads-container {
        margin-top: 60px;
        }
    
        .downloads-main .downloads-container>ul li {
        font-size: 12px;
        padding: 15px 10px;
        }
    
        .downloads-main .downloads-container>ul li .downloads-item-tools a {
        padding: 0 5px;
        }
    
        .downloads-main .downloads-container>ul li .downloads-item-top-container i {
        font-size: 45px;
        }
    
        .downloads-main .downloads-container>ul li .downloads-item-tools {
        width: 70px;
        }
    
        .downloads-main .downloads-container>ul li .downloads-item-main {
        width: calc(100% - 98px);
        }
    
        .downloads-main .downloads-container>ul li .downloads-item-title {
        font-size: 14px;
        margin-bottom: 5px;
    
        }
    
        .downloads-main>section>header .control-group .controls i {
        padding: 8px 5px;
        }
    
        .downloads-main>section>header form .input-block-level {
        padding-left: 40px;
        }
    
        .downloads-main>section>header form .header-title .header-logo {
        max-height: 47px;
        }
    
        .hidden-related .filters-toggle,
        .hidden-related .lightbox-toggle,
        .hidden-related .downloads-main .filter-types a.filters-toggle {
        padding-right: 0;
        border: none;
        width: 24px;
        padding-left: 0;
        }
    
        .hidden-related .filters-toggle i,
        .hidden-related .lightbox-toggle i,
        .hidden-related .downloads-main .filter-types a.filters-toggle i {
        font-size: 28px !important;
        }
    
        #downloads-filters-filters {}
    
    
        /* Felix mobile */
        /* Felix press releases */
        body.press-releases #mediacenter-press-releases {
        padding-inline: revert;
        }
    
        .more-items-item>.toggle-bt,
        .toggle-bt {
        width: 21px;
        }
    
        .toggle-bt i {
        font-size: 28px !important;
        }
    
        .toggle-bt i:before {
        content: "\f2c0";
        }
    
        .downloads-main .separator {
        position: relative;
        top: auto;
        border-bottom: 1px solid var(--main-background);
        }
    
        .downloads-main .separator .separator-container {
        padding: 0 15px;
        }
    
    
        .downloads-filters.submenu-list>ul>li.filter-types {
        margin-bottom: 20px;
        }
    
        .downloads-filters.submenu-list>ul>li.filter-types a {
        width: 28px;
        }
    
        .downloads-filters.submenu-list>ul>li.filter-types a:first-child {
        margin-left: 0;
        }
    
        .downloads-filters.submenu-list>ul>li.filter-types a:last-child {
        margin-right: 0;
        }
    
        .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group {
        float: left;
        width: auto;
        padding: 0;
        text-align: left;
        }
    
        .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li>.btn {
        float: right;
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul {
        padding-left: 15px;
        padding-right: 15px;
        }
    
        .thumbnails-view.downloads-main .downloads-container>ul li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        }
    
        .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li {
        margin-left: 10px;
        }
    
    
        .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header,
        .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
        margin-left: 15px !important;
        margin-right: 15px !important;
        }
    
        .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra {
        display: none;
        }
    
        .downloads-main>section>header .show-hide-filters {
        display: none;
        }
    
        .downloads-main.normal-bar>section>header {
        top: 0;
        }
    
        .preview-details {
        padding-left: 0;
        width: 100%;
        min-width: 10px;
        }
    
        .preview-details .preview-text .item-title {
        font-size: 22px;
        }
    
        .preview-link a,
        .preview-bottom a,
        .preview-details .preview-link .preview-link-title {
        padding-left: 15px;
        padding-right: 15px;
        }
    
        .preview-media {
        padding-right: 0;
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
        }
    
        .preview-media img {
        max-width: 100%;
        }
    
        .item-info .preview-media .item-info-type {
        text-align: left;
        margin: 0 0 0 -20px;
        line-height: 100px;
        font-size: 100px;
        }
    
        .downloads .details-view .downloads-container {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        margin-top: 60px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        border-radius: 0;
        }
    
        .downloads .details-view.lightbox-view .downloads-container {
        padding-top: 0;
        }
    
        .fixed-content .downloads-main>section.details-view>header form .close-bt {
        margin-right: 15px;
        }
    
        .downloads .details-view.lightbox-view .downloads-container .separator-container {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        }
    
        .landing-events.more-items ul li>a {
        height: 200px;
        }
    
        .landing-events.more-items ul li>a img {
        max-height: 200px;
        }
    
        .lightbox-bt .lightbox-created-at,
        .lightbox-bt .lightbox-last-update {
        display: block;
        }
    
        .modal-lightbox .md-content ul {
        max-height: 300px;
        }
    
        .modal-lightbox .control-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        }
    
        .modal-lightbox .control-group .controls.buttons {
        margin-top: 10px;
        width: 100%;
        }
    
    
        .breadcrum-arrow {
        margin: 0 5px;
    
        }
    
        .current-file.downloads-main.widget>section {
        z-index: 5;
        position: relative;
        }
    
        .current-file.downloads-main .downloads-container {
        margin-top: 0;
        padding: 0;
        width: 100%;
        }
    
        .fixed-content .downloads-main.current-file>section>header {
        height: 0;
        }
    
        #itemShow {
        width: 100%;
        left: 0;
        }
    
        .current-file {
        z-index: 999999;
        }
    
        .current-file .downloads-container.galleries-container .icon-close {
        color: #fff;
        z-index: 99999;
        right: 14px;
        top: 56px;
        font-size: 25px;
        display: block;
        position: fixed;
        line-height: 30px;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools {
        padding: 10px 3% 5px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-main {
        padding-bottom: 8px;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul {
        padding-left: 0;
        padding-right: 0;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-child(5n) {
        max-width: 100%;
        height: auto;
        min-width: 100%;
        min-height: 150px;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li,
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-4,
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-3 {
        height: auto;
        max-width: 100%;
        min-width: 100%;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-child(5n) .downloads-item-top-container img {
        height: auto;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-top-container img {
        height: auto;
        }
    
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:not(.type-4):not(.type-3) .downloads-item-title,
        .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:not(.type-4):not(.type-3) .downloads-item-info {
        display: none;
        }
    
        html.touch .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools,
        html.touch .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-main {
        opacity: 0;
        }
    }
    
    /* MEDIACENTER EXCLUSIVE CSS PLUGINS */
    
    /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
        Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
    .mejs__offscreen {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal;
    }
    
    .mejs__container {
        background: #000;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Helvetica', Arial, serif;
        position: relative;
        text-align: left;
        text-indent: 0;
        vertical-align: top;
    }
    
    .mejs__container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* Hide native play button and control bar from iOS to favor plugin button */
    .mejs__container video::-webkit-media-controls,
    .mejs__container video::-webkit-media-controls-panel,
    .mejs__container video::-webkit-media-controls-panel-container,
    .mejs__container video::-webkit-media-controls-start-playback-button {
        -webkit-appearance: none;
        display: none !important;
    }
    
    .mejs__fill-container,
    .mejs__fill-container .mejs__container {
        height: 100%;
        width: 100%;
    }
    
    .mejs__fill-container {
        background: transparent;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }
    
    .mejs__container:focus {
        outline: none;
    }
    
    .mejs__iframe-overlay {
        height: 100%;
        position: absolute;
        width: 100%;
    }
    
    .mejs__embed,
    .mejs__embed body {
        background: #000;
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }
    
    .mejs__fullscreen {
        overflow: hidden !important;
    }
    
    .mejs__container-fullscreen {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1000;
    }
    
    .mejs__container-fullscreen .mejs__mediaelement,
    .mejs__container-fullscreen video {
        height: 100% !important;
        width: 100% !important;
    }
    
    /* Start: LAYERS */
    .mejs__background {
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .mejs__mediaelement {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }
    
    .mejs__poster {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 1;
    }
    
    :root .mejs__poster-img {
        display: none;
    }
    
    .mejs__poster-img {
        border: 0;
        padding: 0;
    }
    
    .mejs__overlay {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .mejs__layer {
        z-index: 1;
    }
    
    .mejs__overlay-play {
        cursor: pointer;
    }
    
    .mejs__overlay-button {
        background: url('../img/mejs-controls.svg') no-repeat;
        background-position: 0 -39px;
        height: 80px;
        width: 80px;
    }
    
    .mejs__overlay:hover>.mejs__overlay-button {
        background-position: -80px -39px;
    }
    
    .mejs__overlay-loading {
        height: 80px;
        width: 80px;
    }
    
    .mejs__overlay-loading-bg-img {
        -webkit-animation: mejs__loading-spinner 1s linear infinite;
        animation: mejs__loading-spinner 1s linear infinite;
        background: transparent url('../img/mejs-controls.svg') -160px -40px no-repeat;
        display: block;
        height: 80px;
        width: 80px;
        z-index: 1;
    }
    
    @-webkit-keyframes mejs__loading-spinner {
        100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        }
    }
    
    @keyframes mejs__loading-spinner {
        100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        }
    }
    
    /* End: LAYERS */
    
    /* Start: CONTROL BAR */
    .mejs__controls {
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        left: 0;
        list-style-type: none;
        margin: 0;
        padding: 0 10px;
        position: absolute;
        width: 100%;
        z-index: 3;
    }
    
    .mejs__controls:not([style*='display: none']) {
        background: rgba(255, 0, 0, 0.7);
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35)));
        background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
    }
    
    .mejs__button,
    .mejs__time,
    .mejs__time-rail {
        font-size: 10px;
        height: 40px;
        line-height: 10px;
        margin: 0;
        width: 32px;
    }
    
    .mejs__button>button {
        background: transparent url('../img/mejs-controls.svg');
        border: 0;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 20px;
        line-height: 0;
        margin: 10px 6px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-decoration: none;
        width: 20px;
    }
    
    /* :focus for accessibility */
    .mejs__button>button:focus {
        outline: dotted 1px #999;
    }
    
    .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;
    }
    
    /* End: CONTROL BAR */
    
    /* Start: Time (Current / Duration) */
    .mejs__time {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        height: 24px;
        overflow: hidden;
        padding: 16px 6px 0;
        text-align: center;
        width: auto;
    }
    
    /* End: Time (Current / Duration) */
    
    /* Start: Play/Pause/Stop */
    .mejs__play>button {
        background-position: 0 0;
    }
    
    .mejs__pause>button {
        background-position: -20px 0;
    }
    
    .mejs__replay>button {
        background-position: -160px 0;
    }
    
    /* End: Play/Pause/Stop */
    
    /* Start: Progress Bar */
    .mejs__time-rail {
        direction: ltr;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 40px;
        margin: 0 10px;
        padding-top: 10px;
        position: relative;
    }
    
    .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 {
        border-radius: 2px;
        cursor: pointer;
        display: block;
        height: 10px;
        position: absolute;
    }
    
    .mejs__time-total {
        background: rgba(255, 255, 255, 0.3);
        margin: 5px 0 0;
        width: 100%;
    }
    
    .mejs__time-buffering {
        -webkit-animation: buffering-stripes 2s linear infinite;
        animation: buffering-stripes 2s linear infinite;
        background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-size: 15px 15px;
        width: 100%;
    }
    
    @-webkit-keyframes buffering-stripes {
        from {
        background-position: 0 0;
        }
    
        to {
        background-position: 30px 0;
        }
    }
    
    @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: rgba(255, 255, 255, 0.9);
    }
    
    .mejs__time-hovered {
        background: rgba(255, 255, 255, 0.5);
        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 {
        left: 0;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: 0.15s ease-in all;
        -o-transition: 0.15s ease-in all;
        transition: 0.15s ease-in all;
        width: 100%;
    }
    
    .mejs__time-buffering {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }
    
    .mejs__time-hovered {
        -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
        -o-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
        transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
    }
    
    .mejs__time-hovered.no-hover {
        -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
    }
    
    .mejs__time-handle,
    .mejs__time-handle-content {
        border: 4px solid transparent;
        cursor: pointer;
        left: 0;
        position: absolute;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        z-index: 11;
    }
    
    .mejs__time-handle-content {
        border: 4px solid rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        height: 10px;
        left: -7px;
        top: -4px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        width: 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 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    
    .mejs__time-float {
        background: #eee;
        border: solid 1px #333;
        bottom: 100%;
        color: #111;
        display: none;
        height: 17px;
        margin-bottom: 9px;
        position: absolute;
        text-align: center;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 36px;
    }
    
    .mejs__time-float-current {
        display: block;
        left: 0;
        margin: 2px;
        text-align: center;
        width: 30px;
    }
    
    .mejs__time-float-corner {
        border: solid 5px #eee;
        border-color: #eee transparent transparent;
        border-radius: 0;
        display: block;
        height: 0;
        left: 50%;
        line-height: 0;
        position: absolute;
        top: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
    }
    
    .mejs__long-video .mejs__time-float {
        margin-left: -23px;
        width: 64px;
    }
    
    .mejs__long-video .mejs__time-float-current {
        width: 60px;
    }
    
    .mejs__broadcast {
        color: #fff;
        height: 10px;
        position: absolute;
        top: 15px;
        width: 100%;
    }
    
    /* End: Progress Bar */
    
    /* Start: Fullscreen */
    .mejs__fullscreen-button>button {
        background-position: -80px 0;
    }
    
    .mejs__unfullscreen>button {
        background-position: -100px 0;
    }
    
    /* End: Fullscreen */
    
    /* Start: Mute/Volume */
    .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 {
        -webkit-backface-visibility: hidden;
        background: rgba(50, 50, 50, 0.7);
        border-radius: 0;
        bottom: 100%;
        display: none;
        height: 115px;
        left: 50%;
        margin: 0;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 25px;
        z-index: 1;
    }
    
    .mejs__volume-button:hover {
        border-radius: 0 0 4px 4px;
    }
    
    .mejs__volume-total {
        background: rgba(255, 255, 255, 0.5);
        height: 100px;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 8px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 2px;
    }
    
    .mejs__volume-current {
        background: rgba(255, 255, 255, 0.9);
        left: 0;
        margin: 0;
        position: absolute;
        width: 100%;
    }
    
    .mejs__volume-handle {
        background: rgba(255, 255, 255, 0.9);
        border-radius: 1px;
        cursor: ns-resize;
        height: 6px;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 16px;
    }
    
    .mejs__horizontal-volume-slider {
        display: block;
        height: 36px;
        position: relative;
        vertical-align: middle;
        width: 56px;
    }
    
    .mejs__horizontal-volume-total {
        background: rgba(50, 50, 50, 0.8);
        border-radius: 2px;
        font-size: 1px;
        height: 8px;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 16px;
        width: 50px;
    }
    
    .mejs__horizontal-volume-current {
        background: rgba(255, 255, 255, 0.8);
        border-radius: 2px;
        font-size: 1px;
        height: 100%;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .mejs__horizontal-volume-handle {
        display: none;
    }
    
    /* End: Mute/Volume */
    
    /* Start: Track (Captions and Chapters) */
    .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 {
        background: rgba(50, 50, 50, 0.7);
        border: solid 1px transparent;
        border-radius: 0;
        bottom: 100%;
        margin-right: -43px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 50%;
        visibility: visible;
        width: 86px;
    }
    
    .mejs__chapters-button>.mejs__chapters-selector {
        margin-right: -55px;
        width: 110px;
    }
    
    .mejs__captions-selector-list,
    .mejs__chapters-selector-list {
        list-style-type: none !important;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    
    .mejs__captions-selector-list-item,
    .mejs__chapters-selector-list-item {
        color: #fff;
        cursor: pointer;
        display: block;
        list-style-type: none !important;
        margin: 0 0 6px;
        overflow: hidden;
        padding: 0;
    }
    
    .mejs__captions-selector-list-item:hover,
    .mejs__chapters-selector-list-item:hover {
        background-color: rgb(200, 200, 200) !important;
        background-color: rgba(255, 255, 255, 0.4) !important;
    }
    
    .mejs__captions-selector-input,
    .mejs__chapters-selector-input {
        clear: both;
        float: left;
        left: -1000px;
        margin: 3px 3px 0 5px;
        position: absolute;
    }
    
    .mejs__captions-selector-label,
    .mejs__chapters-selector-label {
        cursor: pointer;
        float: left;
        font-size: 10px;
        line-height: 15px;
        padding: 4px 10px 0;
        width: 100%;
    }
    
    .mejs__captions-selected,
    .mejs__chapters-selected {
        color: rgba(33, 248, 248, 1);
    }
    
    .mejs__captions-translations {
        font-size: 10px;
        margin: 0 0 5px;
    }
    
    .mejs__captions-layer {
        bottom: 0;
        color: #fff;
        font-size: 16px;
        left: 0;
        line-height: 20px;
        position: absolute;
        text-align: center;
    }
    
    .mejs__captions-layer a {
        color: #fff;
        text-decoration: underline;
    }
    
    .mejs__captions-layer[lang=ar] {
        font-size: 20px;
        font-weight: normal;
    }
    
    .mejs__captions-position {
        bottom: 15px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    
    .mejs__captions-position-hover {
        bottom: 35px;
    }
    
    .mejs__captions-text,
    .mejs__captions-text * {
        background: rgba(20, 20, 20, 0.5);
        -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
        box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
        padding: 0;
        white-space: pre-wrap;
    }
    
    .mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
        display: none;
    }
    
    /* End: Track (Captions and Chapters) */
    
    /* Start: Error */
    .mejs__overlay-error {
        position: relative;
    }
    
    .mejs__overlay-error>img {
        left: 0;
        position: absolute;
        top: 0;
        z-index: -1;
    }
    
    .mejs__cannotplay,
    .mejs__cannotplay a {
        color: #fff;
        font-size: 0.8em;
    }
    
    .mejs__cannotplay {
        position: relative;
    }
    
    .mejs__cannotplay p,
    .mejs__cannotplay a {
        display: inline-block;
        padding: 0 15px;
        width: 100%;
    }
    
    /* End: Error */
    
    .mejs__chromecast-button>button,
    .mejs-chromecast-button>button {
        --disconnected-color: #fff;
        background: none;
        display: inline-block;
    }
    
    .mejs__chromecast-container,
    .mejs-chromecast-container {
        background: #000;
        color: #fff;
        font-size: 10px;
        left: 0;
        padding: 5px;
        position: absolute;
        top: 0;
        z-index: 1;
    }
    
    .mejs__chromecast-layer>img,
    .mejs-chromecast-layer>img {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 0;
    }
    
    .mejs__chromecast-icon,
    .mejs-chromecast-icon {
        background: url('../img/chromecast.svg') no-repeat 0 0;
        display: inline-block;
        height: 14px;
        margin-right: 5px;
        width: 17px;
    }
    
    .mejs__qualities-button,
    .mejs-qualities-button {
        position: relative;
    }
    
    .mejs__qualities-button>button,
    .mejs-qualities-button>button {
        background: transparent;
        color: #fff;
        font-size: 11px;
        line-height: normal;
        margin: 11px 0 0;
        width: 36px;
    }
    
    .mejs__qualities-selector,
    .mejs-qualities-selector {
        background: rgba(50, 50, 50, 0.7);
        border: solid 1px transparent;
        border-radius: 0;
        height: 100px;
        left: -10px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: -100px;
        width: 60px;
    }
    
    .mejs__qualities-selector ul,
    .mejs-qualities-selector ul {
        display: block;
        list-style-type: none !important;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    
    .mejs__qualities-selector li,
    .mejs-qualities-selector li {
        color: #fff;
        cursor: pointer;
        display: block;
        list-style-type: none !important;
        margin: 0 0 6px;
        overflow: hidden;
        padding: 0 10px;
    }
    
    .mejs__qualities-selector li:hover,
    .mejs-qualities-selector li:hover {
        background-color: rgba(255, 255, 255, 0.2);
        cursor: pointer;
    }
    
    .mejs__qualities-selector input,
    .mejs-qualities-selector input {
        clear: both;
        float: left;
        left: -1000px;
        margin: 3px 3px 0 5px;
        position: absolute;
    }
    
    .mejs__qualities-selector label,
    .mejs-qualities-selector label {
        cursor: pointer;
        float: left;
        font-size: 10px;
        line-height: 15px;
        padding: 4px 0 0;
        width: 55px;
    }
    
    .mejs__qualities-selected,
    .mejs-qualities-selected {
        color: rgba(33, 248, 248, 1);
    }
    
    .mejs__vrview-button>button,
    .mejs-vrview-button>button {
        background: url('../img/cardboard.svg') no-repeat 0 4px;
    }
    
    
    tags-input {
        display: block;
        padding: 0 !important;
        height: auto !important;
    }
    
    tags-input *,
    tags-input:after,
    tags-input:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #585858;
    }
    
    tags-input .host {
        position: relative;
        height: 100%
    }
    
    tags-input .host:active {
        outline: 0
    }
    
    tags-input .tags {
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
        padding: 12px;
        overflow: hidden;
        word-wrap: break-word;
        cursor: text;
        background-color: rgba(224, 228, 232, 0.38);
        height: 100%;
    }
    
    tags-input .tags .tag-list {
        margin: 0;
        padding: 0;
        list-style-type: none
    }
    
    tags-input .tags .tag-item {
        margin: 2px;
        padding: 4px 13px;
        display: inline-block;
        float: left;
        font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
        height: 33px;
        line-height: 25px;
        border: none;
        border-radius: 25px;
        background: var(--light-grey-color);
    
    }
    
    tags-input .tags .tag-item.selected {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #febbbb), color-stop(45%, #fe9090), to(#ff5c5c));
        background: -o-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
        background: linear-gradient(to bottom, #febbbb 0, #fe9090 45%, #ff5c5c 100%)
    }
    
    tags-input .tags .tag-item .remove-button {
        margin: 0 0 0 5px;
        padding: 0;
        border: none;
        background: 0 0;
        cursor: pointer;
        vertical-align: middle;
        font: 700 16px Arial, sans-serif;
        color: #585858
    }
    
    tags-input .tags .input.invalid-tag,
    tags-input .tags .tag-item .remove-button:active {
        color: red
    }
    
    tags-input .tags .input {
        border: 0;
        outline: 0;
        margin: 2px;
        padding: 0 0 0 5px;
        float: left;
        height: 33px;
        font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: transparent;
    }
    
    tags-input .tags .input::-ms-clear {
        display: none
    }
    
    tags-input.ng-invalid .tags {
        -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6);
        box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6)
    }
    
    tags-input[disabled] .host:focus {
        outline: 0
    }
    
    tags-input[disabled] .tags {
        background-color: #eee;
        cursor: default
    }
    
    tags-input[disabled] .tags .tag-item {
        opacity: .65;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f9ff), color-stop(47%, rgba(203, 235, 255, .75)), to(rgba(161, 219, 255, .62)));
        background: -o-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%);
        background: linear-gradient(to bottom, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%)
    }
    
    tags-input[disabled] .tags .tag-item .remove-button {
        cursor: default
    }
    
    tags-input[disabled] .tags .tag-item .remove-button:active {
        color: #585858
    }
    
    tags-input[disabled] .tags .input {
        background-color: #eee;
        cursor: default
    }
    
    tags-input .autocomplete {
        margin-top: 5px;
        position: absolute;
        padding: 5px 0;
        z-index: 999;
        width: 100%;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
    }
    
    tags-input .autocomplete .suggestion-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        max-height: 280px;
        overflow-y: auto;
        position: relative
    }
    
    tags-input .autocomplete .suggestion-item {
        padding: 5px 10px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
        background-color: #fff
    }
    
    tags-input .autocomplete .suggestion-item.selected,
    tags-input .autocomplete .suggestion-item.selected em {
        color: #fff;
        background-color: #0097cf
    }
    
    tags-input .autocomplete .suggestion-item em {
        font: normal 700 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
        background-color: #fff
    }
    
    
    /* ==========================================================
            MEDIA QUERIES
            ========================================================== */
    /* Large screen
            ========================================================== */
    @media only screen and (max-width: 1920px) {
        :root {
        --max-width-cal: 100vw;
        }
        .cal-conference #content {
        border:none
        }
    }
    
    @media only screen and (max-width: 1680px) {
        :root {
        --max-width-column: 1280px;
        }
        #past_event_speakers li .wrapper .more-items-long-text {
        width: 20%;
        }
        #past_event_speakers ul li .wrapper .more-items-long-text:before {
        left: -118px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json{
        padding-left: 100px;
        padding-right: 50px;
        }
        #past_event_speakers li .wrapper h2, 
        #past_event_speakers li .wrapper .more-items-text {
        width:71%;
        padding-right: 7%;
        }
        #past_event_speakers li:nth-child(even) .wrapper h2, 
        #past_event_speakers li:nth-child(even) .wrapper .more-items-text {
        padding-left: 6%;
        padding-right: 40px;
        }
        #past_event_speakers li .wrapper:after,
        #past_event_speakers li .wrapper:before {
        width: 13%; 
        }
        #past_event_speakers li:nth-child(even) .wrapper:after,
        #past_event_speakers li:nth-child(even) .wrapper:before {
            width: 15%; 
        }
        #past_event_speakers li:nth-child(even) .wrapper h2, 
        #past_event_speakers li:nth-child(even) .wrapper .more-items-text {
            padding-right: 0;
        }
    }
    
    
    @media only screen and (max-width: 1440px) {
        :root {
        --max-width-column: 1024px;
        --img-max-w: 200px;
        --wrapper-padding: 15px;
        --left-column-width: 300px;
        }
    
        .cal-conference {
        --header-height: 80px
        }
    
        .section-title,
        .widget-title {
        font-size: 36px;
        }
    
        .menu>li>a {
        padding-left: 10px;
        padding-right: 10px;
        }
    
    
        .one-five.social-stream .socialstream-item,
        .one-six.social-stream .socialstream-item,
        .one-seven.social-stream .socialstream-item,
        .one-eight.social-stream .socialstream-item {
        width: calc(25% - var(--gap));
        }
    
        .one-four:not(.full-width) .more-items-item .wrapper,
        .one-five:not(.full-width) .more-items-item .wrapper,
        .one-six:not(.full-width) .more-items-item .wrapper,
        .one-seven:not(.full-width) .more-items-item .wrapper,
        .one-eight:not(.full-width) .more-items-item .wrapper,
        .social-stream:not(.full-width) .more-items-item .wrapper {
        padding: 15px var(--wrapper-padding);
        }
    
        .slide-content>* {
        max-width: calc(var(--max-width-column) / 1.5);
        }
    
        /* Felix Mirage 1440 */
        .cal-conference .speaker-data-json {
            gap: 15px;
        }
        .cal-conference .speaker-data-json.items-4>div {
        width: calc(25% - 15px);
        }
        #header .logo-img {
        height: 80%;
        }
    
        #navigation .menu>li>a {
        font-size: 12px;
        }
    
        #mirage-container .more-items-list>.button-items button {
        font-size: 12px;
        }
    
        #mirage-container .mirage-item>span {
        font-size: 16px;
        }
    
        /* Cal Conference */
        .x-large-title .slide-content .slide-title,
        .x-large-title .widget-title {
        font-size: 72px;
        }
    
        .large-title .slide-content .slide-title {
        font-size: 52px;
        }
    
        .cal-conference #immerse .wrapper>h2 {
        font-size: 40px;
        }

        .cal-speakers #cal_speakers_all li .wrapper h2{
            font-size: 18px;
        }
        #event_sessions_speakers ul li .wrapper .more-items-text {
            padding-right: 2%;
            font-size: 14px;
        }
        #event_sessions_speakers .speaker-data-json.items-2 .speaker-container {
            width: calc(40% - 15px);
        }
        #event_sessions_speakers .speaker-data-json.items-5 {
            gap: 20px;
        }
        #event_sessions_speakers .speaker-data-json.items-5 .speaker-container {
            width: calc(20% - 15px);
        }
        #event_sessions_speakers .speaker-data-json .speaker-container .speaker-info h3 {
        font-size: 15px;
        }
        #event_sessions_speakers .speaker-container .speaker-info p {
        font-size: 10px;
        }
        #event_sessions_speakers .moderator-data-json .speaker-container .speaker-info:before {
        font-size: 10px;
        }
        /* Felix Coming Soon */
        .coming-soon .content {
        margin-top: 6vw;
        width: 60vw
        }
    
        .md-content>*,
        .md-content .md-header {
        padding-left: 30px;
        padding-right: 30px;
        }
    
    
        .notifications .wrapper {
        padding: 5px 10px 5px 10px;
        }
    
        .tabs-content .widget.article-view .article {
        padding-top: 30px;
        }
    
        .tabs-content .widget.article-view .article header h1 {
        font-size: 36px;
        }
    
        .vertical-menu>header {
        padding-top: 50px;
        }
    
        .vertical-menu .downloads-main .main-view .downloads-container {
        padding: 0 45px;
        }
    
        .widget {
        padding-top: 30px;
        padding-bottom: 30px;
        }
    
        .tabs-col>header>.tabs li a {
        margin-bottom: 10px;
        }
    
        .tabs-col>header>.tabs {
        padding-left: 30px;
        padding-right: 10px;
        }
    
        .notifications .widget-title {
        padding-left: 30px;
        width: 70px;
        }
    
        .notifications .wrapper {
        width: calc(100% - 70px);
        }
    
        .events-menu {
        height: 55px;
        }
    
        .events-menu ul .owl-item.center .more-items-item>a:not(.all-box-link),
        .events-menu ul .owl-item.center .more-items-item>.more-items-img-container {
        width: 32px;
        }
    
        .events-menu ul .more-items-item>a:not(.all-box-link),
        .events-menu ul .more-items-item>.more-items-img-container {
        margin-right: 5px;
        }
    
        .events-menu ul {
        height: 55px;
        }
    
        .events-menu .more-items-text,
        .events-menu .more-items-short-text {
        font-size: 11px;
        }
    
        .events-menu .owl-item.center .wrapper h2 {
        font-size: 18px;
        }
    
        .events-menu .wrapper h2 {
        font-size: 16px;
        }
    
        .team-list ul li {
        margin-left: 30px;
        width: calc(100vw - 30px);
        }
    
        .team-hero .wrapper {
        padding: 0 calc(100% - 860px) 30px 60px;
        }
    
        #floating-video {
        width: 280px !important;
        height: 158px;
        }
    
        #modal-search .more-items-list .more-items-item,
        #modal-search .results-found {
        padding-left: 30px;
        padding-right: 30px;
        }
    
        .slide-content .slide-title {
        font-size: 32px;
        }
    
        #topSearch .search-bar {
        height: 42px;
        }
    

        /* CAL past events */

        #past_event_speakers li .wrapper .more-items-category .show_dates_event {
        font-size: 26px;
        }
        #past_event_speakers li .wrapper .more-items-category .name_event {
        font-size: 36px;
        }
        #past_event_speakers li .wrapper .more-items-category .country_event {
        font-size: 45px;
        }
        #past_event_speakers li .wrapper .more-items-category {
            padding: 40px 0 40px 40px;
        }
        #past_event_speakers li .wrapper .more-items-text {
            font-size: 14px;
        }
        #past_event_speakers li .wrapper .more-items-category:after {
            margin-top: 34px;
            left: 40px;
        }
        #past_event_speakers ul li .wrapper .more-items-long-text:before {
            font-size: 35px;
            top: 171px;
            left: -91px;
        }

        }
    
    
    @media only screen and (max-width: 1280px) {
    
        .ranking-data-info>* .avatar,
        .car {
        max-width: 100px;
        }
    
        :root {
        --max-width-column: 1024px;
        --img-max-w: 150px;
        --related-content-width: 400px;
        --header-height: 80px;
        }
    
        .cal-conference {
        --header-height: 50px
        }
    
        body,
        input,
        textarea {
        font-size: 16px;
        }
    
        h1 {
        font-size: 42px;
        }
    
        h2 {
        font-size: 20px;
        }
    
        h3 {
        font-size: 10px;
        }
    
        h4 {
        font-size: 16px;
        }
    
        h5 {
        font-size: 9px;
        }
    
        h6 {
        font-size: 14px;
        }
    
        time {
        font-size: 11px;
        }
    
        .section-title,
        .widget-title {
        font-size: 32px;
        }
    
        .small-title .section-title,
        .small-title .widget-title {
        font-size: 20px;
        }
    
        .slide-content .slide-title {
        font-size: 32px;
        }
    
        body:not(.cal-conference) .slide-content p {
        font-size: 16px;
        line-height: 1.4;
        }
    
        .img-main .article-view-body {
        padding-top: 80px;
        }
    
        .article-view-intro p {
        font-size: 18px;
        }
    
        .more-items-item .wrapper>* {
        margin: 4px 0;
        }
    
        .more-items-category,
        .more-items-subsection,
        time,
        .galleries-items .galleries-item .galleries-item-count {
        font-size: 11px;
        }
    
        /* Felix 1280 */
        /* Cal */
        .cal-conference #header .widget.link-button a {
            font-size: 10px;
            padding: 9px 8px;
        }
        body.cal-conference #cal_banners ul li {
            width: calc(25% - var(--gap));
        }
        .cal-conference #navigation .menu>li.contact>a {
        padding: 9px 18px;
        }
        .cal-speakers #cal_speakers_all li .wrapper h2 {
        font-size: 18px;
        }
        .cal-speakers #cal_speakers_all #cal_speakers:before {
        top: calc(var(--header-height) + 120px);
        left: -200px;
        }
        /* Felix Mirage */
        #navigation .menu>li>a {
        font-size: 11px;
        }
    
        #mirage-container .more-items-list>.button-items {
        left: 280px;
        }
    
        #mirage-container .more-items-list>.button-items button {
        font-size: 10px;
        padding-inline: 6px;
        }
    
        .landing-news .more-items-item h2 {
        font-size: 18px;
        }
    
        .related-content .img-aside .more-items-item>a,
        .related-content .img-aside .more-items-item .more-items-img-container {
        max-width: 80px;
        }
    
        .related-content .img-aside .more-items-item h2 {
        font-size: 16px;
        }
    
        .widget.article-view .article header>* {
        margin-top: 10px;
        margin-bottom: 10px;
        }
    
        .article-view-category,
        .article-view-time {
        font-size: 16px;
        }
    
        .one-four .more-items-item {
        width: calc(33.33333333% - var(--gap));
        }
    
        .one-of-seven,
        .one-seven .more-items-item,
        .one-seven.img-aside .more-items-item,
        .one-seven .more-video-item,
        .one-seven .galleries-item,
        .one-seven .socialstream-item,
        .one-seven.landing li,
        .one-seven .control-group,
        .one-seven .formly>*>*,
        .one-seven.social-login>*>* {
        width: calc(20% - var(--gap));
        }
    
        .social-login .btn i {
        font-size: 28px;
        }
    
        .users-registration>* {
        margin: 30px 20px;
        }
    
        .md-modal.modal-current-article {
    
        left: 20px;
        margin-left: 0;
        right: 20px;
        width: auto;
    
        }
    
        .menu>li>a,
        .menu>li>*,
        #header .season-selector .dropdown>a {
        font-size: 12px;
        }
    
        .team-hero .wrapper h2,
        .team-hero .data-list .data-item {
        font-size: 42px;
        }
    
        .tabs li a,
        .vertical-menu>header>ul li .wrapper h2 a {
        font-size: 22px;
        }
    
        #floating-video.expand.floating-video-chat {
        height: calc(100vw * 9 / 16);
        width: 100vw !important;
        }
    
        #floating-video {}
    
        #user-menu .menu:not(.not-logged) {
        height: 36px;
        }
    
        #user-menu .profile-image .avatar {
        width: 30px !important;
        height: 30px;
        }
    
        .large-wrapper-padding {
        --wrapper-padding: 30px;
        }
    
        /* CAL */
    
    
        .cal-conference .widget-title {
        margin-bottom: 30px;
        }
    
        .cal-event #cal_banners ul li .wrapper h2 a {
        margin-top: 15px;
        font-size: calc((var(--max-width-cal) / 3)/14);
        }
    
        #cal_event_info_icons ul li .wrapper>* {
        font-size: 30px;
        }
    
        #cal_event_info_items ul li .wrapper h2,
        #cal_event_info_items ul li .wrapper h2 a,
        #cal_event_info_items ul li .wrapper .more-items-category {
        font-size: 16px;
        }
    
        #cal_event_info_items ul li .wrapper .more-items-category {
        min-width: 157px;
        }
    
        #cal_event_info_items ul:before {
        font-size: 80px;
        width: 80px;
        }
    
        #cal_event_info_icons ul li .wrapper>*:before {
        width: 70px;
        height: 70px;
        font-size: 70px;
        }
    
        #event_sessions_speakers ul li .wrapper {
        /* grid-template-rows: .5fr auto 1fr; */
        }
    
        #event_sessions_speakers .speaker-data-json {
        gap: 20px
        }
        #event_sessions_speakers .speaker-data-json.items-2 .speaker-container {
        width: calc(50% - 10px);
        }
        #event_sessions_speakers .speaker-data-json.items-3 .speaker-container {
            width: calc(33.33333% - 10px);
        }
        #event_sessions_speakers .moderator-data-json .speaker-container .speaker-info {
        padding-left: 15px;
        }
    

    
        .cal-conference .widget-title:after {
        bottom: -6px;
        }

        #past_event_speakers ul li .wrapper .more-items-long-text:before {
        font-size: 30px;
        top: 152px;
        left: -72px;
        }
        #past_event_speakers li .wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json {
        padding-left: 95px;
        padding-right: 33px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div .speaker-info h3 {
        font-size: 16px;
        } 
        #past_event_speakers li .wrapper .more-items-text .link-button {
        margin-top: 15px !important;
        }
        .cal-conference #ca-events .more-items-item .wrapper .more-items-long-text,
        .cal-conference #ca-events .more-items-item .wrapper .collaborator-data-json {
        height: 45px;
        }
    }
    /* Tablet devices layout adjustments
            ========================================================== */
        @media only screen and (max-width: 1180px) { 
        .cal-speakers #cal_speakers_all {
            padding-left: 75px;
        }

        #article-view-multiple .article-view-body {
            --gap:20px;
        }
        #article-view-multiple .article-view-body .btn {
            font-size:16px;
        }
        }
    
    @media only screen and (max-width: 1024px) {
        :root {
        --header-height: 70px;
        --max-width-column: 1024px;
        --footer-height: 50px;
        --left-column-width: 235px;
        }
    
        body,
        input,
        textarea {
        font-size: 15px;
        }
    
        .menu>li>a,
        .menu>li>* {
        font-size: 14px;
        }
    
        .header-sm #cookiesbar {
        top: 50px;
        }
    
        #cookiesbar a {
        padding: 20px 10px 0;
        display: block;
        }
    
        .header-sm #header,
        .header-sm #header .logo-img {
        height: 50px;
        }
    
        .header-sm.fixed-header:not(.transparent-header) #content {
        margin-top: 50px;
        }
    
        #header {
        height: var(--header-height)
        }
    
        /* Felix 1024 */
        .cal-conference .widget.two-buttons .buttons-container {
            flex-direction: column;
        }
        #no-schedule-available > p {
            padding-inline: 40px;
        }
        #more-presented .more-items-list {
        /* margin-left: 65px !important; */
        }
        /* Fan Village form */
        .fan-village .welcome-page > section,
        .fan-village .welcome-page ul li {
            padding: 0;
            background: transparent;
        }
        .fan-village .welcome-page:after {
            content: "";
            position: fixed;
            bottom: -9rem;
            top: unset;
            right: 0;
            height: auto;
            width: 55vw;
            aspect-ratio: 0.8;
            background: url(../img/fan-village-bg.webp) no-repeat center center;
            background-size: cover;
        }
        .fan-village .welcome-page:before {
            content: "";
            position: fixed;
            bottom: -9rem;
            top: unset;
            right: -20vw;
            height: auto;
            width: 80vw;
            aspect-ratio: 0.85;
            background: url(../img/fan-village-template-bg.svg) no-repeat center center;
            background-size: cover;
        }
        .fan-village .screens-container > div {
            background: transparent;
            z-index: 10;
            padding: 0 3rem 0;
            align-items: start;
            width: 45rem;
        }
        .fan-village .screens-container > h2 {
            padding: 3rem 3rem 0;
        }
        .fan-village .screens-container > p {
            padding: 0 3rem;
        }
        .fan-village .confirmation .driver-accordion-content {
            max-width: 100%;
        }
        /* Cal */
        .cal-speakers #cal_speakers_all #cal_speakers:before {
            top: calc(var(--header-height) + 110px);
            left: -190px;
        }
        .cal-conference .column>.widget:not(.article-view):not(.full-width) {
            padding-left: 0;
            padding-right: 0;
        }
    
        .cal-conference #top-story .slide-category {
        margin-top: 30px;
        }
    
        body.livetiming .menu>li.livetiming,
        body.timing-results .menu>li.timing-results,
        body.docs .menu>li.docs,
        body.noticeboard .menu>li.noticeboard,
        body.broadcasters .menu>li.broadcastch8 {
        position: fixed;
        top: 62px;
        margin: 0;
        right: auto;
        left: 1px;
        }
    
        body.livetiming .open .menu>li.livetiming,
        body.timing-results .open .menu>li.timing-results,
        body.docs .open .menu>li.docs,
        body.noticeboard .open .menu>li.noticeboard,
        body.broadcasters .open .menu>li.broadcastch8 {
        display: none;
        }
    
        body.livetiming .menu>li.livetiming a,
        body.timing-results .menu>li.timing-results a,
        body.docs .menu>li.docs a,
        body.noticeboard .menu>li.noticeboard a,
        body.broadcasters .menu>li.broadcastch8 a {
        color: #fff;
        }
    
    
        .navigation ul li a {
        font-size: 14px;
        }
    
        .navigation {
        top: calc(var(--header-height) - 45px);
        width: 100%;
        margin-right: -100%;
        }
    
    
        .section-title,
        .widget-title {
        font-size: 28px;
        }
    
    
        .column>.widget:not(.article-view):not(.full-width) {
        padding-top: 30px;
        padding-bottom: 30px;
        }
    
        .column>.widget:not(.article-view):not(.full-width) {
        padding-left: 30px;
        padding-right: 30px;
        }
    
        .secondary-content>* {
        width: auto;
        }
    
        .secondary-content:first-child>* {
        margin-left: 0;
        }
    
        .secondary-content:last-child>* {
        margin-right: 0;
        }
    
        .row-fluid .column.secondary-content:first-child>* {
        padding-right: 15px;
        }
    
        .row-fluid .column.secondary-content:last-child>* {
        padding-left: 15px;
        }
    
        /* Header */
        .header-lg #header {
        height: var(--header-height);
        }
    
        #header .wrapper {
        padding-left: 0;
        }
    
        #header .wrapper:before,
        #header .wrapper:after {
        display: none;
        }
    
        #header .wrapper-group {}
    
    
        /* end Header */
    
    
        .fixed-header.header-lg #content {
        margin-top: var(--header-height);
        }
    
        .transparent-header #content,
        .transparent-header.header-lg #content {
        margin-top: 0;
        }
    
        .header-lg .bg-vid {
        margin-top: calc(var(--header-height) - (var(--header-height) * 2));
        }
    
    
        .widget {
        padding-top: 20px;
        padding-bottom: 20px;
        }
    
        .one-of-seven,
        .one-seven .more-items-item,
        .one-seven.img-aside .more-items-item,
        .one-seven .more-video-item,
        .one-seven .galleries-item,
        .one-seven .socialstream-item,
        .one-seven.landing li,
        .one-seven .control-group,
        .one-of-six,
        .micro-content,
        .one-six .more-items-item,
        .one-six.img-aside .more-items-item,
        .one-six .more-video-item,
        .one-six .galleries-item,
        .one-six .socialstream-item,
        .one-six.landing li,
        .one-six .control-group,
        .one-of-five,
        .micro-content,
        .one-five .more-items-item,
        .one-five.img-aside .more-items-item,
        .one-five .more-video-item,
        .one-five .galleries-item,
        .one-five .socialstream-item,
        .one-five.landing li,
        .one-five .control-group {
        width: calc(25% - var(--gap));
        }
    
    
        .slide-content .slide-title {
        font-size: 32px;
        margin-top: 10px;
        margin-bottom: 10px;
        }
    
    
        .tabs-end .widget-title,
        .tabs-start .widget-title,
        .tabs-end .section-title,
        .tabs-start .section-title,
        .tabs-view header,
        .gap-0 {
        /*padding-left: 30px !important;
            padding-right: 30px !important;*/
        }
    
        .gap-5 {
        padding-left: calc(var(--gap) * 11) !important;
        padding-right: calc(var(--gap) * 11) !important;
        }
    
        .gap-10 {
        padding-left: calc((var(--gap) / 2) * 5) !important;
        padding-right: calc((var(--gap) / 2) * 5) !important;
        }
    
        .gap-20 {
        padding-left: var(--gap) !important;
        padding-right: var(--gap) !important;
        }
    
        .gap-30 {
        padding-left: calc(var(--gap) / 2) !important;
        padding-right: calc(var(--gap) / 2) !important;
        }
    
        .gap-40 {
        padding-left: calc(var(--gap) / 4) !important;
        padding-right: calc(var(--gap) / 4) !important;
        }
    
        .widget-wrapper .gap-0,
        .widget-wrapper .gap-5,
        .widget-wrapper .gap-10,
        .widget-wrapper .gap-20,
        .widget-wrapper .gap-30,
        .widget-wrapper .gap-40 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        }
    
        #footer-menu ul li {
        margin: 0;
        padding: 0 8px 0 0;
        margin-right: 8px;
        }
    
        #footer-menu ul li a {
        font-size: 11px;
        }
    
        #footer-contact p {
        font-size: 10px;
    
        }
    
        .signup #header #navigation-toggle {
        display: none;
        }
    
        #social-login {
        padding-left: 30px;
        padding-right: 30px;
        }
    
        .social-login>* {
        width: calc(50% - var(--gap));
        }
    
        .breadcrums .section-title {
        padding: 0 30px;
        }
    
        .tabs li a,
        .vertical-menu>header>ul li .wrapper h2 a {
        font-size: 14px;
        }
    
        .small-title .section-title,
        .small-title .widget-title {
        font-size: 20px;
        }
    
        .tabs-col>header>.tabs {
        padding-left: 25px;
        padding-right: 5px;
        }
    
        .notifications .widget-title {
        padding-left: 25px;
        width: 65px;
        }
    
        .notifications .wrapper {
        width: calc(100% - 65px);
        }
    
        #topSearch {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        }
    
        #topSearch .search-bar {
        height: 40px;
        padding-left: 15px;
        }
    
        #topSearch .search-bar>a {
        height: 30px;
        padding: 5px 15px;
        }
    
        #topSearch .search-bar .control-group .input-block-level {
        font-size: 20px;
        }
    
        #topSearch .search-bar .control-group i {
        font-size: 26px;
        margin-right: 10px;
        }
    
        .tabs-view:not(.tabs-col)>header>.tabs {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .vertical-menu .widget-title,
        .vertical-menu #sign-up form {
        padding-left: 40px;
        padding-right: 40px;
        }
    
        .event-list-tabed .more-items-list .more-items-item .wrapper .more-items-subsection {
        padding-left: 40px;
        }
    
        .team-list ul li {
        padding-left: 215px;
        height: calc((314 * 215px) / 500);
        margin-left: 25px;
        width: calc(100vw - 25px);
        }
    
        .team-list ul li>a:not(.all-box-link) {
        width: calc(70vw - 215px);
        }
    
        .team-list .img-1 {
        width: 215px;
        }
    
        .team-list ul li .wrapper {
        padding-left: 25px;
        }
    
        .team-list ul li .wrapper h2 {
        font-size: 22px;
        line-height: 1;
        margin-bottom: 10px;
        }
    
        .team-list .img-2,
        .team-list .img-3 {
        width: 90px;
        }
    
        .team-list ul li:hover .img-2,
        .team-list ul li:hover .img-3 {
        width: 100px;
        }
    
        .team-list .img-3 {
        margin-left: 90px;
        }
    
        .team-list ul li:hover .img-3 {
        margin-left: 100px;
        }
    
        .team-list ul li .wrapper .link-button a::before {
        height: 30px;
        line-height: 25px;
        }
    
        .team-list ul li .wrapper .link-button a::after {
        border-width: 0 0 30px 30px;
        left: -30px;
        }
    
        .team-hero .wrapper {
        padding: 0 40px 20px 40px;
        }
    
        .team-hero .wrapper h2,
        .team-hero .data-list .data-item {
        font-size: 36px;
        }
    
        .tabs-content .widget.article-view .article header h1 {
        font-size: 28px;
        }
    
        .vertical-menu>header {
        padding-top: 35px;
        }
    
        .vertical-menu .downloads-main .main-view .downloads-container {
        padding: 0 30px;
        }
    
        .vertical-menu>header {
        width: 100%;
        background-color: var(--electric-blue);
        z-index: 5;
        }
    
        .vertical-menu>header .tabs li a {
        color: #ffffff;
        }
    
        .vertical-menu>header .tabs li a.active {
        ccolor: #FFF;
        background: var(--rich-blue);
        }
    
        .tabs-col>header>.tabs {
        flex-direction: row;
        padding-left: 0;
        }
    
        .vertical-menu>.tabs-content {
        display: block;
        width: 100%;
        }
    
        .vertical-menu>header {
        padding-top: 0;
        overflow: auto;
        }
    
        .tabs-col>header>.tabs li {
        flex: none;
        }
    
        .tabs-col>header>.tabs li a {
        margin: 0;
        padding: 15px 20px;
        }
    
        .vertical-menu>.tabs-content>.widget:last-child {
        padding-bottom: 280px;
        }
    
        .press-release .column>#article-view-pr,
        .press-release .column>#article-view {
        margin: 0 auto 20px;
        }
    
        .press-release .column>*#article-view-pr {
        position: relative;
        left: auto;
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        }
    
        .press-release .files-list li {
        display: none;
        }
    
        .press-release .files-list:before {
        margin-bottom: 0;
        }
    
        .press-release .files-list.open li {
        display: block;
        }
    
        .press-release .files-list.open:before {
        margin-bottom: 30px;
        }
    
        .press-release .column>*#article-view-pr .files-list {
        position: relative;
        align-items: center;
        }
    
        .press-release .column>*#article-view-pr .files-list i {
        position: absolute;
        right: 20px;
        margin-top: -1px;
        font-size: 26px;
        text-align: right;
        left: 0;
        }
    
        .press-release .column>*#article-view-pr .files-list.open i:before {
        content: "\f3d8";
        }
    
        .press-release .column>#article-view-pr {
        width: 100%;
        }
    
        .results-embed #widget-embed,
        .tabs-content .results-embed #widget-embed {
        padding: 30px 40px;
        }
    
        .driver-info ul .more-items-item .more-items-long-text {
        padding: 40px;
        }
    
        .driver-info ul .more-items-item>a {
        left: 30px;
        }
    
        .driver-info ul .more-items-item .wrapper {
        padding-left: 270px;
        }
    
        #floating-video {
        width: 350px !important;
        height: 198px;
        }
    
        .scroll-bottom #chatbox.chat-lite,
        .scroll-bottom #chat-button,
        .scroll-bottom #floating-video:not(.expand) {
        bottom: 80px;
        }
    
        .accreditations-tab .wrapper {
        padding-left: 40px;
        padding-right: 40px;
        }
    
        .press-conference-questions>div {
        padding-left: 40px;
        padding-right: 40px;
        }
    
        .vertical-menu .more-bt {
        padding: 0 40px !important;
        }
    
        .documents #widget-embed {
        padding-left: 20px;
        }
    
        .menu-nav .tabs li a {
        margin: 0 12px;
        font-size: 12px;
        }
    
        .menu-nav .tabs li a:after {
        margin-left: 3px;
        }
    
        .unity .related-content {
        position: fixed;
        z-index: 5;
        width: 100%;
        display: none;
        }
    
        .unity #single-title.breadcrums {
        display: block;
        padding: 0 !important;
        }
    
        .unity #single-title.breadcrums .more-items-item .wrapper {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 30px;
        padding-bottom: 10px;
        }
    
        .unity .widget.article-view .article {
        padding-top: 0;
        }
    
        .unity .tabs-content .article-view-body {
        padding: 0;
        }
    
        .unity .primary-content {
        width: 100%;
        }
    
        .menu-nav .tabs-content {
        background: transparent;
        }
    
        .menu-nav .tabs-content .more-items-groups {
        padding: 10px;
        }
    
        .menu-nav .tabs-content .more-items-group {
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        margin: 0 15px;
        }
    
        .menu-nav:not(.active) .tabs-content,
        .menu-nav:not(.active):hover .tabs-content {
        opacity: 0;
        pointer-events: none;
        height: 0 !important;
        }
    
        .menu-nav.active,
        .menu-nav:hover {
        background: 100% -50% no-repeat #45474f;
        background-image: radial-gradient(circle at 100% 30%, rgba(20, 183, 237, .2), rgba(20, 183, 237, 0) 31%);
        }
    
        .menu-nav.active .tabs-content {
        opacity: 1;
        pointer-events: all;
        height: auto !important;
        }
    
        .menu-nav.active header .tabs .tab a {
        padding-bottom: 10px;
        color: #fff;
        }
    
        .menu-nav .more-items-group .group-name {
        margin-bottom: 0;
        }
    
        .menu-nav .more-items-group.open .group-name {
        margin-bottom: 16px;
        }
    
        .menu-nav .more-items-group .more-items-list {
        opacity: 0;
        pointer-events: none;
        height: 0 !important;
        }
    
        .menu-nav .more-items-group.open .more-items-list {
        opacity: 1;
        pointer-events: all;
        height: auto !important;
        }
    
        .menu-nav.active .tabs li a::after {
        content: "\f3d8";
        }
    
        .menu-nav .tabs-content .more-items-group>.wrapper .group-name {
        opacity: 0.7;
        display: flex;
        justify-content: space-between;
        }
    
        .menu-nav .tabs-content .more-items-group:last-child {
        border: none;
        }
    
        .menu-nav .tabs-content .more-items-group>.wrapper .group-name:after {
        content: "\f3d0";
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 7px;
        }
    
        .menu-nav .tabs-content .more-items-group.open>.wrapper .group-name:after {
        content: "\f3d8";
        }
    
        #press-releases .more-items-list:not(.owl-carousel),
        #press-conferences .more-items-list:not(.owl-carousel) {
        padding-left: 30px;
        padding-right: 30px;
        }
    
        #vertical-menu #press-releases>header {
        padding: 0 20px;
        }
    
        /* CAL */
        
        .cal-conference #navigation .menu>li.contact>a {
        padding: 7px 18px;
        }
        .cal-conference #ca-banner-price ul li {
        width: calc(30% - var(--gap));
        }
    
        .cal-event #cal_banners ul li .wrapper {
        padding-bottom: var(--wrapper-padding);
        }
    
        .cal-conference .widget-title:after {
        width: 38px;
        height: 38px;
        }
    
        .cal-conference .widget-title {
        margin-left: 65px !important;
        }
    
        #cal_event_info_icons ul li .wrapper {
        padding-left: 65px;
        }
    
        #cal_event_info_icons ul li .wrapper>* {
        font-size: 26px;
        }
    
        #cal_event_info_items ul:before {
        font-size: 70px;
        width: 70px;
        margin-left: 27px;
        }
    
        #cal_event_info_icons ul li .wrapper>* {
        max-width: 376px;
        }
    
        #cal_event_info_icons ul li .wrapper>*:before {
        width: 60px;
        height: 60px;
        font-size: 60px;
        }
        #cal_event_info_items ul li {
        padding-left: 36px;
        }
        #cal_graphics {
        max-width: calc(var(--max-width-cal) - 130px);
        }
        .cal-event-logos ul li > a {
        max-width:calc(100% - (65px * 2));
        gap: 40px;
        }
        .cal-event .white-border:before {
        left: 65px;
        right: 65px;
        }
        .cal-event-logos ul li > a img {
        width: calc(20% - 40px);
        max-height: 70px;
        }
        #event_sessions_speakers ul li .wrapper {
        max-width: calc(100% - (65px * 2));
        }
        #event_sessions_speakers ul li .wrapper .more-items-category {
        font-size: 28px;
        }
        #event_sessions_speakers ul li .wrapper h2 {
        font-size: 20px;
        line-height: 26px;
        }
        #event_sessions_speakers ul li .wrapper .more-items-text {
        font-size: 14px;
        line-height: 24px;
        }
        #event_sessions_speakers ul li .wrapper .more-items-long-text {
        padding-left: 70px;
        }
        #event_sessions_speakers .speaker-data-json .speaker-container .speaker-info h3 {
            font-size: 16px;
            margin-top: 10px;
        }
        #event_sessions_speakers .moderator-data-json .speaker-container .speaker-info h3 {
            font-size: 16px;
            margin-bottom: 5px;
        }
        #event_sessions_speakers .speaker-container .speaker-info p {
            font-size: 10px;
        }
        #event_sessions_speakers .speaker-data-json .speaker-container {
            margin-bottom: 0;
        }
        #event_sessions_speakers .moderator-data-json .speaker-container .speaker-image {
            width: 20%;
        }

        #past_event_speakers li > a {
            height:auto;
            aspect-ratio: 3/4;
        }
        #past_event_speakers li .wrapper {
            padding-left: 37px;
            position: initial;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            padding-bottom: 0;
        }
        #past_event_speakers li .wrapper .more-items-category {
            padding: 30px 0 0px 30px;
            max-width: 295px;
        }
        #past_event_speakers li .wrapper .more-items-category .show_dates_event {
            font-size: 22px;
            margin-bottom: 16px;
        }
        #past_event_speakers li .wrapper .more-items-category .name_event {
            font-size: 32px;
        }
        #past_event_speakers li .wrapper .more-items-category .country_event {
            font-size: 42px;
        }
        #past_event_speakers li .wrapper .more-items-category:after {
            margin-top: 29px;
            left: 30px;
        }
        
        #past_event_speakers li .wrapper:before {
            bottom: 0;
            top: auto;
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 76%, rgba(0, 0, 0, 0) 100%);
            left: 0;
            height: 370px;
            width: 90px;
        }
        #past_event_speakers li .wrapper:after {
            background: linear-gradient(270deg, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 0) 100%);
            right: 0;
            height: 370px;
            left: auto;
            width: 36px;
        }
        #past_event_speakers li .wrapper h2, #past_event_speakers li .wrapper .more-items-text {
            width: 100%;
        }
        #past_event_speakers li .wrapper .more-items-text .link-button {
            left: 59px;
            top: auto;
            margin-top: 0 !important;
            position: absolute;
            bottom: -68px;
        }
        #past_event_speakers li .wrapper .more-items-text {
            position:relative;
            margin-bottom: 67px;
            min-height: calc(((((var(--max-width-cal)* 33.333333) / 100) / 3)* 4) - 95px);
        }
        #past_event_speakers li .wrapper .more-items-long-text {
            width: 100vw;
            position: relative;
            height: auto;
            margin-left: -37px !important;
            margin-top: 25px !important;
        }
        #past_event_speakers ul li .wrapper .more-items-long-text:before {
            font-size: 32px;
            top: 81px;
            z-index: 1;
            width: 369px;
            left: -122px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json {
            position: relative;
            flex-direction: row;
            height: auto;
            padding-bottom: 0;
            padding-top: 0;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div {
            width: 20%;
            flex-shrink: 0;
        }
        #past_event_speakers li:nth-child(even) .wrapper {
            flex-direction: column;
            padding-left: 33.333333%;
            padding-right: 37px;
        }
        #past_event_speakers li:not(:first-child) .wrapper {
            padding-top: 0;
        }
        #past_event_speakers li:nth-child(even) .wrapper .more-items-long-text {
            left: auto;
            right: auto;
            margin-left: -33.33333vw !important;
            margin-right: -37px !important;
        }
        #past_event_speakers ul li:nth-child(even) .wrapper .more-items-long-text:before {
            right: calc(-33.33333% + 188px);
            left: auto; 
        }
        #past_event_speakers li:nth-child(even) .wrapper .more-items-long-text .speaker-data-json {
            padding-left: 33px;
            padding-right: 95px;
            flex-direction: row-reverse;
        }
        #past_event_speakers li:nth-child(even) .wrapper .more-items-text .link-button {
            left: auto;
            right: 59px;
            text-align: right;
        }
        #past_event_speakers li:nth-child(even) .wrapper:after {
            width:90px;
            background: linear-gradient(270deg, rgba(0, 0, 0, 1) 76%, rgba(0, 0, 0, 0) 100%);
        }
        #past_event_speakers li:nth-child(even) .wrapper:before {
            width: 36px;
            left: 0;
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 0) 100%);
        }
        
        #cal-event {
            padding: 0 20px 0 60px !important;
        }
        
        .cal-conference #ca-events .more-items-item .wrapper .more-items-long-text,
        .cal-conference #ca-events .more-items-item .wrapper .collaborator-data-json {
            height: 40px;
        }
        .cal-conference #header nav>ul {
            align-items: stretch;
        }
        }
    
    
    @media only screen and (max-width: 1050px) {
    
        table td,
        table th {
        padding-left: 8px;
        padding-right: 8px;
        }
    
        .tabs {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
        }
    
    }
    
    @media only screen and (max-width: 1030px) {
    
        .countdown-time>span strong {
        font-size: 32px;
        }
    
        .countdown-time>span {
        font-size: 12px;
        }
    }
    
    @media only screen and (max-width: 1023px) {
        :root {}
    
        #header .wrapper-group .row2 {
        display: none;
        }
        .cal-conference #header .wrapper-group .row2 {
        display: flex;
        }
        .cal-conference #navigation .menu>li:not(.contact) {
        display:none;
        }
        .cal-conference #navigation .menu>li.contact {
        margin-right: 66px;
        }
        #user-menu {
        border-right: 1px solid #dddddd;
        ;
        }
    
        #user-menu li a,
        #user-menu .menu>li.dropdown #user>a,
        #user-menu .menu>li>* {
        font-size: 14px;
        color: var(--header-text);
        }
    
        #user-menu .menu>li>a {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 15px;
        }
    
        #user-menu .menu>li.dropdown .submenu {}
    
        #user-menu>* {
        padding-right: 15px;
        }
    
        #user-menu .menu>li:not(.dropdown)>*:not(a) {
    
        position: relative;
        }
    
    
        #navigation-toggle {
        z-index: 2;
        right: 0;
        top: 0;
        color: var(--header-text);
        width: 60px;
        }
    
        #user-menu .menu>li:not(.dropdown)>*:not(a).is-desktop {
        display: none;
        }
    
        #header #language-toggle,
        #header #navigation-toggle {
        display: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        padding: 0 10px;
        background-color: transparent;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: var(--header-height);
        }
    
        .burger-nav {
        display: block;
        }
    
        #language-toggle {
        display: none;
        }
    
        #navigation-toggle span {
        display: none;
        }
    
        #navigation-toggle:after {
        content: "\f1c3";
        width: 30px;
        height: 30px;
        font-family: "Ionicons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 30px;
        text-align: center;
        line-height: 30px;
        }
    
        #navigation-toggle.open:after {
        content: "\f2c0";
        }
    
        #navigation-mobile {
        position: fixed;
        top: var(--header-height);
        background-color: #ffffff;
        right: 0;
        width: 50%;
        bottom: 0;
        margin-right: -50%;
        -o-transition: margin-right ease .3s;
        transition: margin-right ease .3s;
        -webkit-transition: margin-right ease .3s;
        -moz-transition: margin-right ease .3s;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-justify-content: stretch;
        overflow: auto;
        }
        body.dark #navigation-mobile {
        background-color: #181818;
        }
        body.dark .menu>li>a {
        color: #fff;
        border-bottom: solid .0625rem rgb(255 255 255 / 18%);
        }
        #navigation-mobile.open,
        #languages.open {
        margin-right: 0;
        }
    
    
        #navigation-mobile.open .menu li {
        display: block;
        }
    
        .navigation ul {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        text-align: left;
        width: 100%;
        }
    
        .menu>li>a {
        padding: 20px 25px;
        color: #31333c;
        border-bottom: solid .0625rem rgb(0 0 0 / 18%);
        }
    
    
        .navigation .dropdown .submenu {
        position: relative;
        width: auto;
        margin: 0;
        left: auto;
        top: auto;
        background: transparent;
        padding: 5px 20px;
        }
    
        .navigation .dropdown .submenu li a {
        padding: 5px 0;
        text-align: left;
        }
    
        .navigation .dropdown .submenu li a:hover {
        background: transparent;
        }
    
        .header-lg .navigation {
        top: var(--header-height);
        }
    
        #footer .wrapper-group {
        padding: 10px 16px;
        text-align: center;
        }
    
        #footer .wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        }
    
        .documents #widget-embed {
        padding-right: 20px;
        }
    
        #results-landing ul li>a:not(.all-box-link):before {
        height: 140px;
        }
    
        .menu-nav {
        flex-direction: column !important;
    
        }
    
        .padding-0.menu-nav {
        padding: 20px 0 !important;
        border-bottom: solid .0625rem rgba(255, 255, 255, .1);
        }
    
        .menu-nav .tabs-content {
        position: relative;
        height: 0;
        top: 0;
        }
    
        .menu-nav:hover .tabs-content {
        height: auto !important;
        }
    
        .menu-nav .tabs li a {
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding-left: 25px;
        padding-right: 25px;
        }
    
        .unity .menu-nav .tabs-content .more-items-group {
        width: auto;
        }
    
        /* Felix 1023 */
        /* FV */
        .fan-village #navigation-toggle {
            display: none !important;
        }
        /* leadership page */
        #leadership-items ul li {
        flex-direction: column;
        }
    
        #leadership-items ul li>a {
        width: 100%;
        }
    
        #leadership-items ul li .wrapper {
        padding-top: 25px;
        padding-inline: 0;
        }
    
        #leadership-items .more-items-item .more-items-text {
        margin-bottom: 10px;
        }
    
        /* mirage */
        #mirage-container .more-items-list>.button-items {
        left: 250px;
        }
    
        #mirage-container .more-items-list>.button-items button {
        font-size: 10px;
        }
    }
    
    @media only screen and (max-width: 900px) {
    
        :root {
        --header-height: 60px;
        }
    
        body,
        input,
        textarea,
        .md-content>* {
        font-size: 15px;
        }
    
        .one-of-two,
        .one-two .more-items-item,
        .one-two .more-video-item,
        .one-two .galleries-item,
        .one-two .socialstream-item,
        .one-two.landing li,
        .one-two .control-group,
        .one-two .formly>*>*,
        .one-of-three,
        .mini-content,
        .one-three .more-items-item,
        .one-three .more-video-item,
        .one-three .galleries-item,
        .one-three .socialstream-item,
        .one-three.landing li,
        .one-three .control-group,
        .one-three .formly>*>*,
        .two-of-three,
        .two-three .more-items-item,
        .two-three .more-video-item,
        .two-three .galleries-item,
        .two-three .socialstream-item,
        .two-three.landing li,
        .two-three .control-group,
        .two-three .formly>*>*,
        .one-of-four,
        .one-four .more-items-item,
        .one-four .more-video-item,
        .one-four .galleries-item,
        .one-four .socialstream-item,
        .one-four .control-group,
        .one-four .formly>*>*,
        .one-four.landing li,
        .three-of-four,
        .three-four .more-items-item,
        .three-four .more-video-item,
        .three-four .galleries-item,
        .three-four .socialstream-item,
        .three-four.landing li,
        .three-four .control-group,
        .three-four .formly>*>*,
        .one-of-five,
        .one-five .more-items-item,
        .one-five .more-video-item,
        .one-five .galleries-item,
        .one-five .socialstream-item,
        .one-five.landing li,
        .one-five .control-group,
        .two-five .formly>*>*,
        .two-of-five,
        .two-five .more-items-item,
        .two-five .more-video-item,
        .two-five .galleries-item,
        .two-five .socialstream-item,
        .two-five.landing li,
        .two-five .control-group,
        .two-five .formly>*>*,
        .three-of-five,
        .three-five .more-items-item,
        .three-five .more-video-item,
        .three-five .galleries-item,
        .three-five .socialstream-item,
        .three-five.landing li,
        .three-five .control-group,
        .three-five .formly>*>*,
        .four-of-five,
        .four-five .more-items-item,
        .four-five .more-video-item,
        .four-five .galleries-item,
        .four-five .socialstream-item,
        .four-five.landing li,
        .four-five .control-group,
        .four-five .formly>*>*,
        .one-of-six,
        .one-of-seven,
        .micro-content,
        .social-login:not(.one-six):not(.one-seven)>* {
        width: calc(50% - var(--gap));
        }
    
        .one-six .more-video-item,
        .one-six .galleries-item,
        .one-six .socialstream-item,
        .one-six.landing li,
        .one-six .control-group,
        .one-six .formly>*>*,
        .one-six.social-login>*>*,
        .one-seven .more-items-item,
        .one-seven .more-video-item,
        .one-seven .galleries-item,
        .one-seven .socialstream-item,
        .one-seven.landing li,
        .one-seven .control-group,
        .one-seven .formly>*>*,
        .one-seven.social-login>*>* {
        width: calc(33.3333% - var(--gap));
        }
    
        .secondary-content .widget li {
        width: inherit;
        }
    
        .more-items.text-over .more-items-item h2 {
        font-size: 28px;
        }
    
        .pagination-page,
        .pagination.more .pagination-more,
        .pagination.showmore-inline .pagination-page,
        .load-more-bt {
        width: 100%;
        }
    
        .gap-0 .pagination-page,
        .gap-0 .pagination.more .pagination-more,
        .gap-0 .pagination.showmore-inline .pagination-page,
        .gap-0 .load-more-bt,
        .gap-5 .pagination-page,
        .gap-5 .pagination.more .pagination-more,
        .gap-5 .pagination.showmore-inline .pagination-page,
        .gap-5 .load-more-bt,
        .gap-10 .pagination-page,
        .gap-10 .pagination.more .pagination-more,
        .gap-10 .pagination.showmore-inline .pagination-page,
        .gap-10 .load-more-bt,
        .gap-20 .pagination-page,
        .gap-20 .pagination.more .pagination-more,
        .gap-20 .pagination.showmore-inline .pagination-page,
        .gap-20 .load-more-bt,
        .gap-30 .pagination-page,
        .gap-30 .pagination.more .pagination-more,
        .gap-30 .pagination.showmore-inline .pagination-page,
        .gap-30 .load-more-bt,
        .gap-40 .pagination-page,
        .gap-40 .pagination.more .pagination-more,
        .gap-40 .pagination.showmore-inline .pagination-page,
        .gap-40 .load-more-bt {
        width: auto;
        margin-right: calc(var(--gap) / 2);
        margin-left: calc(var(--gap) / 2);
        }
    
        .article-view-category,
        .img-main .article-view-body,
        .article-view header figure,
        .article-view #slideshow-gallery {
        width: 100%;
        }
    
        .img-main .article-view-body {
        margin-top: 0;
        padding-top: 40px;
        }
    
        .team .car {
        display: none;
        }
    
        .ranking-data-info>* .avatar {
        margin-right: 20px;
        }
    
        .social-login>* {
        max-width: 75% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        }
    
        .formly>*>* {
        width: 100%;
        }
    
        .social-login .btn {
        width: calc(100% - var(--gap));
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 20px;
        }
    
        .social-login .btn i {
        margin-bottom: 0;
        margin-right: 10px;
        }
    
        .cascade-view .wrapper .article-view-body .article-text {
        flex-direction: column;
        align-items: flex-start;
        }
    
        .cascade-view .wrapper .article-view-body .article-text>* {
        width: 100% !important;
        }
    
        .cascade-view .wrapper .article-view-body .article-text .item-content-title {
        margin: 0 0 10px 0;
        }
    
        .notifications .widget-title {
        padding-left: 20px;
        }
    
        .notifications .widget-title {
        width: 60px;
        }
    
        .notifications .wrapper {
        width: calc(100vw - 60px);
        }
    
        .event-list-tabed .more-items-list .more-items-item .wrapper h2 small {
        font-size: 15px;
        }
    
        #header .season-selector {
        height: 33px;
        }
    
        .team-list .img-4 {
        display: none;
        }
    
        .team-list ul li {
        margin-left: 20px;
        width: calc(100vw - 20px);
        }
    
        .team-list ul li>a:not(.all-box-link) {
        width: calc(60vw - 215px);
        }
    
        .team-list ul li .wrapper {
        width: 40vw;
        padding-right: 10px;
        }
    
        [id-flag] h2:before,
        .team-list [id-flag] h2:before {
    
        margin-bottom: 5px;
        }
    
        .team-list .data-list .data-item {
        font-size: 22px;
        }
    
        .team-list .data-list .data-item:before {
        font-size: 9px;
        }
    
        .results-embed #widget-embed>.layout-row>div {
        width: 100%;
        margin: 0 0 30px 0 !important;
        }
    
        .results-embed #widget-embed>div {
        flex-wrap: wrap;
        }
    
        .vertical-menu>.tabs-content>.widget {
        min-height: 35svh;
        }
    
        #modal-search {
        max-width: 92%;
        min-width: 92%;
        width: 92%;
        top: 20px;
        transform: none;
        left: 50%;
        right: auto;
        bottom: 20px;
        margin-left: -46%;
        }
    
        /* Felix tablet */
        body.cal-conference #cal_banners ul li {
            width: calc(50% - var(--gap));
        }
        .fan-village .confirmation .driver-accordion-content {
            max-width: 65%;
        }
        #more-presented .more-items-list {
        /* margin-left: 40px !important; */
        }
        /* Cal */
        .cal-conference .large-title .slide-content .slide-title {
        font-size: 42px;
        }
    
        .cal-conference #immerse .wrapper {
        flex-direction: column;
        }
    
        .cal-conference #immerse .wrapper>h2 {
        text-align: left;
        width: 100%;
        }
    
        .cal-conference #immerse .wrapper>p {
        width: 100%;
        font-size: 15px;
        }
    
        .x-large-title .slide-content .slide-title,
        .x-large-title .widget-title {
        font-size: 60px;
        }
    
        /* Mirage */
        #mirage-container .more-items-list {
        height: calc(100svh - var(--header-height) + 28px);
        }
    
        #mirage-container .more-items-list .more-items-item {
        position: absolute;
        width: 100%;
        height: calc(100svh - var(--header-height) + 28px);
        }
    
        #mirage-container .more-items-list .more-items-item:not(:nth-child(2)) {
        display: none;
        }
    
        #mirage-container .more-items-list .more-items-item.show {
        display: block;
        }
    
        #mirage-container .mirage-item-title {
        display: flex;
        }
    
        #mirage-container .title-container>button {
        display: block;
        }
    
        #mirage-container .title-container>button:after {
        content: "\ea60";
        font-family: 'remixicon';
        font-size: 20px;
        color: var(--text-color);
        }
    
        #mirage-container .mirage-item>span {
        font-size: 18px;
        }
    
        #mirage-container .more-items-list>.button-items {
        left: 0;
        width: 100%;
        gap: 10px;
        top: calc(var(--header-height) + 5px);
        justify-content: center;
        }
    
        #mirage-container .more-items-list .more-items-item {
        padding-top: 40px;
        }
    
        #mirage-container .more-items-list>.button-items {
        top: calc(var(--header-height));
        padding: 5px 0;
        background: #fff;
        }
    
        #mirage-container .more-items-list>.button-items button {
        padding: 2px 4px;
        font-size: 12px;
        text-align: left;
        }
    
        #mirage-container .more-items-list>.button-items button:after {
        margin-left: 4px;
        font-size: 12px;
        }
    
    
        .large-wrapper-padding {
        --wrapper-padding: 20px;
        }
        /* CAL */

        .cal-conference #ca-banner-price ul li {
        width: calc(50% - var(--gap));
        }
        .cal-conference #ca-banner-price {
        height: 25svh;
        }
        .cal-conference #top-story.top-story-event video,
        .cal-conference #top-story.top-story-event,
        .cal-conference #top-story.top-story-event .ytplayer-container {
        height: calc(75svh - var(--header-height));
        
        }
        .cal-event #cal_banners {
        padding-left: 0;
        padding-right: 0;
        }  
        .cal-event #cal_banners ul li {
        width: calc(50% - var(--gap));
        }
        .cal-conference .widget-title {
        margin-left: 40px !important;
        margin-right: 40px;
        }
        #cal_graphics {
        max-width: calc(var(--max-width-cal) - 80px);
        }
        .cal-event .white-border:before {
        left: 40px;
        right: 40px;
        }
        .cal-event-logos ul li > a {
        max-width: calc(100% - (40px * 2));
        }

        #event_sessions_speakers ul li .wrapper {
        display: flex;
        flex-direction: column;
        max-width: calc(100% - (40px * 2));
        }
        #cal_event_info_icons ul li .wrapper {
        padding-left: 40px;
        } 
        #event_info_container {
        flex-direction: column;
        background: transparent;
        }
        #cal_event_info_icons {
        width: calc(100% - 40px);
        margin-left: 0;
        }
        #cal_event_info_items {
        margin-top: 0;
        padding-left: 0 !important;
        padding-top: 60px !important;
        width: 100%;
        }
        #cal_event_info_items:before {
        content: "";
        width: 100%;
        height: 60px;
        display: block;
        position: absolute;
        left: -20px;
        transform: skewX(35deg);
        top: 0;
        }
        .cal-conference.dark #event_info_container {
        background-color: #000;
        }
        #cal_event_info_items ul li {
        padding-left: 40px;
        }
        #cal_event_info_items ul:before {
        margin-left: 31px;
        }
        #event_sessions_speakers ul li .wrapper .more-items-category {
        margin-top: 30px;
        }
        #event_sessions_speakers ul li .wrapper .more-items-long-text:before {
        left: -78px;
        }
        #event_sessions_speakers ul li .wrapper .more-items-long-text {
        padding-left: 50px;
        }
        #event_sessions_speakers ul li,
        #event_sessions_speakers .widget-title {
        position: relative;
        top: auto;
        }
        #past_event_speakers li {
        flex-direction: column;
        min-height: auto;
        }
        #past_event_speakers li > a {
        height: auto;
        width: 100%;
        position: relative;
        aspect-ratio: 16 / 9;
        }
        #past_event_speakers li > a img {
        object-position: bottom;
        }
        #past_event_speakers li .wrapper {
            padding-right: 0;
            padding-left: 0;

        }
        #past_event_speakers li .wrapper .more-items-category {
        left: 0;
        }
        #past_event_speakers li .wrapper h2, #past_event_speakers li .wrapper .more-items-text {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        }
        #past_event_speakers li .wrapper .more-items-long-text, 
        #past_event_speakers li:nth-child(even) .wrapper .more-items-long-text {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div {
        width: 27%;
        }
        #past_event_speakers li .wrapper:before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 67%, rgba(0, 0, 0, 0) 100%);
        }
        #past_event_speakers ul li .wrapper .more-items-long-text:before,
        #past_event_speakers ul li:nth-child(even) .wrapper .more-items-long-text:before {
        left: -130px;
        font-size: 35px;
        }
        #past_event_speakers li .wrapper .more-items-text .link-button {
        left: 92px;
        bottom: -83px;
        }
        #past_event_speakers li:not(:first-child) .wrapper,
        #past_event_speakers li:nth-child(even) .wrapper {
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
        }
        #past_event_speakers li .wrapper .more-items-text {
        min-height: auto;
        margin-bottom: 80px;
        }
        #past_event_speakers li:nth-child(even) .wrapper h2, #past_event_speakers li:nth-child(even) .wrapper .more-items-text {
        padding-left: 30px;
        padding-right: 30px;
        }
        #past_event_speakers li:nth-child(even) .wrapper .more-items-text .link-button {
        left: 92px;
        top: auto;
        margin-top: 0 !important;
        position: absolute;
        text-align: left;
        }
        #past_event_speakers li:nth-child(even) .wrapper .more-items-long-text .speaker-data-json {
        padding-left: 95px;
        padding-right: 33px;
        flex-direction: row;
        }
        #past_event_speakers li:nth-child(even) .wrapper:after {
        background: linear-gradient(270deg, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 0) 100%);
        right: 0;
        height: 400px;
        left: auto;
        width: 36px;
        }
        
        #past_event_speakers li:nth-child(even) .wrapper:before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 67%, rgba(0, 0, 0, 0) 100%);
        left: 0;
        height: 370px;
        width: 90px;
        bottom: 0;
        top: auto;
        }
        

    
        #cal-event {
        padding: 0 20px 0 40px !important
        }
        
        #past_event_speakers li .sponsors-container {
        width: 100%;
        aspect-ratio: 16 / 9;
        }
        #past_event_speakers li .sponsors-container:before {
        margin-bottom: 54px;
        }
        #past_event_speakers li .sponsors-container img {
        max-width: 180px;
        height: 45px;
        }

    }
    
    @media only screen and (max-width: 767px) {
    
        :root {
        --header-height: 50px;
        --left-column-width: 150px;
        }
    
        body {
        font-size: 16px;
        }
    
        .menu-opened #header {
        z-index: 9999999;
        }
    
        #header {
        border: none;
        height: var(--header-height)
        }
    
        #header .wrapper-group .row1 {
        height: 100%;
        }
    
        .unity #navigation-mobile {
        width: 100%;
        margin-right: -100%;
        }
    
        .unity #navigation-mobile.open {
        margin-right: 0;
        }
        .unity .article-view-title {
            font-size:28px;
        }
        .logo-img {
        height: 60%;
        width: auto;
        }
    
        #user-menu {
        height: 70%;
        margin-top: auto;
        margin-bottom: auto;
        }
    
        #user-menu .menu:not(.not-logged) {
        margin-right: 10px;
        }
    
        #user-menu .profile-image .avatar {
        width: 30px !important;
        height: 30px;
        }
    
        #user-menu>* {
        padding-right: 0;
        }
    
        #user-menu .menu>li:not(.dropdown)> :not(a)::after {
        color: #ffffff;
        }
    
        body.livetiming .menu>li.livetiming,
        body.timing-results .menu>li.timing-results,
        body.docs .menu>li.docs,
        body.noticeboard .menu>li.noticeboard,
        body.broadcasters .menu>li.broadcastch8 {
        position: fixed;
        top: 62px;
        margin: 0;
        right: auto;
        left: 1px;
        }
    
        body.livetiming .open .menu>li.livetiming,
        body.timing-results .open .menu>li.timing-results,
        body.docs .open .menu>li.docs,
        body.noticeboard .open .menu>li.noticeboard,
        body.broadcasters .open .menu>li.broadcastch8 {
        display: none;
        }
    
        body.livetiming .menu>li.livetiming a,
        body.timing-results .menu>li.timing-results a,
        body.docs .menu>li.docs a,
        body.noticeboard .menu>li.noticeboard a,
        body.broadcasters .menu>li.broadcastch8 a {
        color: #fff;
        }
    
        #footer .wrapper-group>.wrapper {
        flex-direction: column;
        align-items: center;
        }
    
        .scroll-bottom #chat-button {
        bottom: 140px;
        }
    
        #chatbox.chat-lite.active {
        bottom: 0;
        }
    
        #header #navigation-toggle {
        width: var(--header-height);
        }
    
        #header .season-selector {
        height: 28px;
        margin-right: 0;
        border: none;
        display: none;
        }
    
        #header .season-selector .dropdown {
        margin-right: 0;
        }
    
        .navigation ul li a,
        .menu>li>a,
        .menu>li>*,
        #header .season-selector .dropdown>a {
        font-size: 14px;
        }
    
        /* leadership page mobile*/
        .leadership #top-story ul li {
        max-height: 114px;
        }
    
        .leadership #top-story>ul>li .wrapper h2 {
        font-size: 2.8rem;
        line-height: 3.2rem;
        }
    
        #leadership-items ul li {
        padding-inline: var(--wrapper-padding);
        }
    
        #leadership-items .more-items-item .wrapper>h2 {
        font-size: 2.5rem;
        }
    
        #leadership-items .more-items-item .more-items-text {
        line-height: 2rem;
        font-size: 1.6rem;
        }
    
        /* Felix mobile */
        .cal-event #cal_banners ul li .wrapper p {
            margin-right: 0;
        }
        body.cal-conference #cal_banners ul li {
            width: calc(100% - var(--gap));
        }
        #no-schedule-available > p {
            padding-inline: 20px;
        }
        .cal-conference #header .widget.link-button {
            display: flex;
            align-items: center;
            margin-right: 0;
        }
        /* FV */
        .fan-village .confirmation .driver-accordion-content.open {
            max-width: 43%;
            font-size: 13px;
        }
        .fan-village .welcome-page > section > div {
            z-index: 9;
            position: relative;
        }
        .fan-village .welcome-page > section > div,
        .fan-village .welcome-page ul li .wrapper {
            width: 100%;
        }
        .fan-village .welcome-page > section > div > div:last-of-type > .birth-date > div {
            gap: 9px;
        }
        .fan-village .welcome-page > section > div > div:last-of-type > .birth-date > div select {
            min-width: 30%;
            margin-right: 0;
        }
        .fan-village .welcome-page > section > div > div:last-of-type > div select {
            min-width: 100%;
        }
        .fan-village .welcome-page > section > div > div:last-of-type > .first-check > div label, 
        .fan-village .welcome-page > section > div > div:last-of-type > .second-check > div label {
            font-size: 1.2rem;
            line-height: 1.8rem;
        }
        .fan-village.home .welcome-page:before,
        .fan-village.home .welcome-page:after {
            bottom: 0;
        }
        .fan-village .screens-container > div {
            width: 100%;
        }
        .fan-village .confirmation .qr-container {
            flex-direction: column;
            align-items: flex-start;
        }
        /* Apex Chat */
        #apex-chat-container {
        height: calc(100vh - 50px);
        }
        #apex-chat-container .chat-container .chat-real-time > div {
        padding: 6px 14px;
        margin: 0 10px;
        }
        #apex-chat-container .chat-container .chat-real-time > div > .question {
        padding-bottom: 10px;
        margin-bottom: 16px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .date-buttons-container {
            gap: 4px;
            flex-direction: column-reverse;
            justify-content: flex-start;
            align-items: flex-start;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons {
            gap: 6px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .message-button:before {
            font-size: 12px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons .delete-button-container .delete-confirmation {
            font-size: 9px;
            gap: 6px;
        }
        #apex-chat-container .chat-container {
            flex-direction: column;
            position: relative;
        }
        #apex-chat-container .chat-container .chat-real-time {
            width: 100%;
            padding-bottom: 50px;
        }
        #apex-chat-container .chat-container .chat-real-time.active {
            width: 100%;
        }
        #apex-chat-container .chat-container .chat-user-questions {
            width: 100%;
            position: absolute;
            top: 0;
            transform: translateX(100%);
            z-index: 4;
            height: calc(100vh - 50px);
            transition: all .3s ease;
        }
        #apex-chat-container .chat-container .chat-user-questions.active {
            transform: none;
            width: 100%;
        }
        #apex-chat-container .chat-container .burger-button,
        #apex-chat-container .chat-container .sort-btn {
            top: 18px;
        }
        #apex-chat-container .chat-container .chat-real-time>div .message-buttons.is-mobile {
            display: flex !important;
        }
        #apex-chat-container .chat-container .event-selector {
            bottom: 18px;
            right: 10px;
            top: revert;
        }
        /* Cal */
        #past_event_speakers li:first-child .wrapper:before {
            display: none;
        }
         /* Miami */
            .cal-conference #event_info .widget-title span,
            .cal-conference #sessions-speakers-london .widget-title span  {
                right: -44px;
            }
         /* Footer */
         .cal-conference #footer .wrapper.row2 {
            align-items: center;
         }
        /* Event */
        #more-presented .more-items-list {
            max-width: calc(100% - (16px * 2)) !important;
            margin-left: auto !important;
        }
        #more-presented .more-items-list a {
            display: flex;
            justify-content: center;
        }
        #more-presented .more-items-list img {
            max-width: 300px;
        }
        /* General */
        .cal-conference .owl-theme.owl-carousel .owl-nav [class*='owl-'] {
        font-size: 24px;
        }
        .slide-mobile-normal .owl-stage {
        padding-left: 16px !important;
        }
    
        .slide-mobile-normal .owl-item .more-items-item {
        width: 88vw !important;
        }
    
        .cal-conference .widget-title {
        margin-left: 16px !important;
        margin-bottom: 20px;
        padding-right: 40px !important;
        font-size: 20px;
        margin-right: 0;
        }
    
        .cal-conference .widget-title:after {
        right: 10px;
        bottom: -5px;
        width: 28px;
        height: 28px;
        }

        .cal-conference .large-title .slide-content .slide-title {
        font-size: 36px;
        }
        /* Speakers */
        .cal-speakers #cal_speakers_all {
        padding-left: 45px;
        }
        .cal-speakers #modal-overlay-cal_speakers{
            width: 94%;
        }
        .cal-speakers #modal-overlay-cal_speakers #ov-container {
        flex-direction: column;
        }
        .cal-speakers #modal-overlay-cal_speakers #ov-data-img img {
            min-height: revert;
        }
        .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper {
            width: 100%;
            padding: 20px;
        }
        .cal-speakers #modal-overlay-cal_speakers #ov-data-wrapper #ov-data-text {
            padding-top: 0;
            margin-inline: 0;
            margin-bottom: 0;
        }
        .cal-speakers #cal_speakers_all #cal_speakers:before {
        top: calc(var(--header-height) + 68px);
        left: -122px;
        font-size: 45px;
        }
        /* Home */
        .cal-conference #top-story iframe {
        min-height: 60svh;
        }
    
        .cal-conference #top-story .slide-category {
        padding: 13px 20px;
        margin-top: 8px;
        }
    
        .cal-conference #immerse .wrapper>h2 {
        font-size: 28px;
        }
    
        .cal-conference #immerse .wrapper {
        padding-inline: 20px;
        gap: 10px;
        }
    
        .cal-conference #immerse .more-items-img {
        min-height: 630px;
        max-height: revert;
        }
    
        #upcoming-wrapper {
        flex-direction: column;
        }
    
        #cal-event ul .wrapper .more-items-text {
        font-size: 42px;
        }
    
        .cal-conference .slide-category,
        .cal-conference .widget:not(#ca-events) .link-button a{
        padding: 13px 20px;
        }
    
        #tab-sessions-speakers {
        padding-top: 0;
        }
    
        #cal-event {
        padding-inline: 20px !important;
        padding-bottom: 0;
        }
    
        #tab-sessions-speakers .tabs-content ul {
        padding-left: 1px;
        }
    
        #tab-sessions-speakers header .tabs li a {
        padding-bottom: 8px;
        }
    
        #tab-sessions-speakers header .tabs li:not(:last-child):after {
        height: 74%;
        right: 9px;
        top: revert;
        bottom: 0;
        transform: none;
        }
    
        .cal-conference .speaker-data-json {
        gap: 10px;
        }
    
        .cal-conference .speaker-data-json>div {
        width: 100% !important;
        display: flex;
        gap: 10px;
        align-items: center;
        }
    
        .cal-conference .speaker-data-json>div img {
        width: 135px;
        }
    
        #tab-sessions-speakers header .tabs {
        justify-content: flex-end;
        }
    
        .cal-conference .speaker-data-json>div .speaker-info h3 {
        font-size: 16px;
        }
    
        .cal-conference .speaker-info p {
        font-size: 12px;
        }
    
        .cal-conference #press-releases .owl-item:after {
        display: none;
        }
    
        .cal-conference #cal-products .widget-title {
            font-size: 30px;
            padding-right: 0 !important;
        margin-left: 0 !important;
        }
    
        .cal-conference #ca-events .more-items-item .wrapper {
        padding-inline: 30px;
        }
    
        .cal-conference #ca-events .more-items-item .wrapper .more-items-category {
        font-size: 52px;
        }
    
        .cal-conference #ca-events .more-items-item .wrapper .more-items-text {
        font-size: 34px;
        }
    
        .cal-conference #ca-events .more-items-item .wrapper>h2,
        .cal-conference #ca-events .more-items-item .wrapper > .location {
            font-size: 20px;
        }
    
        .cal-conference #ca-events .more-items-item .wrapper .link-button a {
        font-size: 18px;
        }
    
        #products-wrapper {
        padding-inline: 10px;
        }
    
        /* Tickets */
        .cal-conference.tickets #payment-method {
        padding: 20px;
        }
    
        .cal-conference.tickets .md-modal {
        height: 100vh;
        }
    
        .cal-conference.tickets .md-modal .md-content {
        height: 100%;
        border-radius: 0;
        }
    
        #price-detail-container {
        margin-bottom: 30px;
        margin-top: 30px;
        position: initial;
        }
        .custom-checkbox label {
        display: block;
        }
        .custom-checkbox input[type="checkbox"] {
        margin-right: 8px;
        }
        .custom-checkbox input[type="checkbox"]::before {
        font-size: 30px;
        }
        .cal-conference form .formly .formly-field.coupon label span, .cal-conference form .formly .formly-field.coupon input {
        font-size: 18px;
        }
    
        /* Felix mirage mobile */
        #mirage-overlay-update-email form .form {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        .mirage-overlay .content .form-group.buttons {
            width: 100%;
        }
        #apex-chat-container .chat-container .sort-btn span {
            display: none;
        }
        #mirage-container .more-items-list {
        height: calc(100svh - var(--header-height) + 75px);
        }
    
        #mirage-container .more-items-list .more-items-item {
        height: calc(100svh - var(--header-height) + 75px);
        }
    
        #mirage-container .more-items-list .more-items-item {
        padding-top: 66px;
        }
    
        #mirage-container .more-items-list>.button-items {
        flex-wrap: wrap;
        }
    
        #mirage-container .more-items-list>.button-items button {
        font-size: 8px;
        }
    
        .mirage-loading-container {
        width: 70px;
        animation: loadingContainer 1s infinite linear;
        }
    
        #mirage-overlay-confirm-delete .form-group.buttons {
        flex-direction: column;
        }
    
        .mirage-overlay .content {
        flex-direction: column;
        gap: 1em;
        max-height: 80svh;
        padding: 30px;
        }
    
        .mirage-overlay .content .form {
        width: 100%;
        }
    
        .mirage-overlay .content .form .form-group.time {
        gap: 0;
        flex-direction: column;
        }
    
        .mirage-overlay .content .form .form-group.time div:nth-child(2) {
        margin-bottom: 20px;
        }
    
        .mirage-overlay .content .form .form-group.city {
        gap: 20px;
        margin-bottom: 0;
        }
    
        .mirage-overlay .content .form .form-group.city span {
        /* margin: 0 !important; */
        }
    
        #auth0-search-container .content .users-list>li {
        flex-direction: column;
        }
    
        #auth0-search-container .users-info {
        margin-bottom: 14px;
        }
    
        #auth0-search-container .auth0-delete-success {
        position: absolute;
        bottom: 20px;
        right: 20px;
        }
    
        #auth0-search-container .search-group .btn {
        height: 40px;
        width: 40px;
        padding: 0;
        border-radius: 100%;
        right: 4;
        color: transparent;
        }
    
        #auth0-search-container .search-group .btn:after {
        content: "\f0d1";
        font-family: 'remixicon';
        position: absolute;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        width: 100%;
        height: 100%;
        right: 0;
        }
    
        #auth0-search-container .content .users-list .btn-cancel {
        position: relative;
        height: 40px;
        width: 40px;
        border-radius: 100%;
        color: transparent;
        }
    
        #auth0-search-container .content .users-list .btn-cancel:after {
        content: "\f2c0";
        font-family: 'Ionicons';
        position: absolute;
        font-size: 20px;
        color: #fff;
        line-height: 20px;
        width: 100%;
        height: 100%;
        right: 0;
        }
    
        /* Felix Coming Soon*/
        .coming-soon .content {
        width: 100%;
        padding: 0 20px;
        margin-left: 0;
        margin-top: 0;
        }
    
        .coming-soon .content .more-items-item {
        margin-inline: 0;
        }
    
        .coming-soon .content .more-items-img {
        width: 100%;
        max-width: revert;
        }
    
        .coming-soon .content .widget-title * {
        font-size: 16px;
        }
    
        .one-of-two,
        .one-two .more-items-item,
        .one-two .more-video-item,
        .one-two .galleries-item,
        .one-two .socialstream-item,
        .one-two.landing li,
        .one-two .control-group,
        .one-two .formly>*>*,
        .one-of-three,
        .mini-content,
        .one-three .more-items-item,
        .one-three .more-video-item,
        .one-three .galleries-item,
        .one-three .socialstream-item,
        .one-three.landing li,
        .one-three .control-group,
        .one-three .formly>*>*,
        .two-of-three,
        .two-three .more-items-item,
        .two-three .more-video-item,
        .two-three .galleries-item,
        .two-three .socialstream-item,
        .two-three.landing li,
        .two-three .control-group,
        .two-three .formly>*>*,
        .one-of-four,
        .one-four .more-items-item,
        .one-four .more-video-item,
        .one-four .galleries-item,
        .one-four .socialstream-item,
        .one-four .control-group,
        .one-four .formly>*>*,
        .one-four.landing li,
        .three-of-four,
        .three-four .more-items-item,
        .three-four .more-video-item,
        .three-four .galleries-item,
        .three-four .socialstream-item,
        .three-four.landing li,
        .three-four .control-group,
        .three-four .formly>*>*,
        .one-of-five,
        .one-five .more-items-item,
        .one-five .more-video-item,
        .one-five .galleries-item,
        .one-five .socialstream-item,
        .one-five.landing li,
        .one-five .control-group,
        .two-five .formly>*>*,
        .two-of-five,
        .two-five .more-items-item,
        .two-five .more-video-item,
        .two-five .galleries-item,
        .two-five .socialstream-item,
        .two-five.landing li,
        .two-five .control-group,
        .two-five .formly>*>*,
        .three-of-five,
        .three-five .more-items-item,
        .three-five .more-video-item,
        .three-five .galleries-item,
        .three-five .socialstream-item,
        .three-five.landing li,
        .three-five .control-group,
        .three-five .formly>*>*,
        .four-of-five,
        .four-five .more-items-item,
        .four-five .more-video-item,
        .four-five .galleries-item,
        .four-five .socialstream-item,
        .four-five.landing li,
        .four-five .control-group,
        .four-five .formly>*>*,
        .one-of-six,
        .one-of-seven,
        .one-six .more-video-item,
        .one-six .galleries-item,
        .one-six .socialstream-item,
        .one-six.landing li,
        .one-six .control-group,
        .one-six .formly>*>*,
        .one-seven .more-items-item,
        .one-seven .more-video-item,
        .one-seven .galleries-item,
        .one-seven .socialstream-item,
        .one-seven.landing li,
        .one-seven .control-group,
        .one-seven .formly>*>*,
        .micro-content,
        .primary-content .primary-content,
        .secondary-content,
        .related-content,
        .social-login>*>* {
        width: 100%;
        }
    
        .related-content .widget-title,
        .primary-content .widget-title {
        text-align: center;
        }
    
        .section-title,
        .widget-title {
        font-size: 28px;
        }
    
        .medium-title .section-title,
        .medium-title .widget-title {
        font-size: 28px;
        }
    
        .tabs-end .widget-title,
        .tabs-start .widget-title,
        .tabs-end .section-title,
        .tabs-start .section-title,
        .gap-0 {
        /* padding-left: 20px;
            padding-right: 20px;*/
        }
    
        .full-content .one-two,
        .full-content .one-three,
        .full-content .two-three,
        .full-content .one-four,
        .full-content .three-four,
        .full-content .one-five,
        .full-content .two-five,
        .full-content .three-five,
        .full-content .four-five,
        .one-seven {
        padding-left: 10px;
        padding-right: 10px;
        }
    
        .column>.widget:not(.article-view):not(.full-width) {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        /*.widget:not(.slide-items):not(.slide-items-mobile) .more-items-item,*/
        .widget-wrapper>* {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        }
    
        .pagination-page,
        .pagination.more .pagination-more,
        .pagination.showmore-inline .pagination-page,
        .load-more-bt {
        margin-left: 0 !important;
        margin-right: 0 !important;
        }
    
        .large-title .slide-content .slide-title {
        font-size: 36px;
        }
    
        .large-text .wrapper h2 {
        font-size: 32px;
        }
    
        .large-text .wrapper p {
        font-size: 14px;
        }
    
    
        .is-mobile {
        display: block !important;
        }
    
        .is-desktop {
        display: none !important;
        }
    
        .tab-drivers td.drivers-group .driver-name.small,
        .flag-group *,
        .tab-drivers td.teams-group,
        .tab-drivers th.teams-group,
        .tab-teams td.drivers-group,
        .tab-teams th.drivers-group,
        .tab-teams .drivers,
        .results-widget td.teams-group,
        .results-widget th.teams-group,
        .results-widget td.drivers-group .driver-name.small {
        display: none;
        }
    
        .tabs li a,
        .vertical-menu>header>ul li .wrapper h2 a {
        margin-left: 0;
        }
    
        .tabs-view:not(.tabs-col)>header>.tabs {
        overflow: auto;
        justify-content: flex-start;
        }
    
        .tabs-view:not(.tabs-col)>header>.tabs>li {
        flex: none;
        }
    
        .flag-group {
        width: 0;
        padding: 0;
        }
    
        .position .position-value {
        padding: 12px 0;
        width: 35px;
        height: 57px;
        }
    
        .position .position-value:after {
        border-width: 28px 0 28px 10px;
        }
    
        .avatar {
        width: 57px !important;
        }
    
        .item-number {
        width: 50px;
        }
    
        .extras .dnf {
        width: auto;
        }
    
        tbody .total {
        font-size: 1.8em;
        }
    
        td.drivers-group .driver-name {
        font-size: 1.2em;
        }
    
        .gain-loss {
        margin-left: 14px;
        }
    
        .tab-teams .position {
        width: 75px;
        }
    
        .number-best,
        .number-started {
        display: none;
        }
    
        .ranking-data-results .number-best,
        .ranking-data-results .number-started {
        display: table-cell;
        }
    
        .tab-results .position {
        width: 35px;
        }
    
        td>.group-results>div:nth-child(2) {
        display: none;
        }
    
        .position {
        width: 75px;
        }
    
        .toggle {
        width: 30px;
        }
    
        .toggle-bt:before {
        font-size: 20px;
        }
    
        .ranking-data-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        }
    
        .ranking-data-info {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        }
    
        .ranking-data-info .avatar {
        width: 100px !important;
        }
    
        .ranking-data-results {
        width: 100%;
        }
    
        .live-widget td.position {
        min-width: 70px;
        }
    
        .live-widget .team-name {
        display: none;
        }
    
        .live-widget td.drivers-group .driver-name {
        font-size: 1.1em;
        }
    
        #results.results-widget header .dropdown {
        position: static;
        }
    
        #results.results-widget header .submenu {
        left: 0;
        right: 0;
        width: auto;
        margin: 0;
        }
    
        .tree-view {
        overflow: hidden;
        }
    
        .tree-view .downloads-main .downloads-container {
    
        display: -webkit-box;
    
        display: -webkit-flex;
    
        display: -ms-flexbox;
    
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: auto;
        width: auto;
        padding: 0;
        position: fixed;
        bottom: 0;
        top: var(--header-height);
        height: calc(100% - var(--header-height));
        right: 0;
        left: 0;
    
        }
    
    
        .slide-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        }
    
        .widget .fotorama__arr--next,
        .widget .fotorama__arr--prev {
        display: none !important;
        }
    
        .topstory-text-left.center-box .slide-content {
        padding-left: 20px;
        }
    
        .topstory-text-right.center-box .slide-content {
        padding-right: 20px;
        }
    
        .fotorama__stage__frame.fotorama__stage__frame--video .slide {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        background: none;
        }
    
        .fotorama__stage__frame.fotorama__stage__frame--video .slide-content {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        padding: 100px 20px 40px;
        }
    
        .fotorama__stage__frame.fotorama__stage__frame--video .slide-content .slide-title {
        margin-left: auto;
        margin-right: auto;
        }
    
        .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* {
        max-width: 100%;
        }
    
        #media-article .fotorama__nav-wrap {
        display: none;
        }
    
        .fotorama .fotorama__caption .fotorama__caption__wrap {
        padding: 0;
        font-size: 10px;
        }
    
        .widget:not(.boxed) .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* {
        max-width: 100%;
        }
    
        .slide-content .slide-title {
        font-size: 26px;
        margin-top: 5px;
        margin-bottom: 5px;
        }
    
        .slide-content .slide-title a {
        padding-left: 0;
        }
    
        .topstory-text-right .slide-content .slide-title a {
        padding-right: 0;
        }
    
        .slide-content p {
        display: none;
        }
    
        .slide-content .slide-category,
        .slide-content .slide-subsection,
        .slide-content>time {
        font-size: 13px;
        display: block;
        }
    
        .slide-content .slide-subsection,
        .slide-content>time,
        .slide-content .slide-category {
        padding-left: 0;
    
        }
    
        .topstory-text-right .slide-content>time,
        .topstory-text-right .slide-content .slide-subsection,
        .topstory-text-right .slide-content .slide-category {
        padding-right: 0;
    
        }
    
        .slide-content .slide-category:after,
        .slide-content .slide-subsection:after {
        display: none;
        }
    
        .slide-content>time {
        display: block;
        }
    
        .fotorama__stage__frame.fotorama__stage__frame--video .slide-content .btn {
        display: none;
        }
    
        .fotorama__video-play {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
        }
    
        .widget .slides .fotorama__video-play:before {
        font-size: 45px;
        height: 45px;
        width: 45px;
        line-height: 45px;
        }
    
        .slides .fotorama__nav-wrap {
        bottom: 5px;
        }
    
        #social-login {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .social-login>* {
        max-width: 100% !important;
        width: 100% !important;
        }
    
        .signup #sign-up .widget-title {
        margin-top: 20px;
        }
    
        .covid-banners ul li:first-child,
        .covid-banners ul li:nth-child(2) {
        width: 100%;
        margin-bottom: 20px;
        }
    
        #header #countdown .widget-title {
        display: none;
        }
    
        #header #countdown>* {
        padding: 0 10px;
        }
    
        .countdown-time>span {
        font-size: 10px;
        }
    
        .countdown-time>span strong {
        font-size: 22px;
        }
    
        .countdown-time>span strong:after {
        padding-left: 3px;
        }
    
        .countdown-time>span.secs {
        width: 37px;
        }
    
    
        .chatbox {
        --header-height: 37px;
        overflow: hidden;
        }
    
        #chatbox {
        padding: 0 !important;
        }
    
        #chatbox aside header img,
        #chatbox aside header .avatar,
        #chatbox aside.close header img,
        #chatbox aside.close header .avatar {
        width: 70px !important;
        height: 70px;
        margin-right: 15px;
        }
    
        #chatbox aside.close img,
        #chatbox aside.close .avatar,
        #chatbox aside img,
        #chatbox aside .avatar {
        margin-left: 10px;
        width: 50px !important;
        height: 50px;
        }
    
        #chatbox aside.close {
        width: 70px;
        }
    
        #chatbox aside {
        width: 220px;
        position: absolute;
        }
    
        #chatbox aside .aside-group {
        padding: 5px 0;
        }
    
        #search-chat {
        left: 220px;
        }
    
        #chatbox aside.close~#search-chat {
        left: 70px;
        }
    
        .as-group-toggle {
        font-size: 16px;
        margin-left: 10px;
        text-align: left;
        }
    
        .as-group-toggle:after {
        margin-right: 10px;
        }
    
        #chatbox aside img,
        #chatbox aside .avatar,
        #chatbox aside .logo-chats li>div {
        margin-left: 10px;
        }
    
        #chatbox main {
        margin-left: 70px;
        width: calc(100% - 70px);
        }
    
        #chatbox main header {
        padding: 0 10px;
        height: 70px;
        }
    
        #chatbox main header h2 {
        font-size: 12px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 160px;
        }
    
        #chatbox main header img:first-child {
        width: 45px;
        display: none;
        }
    
        #chatbox main header .header-left div {
        margin-left: 10px;
        }
    
        #chatbox main header .header-left div input {
        margin-top: 0;
        padding: 0px 5px;
        font-size: 11px;
        }
    
        .audio-call,
        .video-call {
        width: 35px;
        height: 35px;
        }
    
        #chatbox main footer input {
        background-size: 15px auto;
        width: 40px;
        height: 40px;
        right: 15px;
        }
    
        #chatbox aside.close .as-group-toggle:after {
        display: none;
        }
    
        #chat li {
        padding: 15px;
        width: 100%;
        }
    
        #chat h2 {
        font-size: 12px;
        margin: 0 10px;
        }
    
        #chat .entete img,
        #chat .entete .avatar {
        width: 35px !important;
        height: 35px;
        margin: 0;
        }
    
        #chat .me .message {
        margin-right: 35px;
        }
    
        #chat .you .message {
        margin-left: 35px;
        }
    
        #chat .message {
        min-width: 0;
        width: calc(100% - 35px);
        padding: 0 10px 10px;
        font-size: 14px;
        }
    
        #chatbox #search-chat {
        padding: 0 10px;
        margin-left: 70px;
        }
    
        .results ul {}
    
        .character-selector>div {
        padding: 5px 0;
        color: #c9c9c9;
        font-weight: bold;
        cursor: pointer;
        width: 12%;
        text-align: center;
        font-size: 12px;
        }
    
        .character-selector {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        }
    
        #chatbox main footer textarea {
        padding-right: 60px;
        padding-left: 15px;
        }
    
        #chatbox main footer {
        height: 70px;
        }
    
        #chatbox main header img,
        #chatbox main header .avatar {
        display: none !important;
        }
    
        #chatbox aside.close li:after {
        margin-left: -23px;
        }
    
        #chatbox.chat-lite {
        max-width: 100%;
        height: 100%;
        max-height: calc(100svh - var(--header-height) - 50px);
        right: 0;
        bottom: 0;
        z-index: 8;
        }
    
        #chat-button {
        width: 60px;
        height: 60px;
        right: 0;
        bottom: 10px;
        }
    
        #chat-button:before {
        font-size: 32px;
        }
    
        #chatbox.chat-lite aside {
        width: 70px;
        }
    
        #chatbox.chat-lite aside .as-group-toggle:after {
        display: none;
        }
    
        #chatbox.chat-lite aside~#search-chat {
        left: 70px;
        }
    
        #chat-button {
        right: 10px;
        }
    
        #chatbox.chat-lite.active:before {
        content: "";
        position: fixed;
        left: 0;
        top: var(--header-height);
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.72);
        }
    
        #chatbox.chat-lite .extra-buttons>a {
        width: 37px;
        }
    
        #chatbox.chat-lite #chat .entete .user-more-data>img,
        #chatbox.chat-lite #chat .entete .user-more-data>.avatar,
        #chatbox.chat-lite .user-more-data>img,
        #chatbox.chat-lite .user-more-data>.avatar {
        width: 180px !important;
        }
    
        .call-incoming {
        position: absolute;
        }
    
        .call-incoming .call-info,
        .call-message {
        font-size: 12px;
        }
    
        .call-incoming,
        #chatbox main.call-incoming {
        margin-left: 0;
        left: 70px;
        }
    
        #floating-video {
        left: 0;
        width: 100% !important;
        position: relative;
        top: auto;
        bottom: auto;
    
        }
    
        #floating-video .dropdown {
        position: relative;
        margin-top: 0;
        }
    
        #floating-video.floating-video-chat:not(.minimize) .extra-buttons {
        z-index: 1;
        top: 0;
        width: auto;
        }
    
        #floating-video.expand.floating-video-chat .extra-buttons {
        top: 0;
        }
    
        #floating-video.floating-video-live {
        height: auto;
        z-index: 0;
        }
    
        #floating-video.floating-video-live .extra-buttons {
        display: none;
        }
    
        #chatbox #floating-video {
        position: fixed;
        top: var(--header-height);
        }
    
        #floating-video.floating-video-chat {
        height: calc(100vw * 9 / 16);
        }
    
        #floating-video.expand.floating-video-chat {
        margin: 0;
        top: var(--header-height) !important;
        bottom: 0;
        height: auto;
        }
    
        #floating-video.floating-video-chat .extra-buttons .drag-bt {
        display: none;
        }
    
        #chatbox #floating-video.floating-video-chat.minimize,
        #floating-video.floating-video-chat.minimize {
        width: 50px !important;
        height: 50px;
        }
    
        #chatbox #floating-video.floating-video-live {
        z-index: 2;
        }
    
        .livestream-container {
        position: relative;
        }
    
        #search-chat .results .create-group ul li>div div {
        display: none;
        }
    
        #search-chat .results ul li {
        padding: 10px;
        }
    
        #search-chat .btn {
        right: 64px;
        width: 35px;
        height: 35px;
        }
    
        #search-chat .results .create-group .create-group-btn button {
        border-radius: 35px;
        font-size: 13px;
        padding: 0 15px;
        margin-right: 10px;
        }
    
        #search-chat .controls .search {
        padding: 0 10px;
        height: 55px;
        }
    
        #search-chat .results .create-group ul {
        padding: 10px 5px !important;
        max-height: 150px;
        overflow: auto;
        }
    
        #search-chat .results .create-group ul li {
        padding: 0 8px 0 6px;
        margin: 2px 1px 2px 5px;
        border-radius: 39px;
        height: 36px;
        width: 47%;
        }
    
        #search-chat .results .create-group ul li .avatar,
        #search-chat .results .create-group ul li>img {
        width: 25px !important;
        height: 25px;
        }
    
        #search-chat .results .create-group ul li>div:not(.avatar) {
        margin-top: -3px;
        margin-right: 0;
        width: 55px;
        }
    
        #search-chat .results .create-group ul li>div h2 {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    
        }
    
        #search-chat .results .create-group ul li button {
        margin-left: auto;
        }
    
        #search-chat .btn.btn-show-all {
        height: 35px;
        padding: 0 14px;
        border-radius: 35px;
        right: 10px;
        }
    
        #search-chat .results ul li.selected:after {
        width: 35px;
        height: 35px;
        }
    
        #chatbox aside.close header .toggler {
        margin-right: -14px;
        }
    
        #chat li:first-child .user-more-data {
        top: -11px;
        }
    
        .user-more-data {
        left: -10px;
        margin-top: -191px;
        }
    
        #chat .entete .user-more-data>img,
        #chat .entete .user-more-data>.avatar,
        .user-more-data>img,
        .user-more-data>.avatar {
        width: 180px !important;
        height: 180px !important;
        }
    
        #chat .entete>h2:hover .user-more-data {
        width: 180px;
        }
    
        .user-more-data .user-wrapper>.user-name {
        font-size: 18px;
        }
    
        .user-more-data .user-wrapper>span small {
        font-size: 13px;
        line-height: 13px;
        }
    
        .event-list-tabed .more-items-list .more-items-item .wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        }
    
        .event-list-tabed .more-items-list .more-items-item .wrapper .more-items-subsection {
        padding-left: 0;
        max-width: none;
        padding-right: 0;
        margin-bottom: 10px !important;
        }
    
        .event-list-tabed .more-items-list .more-items-item .wrapper h2 {
        padding-right: 0;
        }
    
        .event-list-tabed>.tabs-content .widget .more-items-action {
        position: relative;
        right: auto;
        margin-top: 15px !important;
        margin-left: 0 !important;
        }
    
        .livetiming.embed #widget-embed {
        height: calc(100svh - var(--header-height) - 150px);
        }
    
        .results-embed #widget-embed>.layout-row>div {
        height: 400px;
        }
    
        .vertical-menu>.tabs-content>.widget .widget-title {
        margin-top: 0;
        padding-left: 20px !important;
        padding-right: 20px !important;
        }
    
        .vertical-menu #sign-up form {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .results-embed #widget-embed {
        padding: 0px 40px 30px;
        }
    
        .events-menu .owl-item.center .more-items-item {
        border: none;
        width: auto !important;
        margin-left: 30px !important;
        }
    
        #topSearch {
        max-width: 90%;
        }
    
        #topSearch .search-bar>a span {
        display: none;
        }
    
        #topSearch .search-bar>a i {
        margin-left: 0;
        }
    
        #topSearch .search-bar .control-group .input-block-level {
        width: 100%;
        }
    
        .events-menu .owl-item.center .wrapper h2 {
        font-size: 16px;
        padding-left: 30px;
        }
    
        .events-menu {
        height: 55px;
        background: rgba(0, 0, 0, 0.3);
        display: flex;
        align-items: center;
        }
    
        .events-menu .wrapper {
        align-items: flex-start;
        }
    
        .events-menu ul {
        height: 55px;
        }
    
        .events-menu .owl-theme.owl-carousel .owl-nav>* {
        height: 20px;
        width: 20px;
        line-height: 20px;
        }
    
        .events-menu .owl-carousel .owl-nav button.owl-next::before,
        .events-menu .owl-carousel .owl-nav button.owl-prev::before {
        font-size: 20px;
        }
    
        .events-menu .owl-theme.owl-carousel .owl-nav {
        left: 0;
        right: 0;
        margin-top: -10px;
        }
    
        .events-menu .tabs-content {
        width: 60%;
        margin-left: auto;
        }
    
        .events-menu ul .owl-item.center .more-items-item>a:not(.all-box-link),
        .events-menu ul .owl-item.center .more-items-item>.more-items-img-container {
        width: 20px;
        position: absolute;
        left: 0;
        top: 0;
        }
    
        .events-menu .more-items-text,
        .events-menu .more-items-short-text {
        font-size: 10px;
        margin-top: 2px !important;
        }
    
        .event-list-tabed>.tabs-content .widget .no-results-container {
        width: 100%;
        }
    
        #team-list.team-list {
        padding-bottom: 0 !important;
        }
    
        .team-list ul li {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        padding-left: 0;
        height: auto;
        flex-direction: column;
        }
    
        .team-list ul li>a:not(.all-box-link) {
        width: 100%;
        height: auto;
        }
    
        .team-list .img-1 {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        }
    
        .team-list ul li .wrapper {
        width: 100%;
        padding: 15px ;
        }
    
        .team-list ul li .wrapper h2 {
        font-size: 26px;
        margin-bottom:30px;
        }
        .data-list {
           justify-content: flex-end;
           margin-bottom:35px !important;
        }
        .team-list .data-list .data-item {
        font-size: 26px;
            margin: 0 0 0 20px;
        }
        .team-list ul li .wrapper .link-button {
            right:0;
        }
        .team-list ul li .wrapper .link-button a {
            font-size:14px;
        }
        .team-list ul li:hover .img-3 {
            margin-left: 0;
        }
        .team-list .img-2,
        .team-list .img-3 {
        bottom: 0;
        }
    
        .team-list .img-2 {
        left: 90px;
        }
    
        .team-list .img-3 {
        margin-left: 0;
        left: 0;
        }
    
        .driver-info ul .more-items-item .more-items-long-text {
        padding: 40px 20px;
        }
    
        #team-wrapper {
        flex-direction: column;
        position: relative;
        }
    
        #team-wrapper>* {
        width: 100%;
        }
    
        #team-hero {
        height: calc(var(--left-column-width) * 2);
        }
    
        .team-hero .wrapper {
        padding: 0 20px 20px 20px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        }
    
        .team-hero .wrapper h2 {
        margin-bottom: 20px;
        width: 100%;
        }
    
        .driver-info ul .more-items-item {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        }
    
        .driver-info ul .more-items-item>a {
        left: 20px;
        height: 150px;
        position: relative;
        }
    
        .driver-info ul .more-items-item .wrapper {
        padding-left: 20px;
        margin-top: 0;
        height: auto;
        width: 100%;
        }
    
        .driver-info ul .more-items-item .wrapper>div {
        flex-direction: column;
        }
    
        .driver-info .social-icons a {
        height: 30px;
        font-size: 30px;
        }
    
        .driver-info .social-icons.bottom {
        border-top: 1px solid #aeaeae6e;
        padding-left: 0;
        margin-left: 0;
        margin-top: 15px;
        padding-top: 15px;
        border-left: none;
        }
    
        .driver-info .wrapper h2 {
        position: absolute;
        top: 10px;
        left: 157px;
        right: 0;
        }
    
        .driver-info [id-flag] h2:before {
        margin-bottom: 10px;
        }
    
        .widget.article-view.img-main .article {
        padding-bottom: 40px;
        }
    
        #modal-search .md-header-title {
        display: none;
        }
    
        #modal-search .more-items-list .more-items-item,
        #modal-search .results-found {
        padding-left: 15px;
        padding-right: 15px;
        }
    
        #modal-search .more-items-list .more-items-item {
        padding-top: 15px;
        padding-bottom: 10px;
        flex-direction: column;
        }
    
        #modal-search .more-items-list .more-items-item .wrapper {
        padding: 15px 0 5px 0;
        }
    
        #modal-search .img-aside ul li .more-items-img-container {
        width: 100%;
        background: #ddd;
        display: flex;
        align-items: center;
        justify-content: center;
        }
    
        #modal-search .img-aside ul li .wrapper h2 {
        font-size: 14px;
        }
    
        #modal-search .more-items-list .more-items-item .wrapper .more-items-short-text {
        display: none;
        }
    
        .tag-item {
        padding: 1px 6px;
        font-size: 10px;
        }
    
        #modal-search .md-header .input-block-level {
        max-width: 200px;
        }
    
        .welcome #countdown .widget-title:before {
        width: 120px;
        height: 120px;
        }
    
        #sign-up {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .vertical-menu #sign-up {
        padding-left: 0;
        padding-right: 0;
        }
    
        .accreditations-tab .wrapper {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .vertical-menu .downloads-main .main-view .downloads-container {
        padding: 0 20px;
        margin-top: 20px;
        }
    
        .press-conference-questions>div {
        padding-left: 20px;
        padding-right: 20px;
        flex-direction: column-reverse;
        }
    
        .press-conference-questions>div>* {
        width: 100%;
        padding: 0 !important;
        }
    
        .press-conference-questions>div h3 {
        font-size: 18px;
        }
    
        .press-conference-admin .questions>ul:last-child {
        padding-top: 0;
        }
    
        .press-conference-admin .questions>ul:last-child li {
        flex-wrap: wrap;
        padding-bottom: 10px !important;
        padding-top: 10 !important;
        }
    
        .press-conference-admin .questions>ul:last-child li .question-question {
        width: 100%;
        padding: 10px 0;
        order: -3;
        font-size: 18px;
        }
    
        .press-conference-admin .questions>ul:last-child li .question-name {
        width: 50%;
        order: -2;
        }
    
        .press-conference-admin .questions>ul:last-child li .question-date {
        width: 50%;
        order: -1;
        text-align: right;
        padding: 0;
        }
    
        .press-conference-admin .questions>ul:last-child li .question-status {
        padding-top: 10px;
        margin: 0;
        padding-bottom: 5px;
        width: auto;
        padding-right: 0;
        }
    
        .press-conference-admin .questions>ul:last-child li button {
        margin: 0 5px 0 0
        }
    
        .vertical-menu .more-bt {
        padding: 0 20px !important;
        }
    
        .documents #widget-embed {
        padding-right: 0;
        padding-left: 0;
        }
    
        .driver-info ul .more-items-item .more-items-category {
        line-height: 220px;
        height: 276px;
        font-size: 207px;
        }
    
        .unity .widget.article-view .article,
        .unity #single-title.breadcrums .more-items-item .wrapper {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .vertical-menu #embed-iframe {
        padding-right: 0;
        padding-left: 0;
        }
    
        .breadcrums .section-title,
        .unity #single-title.breadcrums .more-items-item .wrapper h2 {
        font-size: 12px;
        }
    
        #footer .wrapper #footer-zone1 {
        justify-content: center;
        }
    
        #press-releases.slide-view-mobile {
        padding-left: 0;
        padding-right: 0;
        }
    
        .landing-news.slide-view-mobile .more-items-item {
        margin: 0;
        }
    
        .menu-nav .tabs-content .more-items-group .more-items-list li {
        margin-bottom: 10px;
        }
    
        #press-releases .more-items-list:not(.owl-carousel),
        #press-conferences .more-items-list:not(.owl-carousel) {
        padding-left: 10px;
        padding-right: 10px;
        }
    
        #press-releases.vertical-menu {
        padding: 0;
        }
    
        .tabs-content .widget.article-view .article {
        padding-left: 20px;
        padding-right: 20px;
        }
    
        .tabs-content .widget.article-view .article header h1 {
        margin-top: 0
        }

        .cal-conference #navigation .menu>li.contact {
        margin-right: 53px;
        }
        .cal-conference #navigation .menu>li.contact>a {
            padding: 6px 15px;
        } 
        .cal-conference #ca-banner-price {
        padding: 0 10px !important;
        --gap:10px
        }
        .cal-conference #ca-banner-price ul {
        height: calc(30svh - var(--header-height) - 29px);
        }

        .cal-conference #ca-banner-price ul li .wrapper .more-items-category {
        margin-top: 0;
        line-height: 19px;
        font-size: 16px;
        }
        .cal-conference #ca-banner-price ul li .wrapper .more-items-long-text {
        margin-bottom: 0;
        line-height: 16px;
        }
        .cal-conference #top-story.top-story-event video,
        .cal-conference #top-story.top-story-event,
        .cal-conference #top-story.top-story-event .ytplayer-container {
        height: calc(70svh - var(--header-height));
        }
        .cal-conference #ca-banner-price {
        height: 30svh;
        }
        .cal-conference #ca-banner-price ul {
        height: calc(30svh - 29px);
        }
    
        .cal-event #cal_banners ul li {
        width: calc(100% - var(--gap));
        }    
        .cal-event #cal_banners ul li .wrapper h2 a {
        margin-top: 15px;
        font-size: calc((var(--max-width-cal) / 3)/4);
        line-height: calc((var(--max-width-cal) / 3)/4);
        margin-right: 35px;
        }
        #cal_event_info_icons {
        width: calc(100% - 25px);
        }
        #cal_event_info_icons ul li .wrapper {
        padding-left: 16px;
        }
        #cal_event_info_icons ul li .wrapper > *:before {
        margin-right: 20px;
        }
        #cal_event_info_icons ul li .wrapper>* {
        max-width: 326px;
        }
        #cal_event_info_items {
        padding-top: 40px !important;
        }
        #cal_event_info_items:before {
        height: 40px;
        left: -13px;
        transform: skewX(33deg);
        }
        #cal_event_info_items ul:before {
        margin-left: 16px;
        width: 60px;
        font-size: 60px;
        line-height: 80px;
        }
        #cal_event_info_items ul li {
        padding-left: 16px;
        padding-right: 16px;
        }
        #cal_graphics {
        max-width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        }
        #ca-graphics.two-of-three {
        padding-right: 16px !important;
        width: 100%;
        padding-left: 16px !important;
        }
        .cal-event .white-border:before {
        left: 16px;
        right: 16px;
        }
        #cal_logos_graphics {
        padding-bottom: 20px;
        }
        .cal-event-logos ul li > a {
        max-width: calc(100% - (16px * 2));
        gap: 20px;
        }
        .cal-event-logos ul li > a img {
        width: calc(33.333333% - 20px);
        max-height: 57px;
        } 
        #ca-graphics.one-of-three {
        width: 70%;
        }
        .cal-conference .text-center .widget-title {
        padding-right: 0 !important;
        }
        .cal-conference .widget-title small {
        margin: 10px 0 5px;
        font-size: 60%;
        }
        #ca-graphics.one-two ul li {
        width: 70%;
        }
        #event_sessions_speakers ul li .wrapper {
        max-width: calc(100% - (16px * 2));
        }
        #event_sessions_speakers ul li .wrapper .more-items-category {
        margin-top: 20px;
        }
        #event_sessions_speakers ul li .wrapper h2,
        #event_sessions_speakers ul li .wrapper .more-items-category,
        #event_sessions_speakers ul li .wrapper .more-items-text {
        padding-right: 0;
        }
        #event_sessions_speakers ul li .wrapper .more-items-long-text:before {
        left: -77px;
        line-height: 24px;
        font-size: 24px;
        top: 101px;
        }
        #event_sessions_speakers ul li .wrapper .more-items-long-text {
        padding-left: 40px;
        }
        #event_sessions_speakers .speaker-data-json {
        gap: 10px;
        flex-direction: column;
        margin-bottom: 20px;
        }
        #event_sessions_speakers .speaker-data-json.items-2 .speaker-container {
        width: calc(100% - 10px);
        align-items: flex-end;
        }
        #event_sessions_speakers .speaker-container .speaker-info p {
        margin-bottom: 0;
        }
        #event_sessions_speakers .speaker-data-json .speaker-container .speaker-image {
        width: 50%;
        flex: none;
        }

        #past_event_speakers li .wrapper {
        padding-top: 20px;
        }
        #past_event_speakers li:nth-child(even) .wrapper h2, #past_event_speakers li:nth-child(even) .wrapper .more-items-text,
        #past_event_speakers li .wrapper h2, #past_event_speakers li .wrapper .more-items-text {
        padding-right: 20px;
        padding-left: 20px;
        }
        #past_event_speakers li .wrapper h2 {
        font-size: 22px;
        }
        #past_event_speakers li .wrapper .more-items-category .show_dates_event {
        font-size: 18px;
        margin-bottom: 12px;
        }
        #past_event_speakers li .wrapper .more-items-category {
        max-width: 334px;
        padding-left: 20px;
        }
        #past_event_speakers li .wrapper .more-items-category:after {
        margin-top: 24px;
        left: 20px;
        }
        #past_event_speakers li .wrapper .more-items-category .name_event {
        font-size: 20px;
        }
        #past_event_speakers li .wrapper .more-items-category .country_event {
        font-size: 30px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div {
        display: block;
        width: 48% !important;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json>div .speaker-image img {
        width: 100%;
        }
        #past_event_speakers li:nth-child(even) .wrapper:before,
        #past_event_speakers li .wrapper:before {
        width: 54px;
        }
        #past_event_speakers li .wrapper .more-items-text .link-button,
        #past_event_speakers li:nth-child(even) .wrapper .more-items-text .link-button {
        left: 54px;
        }
        #past_event_speakers li .wrapper .more-items-long-text .speaker-data-json,
        #past_event_speakers li:nth-child(even) .wrapper .more-items-long-text .speaker-data-json {
        padding-left: 55px;
        }
        #past_event_speakers ul li .wrapper .more-items-long-text:before, 
        #past_event_speakers ul li:nth-child(even) .wrapper .more-items-long-text:before {
        left: -140px;
        font-size: 32px;
        }
        #past_event_speakers li:nth-child(even) .wrapper:after,
        #past_event_speakers li:nth-child(even) .wrapper:before,
        #past_event_speakers li .wrapper:before,
        #past_event_speakers li .wrapper:after {
        height: 340px;
        }

    
        .cal-conference #footer .wrapper #footer-zone1 .footer-sponsors, .cal-conference #footer .wrapper #footer-zone1 > div {
        width: 100vw;
        }
        body.cal-conference #sponsors-2 .more-items-item  {
        width: calc(50% - var(--gap));
        }
        body.cal-conference #sponsors-3 .more-items-item,
        body.cal-conference #sponsors-4 .more-items-item  {
        width: calc(33.333333% - var(--gap));
        }
        .cal-conference #footer .wrapper #footer-zone1 .footer-sponsors ul li a {
        padding: 0 18%;
        }
        .cal-conference #footer .wrapper #footer-zone1 .footer-sponsors#sponsors-1 ul li a {
        padding: 0 28%;
        }
        .cal-conference #footer .wrapper #footer-zone4 {
        flex-direction: column;
        padding-top: 0;
        }
    
        #past_event_speakers li .sponsors-container img {
        max-width: 135px;
        height: 30px;
        }
        #past_event_speakers li .sponsors-container:before {
        margin-bottom: 42px;
        font-size: 14px;
        }
        #past_event_speakers li .wrapper .more-items-text {
        font-size: 16px;
        }
    
        /* Portals */

        #article-view-multiple .article-view-body > .class-1-col,
        #article-view-multiple .article-view-body > .class-2-col,
        #article-view-multiple .article-view-body > .class-3-col,
        #article-view-multiple .article-view-body > .class-4-col,
        #article-view-multiple .article-view-body > .class-5-col,
        #article-view-multiple .article-view-body > .class-6-col,
        #article-view-multiple .article-view-body > .class-7-col,
        #article-view-multiple .article-view-body > .class-8-col,
        #article-view-multiple .article-view-body > .class-9-col,
        #article-view-multiple .article-view-body > .class-10-col,
        #article-view-multiple .article-view-body > .class-11-col {
            --articleCols: 1;
        }
    }
    @media only screen and (max-width: 320px) {
    
        table td,
        table th {
        padding-left: 4px;
        padding-right: 4px;
        }
    
        .position {
        width: 58px;
        }
    
        .position .position-value {
        padding: 12px 0px;
        width: 24px;
        }
    
        .driver-name {
        font-size: 1.1em;
        }
    
        .gain-loss {
        margin-left: 12px;
        }


    }
    
    
    /* Retina Display adjustments - General
            ========================================================== */
    /* @media only screen and (-webkit-min-device-pixel-ratio: 2),
        
        /* Webkit-based browsers */
    /*(min--moz-device-pixel-ratio: 2),*/
    /* Older Firefox browsers (prior to Firefox 16) */
    /*(min-resolution: 2dppx) {}*/
    /* ==========================================================
            PRINT
            ========================================================== */
    @media print {
        * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important;
        }
    
        a,
        a:visited {
        text-decoration: underline;
        }
    
        a[href]:after {
        content: " (" attr(href) ")";
        }
    
        abbr[title]:after {
        content: " (" attr(title) ")";
        }
    
        .ir a:after,
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
        content: "";
        }
    
        pre,
        blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
        }
    
        thead {
        display: table-header-group;
        }
    
        tr,
        img {
        page-break-inside: avoid;
        }
    
        img {
        max-width: 100% !important;
        }
    
        @page {
        margin: 0.5cm;
        }
    
        p,
        h2,
        h3 {
        orphans: 3;
        widows: 3;
        }
    
        h2,
        h3 {
        page-break-after: avoid;
        }
    }
    
    /* ==========================================================
            IE Fixes
            ========================================================== */