/*********************************************
    APOLLOADMIN DND EDITOR STYLES
    VERSION 1.0
    CREATED 04/08/2023
    JUSTIN KERCHER / APOLLO INTERNET MEDIA

    IMPORTANT
    Ensure any formatting styles are applied
    in this CSS File, e.g. H1, H2 etc
    so that fonts are usable in the editor.
*********************************************/

@import "animate.min.css";

/*********************************************
    CLASSES
*********************************************/

/* Editor Item Ordering */
.editor-item {
    --aa_order: 0;
    --aa_order-md: 0;
    --aa_order-lg: 0;
    order: var(--aa_order);
}

    .editor-item[data-type="image"], .editor-item.editor-item > .editor-item-inner {
        display: inherit;
        position: relative;
    }

    /* Properties for editor items and wrappers */
    .editor-item, .editor-item > .editor-item-inner {
        --aa_editor-item-width: auto;
        --aa_editor-item-md-width: auto;
        --aa_editor-item-lg-width: auto;
        --aa_editor-item-height: auto;
        --aa_editor-item-md-height: auto;
        --aa_editor-item-lg-height: auto;
        --aa_top-padding: 0rem;
        --aa_bottom-padding: 0rem;
        --aa_right-padding: 0rem;
        --aa_left-padding: 0rem;
        --aa_top-padding-md: 0rem;
        --aa_bottom-padding-md: 0rem;
        --aa_right-padding-md: 0rem;
        --aa_left-padding-md: 0rem;
        --aa_top-padding-lg: 0rem;
        --aa_bottom-padding-lg: 0rem;
        --aa_right-padding-lg: 0rem;
        --aa_left-padding-lg: 0rem;
        --aa_top-margin: 0rem;
        --aa_bottom-margin: 0rem;
        --aa_right-margin: 0rem;
        --aa_left-margin: 0rem;
        --aa_top-margin-md: 0rem;
        --aa_bottom-margin-md: 0rem;
        --aa_right-margin-md: 0rem;
        --aa_left-margin-md: 0rem;
        --aa_top-margin-lg: 0rem;
        --aa_bottom-margin-lg: 0rem;
        --aa_right-margin-lg: 0rem;
        --aa_left-margin-lg: 0rem;
        height: var(--aa_editor-item-height);
        padding-top: var(--aa_top-padding) !important;
        padding-right: var(--aa_right-padding) !important;
        padding-bottom: var(--aa_bottom-padding) !important;
        padding-left: var(--aa_left-padding) !important;
        margin-top: var(--aa_top-margin) !important;
        margin-right: var(--aa_right-margin) !important;
        margin-bottom: var(--aa_bottom-margin) !important;
        margin-left: var(--aa_left-margin) !important;
    }

        /* Width - exclude bootstrap container */
        .editor-item:not(.container), .editor-item-inner {
            width: var(--aa_editor-item-width) !important;
        }

        /* Bootstrap container default X margins */
        .editor-item[data-type="bs-container"] {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        /* Bootstrap column default padding */
        .editor-item[data-type="column"] {
            --aa_left-padding: 15px;
            --aa_right-padding: 15px;
            --aa_left-padding-md: 15px;
            --aa_right-padding-md: 15px;
            --aa_left-padding-lg: 15px;
            --aa_right-padding-lg: 15px;
        }

/* Text colour property */
[style*="--aa_text-color"] {
    color: var(--aa_text-color) !important;
}

.editor-item:not(.row), .editor-item-inner {
    --aa_editor-item-lg-width: 100%;
    --aa_editor-item-md-width: 100%;
    --aa_editor-item-width: 100%;
}

/* Default padding for edtitor-item wrapper and flex containers */
.editor-item:not([data-type="carousel"]):not([data-type="panelhero"]) > .editor-item-inner, .editor-item[data-type="flex-container"] {
    --aa_top-padding: 1rem;
    --aa_bottom-padding: 1rem;
    --aa_right-padding: 1rem;
    --aa_left-padding: 1rem;
    --aa_top-padding-md: 1rem;
    --aa_bottom-padding-md: 1rem;
    --aa_right-padding-md: 1rem;
    --aa_left-padding-md: 1rem;
    --aa_top-padding-lg: 1rem;
    --aa_bottom-padding-lg: 1rem;
    --aa_right-padding-lg: 1rem;
    --aa_left-padding-lg: 1rem;
}

.editor-item[data-type="carousel"] {
    --aa_carousel-caption-background-color: rgba(0,0,0,0);
    text-align: center;
}

/* Background */
[data-background="enabled"] {
    position: relative;
    background-color: var(--aa_background-color);
}

    [data-background="enabled"] > * {
        position: relative;
        z-index: 1;
    }

    [data-background="enabled"][style*="--aa_background-color"],
    [data-background="enabled"] > [style*="--aa_background-color"] {
        background-color: var(--aa_background-color);
    }

    [data-background="enabled"][style*="--aa_background-overlay-color"]:after,
    [data-background="enabled"] > [style*="--aa_background-overlay-color"]:after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--aa_background-overlay-color);
        z-index: 0;
    }

/* Column type ordering and drop-shadow filter */
[style*="--aa_drop-shadow-color"] {
    --aa_drop-shadow-offset-x: 0px;
    --aa_drop-shadow-offset-y: 0px;
    --aa_drop-shadow-blur-radius: 0px;
    --aa_drop-shadow-color: rgba(0,0,0,0);
    filter: drop-shadow(var(--aa_drop-shadow-offset-x) var(--aa_drop-shadow-offset-y) var(--aa_drop-shadow-blur-radius) var(--aa_drop-shadow-color));
}

/* Images */
.editor-item img {
    width: 100%;
    height: auto;
}

.aa_img-wrap img {
    width: 100%;
    height: auto;
}

.aa_c1by1 img {
    aspect-ratio: 1/1;
    object-fit: cover;
    height: auto;
}
/* Landscape */
.aa_c3by2 img {
    aspect-ratio: 3/2;
    object-fit: cover;
    height: auto;
}

.aa_c4by3 img {
    aspect-ratio: 4/3;
    object-fit: cover;
    height: auto;
}

.aa_c16by9 img {
    aspect-ratio: 16/9;
    object-fit: cover;
    height: auto;
}

/* Portrait */
.aa_c2by3 img {
    aspect-ratio: 2/3;
    object-fit: cover;
    height: auto;
}

.aa_c3by4 img {
    aspect-ratio: 3/4;
    object-fit: cover;
    height: auto;
}

.aa_c9by16 img {
    aspect-ratio: 9/16;
    object-fit: cover;
    height: auto;
}

/* Backgrounds */
.aa_bg-repeat {
    background-repeat: repeat;
}

.aa_bg-repeat-x {
    background-repeat: repeat-x;
}

.aa_bg-repeat-y {
    background-repeat: repeat-y;
}

.aa_bg-no-repeat {
    background-repeat: no-repeat;
}

.aa_bg-attach-scroll {
    background-attachment: scroll !important;
}

.aa_bg-size-auto {
    background-size: auto !important;
}

.aa_bg-size-cover {
    background-size: cover !important;
}

.aa_bg-size-contain {
    background-size: cover !important;
}

.aa_bg-center-center {
    background-position: center;
}

.aa_bg-top-center {
    background-position: top center;
}

.aa_bg-bottom-center {
    background-position: bottom center;
}

.aa_bg-top-left {
    background-position: top left;
}

.aa_bg-top-right {
    background-position: top right;
}

.aa_bg-bottom-left {
    background-position: bottom left;
}

.aa_bg-bottom-right {
    background-position: bottom right;
}


/* Clippaths */
.aa_cp_triangle {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.aa_cp_trapazoid {
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}

.aa_cp_parallelogram {
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.aa_cp_rhombus {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.aa_cp_pentagon {
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.aa_cp_hexagon {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.aa_cp_heptagon {
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.aa_cp_octagon {
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.aa_cp_nonagron {
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.aa_cp_decagon {
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}

.aa_cp_bevel {
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

.aa_cp_rabbet {
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}

.aa_cp_leftarrow {
    clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
}

.aa_cp_rightarrow {
    clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}

.aa_cp_leftpoint {
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}

.aa_cp_rightpoint {
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

.aa_cp_leftchevron {
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}

.aa_cp_rightchevron {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

.aa_cp_message {
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

.aa_cp_circle {
    clip-path: circle(50% at 50% 50%);
}

/* Icon list */
.aa_iconlist {
    padding: 0px;
    margin: 0px;
    list-style: none;
    column-count: 1;
    column-count: var(--aa_column-count);
    -webkit-column-count: var(--aa_column-count);
}

    .aa_iconlist li {
        padding-left: 30px;
        position: relative;
    }

        .aa_iconlist li:before {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-rendering: auto;
            position: absolute;
            left: 0px;
            top: 3px;
            color: var(--aa_icon-color);
        }

        .aa_iconlist li.circle-dot:before {
            content: "\f192";
        }

        .aa_iconlist li.check:before {
            content: "\f00c";
        }

        .aa_iconlist li.circle-check:before {
            content: "\f058";
        }

        .aa_iconlist li.star:before {
            content: "\f005";
        }

        .aa_iconlist li.arrow-right:before {
            content: "\f061";
        }

        .aa_iconlist li.chevron-right:before {
            content: "\f054";
        }

        .aa_iconlist li.angle-right:before {
            content: "\f105";
        }

        .aa_iconlist li.angles-right:before {
            content: "\f101";
        }

        .aa_iconlist li.circle-chevron-right:before {
            content: "\f138";
        }

        .aa_iconlist li.circle-arrow-right:before {
            content: "\f35a";
        }

        .aa_iconlist li.location-dot:before {
            content: "\f3c5";
        }

        .aa_iconlist li.location-pin:before {
            content: "\f041";
        }

        .aa_iconlist li.home:before {
            content: "\f015";
        }

        .aa_iconlist li.user:before {
            content: "\f007";
        }

        .aa_iconlist li.lock:before {
            content: "\f023";
        }

        .aa_iconlist li.lock-open:before {
            content: "\f3c1";
        }

        .aa_iconlist li.circle-xmark:before {
            content: "\f057";
        }

        .aa_iconlist li.xmark:before {
            content: "\f00d";
        }

        .aa_iconlist li.crosshairs:before {
            content: "\f05b";
        }

        .aa_iconlist li.heart:before {
            content: "\f004";
        }

        .aa_iconlist li.envelope:before {
            content: "\f0e0";
        }

        .aa_iconlist li.file:before {
            content: "\f15b";
        }

        .aa_iconlist li.excel:before {
            content: "\f1c3";
        }

        .aa_iconlist li.word:before {
            content: "\f1c2";
        }

        .aa_iconlist li.pdf:before {
            content: "\f1c1";
        }

        .aa_iconlist li.csv:before {
            content: "\f6dd";
        }

/* BS4 Carousel */
.aa_carousel .carousel-control-prev, .aa_carousel .carousel-control-next {
    background-color: transparent;
    border: none;
}

.aa_carousel [data-hasnav="false"] .carousel-control-prev, .aa_carousel [data-hasnav="false"] .carousel-control-next, .aa_carousel [data-hasindicators="false"] .carousel-indicators {
    display: none !important;
}

.aa_carousel .carousel-caption {
    color: inherit;
    text-align: inherit;
    background-color: var(--aa_carousel-caption-background-color);
}

/* BS4 Accordion */
.editor-item.aa_accordion {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.aa_accordion .accordion {
    border-color: var(--aa_accordion-border-color);
}

    .aa_accordion .accordion button {
        text-decoration: none !important;
        position: relative;
        padding-left: 1rem;
        font-size: inherit !important;
        color: var(--aa_accordion-heading-text-color);
    }

        .aa_accordion .accordion button:before {
            position: absolute;
            top: 50%;
            left: 0px;
            content: "\f068";
            color: var(--aa_accordion-icon-color);
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            display: var(--fa-display,inline-block);
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-rendering: auto;
            transition: all 0.5s ease-in-out;
            font-size: 0.8rem;
            transform: translateY(-50%);
        }

    .aa_accordion .accordion .card-header button.collapsed:before { content: "\2b"; }

.aa_accordion .accordion .card {
    background-color: var(--aa_accordion-content-background-color);
    border-left-color: var(--aa_accordion-border-color);
    border-right-color: var(--aa_accordion-border-color);
    border-bottom-color: var(--aa_accordion-border-color);
    border-top-color: var(--aa_accordion-border-color);
}

.aa_accordion .accordion .card-header {
    border-bottom-color: var(--aa_accordion-border-color);
    color: var(--aa_accordion-heading-text-color);
    background-color: var(--aa_accordion-heading-background-color);
}

.aa_accordion .accordion .card-body {
    border-bottom-color: var(--aa_accordion-border-color);
    border-color: var(--aa_accordion-border-color);
    color: var(--aa_accordion-content-text-color);
}

.aa_accordion {
    --aa_top-padding: 1.25rem;
    --aa_right-padding: 1.25rem;
    --aa_bottom-padding: 1.25rem;
    --aa_left-padding: 1.25rem;
    --aa_top-padding-md: 1.25rem;
    --aa_right-padding-md: 1.25rem;
    --aa_bottom-padding-md: 1.25rem;
    --aa_left-padding-md: 1.25rem;
    --aa_top-padding-lg: 1.25rem;
    --aa_right-padding-lg: 1.25rem;
    --aa_bottom-padding-lg: 1.25rem;
    --aa_left-padding-lg: 1.25rem;
}

    .aa_accordion .accordion .card-header, .aa_accordion .accordion .card-body {
        padding-top: var(--aa_top-padding) !important;
        padding-right: var(--aa_right-padding) !important;
        padding-bottom: var(--aa_bottom-padding) !important;
        padding-left: var(--aa_left-padding) !important;
    }


/* Apollo Panel Hero */
.aa_panel-hero {
    --aa_panel-hero-tab-color: #000000;
    --aa_panel-hero-active-tab-color: #333333;
    --aa_panel-hero-tab-border-color: #cccccc;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    padding: 0px;
    margin: 0px;
}

    .aa_panel-hero .aa_panel-hero-panel {
        position: relative;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        transition: all 0.5s ease-in-out;
        overflow: hidden;
        flex-basis: 0;
        transition: all 1.5s ease;
        background-size: cover;
        background-image: var(--aa_panel-hero-background-image);
    }

        .aa_panel-hero .aa_panel-hero-panel > .aa_panel-hero-panel-content {
            display: none;
            padding: 3rem;
            opacity: 0;
            text-align: inherit;
            transition: all 0.5s ease-in-out;
        }

        .aa_panel-hero .aa_panel-hero-panel:before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            content: "";
            width: 100%;
            background-color: rgba(0,0,0,0.4);
            z-index: 1;
            opacity: 0;
            transform: translateY(-100%);
            transition: all 0.5s ease-in-out;
            transition-delay: 1.2s;
        }

        .aa_panel-hero .aa_panel-hero-panel.active {
            flex: 1 1 100%;
        }

            .aa_panel-hero .aa_panel-hero-panel.active > .aa_panel-hero-panel-content {
                display: block;
                opacity: 0;
                animation: panel-hero-content-come-in-bottom 2s ease-in-out forwards 0.5s;
                transition: all 1s ease-in-out;
                z-index: 10;
            }

            .aa_panel-hero .aa_panel-hero-panel.active:before {
                opacity: 1;
                transform: none;
            }

    .aa_panel-hero .aa_panel-hero-tab {
        cursor: pointer;
        display: flex;
        flex: 0 0 auto;
        content: attr(data-title);
        background-color: var(--aa_panel-hero-tab-color);
        opacity: 0.8;
        padding: 1rem;
        font-weight: 700;
        z-index: 100;
        text-transform: uppercase;
        justify-content: flex-end;
        border: 0px;
        border-collapse: collapse;
    }

        .aa_panel-hero .aa_panel-hero-tab.active {
            background-color: var(--aa_panel-hero-active-tab-color);
            border-bottom: solid 5px var(--aa_panel-hero-tab-border-color);
            opacity: 1.0;
        }

/* Hover Animations */
[style*="--aa_hover-animation-name"] {
    position: relative;
}

    [style*="--aa_hover-animation-name"]:hover {
        --aa_hover-animate-speed: 1s;
        --aa_hover-animate-repeat: 1;
        --aa_hover-animate-delay: 0s;
        -webkit-animation-name: var(--aa_hover-animation-name);
        animation-name: var(--aa_hover-animation-name);
        -webkit-animation-duration: var(--aa_hover-animate-speed);
        animation-duration: var(--aa_hover-animate-speed);
        -webkit-animation-iteration-count: var(--aa_hover-animate-repeat);
        animation-iteration-count: var(--aa_hover-animate-repeat);
        -webkit-animation-delay: var(--aa_hover-animate-delay);
        animation-delay: var(--aa_hover-animate-delay);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

/* XL Down */
@media (min-width: 0px) and (max-width: 767px) {
    .d-hide {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .d-md-hide {
        display: none !important;
    }
}

@media (min-width:992px) {
    .d-lg-hide {
        display: none !important;
    }
}

/* XS Up */
@media (min-width: 768px) {
    /* Common for editor items */
    .editor-item, .editor-item > .editor-item-inner {
        height: var(--aa_editor-item-md-height) !important;
        padding-top: var(--aa_top-padding-md) !important;
        padding-right: var(--aa_right-padding-md) !important;
        padding-bottom: var(--aa_bottom-padding-md) !important;
        padding-left: var(--aa_left-padding-md) !important;
        margin-top: var(--aa_top-margin-md) !important;
        margin-right: var(--aa_right-margin-md) !important;
        margin-bottom: var(--aa_bottom-margin-md) !important;
        margin-left: var(--aa_left-margin-md) !important;
    }

        /* Width - exclude bootstrap container */
        .editor-item:not(.container), .editor-item > .editor-item-inner {
            width: var(--aa_editor-item-md-width) !important;
        }

        .editor-item[data-type="col"] {
            --aa_left-padding: 15px;
            --aa_right-padding: 15px;
        }


    /* Ordering */
    .editor-item {
        order: var(--aa_order-md);
    }

    /* Icon List columns */
    .aa_iconlist {
        column-count: var(--aa_column-count-md);
        -webkit-column-count: var(--aa_column-count-md);
    }

    /* Accordion Paddings */
    .aa_accordion .accordion .card-header, .aa_accordion .accordion .card-body {
        padding-top: var(--aa_top-padding-md) !important;
        padding-right: var(--aa_right-padding-md) !important;
        padding-bottom: var(--aa_bottom-padding-md) !important;
        padding-left: var(--aa_left-padding-md) !important;
    }
}

@media (min-width: 992px) {
    /* Widths for editor items */
    .editor-item, .editor-item > .editor-item-inner {
        height: var(--aa_editor-item-lg-height) !important;
        padding-top: var(--aa_top-padding-lg) !important;
        padding-right: var(--aa_right-padding-lg) !important;
        padding-bottom: var(--aa_bottom-padding-lg) !important;
        padding-left: var(--aa_left-padding-lg) !important;
        margin-top: var(--aa_top-margin-lg) !important;
        margin-right: var(--aa_right-margin-lg) !important;
        margin-bottom: var(--aa_bottom-margin-lg) !important;
        margin-left: var(--aa_left-margin-lg) !important;
    }

        /* Width - exclude bootstrap container */
        .editor-item:not(.container), .editor-item > .editor-item-inner {
            width: var(--aa_editor-item-lg-width) !important;
        }

    /* Background attachment only apply to lg upwards */
    .aa_bg-attach-fixed {
        background-attachment: fixed !important;
    }

    .aa_bg-attach-local {
        background-attachment: local !important;
    }

    /* Ordering */
    .editor-item {
        order: var(--aa_order-lg);
    }

    /* Icon List columns */
    .aa_iconlist {
        column-count: var(--aa_column-count-lg);
        -webkit-column-count: var(--aa_column-count-lg);
    }

    /* Accordion Paddings */
    .aa_accordion .accordion .card-header, .aa_accordion .accordion .card-body {
        padding-top: var(--aa_top-padding-lg) !important;
        padding-right: var(--aa_right-padding-lg) !important;
        padding-bottom: var(--aa_bottom-padding-lg) !important;
        padding-left: var(--aa_left-padding-lg) !important;
    }

    /* Panel Hero */
    .editor-item[data-type="panelhero"] > .editor-item-inner {
        --aa_editor-item-height: 500px;
        --aa_editor-item-md-height: 500px;
        --aa_editor-item-lg-height: 500px;
    }

    .aa_panel-hero {
        flex-direction: row;
        height: 100%;
    }

        .aa_panel-hero .aa_panel-hero-tab {
            writing-mode: vertical-rl;
            text-orientation: mixed;
            transform: rotate(180deg);
            height: 100%;
            justify-content: flex-start;
        }

            .aa_panel-hero .aa_panel-hero-tab.active {
                border-bottom: 0px;
                border-left: solid 5px var(--aa_panel-hero-tab-border-color);
            }

        .aa_panel-hero .aa_panel-hero-panel {
            height: 100%;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: top center;
        }

            .aa_panel-hero .aa_panel-hero-panel .aa_panel-hero-panel-content {
                padding: 3rem 5rem;
            }
}


@media (min-width: 1200px) {
}

@keyframes panel-hero-content-come-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}