@charset "UTF-8";

.tracecontent table{
background-color:#FFFFFF;
}
@font-face {
    font-family: "Aspira";
    src: url("/templates/assets/fonts/Aspira_Regular.otf") format("opentype");
}

@font-face {
    font-family: "Aspira Light";
    src: url("/templates/assets/fonts/Aspira_Light.otf") format("opentype");
}

@font-face {
    font-family: "Aspira Demi";
    src: url("/templates/assets/fonts/Aspira_Demi.otf") format("opentype");
}

@font-face {
    font-family: "Aspira Bold";
    src: url("/templates/assets/fonts/Aspira_Bold.otf") format("opentype");
}

@font-face {
    font-family: "Aspira Heavy";
    src: url("/templates/assets/fonts/Aspira_Heavy.otf") format("opentype");
}

@font-face {
    font-family: "Aspira Black";
    src: url("/templates/assets/fonts/Aspira Black.otf") format("opentype");
}
@font-face {
    font-family: "Chronicle Light";
    src: url("/templates/assets/fonts/ChronicleDisp-Light.otf") format("opentype");
}
@font-face {
    font-family: "Chronicle";
    src: url("/templates/assets/fonts/ChronicleDisp-Roman.otf") format("opentype");
}

/*
	Intensify by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
    /*this code makes it so the trace wraps. Otherwise it makes the page super wide and screws up the top navigation on dev pages*/
    span.tracecontent {
        width:100%;
        line-break:anywhere;
    }
    /* Works on Firefox */
    nav {
        scrollbar-width: thin;
        scrollbar-color: #333333;
    }

    /* Works on Chrome, Edge, and Safari */

    nav::-webkit-scrollbar {
        width: 12px;
    }

    nav::-webkit-scrollbar-track {
        background: #333333;
    }

    nav::-webkit-scrollbar-thumb {
        background-color: #818284;
        border-radius: 20px;
        border: 1px solid #333333;
    }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
   
    color: #333333;
    font-weight: normal;
    font-size: 12pt;
    font-family: 'Aspira', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: none;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}



p {
    margin-bottom: 1em;
}

.mobShow {
    display: none;
}
/* Box Model */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Containers */

.container {
    margin-left: auto;
    margin-right: auto;
    width: 65em;
}




.lightbg {
    background-color: #eeeeee;
}




/* Basic */

@-ms-viewport {
    width: device-width;
}

body {
    -ms-overflow-style: scrollbar;
    background: #fff;
}

.inner {
    margin: 0 auto;
    max-width: 65em;
}
/*Below adjusts anchor links to show lower to account for the fixed header height*/

:target {
    scroll-margin-top: 150px;
    scroll-behavior: smooth;
}
/* Type */
input, select, textarea {
    color: #333333;
    font-size: 12pt;
    font-family: 'Aspira', Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

td, p {
}

    td[valign=top] {
        vertical-align: top;
    }

strong, b, .strong, .AspiraBold {
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.AspiraDemi {
    font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.AspiraHeavy {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
}
.chronicle {
    font-family: 'Chronicle Light', 'Times New Roman', serif;
}
em, i {
    font-style: italic;
}

/*p {
    margin: 0 0 2em 0;
    
}*/


/*Titles*/


h1 {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    font-weight: 500;
    margin-top: 1em;
    font-size: 2em;
    line-height: 1.3;
}

h2 {
    font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
    line-height: initial;
    margin: 0;
}

h3 {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0 0 1em 0;
    font-weight: normal;
    color: #000;
    font-size: 1.8em;
    text-transform:uppercase;
}


h4 {
    font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
    margin: 0 0 1em 0;
    text-decoration: none;
    text-transform: lowercase;
    color: #000;
    font-size: 1em;
    line-height: initial;
}




h5 {
    font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
    color: #727a82;
    line-height: 1.5;
    margin: 0 0 1em 0;
    font-size: 0.9em;
}

h6 {
    font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
    color: #727a82;
    line-height: 1.5;
    margin: 0 0 1em 0;
    font-size: 0.7em;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        text-decoration: none;
    }

.mainHeadlineH1 {
    text-align: center;
    margin: 0 auto;
    font-size: 2.2em;
    clear: both;
    color: #000;
    padding: 10px 0px 40px 0px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Chronicle Light', 'Times New Roman', serif;
}


.mainHeadlineH1 em {
    color: #BB0C2F;
    font-style: normal;
}
.mainTitleH1 {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
}
/*.mainTitleH1 span {
        font-family: 'Chronicle Light', 'Times New Roman', serif;
        font-style:initial;
    }*/


.midTitlesDashboard {
    margin: 0 0 .5em 0;
    font-size: 1.3em;
}

    .midTitlesDashboard span {
        font-family: 'Chronicle Light', 'Times New Roman', serif;
    }
.smlTitlesDashboard {
    font-weight: 400;
    font-size: 1.2em
}
.medTitle {
    font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0 0 1em 0;
    font-weight: normal;
    color: #000;
    font-size: 1.8em;
}
.largeTxt {
    font-size: 2.2em;
    font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
    display:block;
}
.topTxtHeader {
    text-align: center;
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    text-transform:capitalize;
    display: block;
    color: #000;
    font-size: 2.4em;
    text-transform:uppercase;
}

#LblMidTextTitle {
    font-size: 32px;
}
/*Layout and Colors ----------------*/
.mainContentSection {
    flex: 1 0 auto;
}

.clearB {
    clear: both;
}

.clearR {
    clear: right;
}

.clearL {
    clear: left;
}



.redIcon {
    color: #BB0C2F
}
.lightGrey {
    color: #bbbbbb;
}
.divLMSContainer {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.divLMSContainerFull {
    width: 100%;
    margin: 0 auto;
}

.bgTanHalf {
    background-color: #e2e3e4;
    max-width: 50%;
}

.bgGrey {
    background-color: #e2e3e4;
    max-width: 40%;
}

.bgTanFull {
    background-color: #000000;
}


.bgLightFullRounded {
    background-color: #f2f3f4;
    border-radius:8px;
    /*background-color: #f2f3f4;*/
}

.bgDarkFull {
    background-color: #e2e3e4;
    color: #000;
}

.bgBlackFull {
    background-color: #000;
}

.bgGreenFull {
    background-color: #e0efe1;
}

.bgRedFull {
    background-color: #f3b0b0;
}

.bgWellaRedFull {
    background-color: #BB0C2F;
}

.bgGridLines {
   
    padding: 2em;
}
.bgGrid {
    
   

}

.pad1em {
    padding: 1em;
}

.pad3px {
    padding: 3px;
}

div.padTop {
    padding-top: 1em;
}

.orange {
    color: #ff692a;
}

.redTitleSML {
    color: #BB0C2F;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: .9em;
    padding: 5px 3px 0 3px;
    display: block;
}

/* ClearFix */
.clearFix:before,
.clearFix:after {
    content: "";
    display: table;
}

.clearFix:after {
    clear: both;
}

.clearFix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}

blockquote {
    font-style: italic;
    margin: 0 0 2em 0;
}

cite {
    display: block;
}

    cite.author {
        font-weight: 400;
    }

    cite.company {
        font-size: .8em;
    }

figure {
    margin: 0 0 2em 0;
}

code {
    background: rgba(144, 144, 144, 0.075);
    border-radius: 8px;
    border: solid 1px #dee1e3;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0.25em;
    padding: 0.25em 0.65em;
}

pre {
    -webkit-overflow-scrolling: touch;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0 2em 0;
}

    pre code {
        display: block;
        line-height: 1.75;
        padding: 1em 1.5em;
        overflow-x: auto;
    }

hr {
    border: 0;
    border-bottom: 3px double #dee1e3;
    margin: 2em 0;
}

    hr.major {
        margin: 3em 0;
    }

/*Alignment*/

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.floatR {
    float: right;
}

.floatL {
    float: left;
}

.inlineB {
    display: inline-block;
}
.uCase {
    text-transform:uppercase;
}
/*Links*/
a {
    color: #3c3f40;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }


/* Section/Article */

section.special, article.special {
    text-align: center;
}

header p {
    color: #bbb;
    position: relative;
    margin: 0 0 1.5em 0;
}

header h1 + p {
    font-size: 1.25em;
    margin-top: -1em;
}

header h2 + p {
    font-size: 1.25em;
    margin-top: -1em;
}

header h3 + p {
    font-size: 1.1em;
    margin-top: -0.8em;
}

header h4 + p,
header h5 + p,
header h6 + p {
    font-size: 0.9em;
    margin-top: -0.6em;
}
.headerSpacer {
    height:125px;
}
.headerSpacerExt {
    margin-top:125px;
}
/*FORM*/
::-webkit-input-placeholder {
    color: #bbb !important;
    opacity: 1.0;
}

:-moz-placeholder {
    color: #bbb !important;
    opacity: 1.0;
}

::-moz-placeholder {
    color: #bbb !important;
    opacity: 1.0;
}

:-ms-input-placeholder {
    color: #bbb !important;
    opacity: 1.0;
}

.formerize-placeholder {
    color: #bbb !important;
    opacity: 1.0;
}

/* Box */

.box {
    border-radius: 0;
    border: none;
    margin-bottom: 2em;
    overflow: hidden;
}

    .box > :last-child,
    .box > :last-child > :last-child,
    .box > :last-child > :last-child > :last-child {
        margin-bottom: 0;
    }

    .box .image.fit {
        margin: 0;
    }

    .box .content {
        padding: 1.5em;
    }

    .box.alt {
        border: 0;
        border-radius: 0;
        padding: 0;
    }

    .box .content p {
        text-align: center;
       font-size:.9em;
    }

    .box H3 {
        font-weight: normal;
        text-transform: uppercase;
        color: #BB0C2F;
        margin: 0;
        font-weight: 500;
        text-align: center;
    }

    .box a {
        display: block;
    }





/* Icon */

.icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
}

    .icon::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .icon > .label {
        display: none;
    }

/* Image */
img {
    max-width: 100%;
}

.image {
    border: 0;
    display: inline-block;
    position: relative;
}

    .image img {
        display: block;
    }

    .image.left, .image.right {
        max-width: 40%;
    }

        .image.left img, .image.right img {
            width: 100%;
        }

    .image.left {
        float: left;
        padding: 0 1.5em 1em 0;
        top: 0.25em;
    }

    .image.right {
        float: right;
        padding: 0 0 1em 1.5em;
        top: 0.25em;
    }

    .image.fit {
        display: block;
        margin: 0 0 2em 0;
        width: 100%;
    }

        .image.fit img {
            width: 100%;
        }

    .image.round img {
        border-radius: 100%;
    }

#hairPage .image.round img {
    border-radius: 100%;
    max-width: 350px;
    float: left;
    padding: 2em;
}

.image.main {
    display: block;
    margin: 0 0 3em 0;
    width: 100%;
}

    .image.main img {
        width: 100%;
    }

.noImgIcon {
    font-size: 4em;
    color: lightgray;
}

/* List */
ol {
    list-style: decimal;
    margin: 0 0 2em 0;
    padding-left: 1.25em;
}

    ol li {
        padding-left: 0.25em;
    }

ul {
    list-style: disc;
    margin: 0 0 2em 0;
    padding-left: 1em;
}

    ul li {
        padding-left: 0.5em;
    }

    ul.icons {
        cursor: default;
        list-style: none;
        padding-left: 0;
    }

        ul.icons li {
            display: inline-block;
            padding: 0 1em 0 0;
        }

            ul.icons li:last-child {
                padding-right: 0;
            }

            ul.icons li .icon:before {
                font-size: 2em;
            }

li.redLi {
    list-style: none;
    margin: 1em 0;
}

    li.redLi::before {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-top:4px;
        vertical-align: top;
        background-image: url('/shop/images/logos/li-red.png');
    }

    li.redLi span {
        display: inline-block;
        width: 90%;
        padding-left: 1em;
    }

/* Table */

.table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

table td {
    padding: 0;
}

table tbody tr {
    border-left: 0;
    border-right: 0;
}


td[colspan], td[valign], td[width] {
    padding: 0;
}

table th {
    color: #727a82;
    font-size: 0.9em;
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 0.75em 0.75em 0.75em;
    text-align: left;
}

table thead {
    border-bottom: solid 2px #dee1e3;
}

table tfoot {
    border-top: solid 2px #dee1e3;
}

table.alt {
    border-collapse: separate;
}

    table.alt tbody tr td {
        border: solid 1px #dee1e3;
        border-left-width: 0;
        border-top-width: 0;
    }

        table.alt tbody tr td:first-child {
            border-left-width: 1px;
        }

    table.alt tbody tr:first-child td {
        border-top-width: 1px;
    }

    table.alt thead {
        border-bottom: 0;
    }

    table.alt tfoot {
        border-top: 0;
    }


/*BUTTONS*/

input[type="submit"], input[type="reset"], input[type="button"], button, .button,.buttonNew, #PnlClickThroughSlideButtons .slideButton, #PnlClickThroughSlideButtons2 .slideButtonCustom {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #BB0C2F;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Aspira', Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: top;
    padding: 10px 20px 7px 20px;
    min-width: 111px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8pt !important;
    text-transform:uppercase;
}
.journeyTierMain .button {
    text-wrap:auto;
}

input[type="buttonClear"], .buttonClear {
    background-color: transparent;
    border: 1px solid #fff;
}


.buttonTan {
    background-color: #e2e3e4;
    color: #000;
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.greyOut {
    background-color: #9e9e9e;
    cursor: initial;
}
.bigGreyButton {
    cursor: pointer;
    display: inline-block;
    padding: 3px;
    font-family: 'Aspira', Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    padding: 10px 22px 7px 22px;
    border-radius: 20px;
    background-color: #f3f3f3;
    color: #000;
    vertical-align: top;
    line-height: 1;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background-color: #000;
}
.button.greyOut:hover {
    background-color: #000;
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
    background-color: #000;
}

input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon,
button.icon,
.button.icon {
    padding-left: 1.35em;
}

    input[type="submit"].icon:before,
    input[type="reset"].icon:before,
    input[type="button"].icon:before,
    button.icon:before,
    .button.icon:before {
        margin-right: 0.5em;
    }

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
    display: block;
    margin: 0 0 1em 0;
    width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
    font-size: 0.8em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
button.big,
.button.big {
    font-size: 1.35em;
}

input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
button.alt,
.button.alt {
    background-color: rgba(144, 144, 144, 0.075);
    box-shadow: inset 0 0 0 1px #dee1e3;
    color: #727a82 !important;
}

    input[type="submit"].alt:hover,
    input[type="reset"].alt:hover,
    input[type="button"].alt:hover,
    button.alt:hover,
    .button.alt:hover {
        background-color: rgba(255, 255, 255, 0.4);
    }

    input[type="submit"].alt:active,
    input[type="reset"].alt:active,
    input[type="button"].alt:active,
    button.alt:active,
    .button.alt:active {
        background-color: rgba(144, 144, 144, 0.2);
    }

    input[type="submit"].alt.icon:before,
    input[type="reset"].alt.icon:before,
    input[type="button"].alt.icon:before,
    button.alt.icon:before,
    .button.alt.icon:before {
        color: #bbb;
    }

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
button.special,
.button.special,
.buttonNew.specialNew {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}
input[type="submit"].tab,
input[type="reset"].tab,
input[type="button"].tab,
button.tab,
.button.tab {
    background: linear-gradient(0deg, rgb(193 193 193) 0%, rgba(221,221,221,1) 100%);
    color: #222;
}
    input[type="submit"].tab:hover,
    input[type="reset"].tab:hover,
    input[type="button"].tab:hover,
    button.tab:hover,
    .button.tab:hover {
        background: linear-gradient(0deg, rgb(169 169 169) 0%, rgba(169,169,169,1) 100%);
        color: #222;
    }
    input[type="submit"].tab.active,
    input[type="reset"].tab.active,
    input[type="button"].tab.active,
    button.tab.active,
    .button.tab.active {
        background: linear-gradient(0deg, rgb(169 169 169) 0%, rgba(169,169,169,1) 100%);
        color: #222;
    }

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
button.special:hover,
.button.special:hover,
.butonNew.specialNew:hover{
    background-color: transparent;
    border: 1px solid #BB0C2F;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
button.special:active,
.button.special:active,
.butonNew.specialNew:active{
    background-color: transparent;
    border: 1px solid #BB0C2F;
}

input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
    background-color: #767d85 !important;
    box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
    color: #fff !important;
    cursor: default;
    opacity: 0.25;
}



/* Flex */

.flex {
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -ms-flex-align: stretch;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}

    .flex.flex-3 .flex-item {
        -ms-flex: 0 1 auto;
        -ms-flex-preferred-size: 30%;
        -moz-flex-basis: 30%;
        -webkit-flex-basis: 30%;
        -ms-flex-basis: 30%;
        flex-basis: 30%;
    }

        .flex.flex-3 .flex-item.left {
            text-align: right;
        }




/*Wrapper*/
.wrapper {
    padding: 6em 0 4em 0;
}

.wrapperSml {
    padding: 3em 0;
}

.wrapper.style1 {
    background: #67bee3;
    color: #000;
}

.wrapper h3, .wrapper h4, .wrapper h5 {
    color: #3c3f40;
}

#LMSLandingPage .wrapper.style1, #LMSCalendarNew .wrapper.style1, #LMSDetailPage .wrapper.style1 {
    background-color: #e2e3e4
}

.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5 {
    color: #fff;
}

.wrapper.style1 cite.author {
    color: #fff;
}

.wrapper.style2 {
    background: #000;
    color: #000;
    padding: 2em 0;
}

    .wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5 {
        color: #BB0C2F;
    }

    .wrapper.style2 cite.author {
        color: #BB0C2F;
    }



/* Header */


#header {
    background: #fff;
    cursor: default;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height:125px;
    z-index: 10001;
    box-shadow: #cccccc 2px 2px 5px;
}

.headerGrid {
    margin: 20px;
    align-items: center;
}
.divLogo {
    width: 400px;
    float: left;
    height: 49px;
    text-align: left;
}
.rewards .divLogo {
    height: 60px;
}
.newNav {
    font-weight: bold;
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    color: #d51348;
    font-size: .9em;
    padding-left:5px;
}
.divBlockNavLinks.mainNav {
    padding: 15px 0 30px 0;
    float: left;
    text-align:left;
}
.divBlockNavLinks.light {
    padding: 15px 0 15px 0;
}

@supports (display: grid) {
    .headerGrid {
        display: grid;
        grid-template-columns: 28% auto;
        margin: 20px;
        align-items: center;
        grid-gap: 20px;
    }

    .headerGridRewards {
        display: grid;
        grid-template-columns: 22% 40% 35%;
        margin: 20px;
        align-items: center;
        grid-gap: 20px;
    }


    .divBlockNavLinks.mainNav {
        padding: 0;
    }

    .divLogo {
        width: initial;
        float: initial;
    }

    .divBlockNavLink.mainNav {
        padding: initial;
        float: initial;
    }

    .divBlockNavLink.mainNav {
        padding: initial;
    }
}
.butNavSignIn {
    text-align: right
}
#header .logo {
    color: #3c3f40;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: -5px;
    text-decoration: none;
    vertical-align: top;
}

#header .siteLogo {
    max-width: 240px;
    max-height:50px;
}
.rewards #header .siteLogo {
    max-width: 225px;
    max-height: initial;
}
#header .logoDiv {
    height: 78px;
    padding-top: 10px;
}


#header nav {
    display:none;
}

#header nav a {
    text-decoration: none;
    display: inline-block;
}

.menubutton {
    margin-top:17px;
}


.topBlackBar {
    background-color: #000;
    font-family: 'Aspira', Arial, Helvetica, sans-serif;
    color: #808080;
    text-align: right;
    font-size: .8em;
    padding: 5px 0 2px 0;
    height: 30px
}

    .topBlackBar a {
        color: #808080;
        text-decoration: none;
        margin: 0 10px;
    }
.WRLogin {
    text-align:left;
    color:#fff;
    float:left;
    padding-left:10px;
}
.userNameHead a {
    margin: 0 10px 0 0;
}
.signOutBut a {
    margin: 0 5px 0 0;
}
.closeSearch {
    cursor:pointer;
}
.popupArea {
    display: none;
    font-family: 'Aspira', Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 10000;
    top: 120px;
    left: 20px;
    width: 965px;
    height: 350px;
    background-color: #EFEFEF;
    border-radius: 20px;
    padding: 40px;
    box-shadow: #adadad 0 0 15px;
    max-width: 98%;
    text-align: left;
}



.popupArea2 {
    display: none;
    position: absolute;
    z-index: 10000;
    /*top: 120px;
    left:600px;*/
    width: 230px;
    height: 260px;
    background-color: #EFEFEF;
    border-radius: 20px;
    box-shadow: #adadad 0 0 15px;
}
.popupArea3 {
    display: none;
    position: absolute;
    z-index: 10000;
    /*top: 120px;
    left: 700px;*/
    width: 200px;
    height: 255px;
    background-color: #EFEFEF;
    border-radius: 20px;
    box-shadow: #adadad 0 0 15px;
}
.popupArea4 {
    display: none;
    position: absolute;
    z-index: 10000;
    /*top: 120px;
    left: 800px;*/
    width: 160px;
    height: 200px;
    background-color: #EFEFEF;
    border-radius: 20px;
    box-shadow: #adadad 0 0 15px;
    text-align: left;
}
.popupArea6 {
    display: none;
    position: absolute;
    z-index: 10000;
    top: 120px;
    
    right: 0px;
    width: 225px;
    height: 205px;
    background-color: #EFEFEF;
    border-radius: 20px;
    box-shadow: #adadad 0 0 15px;
    text-align: left;
}

.rewards .popupArea {
    left: 100px;
    width: 740px;
}
.rewards .popupArea4 {
    width: 175px;
    height: initial;
    z-index: 100000;
    position: fixed;
    right: 3px;
    top: 113px;
}
.rewards .popupDiv5 {
    
}
.popupBox {
    /*position:relative;*/
    width: 100%;
}

.popupSection {
    display: none;
}
    .popupSection a {
        text-decoration: none;
    }
.popupDiv1 {
    display: inline-block;
    vertical-align: top;
}
    .popupDiv1 a:hover {
        color: #d51348;
    }
.popupDiv2 {
    display: inline-block;
    vertical-align: top;
    padding-left:30px;
    font-size:.85em;
}
.popupDiv3, .popupDiv4 {
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    font-size: .82em;
    max-width: 215px;
}
    .popupDiv3 .navTitle, .popupDiv4 .navTitle {
        padding-bottom: 10px;
    }
    .popupDiv3 div, .popupDiv4 div {
        font-size: 12px;
        min-height: 170px;
    }
    .popupDiv5 {
    padding:19px;
}
.popupDiv3 img, .popupDiv4 img {
    border-radius:15px;
}
.smlLink {
    font-size:.85em;
}
    .smlLink:hover {
        color: #d51348;
    }

    .popupDiv5 hr {
        border-bottom: 2px solid #7d7d7d;
    }
.popupDiv5 a {
    text-decoration: none;
    line-height: 2;
    font-size: .85em;
}
.navTitle {
    font-family: "Aspira Bold";
    display: block;
    color: #000;
    font-size: 1.2em;
}
    .navTitle .chronicle {
        font-style: normal;
        font-family: 'Chronicle Light', 'Times New Roman', serif;
    }
    .popupDiv2 .navTitle {
        padding-top: 16px;
    }
.classLink {
    padding-top: 20px;
    filter: grayscale(1);
    transition: filter .5s;
}
.classImage {
    display: inline-block;
    vertical-align: top;
    
}

.classTitle {
    color: #000;
    font-family: "Aspira Bold";
    font-size:1.2em;
}
.classText {
    display: inline-block;
    vertical-align: top;
   width:220px;
   overflow:hidden;
   font-size:12px;
   line-height:16px;
   padding:0 10px;
   text-transform:initial;
   font-family:Aspira;
}

    .classText a {
        text-decoration: none;
    }

.divBlockNavLink {
    display:inline-block;
    vertical-align:top;
}
.divBlockNavLinks {
    color: #000000;
    background-color: #FFFFFF;
}

    .divBlockNavLinks a {
        text-decoration: none;
        font-size: .8em;
        color: #000000;
        margin: 0 10px;
    }
.rewards .divBlockNavLinks a {
    font-size: .9em;
    padding-top: 10px;
    display:inline-block;
}
.divBlockNavLinks.light {
    text-align: right;
}

    .divBlockNavLinks.light a {
        font-family: "Aspira Bold";
        color: #000;
        text-transform: uppercase;
    }



.downChev {
    font-size: 10px;
}

/*Hamburger Menu ----------*/
.menuBar {
    cursor:pointer;
    display:none;
}
.navbar-menu {
    position: absolute;
    background: #f2f2f2;
    height: 0;
    top: 26px;
    right: 0;
    padding: 0;
    font-family: "Aspira";
    opacity: 0;
    transition: visibility .5s, opacity 0.5s, right .5s;
    box-shadow: #adadad 0 0 15px;
    z-index: -1;
    text-align: left;
}
.navbar-down {
    cursor: pointer;
    display: inline-block;
    background-color: #DDDDDD;
    width: 50%;
    height: 30px;
    visibility: hidden;
    text-align: center;
}
.navbar-up {
    cursor:pointer;
    display: inline-block;
    background-color: #DDDDDD;
    width: 50%;
    height: 30px;
    visibility: hidden;
    text-align: center;
}
    .navbar-up i, .navbar-down i {
        padding:3px 0 0;
    }
    .navbar-menu-inner {
        overflow: hidden;
    }
.navbar-menu-inner-content {
   position: relative;
}

.activeMenu {
    visibility: visible;
    opacity: 1;
    right: 0;
    z-index: 100000;
}
.closeMenu {
    cursor:pointer;
    text-align: right;
    padding: 15px 20px 10px 20px;
    float:right;
}
.divCloseMenu {
    width: 100%;
    height: 55px;
    background: white;
}

.navbar-menu a {
    text-decoration: none;
}

    .navbar-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0 20px 20px;
    }

    .navbar-menu .fa-angle-up {
        display: none;
    }
.activeText .fa-angle-up {
    display: block;
}
.activeText .fa-angle-down {
    display: none;
}
.menuTitle, .menuTitleLight {
    display: grid;
    grid-template-columns: 85% 15%;
    min-width: 305px;
    cursor:pointer;
}

    .menuTitle:hover, .menuTitleLight:hover {
        color: #BB0C2F;
    }


.menuTitle {
    font-family: "Aspira Bold";
    font-weight: bold;
    font-size: 1.3em;

}

.menuTitleLight {
    font-size: 1.3em;
}

.subTitle {
    font-family: "Aspira Bold";
    font-weight: bold;
    font-size: .9em;
    padding: 10px 0 0 10px;
    display: block;
}

.subMenuList {
    padding-left: 20px
}
.navbar-menu .classText {
    width:220px;
}

.subMenuList {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear, height 1.5s linear;
}
    
.activeNav {
    visibility: visible;
    height:auto;
    opacity: 1;
}
.activeText {
    color: #BB0C2F;
}
.subMenuList.subLinks li {
    padding-top: 10px;
}
/*Footer ---------------------------*/
#footer {
    padding: 6em 0 4em 0;
    background: #e2e2e2;
    text-align: center;
    color: #3c3f40;
}

    #footer h2 {
        color: #3c3f40;
    }

    #footer .icon {
        color: #BB0C2F;
    }

    #footer a {
        color: #3c3f40;
        text-decoration: none;
    }

    #footer ul li {
        padding: 0 2em;
    }

    #footer .copyright {
        display: inline-block;
        color: #3c3f40;
        font-size: 0.75em;
        margin: 0 0 2em 0;
        padding: 0;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
        padding: 2em 10em;
    }

        #footer .copyright img {
            max-width: 100%;
        }
.mainFooterDiv {
    text-align: left;
    line-height: 2;
    font-size: .85em;
    color: #e6e6e6;
}

.footerTableMobile {
    padding: 120px 0 50px 0;
    margin-top: 2em;
    clear: both;
    background-color: #141414;
}
.WRExt .footerTableMobile {
   
    margin-top: 0;
}
    .footerTableMobile a {
        color: #e6e6e6;
        text-decoration: none;
    }
/*.footerGridMain {
    display: grid;
    grid-template-columns: 33% 77%;
    color:#fff;
    max-width: 1200px;
    margin: 0 auto;
}
.footerGridMain h2 {
    color: #fff;
    font-family:Aspira;
    font-weight:normal;
}*/

#cookieBtn {
    padding-left: 10px;
    cursor: pointer;
    vertical-align: top;
    padding-top: 7px;
}
.txtSubscribe {
    font-size: 1.6em;
    text-transform: uppercase;
    font-family: 'Aspira Heavy';
    padding-bottom: 7px;
    display: block;
}
.redTxtSubscribe {
    font-family: 'Chronicle Light', 'Times New Roman', serif;
    display: block;
}

.smlLogo {
    max-height: 20px;
    padding: 0 1.2em 0 0;
}

.sml35Logo, .smlLogo35 {
    max-height: 35px;
    padding: 0 1.2em 0 0;
}

.fGTitles {
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #BB0C2F;
    text-transform: uppercase;
}

.footerCopy {
    font-size: .8em;
    color: #e6e6e6;
    padding-top: 4em;
}

.elabFooter {
    display: inline-block;
    text-align: left;
    line-height: 1;
    text-transform: uppercase;
    font-size: .8em;
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    padding: 2px 0 0 .5em;
    vertical-align: top;
}

.botFoot {
    margin-top: 125px;
}

.divNavPos0, .divNavPos1 {
    display: block;
}



.navPos0, .navPos1, .navPos2 {
    text-decoration: none;
    font-family: 'Aspira', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: .9em;
}

.navPos0, .navPos1 {
    display: block;
}


.navPos2 {
    padding: .3em;
    /*This hides the social media links in footer since we cant turn them off until in DB the new site is launched. */
    display:none;
}
.divFooterInfo {
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 0 0;
}
.divFooterNav {
    max-width: 232px;
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 40px 0;
}
    .divFooterNav .hide {
        display: none;
    }



    .divFooterNav .show {
        padding: .9em .5em 0;
        font-size: .5em;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        display: inline-block;
        padding: .9em .5em 0;
        vertical-align: top;
    }
.divFooterLeft h2 {
    color: #e6e6e6;
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 16pt;
    letter-spacing: .03em;
    margin-bottom: 20px;
}
.divFooterRight, .divFooterLeft {
    vertical-align: top;
    display: inline-block;
    margin-left: 40px;
}
.WellaRewards .divFooterLeft {
    display: inline-block;
    margin-left: 71px;
    vertical-align: top;
}
.WellaRewards .botFoot {
    margin-top:30px;
}
.WellaRewards .footerLogos {
   margin-left:0;
}
.WellaRewards .footerCopy {
    font-size:initial;
}
.WellaRewards .footerCopy {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-left: 120px;
}
.divFooterRight {
    margin-left: 80px;
}
.footerLogos {
    margin-left: 40px;
}
.subscribeLink {
    float: right;
}
.fGBoxes {
    display: inline-block;
    max-width: 1000px;
    vertical-align: top;
    line-height: 1.2;
    font-family:Aspira;
}
.divNavPos2 {
    font-size: 2em;
}

/* Menu */
    /*#menu {
    -moz-transform: translateX(-20em);
    -webkit-transform: translateX(-20em);
    -ms-transform: translateX(-20em);
    transform: translateX(-20em);
    -moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
    -webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
    -ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
    transition: transform 0.5s ease, visibility 0.5s;
    -webkit-overflow-scrolling: touch;
    background: #717171;
    color: #ffffff;
    height: 100%;
    max-width: 80%;
    overflow-y: auto;
    padding: 3em 2em;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    width: 20em;
    z-index: 10002;
    background-color: #292b2b;
}

    #menu .links a {
        line-height: 2em;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        text-decoration: none;
    }

    #menu > ul {
        margin: 0 0 1em 0;
    }

        #menu > ul.links {
            list-style: none;
            padding: 0;
        }


    #menu li {
        padding: 0;
        margin-left: 3px;
    }

    #menu > ul.links > li > a:not(.button) {
        border: 0;
        border-top: solid 1px rgba(255, 255, 255, 0.25);
        color: inherit;
        display: block;
        text-decoration: none;
    }

    #menu > ul.links > li > .button {
        display: block;
        margin: 0.5em 0 0 0;
    }

    #menu > ul.links > li:first-child > a:not(.button) {
        border-top: 0 !important;
    }

    #menu > ul.actions {
        display: none;
    }

    #menu .close {
        text-decoration: none;
        -moz-transition: color 0.2s ease-in-out;
        -webkit-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
        -webkit-tap-highlight-color: transparent;
        border: 0;
        color: #c1c1c1;
        cursor: pointer;
        display: block;
        height: 3.25em;
        line-height: 3.25em;
        padding-right: 1.25em;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        vertical-align: middle;
        width: 3em;
    }

        #menu .close:before {
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            content: "\f2ee";
        }

        #menu .close:before {
            font-size: 1.25em;
        }

        #menu .close:hover {
            color: #ffffff;
        }



    #menu.visible {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
    }

    #menu li.navLinkCategory {
        color: #BB0C2F;
        text-align: left;
        font-size: 1.4em;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        position: relative;
        left: -10px;
    }*/
    /* Banner */
    #banner {
    padding: 0;
    color: #000;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    /*top: 30px;*/
}

    #banner picture {
        display: block;
    }

    #banner a {
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-decoration: none;
        font-size: 1em;
        text-transform: uppercase;
        color: #000;
    }

    #banner img {
        margin-top: 0;
    }

    #banner .content {
        -moz-transition: opacity 1s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 1s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 1s ease-in-out, transform 0.75s ease-in-out;
        opacity: 1;
        text-align: left;
        width: 100%;
        margin: 0 auto;
        max-width: 1000px;
    }

        #banner h1 {
            font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            color: #000;
            margin: 0;
            font-weight: 500;
            margin-top: 1em;
            font-size: 2.5em;
            line-height: 1.3;
        }

    #banner h2 {
        font-size: 2em;
        color: #fff;
        line-height: 1.5;
        margin: 0 auto 2em auto;
        padding: 0;
    }

        #banner h2 span {
            font-size: 1em;
            display: block;
            font-weight: normal;
            text-shadow: 1px 1px 3px #000;
        }


    #banner p {
        font-size: 1.25em;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin-bottom: 1.75em;
        color: #3c3f40;
    }

.sectionText {
    padding: 0;
    color: #3c3f40;
    background-size: cover;
    margin: 0 auto;
    -moz-transition: opacity 1s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 1s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 1s ease-in-out, transform 0.75s ease-in-out;
    opacity: 1;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    padding-bottom: 2em;
}


/*EVENT*/
.doneDiv {
    margin-right: 3px;
    display: inline-block;
    width: 70px;
    height: 20px;
    background-color: #009900;
    border-radius: 6px;
}

.openDiv {
    margin-right: 3px;
    display: inline-block;
    width: 70px;
    height: 20px;
    border-radius: 6px;
    background-color: #999999;
}

.scoreDiv {
    height: 20px;
    border-radius: 6px;
    background-color: #000099;
}

.scoreDivBg {
    border-radius: 6px;
    background-color: #999999;
    padding: 1px;
}

.divEventImg {
    margin: .8em;
}

.divContainerEventList {
    display: block;
}

/*.eventDate {
    display: inline-block;
    width: 70px;
    height: 71px;
    vertical-align: top;
    background-color: #FFFF00;
    text-align: center;
}*/
.rewards .eventDate {
    max-width: 85px;
}
.rightTile {
    padding: .8em .8em 0 0;
}

/*.eventText {
    margin-left: 5px;
    display: inline-block;
    max-width: 300px;
    width: 100%;
    height: 71px;
    vertical-align: top;
    line-height: 1.5;
}*/

.eventSmlTxt {
    font-size: .8em;
}

/*.eventBuy {
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
    width: 130px;
    height: 71px;
    vertical-align: top;
}*/
.eventBuy {
    justify-self: center;
    text-align: center;
}
/*SPLIT PAGE*/

#splitPage #banner .content {
    text-align: center;
    position: absolute;
    top: 100px;
    max-width: 100%;
    padding-bottom: initial;
    z-index: 1000;
}

#splitPage .splitLowerTxt {
    width: 100%;
    text-align: center;
    background: #ccc;
    font-size: 1.5em;
    padding: 1em;
}

    #splitPage .splitLowerTxt h1, #splitPage .splitLowerTxt h4 {
        padding: 0;
        margin: 0;
    }

#splitPage #LblDesc1 i {
    font-style: normal;
    font-size: .7em;
    display: block;
}

#splitPage #banner {
    background-color: #e2e2e2;
    max-height: 730px;
}

#splitPage #logos {
    text-align: center;
}

    #splitPage #logos img {
        padding: .5em;
    }




#splitPage .quotes h2 {
    text-transform: capitalize;
}

#splitPage #banner {
    top: 0;
    position: relative;
    z-index: 99;
}

    #splitPage #banner picture {
        margin: 0;
    }

    #splitPage #banner p {
        margin: .5em auto;
        color: #fff;
        font-weight: normal;
    }

.divSplitLeft ul, .divSplitRight ul {
    margin-bottom: 1em;
    list-style: none;
    padding: 0;
}

#splitPage .SplitPageOverlay {
    text-align: center;
    position: absolute;
    z-index: 100;
    top: 350px;
    width: 100%;
}

.divSplitLeft {
    margin-left: 20%;
    float: left;
}

.divSplitRight {
    margin-right: 20%;
    float: right;
}

.divSplitLeft, .divSplitRight {
    max-width: 40%;
    display: inline-block;
    background-color: rgba(0,0,0,0.4);
    padding: 1.2em;
    min-width: 280px;
    text-align: center;
}






/* ----------- BX Slider ----------- */
.bx-wrapper {
    margin: 0 auto;
    margin-bottom: 0;
}

.bxOverlay {
    background: url("images/overlay.png") center;
}

ul.bxslider, .bxslider li {
    padding: 0;
    margin: 0;
}

.bxSliderContainer {
    z-index: 1;
    max-width: 1024px;
    margin: 0 auto;
}

.bx-wrapper .bx-pager {
    position: relative;
    top: -130px
}

.bx-controls, .bx-has-pager, .bx-has-controls-direction {
    display: none;
}

.bxslider img {
    -webkit-animation: zoomin 5s 1;
}

.bx-wrapper .bx-viewport {
    background: #575a53;
}

/* Main */

#one .inner {
    margin-bottom: 2em;
}

#one .flex-item {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}

    #one .flex-item.left div:first-child, #one .flex-item.right div:first-child {
        padding-top: 1em;
    }

    #one .flex-item.left div:last-child, #one .flex-item.right div:last-child {
        -moz-align-self: -moz-flex-end;
        -webkit-align-self: -webkit-flex-end;
        -ms-align-self: -ms-flex-end;
        align-self: flex-end;
    }

    #one .flex-item.left div p, #one .flex-item.right div p {
        margin-bottom: 1em;
    }

#one h2 {
    text-align: center;
}








/*Custom --------------------------------------------*/

#divMainContent {
    padding-top: 2em;
}



.ltGryTxt, .ltGryTxt a {
    color: #999999;
}



.userNameHead {
    text-transform: capitalize;
}




/*Split Page ------------------*/

#splitPage h1.mainTitleH1 {
    font-weight: 400;
    font-size: 20pt;
    line-height: 1.5;
    /*padding: 1em 0;*/
    clear: both;
}

#splitPage .headers {
    text-align: center;
    font-size: 24pt;
}

    #splitPage .headers h4 {
        text-transform: initial;
    }

#LblDesc4 div:first-of-type, #LblDesc3 div:first-of-type {
    margin-bottom: 3em;
}

.divInfoHair {
    padding-top: 2em;
}

.infoDivBlock {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

    .infoDivBlock:first-of-type {
        margin-right: 5%;
    }

/*Map Page ------------------*/

.leaflet-control-mapquest-navigation button {
    line-height: 1;
}

.learnBut {
    float: right;
    margin-right: .5em;
}

#mapPage header h1 {
    margin-top: 3em;
}
/*Spotlight Page ------------------*/

#spotlightPage #LblCategory {
    display: none;
}

#spotlightPage .divLblName1, #spotlightPage .divLblName1 {
    background-color: #eee;
}

#spotlightPage .divLblName1, #spotlightPage .divLblName1 {
    background-color: transparent;
}

/*Home Page ------------------*/


/*Login Page ------------------*/

.divloginPage {
    max-width: 600px;
}

#passReminderPage {
    margin: 1em;
}

    #passReminderPage .divhdr {
        padding: .5em
    }

    #passReminderPage #PnlReset {
        padding-top: 1em;
    }

    #passReminderPage div {
        padding-left: 1em;
    }
/*map Page ------------------*/
.mapListLI {
    max-width: 60%;
    float: left;
    list-style: none;
}

.mapListH3 {
    clear: both;
    margin-top: 5em;
}

/*Dashboard Page ------------------*/
/*
    --these are the new styles for WCE changes--

    .divProgressBarContainer {
    color: #000 !important;
    background-color: #fcfcfc !important;
    margin-right: 30px;
    border-radius: 10px;
}
#divProgressBar {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(201,219,117,1) 0%, rgba(106,135,36,1) 100%);
    height: 16px;
    border-radius: 10px;
}*/
.divProgressBarContainer {
    color: #000 !important;
    background-color: #fcfcfc !important;
    margin-right: 30px;
}

#divProgressBar {
    color: #fff !important;
    background-color: #4CAF50 !important;
    height: 16px;
}
.w3-light-grey {
    border-radius: 10px;
}
.divProfile {
    margin-top: 20px;
    max-width: 600px;
    background-color: white;
    border-radius: 6px;
    background-color: #eeeeee;
    clear: both;
}

    .divProfile h3 {
        font-size: 1.5em;
        font-family: 'Aspira', serif;
    }

.imgProfile {
    float: left;
    padding-right: 1em;
}

.divCard {
    float: right;
    background-color: #ffffff;
    margin: 3px;
    padding: 3px;
    border-radius: 6px;
    font-style: italic;
    margin-top: 2em;
}

#LblDashboard {
    margin-top: 2em;
}

#dashPage .wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 0 1em 0;
}

#dashPage .hideBut, #dashPage .hideSpan {
    display: none;
}

.noHand {
    cursor: auto;
}

#dashPage .button.alt.smallBut {
    padding: .5em;
    height: auto;
    line-height: initial;
    margin-bottom: .5em;
}

.divDashSubNav {
    text-align: right;
    float: right
}

.dashMidTitles {
    margin: 0 0 .5em 0;
    font-size: 1.3em;
}
    .dashMidTitles i {
        font-family: 'Chronicle Light';
        font-style: initial;
    }
.LblProfile {
    clear: both;
}

.msgComplete {
    color: red;
    display: block;
    clear: both;
}

#LblNextBut .button {
    margin: 1em 0;
}

.StudentH1 {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    font-size: 2em;
    line-height: 1.3;
}
.StudentH1 span{
   
    font-family:'Chronicle Light',serif;
}
.badgesDiv {
    width: 100%;
    max-width: 840px;
    margin: 1em 0;
    display: inline-flex;
    flex-wrap: wrap;
}

.badge {
    border:1px solid black;
    display: block;
    text-align: center;
    width: 160px;
    height: 110px;
    line-height: 1.2;
    display: grid;
    grid-gap: .5em;
    grid-template-rows: 20% 48% 20%;
    max-width: initial;
    margin: .5em .5em 0 0;
    background-color: white;
}

.badgesDiv a {
    text-decoration: none;
}

.badgeIcon {
    color: #BB0C2F;
    font-size: 14pt;
    text-align: right;
    padding-right: 5px;
}

.badgeName {
    text-transform: uppercase;
    color: #000;
    font-size: 14pt;
    display: block;
    clear: both;
    font-family: Aspira Heavy;
}

.badgeDate {
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    display: block;
    font-size: .8em;
}

.inboxItem {
    border-left: 1px solid #000;
    margin-bottom: 20px;
    padding: 5px 10px;
}

.paymentPlanDiv {
    background-color: #e2e3e4;
    padding: .1em 1em 1em;
    max-width: 50%;
    color: #000;
}

.paymentsDiv {
    display: grid;
    grid-gap: .5em;
    grid-template-columns: 33% 33% 33%;
    max-width: initial;
    margin: 1em .5em;
    align-items: center;
}

.dashSuggestedEventDiv {
    display: inline-block;
    max-width: 200px;
    vertical-align: top;
    text-align: center;
    padding: 5px;
}

.dashSuggestedEventImg {
    height: 160px;
    object-fit: contain;
}

.divDashButtons {
    padding: 0 1em 0 0
}
/*Update Page*/
.tdSettings {
    width: 25%;
}

.tdSocial {
    width: 20%;
}
/*Order History Page*/
.divComsContainer, .divComsContainerInfo {
    display: grid;
    grid-gap: .5em;
    grid-template-columns: 15% 15% 10% 15% 20% 5%;
    margin-top: 2em;
}

.divComsContainerInfo {
}

.divComsTitle {
    color: #777777;
    display: inline-block;
}

.divComs {
    display: inline-block;
}

.total {
    text-align: right;
}
/*Education Package Pages*/

.eduPackageChapterTitle {
    text-transform: uppercase;
    font-family:'Aspira Heavy'
}
    .eduPackageChapterTitle span, .packageH1 .chronicle {
        font-family: 'Chronicle Light'
    }
.packageSubHead {
    font-family: 'Chronicle Light';
    text-transform: uppercase;
    font-size:1.3em;
    color:#000;
}
.forumContainer1 h1 {
    text-transform: uppercase;
    font-family: 'Aspira Heavy' !important;
    color:#000 !important;
}
.forumContainer1 .button {
    border-radius: 0 !important;
    background-color: #BB0C2F !important;
}
/*Landing Page Widgets ------------------*/
.divLMSContainer.topTextContainer {
    /*margin: 2em auto;
    background: #fff;
    padding:36px;*/
}

#PnlBioLibrary #ui-id-1 {
    display: none;
    /* this hides the signature artists accordion header - danielle's request */
}

#PnlAccordion .ui-state-default, #PnlAccordion .ui-widget-content .ui-state-default, #PnlAccordion .ui-widget-header .ui-state-default, #PnlAccordion .ui-button, html #PnlAccordion .ui-button.ui-state-disabled:hover, html #PnlAccordion .ui-button.ui-state-disabled:active {
    background: #e2e3e4;
}

#PnlAccordion .ui-accordion .ui-accordion-header {
    padding-left: 0;
}

#PnlAccordion .ui-widget-content {
    background: #e2e3e4;
    padding-left: 0;
}

#PnlAccordion .ui-accordion .ui-accordion-content {
    padding-top: 0;
}

    #PnlAccordion .ui-accordion .ui-accordion-content p {
        padding-left: 1em;
    }

.bizaccordion .ui-state-default {
    background:#ffffff;
    border:none;
    font-size:2em;
}
.bizaccordion .ui-state-hover {
    background: #f0f0f0;
    border: none;
    font-size: 2em;
}
.bizaccordion.ui-accordion .ui-accordion-header {
    padding: 0;
    left:-27px;
    height:0;
}
.repeaterTriCol {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: left;
    line-height: 1.3;
    padding: 1em 1.5em 3em 1.5em;
    text-align:center;
}
/*.repeaterTriCol img{
    max-height:70px;
}*/
.repeaterTriColImgDiv {
   margin-bottom: 20px;
}
    #PnlTriColumn section {
    text-align: center;
}
#PnlTriColumn {
    margin:0 0 60px 0;
}
.repeaterOneCol {
    vertical-align: top;
    width: 100%;
}



    #PnlTopText .bgTanFull {
        padding: 3em 0;
        text-align: center;
    }


    #PnlTopText .mainText {
        line-height: 1.5;
        color: #000;
        text-align: center;
        padding: .5em 0;
        font-size: 1.1em;
        display: block;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;

    }

#PnlMidText {
    margin-top: 2em;
}

    #PnlMidText .mainText {
        padding: 1em 0;
        display: block;
    }
#PnlOneColumn .repeaterOneCol {
    padding: 60px 0; 
}
    #PnlLeftImageRightText .repeaterRow, #PnlLeftTextRightImage .repeaterRow, #PnlAlternatingTextImage .repeaterRow {
   
    display: grid;
    grid-template-columns: 48% 48%;
    align-items: center;
    justify-content:center;
    grid-gap: 40px;
    clear: both;
    margin:40px 0;
}
        #PnlLeftImageRightText .repeaterRow:first-of-type, #PnlLeftTextRightImage .repeaterRow:first-of-type {
  
            margin: 0 0 40px 0;
        }

    #PnlOneColumn .repeaterOneCol.bgTanFull {
        padding: 3em 0;
    }

#RptGridTopImage .jobTitle {
    font-family: 'Chronicle Light',serif;
    text-align: left;
    display: block;
    text-transform: uppercase;
    margin-bottom: .5em;
    font-size: 1.1em;
}

#PnlLeftImageRightText .repeaterRow, #PnlAlternatingTextImage .repeaterRow {
    text-align: center;
    display: grid;
    grid-template-columns: 48% 48%;
    align-items: center;
    grid-gap: 40px;
    border: 1px solid #ccc;
    padding: 40px;
}

    #PnlAlternatingTextImage .repeaterRow .imgLeft {
        order:1;
    }
    #PnlAlternatingTextImage .repeaterRow .textRight {
        order: 2;
    }
    #PnlAlternatingTextImage .repeaterRow .imgRight {
        order: 2;
    }

    #PnlAlternatingTextImage .repeaterRow .textLeft {
        order: 1;
    }
#PnlLeftTextRightImage .repeaterRow .imgRight {
    order: 2;
}
#PnlLeftTextRightImage .repeaterRow .textLeft {
    order: 1;
}

#PnlLeftImageRightText .repeaterTextDiv, #PnlAlternatingTextImage .repeaterTextDiv {
    text-align: left;
}

#PnlLeftImageRightText h2, #PnlLeftTextRightImage h2, #PnlAlternatingTextImage h2 {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    color: #000;
    font-size: 18pt;
    margin-bottom: .6em;
    text-transform:uppercase;
}

#PnlMidText h2 {
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    text-transform: uppercase;
    font-size: 18pt;
}

#PnlTriColumn h2 {
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;    
    font-size: 14pt;
    color:#000;
    text-transform:uppercase;
    /*margin:30px 0 10px 0;*/
    height:40px;
    margin-bottom:10px;
}
#PnlBusinessEducationGridIcons {
    padding-bottom: 35px;
}

#PnlGridTopImage {
    text-align: center;
}

    #PnlGridTopImage h2 {
        text-align: left;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 1.2em;
    }

    #PnlGridTopImage .repeaterRow {
        display: inline-block;
        width: 320px;
        vertical-align: top;
        margin: 1em 3em;
    }

    #PnlGridTopImage .repeaterP {
        max-width: 320px;
        text-align: left;
        margin-bottom: 0;
    }

.openDesc, .closeDesc {
    padding: 1em;
    cursor: pointer;
}



#PnlLeftImageRightText {
    clear: both;
}

#PnlOneColumn {

    line-height: 2;
}
.onecolImg {
    text-align:center;
}
.imgLeft img {
    max-width: 100%;
    max-height: 350px;
}

.imgRight img {
    
    max-width: 100%;
    max-height: 350px
}
/*Global Elite Info Pannel ----*/
#PnlWellaRewardsInfo h2 {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 18pt;
    margin-bottom: .6em;
    text-transform: uppercase;

}

.GEarrowGrid {
    display: grid;
    grid-template-columns: [first] 100px [line2] 250px [line3] 50px [col4-start] 130px [five] 120px [end];
    grid-template-rows: [row1-start] 300px [row1-end] 160px [third-line] auto [last-line];
    width: 650px;
    min-height:650px;
    margin: 0 auto;
}
.show1, .show2, .show3, .show4, .show5 {
    display: none;
}
.circleNumber1, .circleNumber2, .circleNumber3 {
    vertical-align: top;
    text-align: center;
    padding: 16px;
    color: #fff;
    font-size: 27pt;
    background: #c6003c;
    border-radius: 50% 50%;
    width: 80px;
    height: 80px;
}

.titleHowWorks{
    padding-left:40px;
}
.textNumber1 span, .textNumber2 span, .textNumber3 span {
    font-size:.9em;
    
}
    .circleNumber1 {
    grid-column-start: first;
    grid-column-end: line2;
    grid-row-start: row1-start;
    grid-row-end: row1-end;
    justify-self: center;
    align-self: start;
    margin: 20px 0;
}

.textNumber1 {
    grid-column-start: line2;
    grid-column-end: col4-start;
    grid-row-start: row1-start;
    grid-row-end: row1-end;
    max-width: 80%;
    line-height: 1.2;
}

.arrow1 {
    grid-column-start: line3;
    grid-column-end: five;
    grid-row-start: row1-start;
    grid-row-end: row1-end;
    justify-self: start;
    align-self: end;
}
.circleNumber2 {
    grid-column-start: col4-start;
    grid-column-end: five;
    grid-row-start: row1-end;
    grid-row-end: third-line;
    align-self: self-start;
    justify-self: center;
    margin: 10px 0;
}

.textNumber2 {
    grid-column-start: five;
    grid-column-end: end;
    grid-row-start: row1-end;
    grid-row-end: third-line;
    line-height: 1.2;
}

.arrow2 {
    grid-column-start: line2;
    grid-column-end: col4-start;
    grid-row-start: row1-end;
    grid-row-end: third-line;
    align-self: end;
}
.circleNumber3 {
    grid-column-start: first;
    grid-column-end: line2;
    grid-row-start: third-line;
    grid-row-end: last-line;
    justify-self: center;
    align-self: start;
    margin: 20px 0;
}
.textNumber3 {
    grid-column-start: line2;
    grid-column-end: col4-start;
    grid-row-start: third-line;
    grid-row-end: last-line;
    line-height: 1.2;
}

/*#PnlAlternatingTextImage .imgLeft img, #PnlAlternatingTextImage .imgRight img {
    max-width: 450px;
}*/
.repeaterRow .button, .repeaterOneCol .button, .mainText .button {
    text-decoration: none;
    /*text-transform: lowercase;*/
    min-width: 200px;
    white-space: normal;
}

.repeaterImgDiv {
    vertical-align: top;
}

#RptGridTopImage .repeaterTextDiv {
    padding-bottom: 4em;
    width: 100%;
}
.textLeft {
    padding-left:40px;
}
.textRight {
    padding-right: 40px;
}
.repeaterImgDiv.imgRight {
    /*float: right;*/
    /*padding:20px 0;*/
    justify-self: center;
    padding-right: 20px;
}

.repeaterImgDiv.imgLeft {
    /*float: left;*/
    /*padding: 20px 0;*/
    justify-self: center;
    padding-left:20px;
}

.repeaterTextDiv {
    vertical-align: top;
    display: table;
    font-size:.9em;
}

.bioaccordion {
    text-align: center;
}

    .bioaccordion .repeaterP {
        text-align: left;
        font-family: 'Aspira Light', Arial, Helvetica, sans-serif;
    }

    .bioaccordion H2 {
        font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-transform: uppercase;
        text-align: left;
        font-size: 1.3em;
    }

 .bioaccordion .ui-accordion-header {
    text-align: left;
    font-size: 1.5em;
    border: none;
}

 .ui-accordion .ui-accordion-content {
    border: none;
}

.bioaccordion .ui-widget-content a {
    color: #fff;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(/jquery/jquery-ui-1.12.1.custom/images/ui-icons_444444_256x240.png) !important;
}

#PnlBioLibrary .rotatorTabs .showBioTab {
    background-color: #000;
    margin: 2em 10px 1em 0;
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    padding: 8px 16px 4px 16px;
    color: #fafafa;
    font-size:18px;
    text-transform: uppercase;
    cursor:pointer;

}
    #PnlBioLibrary .rotatorTabs .showBioTab.activeTab {
        color: #BB0C2F;
    }


.widgetSbsText .button {
    text-transform: lowercase;
    padding: 10px;
}

.wigetImagesGrid {
    margin: 0 auto;
    text-align: center;
}

    .wigetImagesGrid img {
        max-width: 450px;
        max-height: 450px;
        display: inline-block;
    }

        .wigetImagesGrid img:hover {
            opacity: 0.7;
            filter: alpha(opacity=70);
            transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
        }

    .wigetImagesGrid span {
        display: inline-block;
        margin: 0 20px;
        text-align: left;
    }

.bgBlackFull .widgetLargeBgBlock {
    color: white;
}

.widgetFAQ.ui-widget h3, .widgetFAQ.ui-widget h1 {
    /*background: white;*/
    border: 0;
    border-bottom: 1px solid black;
    border-radius: initial;
    font-size: 1.3em
}

     .ui-state-active,  .ui-widget-content .ui-state-active,  .ui-widget-header .ui-state-active,  a.ui-button:active,  .ui-button:active,  .ui-button.ui-state-active:hover {
        color: #BB0C2F;
        background:#ccc;
    }

.ui-slider-handle {
    background-color: #BB0C2F;
}

.widgetFAQ.ui-widget h1 {
    font-size: 1.5em;
    border-bottom: 0;
}

.widgetFAQ.ui-widget .ui-accordion-content {
    border: 0;
}

.widgetFAQ .ui-state-active .ui-icon, .widgetFAQ .ui-button:active .ui-icon {
    background-image: url(/jquery/jquery-ui-1.12.1.custom/images/ui-icons_444444_256x240.png);
}

#PnlAccordion .bgTanFull {
    padding: 1em 0;
}

#PnlAccordion .mainTitleH1 {
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#PnlAccordion .bgTanFull {
    padding-bottom: 2.5em;
    background-color: #e2e3e4;
}
.bgTanFull #LblDesc1 {
    color: #ffffff;
    padding-bottom: 40px;
    display: block;
}
#PnlAccordion h1 {
    cursor: pointer;
}

#PnlAccordion .subAccordion h1 {
    color: #000;
}

#PnlAccordion .subAccordion {
    margin-left: 2em;
}

#PnlLogoBar img {
    padding: .5em 1em;
}

#PnlSocialBar {
    margin-top: 2em;
}

    #PnlSocialBar div {
        display: inline-block;
        font-size: 12px;
        text-align: center;
        margin: 0 2em;
    }

    #PnlSocialBar i {
        font-size: 64px;
    }
        #PnlSocialBar i:hover {
            color: #BB0C2F;
        }

        #PnlSocialBar #logos {
            text-align: center;
            padding:20px 0;
        }

    #PnlSocialBar a {
        text-decoration: none;
    }
/*Form Styles ------------------*/
.ui-datepicker-calendar {
    width: initial;
    background-color: white;
}

#dashPage td {
    min-width: 150px;
}

tr[bgcolor="#CCCCFF"] {
    background-color: #BB0C2F !important;
    color: #fff;
}

tr[bgcolor="#FFCCCC"] {
    background-color: #FFCCCC !important;
}

/*removed this because it was causing issues with images on site
    
    img[src*="spacer"] {
    display: none;
}*/

#PnlUploadTool td {
    padding: 0.75em;
}

#TxtNotes {
    margin: .25em .75em 0 0;
}


#PnlBottomCarousel .slick-list {
    max-height: initial;
}
.rewards .slick-dotted.slick-slider {
    margin-bottom:0;
}
/*Library Page ------------------*/
#dashPage .imgProfile img {
    float: left;
    height: 120px;
    border-radius: 6px;
    margin-right: 3px;
}



#PnlCatlist {
    padding: 1em;
}

#DtlCategories table {
    background: transparent;
}

#DtlLibraryAvail .button {
    padding: .5em 1em;
}

.divCatPageMenu {
    width: 250px;
    background-color: #e2e3e4;
    margin: 0 1.75em;
}
.divCatPageImg {
    margin-top: 30px;
}

#DdlViewMode {
    margin: 0;
}

#LblLibrary {
    padding: 1em;
    display: block;
}

#BtnDownloadZip {
    margin: 1em;
}
#BtnDownloadLibraryZip {
    margin-top: 1em;
}

#TxtSearchLibrary {
    max-width: 35%;
    display: inline-block;
}
#TxtSearch {
    padding-right: 40px;
    background-color: #f3f3f4;
    border: 0;
}
input:focus-visible#TxtSearch {
    outline: #ccc;
}
.searchText {
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
    font-size: 20pt;
    text-decoration: none;
    color: #000;
    display:inline-block;
    text-transform:uppercase;
}
#BtnSearch {
    display: inline-block;
    position: absolute;
    margin: 10px 0 0 -30px;
}

#DtlLibraryAvail img[src*="spacer"] {
    display: block;
}

.divCatPageMenu {
    float: left;
    vertical-align: top;
}

.divCatPageList {
    text-align: right;
}

#TxtSearchLibrary {
    max-width: 65%;
    line-height: 33px;
    border: 1px solid #dee1e3;
}

#LblLibrary {
    padding: initial;
    display: initial;
}

.gridDtlItems {
    display: grid;
    grid-template-columns: 20% 55% 20%;
    grid-gap: 1em;
    padding: 1em 0;
    align-items: center;
}

    .gridDtlItems h3 {
        text-transform: uppercase;
        color: #BB0C2F;
        margin: 0;
        font-weight: 500;
        font-size: 1.3em;
    }

.DtlItemImg {
    text-align: center;
}

.DtlItemCbx {
    vertical-align: top;
    text-align: right;
}

    .DtlItemCbx input[type="checkbox"] + label, .DtlItemCbx input[type="radio"] + label {
        margin-top: 0;
    }

#DtlCategories table {
    background-color: #f9f7f5;
    margin: 3px 0;
}

#DtlCategories a {
    text-decoration: none;
    text-transform: Capitalize;
    /*margin: 0 .5em;*/
}

/*#DtlCategories td[align] {
    display: none;
}*/

#DtlCategories td {
    padding: 3px 0;
}

.divMoreInfo {
    display: none;
}

.butMoreInfo {
    background: #e2e3e4;
    padding: 2px;
    width: 100px;
    cursor: pointer;
    text-align: center;
}

/*LMS Pages ------------------*/
.search input[type="text"] {
    margin: .2em 0 0 0;
    line-height: 2.5em;
    height: 2.5em;
    border-radius: initial;
    width: 340px;
    padding: 0 2em 0 0.8em;
    border: none;
    border-bottom: 2px solid #bfbfbf;
    padding-left: 0;
    display:inline-block;
}
    .search input[type="text"]:focus {
        outline: none;
    }
    .search input[type="text"]:-internal-autofill-selected {
        background-color: none !important;
    }
#searchButton {
    cursor: pointer;
    margin-right:10px;
}
nav .search .far.fa-search {
    position: relative;
    top: 3px;
    right: 25px;
    cursor: pointer;
}
.search {
    max-width:400px;
    margin:0 auto;
    text-align:left;
}
    .search .fa-search {
        position: relative;
        left: -15px;
        color: #bfbfbf;
    }
    .tinySearchText {
        font-size: .6em;
        color: #c3c3c5;
    }
#searchOverlayBlack {
    background: rgba(0,0,0,.8);
    height: 100%;
    width: 100%;
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
    
#searchOverlay {
    background: rgba(255, 255, 255, 1);
    color: #666666;
    position: fixed;
    height: 50%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    z-index: 100000;
    min-height:200px;
}

.fontSpaceMono {
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: Bold;
}


.jumpWE {
    cursor:pointer;
}
#jumpWEOverlay {
    display: none;
    background-color: rgba(0,0,0,.8);
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    z-index: 100000;
}

#jumpWEOverlayInner {
    background-color: #fff;
    width: 50%;
    height: 50%;
    margin: 100px auto;
}





/*.bannerUnderline {
    border-bottom: #000 solid 1.1em;
    max-width: 85%;
    margin-bottom: 0;
}*/


#divBannerWide img {
    margin-top: 2em;
}






/*input[type="submit"].btnOrangeText, .btnOrangeText {
    text-transform: uppercase;
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 1.2em;
    text-decoration: none;
    background: none;
    padding: 0;
    margin: 0;
    line-height: initial;
    height: initial;
}*/
/*Lower content section ------------------*/


/*SLICK SLIDER ------------------*/

.slick-slider {
    background-color: white;
}
.rewards .slick-slider {
    background-color: transparent;
}
.rewards .slick-track {
    display: flex;
}

.rewards .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}
.rewards .slick-prev:before, .rewards .slick-next:before {
    color:#000;
}

.quotes.slick-slider {
    background-color: transparent;
}

#splitPage .quotes.slick-slider {
    background-color: #ccc;
    padding: 3em;
}

#splitPage .slick-slide blockquote {
    font-size: 1.3em;
}

#splitPage .slick-slide h2 {
    font-size: 1.8em;
    color: #BB0C2F;
}

/*.slick-list {
    max-height: 440px;
}*/


.slick-slide figure {
    margin: 2em 1em;
    height: 320px;
    width: 300px;
    overflow: hidden;
}

#splitPage .slick-slide figure {
    width: 90%;
    height: initial;
}
/*.imgRptSlick {
    margin: 0 auto;
    width: 150px;
}*/



#PnlLogoBar {
    text-align: center;
    margin: 4em 0;
}

#PnlMidHeadline .mainText {
    font-weight: 300;
    color: black;
    text-align: center;
    margin: 0 0 2em 0;
}

#PnlMidHeadline {
    margin-top: 1em;
}

    #PnlRotators .mainText {
        font-weight: 300;
        color: black;
        text-align: center;
        margin: 0 0 0 0;
    }

.mainText2 {
    font-weight: 300;
    color: black;
    max-width: 1200px;
    margin: 3em auto;
    padding: 0 2em;
    display: block;
}

#PnlMidHeadline .wrapper {
    padding: 3em 0 0 0;
}










/*Rotator Section -----------------*/







/*#PnlRotators {
    background-color: #e3e3e3;
    padding: 20px 0;
}
#PnlRotators .slick-slide figure {
    margin: 20px auto;
    height: 370px;
    width: 270px;
    border-radius: 15px;
    background-color: #f4f4f4;
    overflow: hidden;
    box-shadow: #dadada 0 0 15px;
    text-align: left;
}

.rotateImgDiv {
    width: 270px;
    height: 160px;
    overflow: hidden;
    background: #fff;
}

.rotateLink a {
    padding: 0 20px;
    text-transform: uppercase;
    font-size: .75em;
    text-decoration: none;
    font-family: "Aspira Bold";
}

    .rotateLink a:hover {
        color: #BB0C2F;
    }

#PnlRotators .imgRptSlick {
    margin: 0 auto;
    width: 270px;
}



#PnlRotators .slick-slide blockquote {
    font-size: .75em;
    padding: 0 20px;
}

#PnlRotators .slick-slide h2 {
    padding: 10px 20px 0 20px;
    font-size: 1.3em;
    font-weight:normal;
    text-transform: initial;
    color: #BB0C2F;
    font-family: Change, 'Aspira Bold', Arial, Helvetica, sans-serif;
}



.slick-slide footer {
    margin-bottom: 2em;
    vertical-align: bottom;
}

.slick-slide img {
    max-width: 100%;
}


.slick-slide h2 {
    text-transform: uppercase;
    margin: .5em 0;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 1.4;
}

.slick-slide blockquote {
    color: #000000;
    font-style: normal;
    max-height: 220px;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.1em;
}

.slick-slide .company a {
    text-transform: uppercase;
    font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #000;
    font-size: 1.5em;
    color: #fff;
    text-decoration: none;
    padding: .8em 1em;
    font-style: normal;
}

.slick-dots {
    padding: 20px 0 0 0 !important;
    position: relative !important;
    bottom: 0 !important;
}




.divPnlRotator {
    height: 450px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative;
}

    .divPnlRotator .inner {
        max-width: 1500px;
        
        margin-bottom: 0;
    }
#PnlRotator .wrapper {
    padding: 0 0 3em 0;
}

.PnlRotate1 {
    left: 0;
    position: absolute;
}

#PnlRotator2 .wrapper {
    padding: 0 0 3em 0;
}

.PnlRotate2 {
    left: -3000px;
    position: absolute;
}

#PnlRotator3 .wrapper {
    padding: 0 0 3em 0;
}

.PnlRotate3 {
    left: -3000px;
    position: absolute;
}

.activeRotator {
    left: 0;
}

.hiddenRotator {
    left: -3000px;
}*/



/*New test Rotator*/
#PnlRotators {
    background-color: #f0f0f0;
    padding: 20px 0;
}
    #PnlRotators .slick-slider {
        background-color: transparent;
    }
#PnlRotators .slick-slide figure {
    margin: 20px auto;
    height: 393px;
    width: 225px;
    border-radius: 15px;
    background-color: #f4f4f4;
    overflow: hidden;
    box-shadow: #dadada 0 0 15px;
    text-align: left;
}
.rotateImgDiv {
    width: 225px;
    height: 160px;
    overflow: hidden;
}
.rotateLink {
    text-align: center;
    display: block;
    width: 100%;
}
    .rotateLink a {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        background-color: #BB0C2F;
        border-radius: 0;
        border: 0;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        padding: 3px;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        vertical-align: top;
        padding: 10px 20px 7px 20px;
        min-width: 111px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: .7em;
        width: 83%;
    }

    .rotateLink a:hover {
        color: #000000;
    }

#PnlRotators .imgRptSlick {
    margin: 0 auto;
    width: 225px;
}
#PnlRotators .slick-slide blockquote {
    font-size: .85em;
    padding: 0 20px;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Chronicle', 'Times New Roman', serif;
}

.dotsCont {
    display:inline-block;
}
#LblRotatorTitle, .lblResourceTilesTitle {
    text-transform: uppercase;
    font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
}
    #LblRotatorTitle span, .lblResourceTilesTitle span {
        font-family: 'Chronicle Light', 'Times New Roman', serif;
    }

/*  OSCAR hover effect*/
.gridRC {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
 
    list-style: none;
    text-align: center;
}

    /* Common style */
    .gridRC figure {
        position: relative;
        display:inline-block;
        overflow: hidden;
        margin: 1px 3px;
        max-width: 240px;
        max-height: 360px;
        width: 48%;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

        .gridRC figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }

        .gridRC figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .gridRC figure figcaption::before,
            .gridRC figure figcaption::after {
                pointer-events: none;
            }

            .gridRC figure figcaption,
            .gridRC figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                /* Anchor will cover the whole item by default */
                .gridRC figure figcaption > a {
                    z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .gridRC figure h2 {
            color: #fff;
            text-shadow: 2px 2px 4px #000;
            word-spacing: -0.15em;
            font-weight: 300;
            font-size:21pt;
            line-height:1;
        }

            .gridRC figure h2 span {
         
                font-family:'Chronicle';
                font-size: 14pt;
            }

        .gridRC figure h2,
        .gridRC figure p {
            margin: 0;
        }

        .gridRC figure p {
            letter-spacing: 1px;
            font-size: 68.5%;
            text-shadow: 1px 1px 2px #000;
        }
figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #BB0C2F 0%, #BB0C2F 40%, #BB0C2F 100%);
    background: linear-gradient(45deg, #BB0C2F 0%, #BB0C2F 40%, #BB0C2F 100%);
}

    figure.effect-oscar img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-oscar figcaption {
        padding: 3em;
        background-color: rgba(58,52,42,0);
        -webkit-transition: background-color 0.35s;
        transition: background-color 0.35s;
    }

        figure.effect-oscar figcaption::before {
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 30px;
            border: 1px solid #fff;
            content: '';
        }

    figure.effect-oscar h2 {
        margin: 22% 0 10px 0;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    figure.effect-oscar figcaption::before,
    figure.effect-oscar p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    figure.effect-oscar:hover h2 {
        /*-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);*/
    }

    figure.effect-oscar:hover figcaption::before,
    figure.effect-oscar:hover p {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-oscar:hover figcaption {
        background-color: rgba(58,52,42,0);
    }

    figure.effect-oscar:hover img {
        opacity: 0.4;
    }
@media only screen and (max-width: 805px) {

    .gridRC figure {
        width: 150px;
        height: 225px
    }

        .gridRC figure h2 {
            font-size: 18pt;
        }

            .gridRC figure h2 span {
                font-size: 12pt;
            }

    figure.effect-oscar figcaption {
        padding: 1em;
    }

        figure.effect-oscar figcaption::before {

            top: 15px;
            right: 15px;
            bottom: 15px;
            left: 15px;
        }
}

    /* end OSCAR hover effect*/


    #PnlRotators .slick-slide h2 {
        padding: 10px 18px 0 18px;
        font-size: 1.1em;
        font-weight: normal;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        overflow: hidden;
        height: 35px;
    }

    .slick-slide footer {
        margin-bottom: 2em;
        vertical-align: bottom;
    }

    .slick-slide img {
        max-width: 100%;
    }

    .slick-slide h2 {
        text-transform: uppercase;
        margin: .5em 0;
        font-size: 1.5em;
        text-transform: uppercase;
        line-height: 1.4;
    }

    .slick-slide blockquote {
        color: #000000;
        font-style: normal;
        height: 123px;
        overflow: hidden;
        font-weight: 400;
        line-height: 1.1em;
    }

    .slick-slide .company a {
        text-transform: uppercase;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        background-color: #000;
        font-size: 1.5em;
        color: #fff;
        text-decoration: none;
        padding: .8em 1em;
        font-style: normal;
    }

    .slick-dots {
        padding: 20px 0 0 0 !important;
        position: relative !important;
        bottom: 0 !important;
    }





    .wrap {
        position: relative;
        z-index: 100;
        width: 100%;
        height: 100%;
        padding: 0 60px;
        background-color: #230e2c;
        -webkit-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }


    .item.slick-slide.slick-center + .slick-slide {
        transform: "";
        /* z-index: 10; */
    }

    .wrap:after {
        content: '';
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    /*.slider {
    position: relative;
    z-index: 200;
    padding: 0 0px;
    margin: 5rem auto;
    max-width: 100%;
    width: 100%;
}*/

    .slick-arrow {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 50px;
        line-height: 50px;
        margin-top: -25px;
        border: none;
        background: transparent;
        color: #fff;
        font-family: monospace;
        font-size: 5rem;
        z-index: 300;
        outline: none;
    }

    .slick-prev {
        left: -50px;
        text-align: left;
    }

    .slick-next {
        right: -50px;
        text-align: right;
    }

    .item.slick-slide {
        width: 400px;
        height: 400px !important;
        transition: transform .4s;
        position: relative;
    }

    .slick-slide {
        padding: 0 10px;
    }

    .carousel .slick-slide {
        padding: 0;
    }

    .slick-slide:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: transform .4s;
    }

    .item.slick-slide {
        transform: scale(0.7) translate(640px);
    }

    .slick-slide.slick-current {
        opacity: 1;
    }

    .item.slick-slide.slick-center + .slick-slide {
        transform: scale(0.8) translate(-250px);
        z-index: 10;
    }

        .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
            transform: scale(0.7) translate(-640px);
            z-index: 5;
        }

    .item.slick-slide.slick-active {
        transform: scale(0.8) translate(250px);
    }

    .item.slick-slide.slick-center {
        /* margin: 0 -10%; */
        transform: scale(1);
        z-index: 30;
    }

    .slick-slide.slick-center figure {
        background-image: linear-gradient(to bottom, #ffffff, #d9d9d9);
    }





    .slick-center .img {
        display: inline-block;
    }



    p.title {
        position: absolute;
        text-align: center;
        color: #fff;
        left: 37%;
        font-size: 20px;
        top: 50%;
    }

    p.description {
        position: absolute;
        text-align: center;
        color: #fff;
        bottom: 0;
        font-size: 20px;
        display: none;
    }

    /*end new rotator*/


    /*Master Slider Landing Page*/

    .msLanding h1 {
        color: #ffffff;
        text-transform: uppercase;
        font-family: 'Chronicle Light', 'Times New Roman', serif;
    }

    .msLanding .topH2 {
        color: #ffffff;
        text-transform: uppercase;
        font-family: "Aspira Heavy";
        font-size: 1.6em;
    }

    .msLanding .underText {
        color: #d5d5d5;
        line-height: 1.2;
        font-size: 1em;
        font-family: 'Chronicle', 'Times New Roman', serif;
    }




    /*Landing Page Certifications*/
    .divBadgeRollover {
        display: inline-block;
        width: 260px;
        height: 350px;
        background-size: cover;
    }

    .divWhiteBox {
        background: #fff;
        width: 260px;
        height: 350px;
    }

        .divWhiteBox:hover {
            transition: background 0.5s ease-in-out;
            background: transparent;
        }

    .imgBadgeLanding {
        margin: 100px 0;
        filter: drop-shadow(0 0 20px white);
    }

    .imgBadgeLandingHover {
        filter: drop-shadow(0 0 20px white);
        opacity: .7;
    }


    .resourcesGrid {
        display: grid;
        grid-template-columns: 150px auto;
        grid-gap: 10px;
        align-items: center;
    }

    #functionbar .form {
        margin-top: 13px;
    }


    #PnlBannerBar .divBannerContainer {
        text-align: center;
        padding: 2em 0;
        max-width: 1700px;
        margin: 0 auto;
        background-image: url('/templates/4/images/dots.png');
    }

    .dotsBG {
        background-image: url('/templates/4/images/dots.png');
    }

    .divHeaderLeft {
        max-width: 500px;
        float: left;
        padding: 0 0 40px 0;
    }

    .subHeadTxt {
        font-family: "Aspira Bold";
        color: #000;
        display: block;
    }

    .mainHeadTxt {
        font-family: "Aspira Heavy";
        color: #000;
        display: block;
        font-size: 2em;
        text-transform: uppercase;
    }

        .mainHeadTxt i {
            font-family: 'Chronicle Light', 'Times New Roman', serif;
            font-style: normal;
        }

    .bodyTxt {
        font-family: 'Chronicle', 'Times New Roman', serif;
    }

    .linkBut {
        text-align: right;
        display: block;
        padding: 70px 50px 0 0;
    }

    .rewards .linkBut {
        padding: 50px 50px 0 0;
    }

    #PnlThreeColumnImageBar {
        padding: 80px 0;
    }


    #PnlClickThroughSlides .slideButton {
        text-align: center;
        margin: 20px;
        cursor: pointer;
        padding: 0 40px 5px 0;
        display: inline-block;
        margin-right: 5px;
        color: #a3a3a3;
        border-bottom: 1px solid #a3a3a3;
    }

    #PnlClickThroughSlides .activeSlideButton {
        text-align: center;
        margin: 20px;
        cursor: pointer;
        padding: 0 40px 5px 0;
        display: inline-block;
        margin-right: 5px;
        color: #BB0C2F;
        border-bottom: 1px solid #BB0C2F;
    }

    .divClickThroughSlide {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: 500px;
        overflow: hidden;
    }

    #PnlClickThroughSlides .divStrButtons {
        position: relative;
        top: -80px;
        right: 100px;
        direction: rtl;
    }

    .clickThroughSlide, .clickThroughSlideCustom {
        width: 100%;
        height: 500px;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    #PnlClickThroughSlideButtons2 .clickThroughSlideCustom {
        text-align: center;
        height: initial;
        min-height: 500px;
    }

    .clickThroughSlide h3, .clickThroughSlideCustom h3 {
        color: #fff;
        margin: 0;
        text-transform: uppercase;
        font-size: 1.5em;
    }

    #PnlClickThroughSlides .clickThroughText {
        color: #fff;
        float: right;
        padding: 100px 100px 0 0;
        width: 400px;
    }

    #PnlClickThroughSlideButtons .clickThroughText {
        color: #fff;
        float: right;
        margin: 200px 100px 0 0;
        padding: 30px;
        width: 400px;
        font-size: .9em;
        line-height: 1.3;
        position: absolute;
        right: 5%;
        bottom: 10%;
        background-color: rgba(198,0,60,.7)
    }

    #PnlClickThroughSlideButtons2 {
        margin: 0 auto 20px auto;
    }

        #PnlClickThroughSlideButtons2 .clickThroughText {
            color: #fff;
            display: inline-block;
            margin: 20px 10px;
            vertical-align: top;
            padding: 30px;
            width: 260px;
            font-size: .75em;
            line-height: 1.3;
            background-color: rgba(198,0,60,.7);
            text-align: left;
        }

    #PnlClickThroughSlideButtons .divStrButtons {
        text-align: center;
    }

    #PnlClickThroughSlideButtons2 .divStrButtons {
        text-align: center;
        margin: 0 0 20px 0;
    }

    #PnlClickThroughSlideButtons .slideButton {
        margin: 30px 5px 0 5px;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        font-size: .8em;
        background-color: #cbcbcb;
    }

    #PnlClickThroughSlideButtons2 .slideButtonCustom {
        margin: 30px 5px 0 5px;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        font-size: .8em;
        background-color: #cbcbcb;
    }

    #PnlClickThroughSlideButtons .slideButton.activeSlideButton {
        background-color: #BB0C2F;
    }

    #PnlClickThroughSlideButtons2 .slideButtonCustom.activeSlideButton {
        background-color: #BB0C2F;
    }

    #PnlClickThroughSlideButtons .clickThroughText .button {
        background-color: #fff;
        color: #BB0C2F;
    }

    #PnlClickThroughSlideButtons2 .clickThroughText .button {
        background-color: #fff;
        color: #BB0C2F;
    }

    #PnlCertificates h1 {
        font-size: 2.5em;
    }


    .divImgGrid {
        clear: both;
        display: grid;
        grid-template-columns: 32% 32% 32%;
        margin: 0 auto;
    }

    .rewards .divImgGrid {
        margin-top: 10px;
    }

    .divTxtGrid {
        background-repeat: repeat, no-repeat;
        background-position: center;
        width: 300px;
        height: 300px;
        color: #fff;
        padding: 20px;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        filter: grayscale(1);
        transition: filter .5s, visibility .9s;
    }

    .divTxt {
        transition: visibility 0s ease-in-out, opacity 0.5s ease-in-out, height 0.5s ease-in-out;
    }

    .divImgGrid a {
        text-decoration: none;
    }

    .divImgGrid h3 {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
        margin: 0;
    }

    .divBannerContainer #LtlBannerBlock {
        position: relative;
        z-index: 2;
    }

    .divOfferContainer {
        position: relative;
        z-index: 2;
        padding: 2em;
        background: #BB0C2F; /* Old browsers */
        background: -moz-linear-gradient(left, #BB0C2F 0%, #BB0C2F 42%, #BB0C2F 42%, #BB0C2F 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #BB0C2F 0%,#BB0C2F 42%,#BB0C2F 42%,#BB0C2F 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #BB0C2F 0%,#BB0C2F 42%,#BB0C2F 42%,#BB0C2F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BB0C2F', endColorstr='#BB0C2F',GradientType=1 ); /* IE6-9 */
        text-align: center;
    }

    #PnlOfferBar .bgRedBox {
        background-color: #BB0C2F;
        width: 40%;
        height: 420px;
        position: absolute;
        left: 0;
        z-index: 1;
        padding: 4em 0;
    }

    #PnlOfferBar {
        z-index: 5;
        position: relative;
        background: white;
    }

    .offerBox {
        width: 23%;
        height: 170px;
        background-color: #FFFFFF;
        display: inline-block;
        margin-right: 2%;
        vertical-align: top;
        padding: 1em;
    }

        .offerBox b {
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
            font-weight: Bold;
            color: #BB0C2F;
            display: block;
            min-height: 90px;
            font-size: 1.2em;
            text-transform: uppercase;
        }

        .offerBox a {
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
            font-weight: Bold;
            color: #ff692a;
            text-transform: uppercase;
            vertical-align: bottom;
            text-decoration: none;
        }

    #PnlLogoBar {
        text-align: center;
        margin: 3em 0;
    }

    #LtlBannerBlock img {
        max-width: 500px;
        padding: 1em;
        max-width: 100%;
    }

    #PnlSplashImage {
        z-index: 1;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    .divSplashImg {
        margin: 0 auto;
        max-width: 1200px;
    }

    #PnlSplashImage a {
        vertical-align: top;
    }

    /*Instagram Section ---------------*/
    #instaSection {
        max-width: 1200px;
        margin: 0 auto 2em auto;
        text-align: center;
    }

    #PnlInstagramBar {
        margin-bottom: 2em;
    }

        #PnlInstagramBar h1 {
            text-align: center;
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
            font-weight: bold;
            margin-bottom: 1em;
            color: #000;
        }

    #insta a {
        vertical-align: top;
        display: inline-block;
        max-height: 220px;
        overflow: hidden;
    }

    .instaImg {
        width: 220px;
    }

    .divLMSContainer.rotatorTabs {
        text-align: center;
        max-width: 1000px;
    }

    #LMSLandingPage .instaUnderline {
        background: #000000; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 14%, #ffffff 14%, #000000 14%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 14%,#ffffff 14%,#000000 14%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 0%,#ffffff 14%,#ffffff 14%,#000000 14%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
        min-height: .3em;
    }

    .botSocLinks {
        text-align: right;
        margin: 40px auto;
    }
    /*Email Signup ----------------------*/
    #emailSection {
        text-align: center;
        margin: 4em auto;
        max-width: 70%;
        color: #000000;
    }

        #emailSection h1 {
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
            font-weight: Bold;
            color: #BB0C2F;
        }

        #emailSection .emailFooter {
            font-size: .8em;
        }

    .signupfield {
        max-width: 500px;
        display: inline-block;
        width: 100%;
        padding: 0 .8em;
        border: 1px solid #e3e3e3;
        height: 2.5em;
    }

    .sidewaysR {
        transform: rotate(90deg);
        display: block;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        color: #000000;
        font-size: 2.5em;
        text-transform: uppercase;
        position: absolute;
        right: 0;
    }

    .sidewaysL {
        transform: rotate(-90deg);
        display: block;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        color: #ffffff;
        font-size: 2.5em;
        text-transform: uppercase;
        position: absolute;
        left: 0;
        bottom: 38%;
        z-index: 10;
        max-width: 450px;
        text-align: center;
    }




    #BtnSubscribe {
        width: 80px;
        /*height: 2.5em;*/
    }


    /*LMS Cart Page ------------------*/
    .divRedBG {
        background: #BB0C2F;
        color: #fff;
        padding: .2em 1em;
    }

    #PnlTickets .cartTable {
        margin-top: 0;
    }

    .cartTable {
        margin-top: 1em;
    }

        .cartTable tr:first-of-type {
            background-color: #e2e3e4;
            margin: 1em 0;
        }

        .cartTable td {
            padding: .5em;
        }

    #PnlCredit {
        font-size: 2em;
        float: left;
    }

    #DtlTicketCart {
        border-bottom: 1px solid #e3e3e3
    }

    #cartPage #BtnBack, #cartPage #BtnRecalculate, #cartPage #BtnDelete {
        cursor: pointer;
        color: #000;
        text-transform: uppercase;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        background: none;
        height: initial;
        padding: 0;
    }

    .payLaterDiv {
        clear: both;
        background-color: #e2e3e4;
        margin: 1em 0;
        padding: 10px;
    }

    #PnlEnterCode {
        float: right;
        margin-top: 1em;
    }

    .CCDiv {
        text-align: right;
        font-size: 1.5em;
    }

        .CCDiv i {
            padding: 0 2px;
        }
    /*LMS Calendar New ------------------*/
    #LMSCalendarNew .wrapper {
        padding-top: 1em;
    }

    #LMSCalendarNew .eventDate {
        background-color: #BB0C2F;
        color: white;
    }

    #PnlCalendar {
        clear: both;
        margin-top: 50px;
    }

    .rewards #PnlCalendar {
        margin: 0;
        padding: 0;
    }

    #PnlSearchControl {
        margin: 1em 0;
        padding: 1em 1em 0 1em;
    }

    #LMSCalendarNew .tabHead {
        vertical-align: top;
        width: 100%;
        margin: 1em 0 0 0;
    }

    #LblCalTitle {
        font-size: 26px;
        color: #BB0C2F;
    }

    #LblCalendarCount {
        float: right;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        padding: 1em;
    }

    .showBut {
        display: inline-block;
        vertical-align: top;
        font-size: 26px;
    }

    /*.rotatorTabs .showBut {
    color: #fff;
    font-size: 18px;
    padding: .1em .5em;
    cursor: pointer;
    background-color: #535353;
}
.rotatorTabs .activeTab {
    background-color: #fff;
    color: #BB0C2F;
}

    .rotatorTabs .hiddenTab {
        background-color: #535353;
        color: #fff;
    }*/

    #PnlRotators .rotatorTabs .showBut {
        background-color: #000;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        width: 280px;
        text-decoration: none;
        margin: 0 10px;
        padding: 6px;
        color: #fff;
        margin: 0 5px;
        cursor: pointer;
    }

    #PnlRotators .rotatorTabs .activeTab {
        background-color: #000;
        color: #BB0C2F;
    }

    #PnlRotators .rotatorTabs .hiddenTab {
        background-color: #000;
        color: #fff;
    }

    .fieldBox select, .fieldBox input[type="text"] {
        margin: 0;
        height: 2.5em;
        border: 1px solid #e3e3e3;
        padding: 0 .8em;
        width: 100%;
        background: #fff;
        text-align: right;
        border-radius: 20px;
    }

    .divUnderRotator {
        text-align: center;
        margin: 70px auto 50px auto;
    }

        .divUnderRotator a {
            color: #000;
            padding: 10px 20px;
            border: 2px solid #000;
            font-family: 'Aspira', Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            font-size: .7em;
            letter-spacing: 1px;
            text-decoration: none;
        }


    /*.gridSearchButs {
    display: grid;
    grid-gap: .5em;
    grid-template-areas: 'left center right' 'leftbot leftbot rightbot';
    grid-template-columns: 33%;
}*/

    .gridSearchButs {
        display: grid;
        grid-template-columns: 250px auto;
    }

    /*.fieldBox.month {
    grid-area: left
}

.fieldBox.location {
    grid-area: center
}

.fieldBox.type {
    grid-area: right
}

.fieldBox.searchbox {
    grid-area: leftbot
}

.fieldBox.searchbut {
    grid-area: rightbot
}*/

    #PnlClassBar {
        text-align: center;
    }

    .divClassBar2 {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        width: 100%;
    }

        .divClassBar2 .title {
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        }

    .tileContainerSmall {
        min-height: 234px;
        padding: 15px;
        color: white;
        display: grid;
        grid-template-rows: 30% 50% 10% 20%;
        align-items: flex-end;
        min-width: 100%
    }

        .tileContainerSmall .fas {
            width: 14px;
            text-align: center;
        }

    .rewards .tileContainerSmall {
        grid-template-rows: 30% 45% 10% 17%;
    }

        .rewards .tileContainerSmall .title {
            align-self: start;
        }

        .rewards .tileContainerSmall .date span {
            display: inline-block;
        }

    .tileContainerSmall .location {
        align-self: start;
    }

    .tileContainerSmall .date span {
        font-size: 2em;
        display: block;
        line-height: 1em;
    }

    .tileContainerSmall .time, .tileContainerSmall .location {
        font-size: .85em
    }

    .gridPageTiles {
        display: grid;
        grid-gap: .5em;
        grid-template-columns: 33% 33% 33%;
    }


    .monthCell {
        font-size: .85em;
        border: #e8e8e8 1px solid;
        text-align: center;
        padding-bottom: 1.5em;
        height: 100px;
        width: 14%;
        vertical-align: top;
        text-align: left;
    }

    tr .monthCell:first-of-type {
        border-left: none;
    }

    tr .monthCell:nth-of-type(7) {
        border-right: none;
    }

    .eventOver {
        padding: 1em;
        text-align: left;
        position: absolute;
        z-index: 10000;
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: #dadada 0 0 15px;
        width: 320px;
        font-size: .8em;
    }

    .eventOverTitle {
        color: #000;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    }

    .eventOverText {
        overflow: hidden;
    }

    .eventMulti {
        color: #BB0C2F;
        display: block;
        padding: 2px 0;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
    }

    .eventImg {
        max-width: 120px;
        float: left;
        padding-right: 10px;
    }

    .eventTitle {
        color: #000;
        font-weight: 500;
        display: inline-block;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        line-height: 1;
        padding: 10px 8px 7px 8px;
        background: #f3f3f3;
        border-radius: 15px;
        width: 100%;
        transition: background-color .3s, color .3s;
        text-decoration: none;
    }

    .rewards .eventTitle:hover {
        background-color: #BB0C2F;
        color: #fff;
    }


    .eventlink, .eventInPast, .eventSoldOut {
        margin: 3px;
    }

        .eventSoldOut .eventTitle, .eventInPast .eventTitle {
            color: #c3c3c3;
        }

    .nextMonth, .prevMonth {
        text-align: left;
        padding: 5px;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
    }

    .calPrice {
        color: #000;
        font-size: 11px;
    }

    input[type="submit"].clearBut {
        color: #666666;
        background-color: #CCCCCC;
        border: 0px;
        border-radius: 0px;
        min-height: 40px;
        min-width: 80px;
        min-width: 111px;
        margin-left: 4px;
    }

    .event0.eventlist {
        padding: .5em 0;
        border: none;
    }

    .cbxHideSoldOut {
        width: 100px;
        display: inline-block;
        line-height: 1.2;
    }
    /*Fix for browsers who do not support grid*/

    .divEventListImg {
        display: inline-block;
        padding-right: 10px;
    }

    .divEventListDetails {
        display: inline-block;
        max-width: 60%;
    }

    .divEventListCost {
        display: inline-block;
        float: right;
        font-size: .9em;
        text-align: center;
    }

    .ptsSmall {
        color: #555555;
    }

    .moneySmall {
        color: #000000;
    }

    .evtCost {
        font-size: 1.2em;
        color: #222222;
        margin: 0px 0px 0px 0px;
    }

    @supports (display: grid) {
        .eventlist {
            display: grid;
            grid-gap: .5em;
            grid-template-columns: 150px auto 150px;
            align-items: center;
            height: 130px;
        }

        .eventlist2 {
            display: grid;
            grid-gap: 0.5em;
            grid-template-columns: 150px 60px auto 160px;
            align-items: center;
        }

        .eventlist3 {
            display: grid;
            grid-gap: 0.5em;
            grid-template-columns: 150px auto 160px;
            align-items: center;
        }

        .eventlist4 {
            display: grid;
            grid-gap: 0.5em;
            grid-template-columns: 85px auto 160px;
            align-items: center;
        }

        .divEventListDetails {
            max-width: initial;
        }
    }
    /*end grid fix*/
    .eventlist, .eventlist2 {
        color: #808080;
        border-radius: 12px;
        padding: 10px 0;
        background: rgb(245,245,245);
        background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
    }

    .eventlist3 {
        color: #808080;
        border-radius: 12px;
        padding: 10px 0;
        text-align: left;
        /*background: rgb(245,245,245);
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);*/
    }

    .eventlist4 {
        color: #808080;
        border-radius: 12px;
        padding: 10px 0;
        background: rgb(245,245,245);
        background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
    }

    .eventlist a, .eventlist3 a {
        text-decoration: none;
    }

    a.noUnd {
        text-decoration: none;
    }

    .divEventListImg {
        margin: 0 auto;
        max-height: 100px;
        overflow: hidden;
        border-radius: 10px;
    }

        .divEventListImg img {
            width: 100px;
            border-radius: 10px;
        }

    .divEventListDate {
        margin: 0 auto;
        font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
        background-color: #e2e3e4;
        color: #000;
        text-align: center;
        width: 70px;
        height: 70px;
        margin-right: 10px;
        font-weight: 700;
        padding: 7px;
    }

    .eventListMonth {
        font-size: 14px
    }

    .eventListDay {
        font-size: 24px
    }

    .butMonth {
        display: inline-block;
        background-color: #EEEEEE;
        padding: 8px 16px 6px 16px;
        margin-right: 15px;
        margin-top: 8px;
        cursor: pointer;
    }

        .butMonth:hover {
            background-color: #e2e3e4;
        }

        .butMonth a {
            text-decoration: none;
        }

    .butYear {
        display: inline-block;
        font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
        margin-right: 10px;
    }

    .EvtConstrain {
        max-height: 390px;
        overflow: hidden;
    }

    .EvtListShow {
        text-align: left;
        cursor: pointer;
        background: rgba(245,245,245,1);
        margin: 20px 0 20px 0;
        padding: 5px 0 5px 10px;
        font-weight: bold;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }

    .EvtListHide {
        display: none;
        text-align: left;
        cursor: pointer;
        background: rgba(245,245,245,1);
        margin: 20px 0 20px 0;
        padding: 5px 0 5px 10px;
        font-weight: bold;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        cursor: pointer;
        text-transform: uppercase;
    }

    .divEventListDetails {
        line-height: 1.2;
    }

    .eventlist a, .eventlist2 a, .eventlist3 a. .eventlist4 a {
        text-decoration: none;
    }

    #PnlEventList {
        margin-top: 50px;
        display: grid;
        grid-template-columns: 20% auto;
    }

    .eventListNav {
        vertical-align: top;
    }

    .evtListNav {
        font-size: 14px;
    }

        .evtListNav div[class^=filter] {
            cursor: pointer;
        }

    .evtListMainTitle {
        font-family: 'Chronicle Light', serif;
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
    }

    .evtListTitle {
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }

    .evtListResultTitle {
        font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
        font-size: 28px;
        text-transform: uppercase;
    }

    .evtListClassHeaderTitle {
        font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
        font-size: 28px;
        color: #000;
        text-transform: uppercase;
    }

    .eventListResults {
        width: 100%;
        vertical-align: top;
    }

    /*#LMSCalendarNew .eventListResults .eventlist:first-of-type {
        display: none;
    }*/

    .eventListTitle {
        color: #000;
        font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
        font-size: 18px;
        display: block;
        padding-bottom: 10px;
    }

    .divEventListCost {
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .eventlist2 .divEventListCost, .eventlist3 .divEventListCost, .eventlist4 .divEventListCost {
        padding-right: 10px;
    }

    .eventListTixBut {
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        font-weight: normal;
        margin-top: 5px;
    }

    .eventListDate {
        font-weight: 500;
        font-size: 12px;
        width: 100%;
        display: block;
        color: #808080;
        margin-top: 5px;
    }

    .eventListLbl {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        background-color: #e2e3e4;
        color: #000;
        font-size: 1.2em;
        margin: 3px;
        padding: 3px 3px 3px 6px;
        font-family: 'Chronicle Light', serif;
        font-weight: bold;
        text-transform: uppercase;
    }

    .classrow {
        display: none;
    }

    .divEventImg {
        width: 200px;
        text-align: center;
        display: inline-block;
        padding: 3px;
        vertical-align: top;
        cursor: pointer;
        background: #fff;
        height: 230px;
        color: #BB0C2F;
        text-transform: uppercase;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .facetsTop {
        background: #e2e3e4;
        text-align: center;
    }

    .facetEventImg {
        width: 175px;
        height: 175px;
        object-fit: contain;
    }

    .eventImgFull {
        width: 300px;
        height: 300px;
        object-fit: contain;
    }

    .backBut {
        cursor: pointer;
        color: #ff692a;
        text-transform: uppercase;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .leftTile {
        width: 300px;
        margin-right: 1em;
        vertical-align: top;
        display: inline-block;
    }

    .rightTile {
        padding: 0;
        vertical-align: top;
        display: inline-block;
        /*width: 100%;*/
    }

    .divContainerEventList {
        display: grid;
        grid-gap: .5em;
        grid-template-columns: 15% 60% 20%;
        padding: .5em 0;
        align-items: center;
        min-width: 600px;
        height: 100px;
    }

    .divContainerEventList2 {
        display: grid;
        grid-gap: .5em;
        grid-template-columns: 15% 5% 55% 20%;
        padding: .5em 0;
        align-items: center;
        min-width: 600px;
        height: 100px;
    }

    .eventText {
        margin-left: 5px;
        vertical-align: top;
        text-align: left;
        /*display: initial;
        max-width: initial;
        width: initial;
        height: initial;
        line-height: initial;*/
    }

    .rewards .eventText {
        width: 250px;
    }

    #PnlFacets {
        margin-top: 2em;
    }

    A.sessionPop {
        font-size: 18px;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .divCalendarMain {
        border: 1px solid #e8e8e8;
        border-radius: 10px 10px 0 0;
    }

    .divCalHeader {
        display: grid;
        grid-template-columns: 30% 40% 30%;
    }

    .divNextPrevButtons {
        justify-self: right;
        font-size: 1.3em;
        line-height: 1em;
    }

    .monthHeader {
        display: inline-block;
        font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
        font-size: 24pt;
        text-decoration: none;
        color: #BB0C2F;
        justify-self: center;
    }

    .mthHeader {
        font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
        font-size: 20pt;
        text-decoration: none;
        color: #000;
        float: left;
        width: 30%;
    }

    .weekHeader {
        color: #fff;
        text-align: center;
        background-color: #999999;
        padding: 9px 6px 6px;
        border-right: 1px solid #ababab;
    }

        .weekHeader:last-of-type {
            border-right: none;
            border-radius: 0 10px 0 0;
        }

        .weekHeader:first-of-type {
            border-radius: 10px 0 0 0;
        }

        .weekHeader a {
            color: #fff;
            background-color: #d51348;
            text-transform: lowercase;
            text-align: center
        }

    .dayHeader {
        color: #EEEEEE;
        background-color: #999999;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        height: 16px
    }

        .dayHeader a {
            color: #EEEEEE;
            background-color: #999999;
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 16px;
            height: 16px
        }

    .toolsHeader {
        color: #333333;
        background-color: #DDDDDD;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px
    }

        .toolsHeader a {
            color: #333333;
            background-color: #DDDDDD;
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 12px
        }

    .dayTimeHeader {
        color: #333333;
        background-color: #DDDDDD;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px
    }

    .hoursHeader {
        color: #333333;
        background-color: #CCCCCC;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        align: center;
        height: 16px
    }

    .hoursHeaderC {
        background-color: #ffcccc;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 10px;
        height: 40px
    }

    .hoursHeaderO {
        background-color: #ccffcc;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 10px;
        height: 40px
    }

    .staffHeader {
        color: #333333;
        background-color: #DDDDDD;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        height: 60px
    }

    .staffHeaderVert {
        color: #333333;
        background-color: #DDDDDD;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        height: 20px
    }

    .staffFooter {
        color: #333333;
        background-color: #DDDDDD;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px
    }

    .staffColumn {
        width: 200px
    }

    .monthCellSmall {
        height: 30px;
        width: 14%;
        vertical-align: top
    }

    SELECT.formDD {
        color: #333333;
        background-color: #FFFFFF;
        font-size: 9px
    }

    .currDay {
        color: #333333;
        background-color: #FFFFFF;
        font-size: 1em
    }

    .currDayBusy {
        color: #333333;
        background-color: #EDEDED;
        font-size: 1em
    }

    .dayTimeCell {
        height: 30px;
        vertical-align: top
    }

    .prevMonth {
        color: #fff;
        background-color: #fff;
        font-size: 1em
    }

    .currMonth {
        color: #333333;
        background-color: #fff;
        padding: .1em
    }

    .nextMonth {
        color: #fff;
        background-color: #fff;
        font-size: 1em
    }

    .monthDayData {
        border: 1px #AAAAAA solid
    }

    .monthCalendar {
    }

    .dayCalendar {
        background-color: #999999;
    }

    .highlightDate {
        background-color: #f8f3cd;
    }

    .todayDate {
        background: rgb(125,125,125);
        background: linear-gradient(0deg, rgba(125,125,125,1) 0%, rgba(191,191,191,1) 100%);
    }

    .dayNumber {
        font-size: 14px;
        font-family: 'Aspira', Arial, Helvetica, sans-serif;
        padding: 5px;
        display: block;
    }

    .eventDesc {
        font-size: 1em;
        vertical-align: top
    }

    .active {
        background-color: #FFFFCC
    }

    .hidden {
        display: none;
    }

    .companyEvent {
        font-size: 10px;
    }

    .divViewDate {
        z-index: 99999;
    }

    .showList {
        cursor: pointer;
    }

    .showCal {
        cursor: pointer;
    }



    .sideways {
        writing-mode: tb-rl;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        font-size: 10px;
    }

    .vertTime {
        font-size: 9px;
    }

    .offTime {
        background-color: #AAA;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        -webkit-background-size: 50px 50px;
        -moz-background-size: 20px 20px;
        background-size: 20px 20px;
    }


    .vertTimeHour {
        font-size: 13px;
    }

    .warn {
        color: #cc0000;
    }

    .ghost {
        width: 200px;
        position: absolute;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        background-color: #CCF;
        border-color: #AAD;
        color: #AAD;
        z-index: 10000;
    }

    .outline {
        width: 200px;
        background-color: #FCC;
        border-color: #DAA;
        border-style: dashed;
        color: #DAA;
    }

    .showText {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

    .hideText {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

    .loadbox {
        text-align: center;
        background-color: #FFFFFF;
        border: solid 1px #999999;
        width: 100%;
        height: 300px;
        font-size: 16px
    }

    .nodisp {
        display: none;
    }

    .handle {
        cursor: move;
    }

    A.addLink {
        border: 1px #666666 solid;
        color: #666666;
        background-color: #eeeeff;
        font-size: 12px
    }



    .imageText {
        position: absolute;
        bottom: 0px;
        left: 0px;
        font-size: 1em;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        text-shadow: 1px 1px 1px #000;
        padding: 10px;
        width: 100%;
    }

    .viewArea {
        width: 100%;
        display: inline-block;
    }

    .viewList {
        display: none;
    }

    .tabShoulder {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        margin: 0px;
    }

    .tileContainerWide {
        position: relative;
        display: inline-block;
        vertical-align: top;
        max-height: 200px;
        overflow: hidden;
    }

        .tileContainerWide img {
            object-fit: cover;
            height: 200px;
        }
    /*.tileContainerSmall {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 165px;
    height: 220px;
}*/
    .linkTile {
        cursor: pointer;
    }


    .tileContainer img {
        object-fit: contain;
        height: 120px;
        width: 100%;
        border: 2px solid black;
        max-width: 220px;
        max-height: 160px;
    }

    .tileContainer {
        display: inline-block;
        vertical-align: top;
        width: 230px;
        margin: 1em 0;
    }

    .tileTopText {
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        color: #000;
        text-align: center;
        text-transform: lowercase;
        line-height: 1.5;
        padding-top: .8em;
    }

    .tileBotText {
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        color: #BB0C2F;
        font-size: 18pt;
        text-align: center;
        text-transform: uppercase;
    }

    .tileTopTextSmall {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 11pt;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #333333;
        text-shadow: 1px 1px 1px #FFFFFF;
        padding: 10px;
        width: 100%;
        text-align: left;
        z-index: 200
    }

    .tileArrowSmall {
        position: absolute;
        top: 90px;
        left: -30px;
        font-size: 40pt;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #d51348;
        text-shadow: 1px 1px 1px #FFFFFF;
        padding: 10px;
        width: 100%;
        text-align: left;
        z-index: 200
    }

    .tileBotImageSmall {
        position: absolute;
        top: 50px;
        left: 0px;
        z-index: 199
    }

    .tileBotTextSmall {
        position: absolute;
        bottom: 0px;
        left: 60px;
        font-size: 18pt;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #d51348;
        text-shadow: 1px 1px 1px #FFFFFF;
        padding: 10px;
        width: 100%;
        text-align: left;
        z-index: 200
    }

    #footerTable {
        width: 1000px;
    }

    .eventbut {
        cursor: pointer;
    }
    /*LMS Details Page ------------------*/
    #PnlDiscount {
        padding: 2em 0 0 0;
        margin: 0 0 2em 0;
    }

        #PnlDiscount input[type="text"], #PnlDiscount select {
            margin: 0 .75em .75em 0;
        }

        #PnlDiscount #BtnDiscount {
            margin-top: 1.5em;
        }

        #PnlDiscount input[type="checkbox"] + label {
            color: #000;
        }

            #PnlDiscount input[type="checkbox"] + label:before {
                background: #fff;
            }

    #LMSDetailPage .imgEventDetail {
        float: right;
        max-width: 300px;
        padding: 0 0 0 1em;
    }

    #LMSDetailPage .divEventDetails {
        overflow: hidden;
    }

        #LMSDetailPage .divEventDetails ul {
            padding-left: 1.3em;
        }

    #LMSDetailPage .eventDetailDate {
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-decoration: none;
        text-transform: lowercase;
        color: #000;
    }

    #LMSDetailPage .gridEventDetail {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        margin-top: 2em;
        align-items: center;
    }

    #LMSDetailPage #secTickets {
        margin: 1em auto;
    }

    #LMSDetailPage #PnlPromoCode {
        margin: 1.5em 0;
    }

    #LMSDetailPage #LblPromoInstruct {
        display: block;
    }

    #LMSDetailPage #TxtPromoCode {
        padding: 0 .5em;
    }

    #LMSDetailPage #PnlTickets {
        padding: 1em;
    }

        #LMSDetailPage #PnlTickets h3 {
            margin: 0;
        }

    #LMSDetailPage #DtlTickets {
        width: 70%;
        float: left;
    }

    input[type="submit"].greyOutButton {
        background-color: #9e9e9e;
        cursor: default;
        pointer-events: none;
    }

    #DtlTickets .cartTable {
        margin: 0;
    }

        #DtlTickets .cartTable td {
            padding: 0;
        }

    #PnlTickets input[type="text"], #PnlTickets select {
        margin: 0;
        line-height: 2.5em;
        height: 2.5em;
        border-radius: initial;
        width: 240px;
        padding: 0 0 0 .8em;
        border: 1px solid #e3e3e3;
    }



    #LMSDetailPage .tixName {
        text-transform: uppercase;
        color: #BB0C2F;
        margin: 0;
        font-weight: 500;
    }

    #LMSDetailPage .divBtnPurchase {
        text-align: left;
    }

    .spanRedTitle {
        color: #BB0C2F;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-transform: uppercase;
        font-size: 1.3em;
    }

    .spanWhtTitle {
        color: #fff;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-transform: uppercase;
        font-size: 1.3em;
    }

    .spanWhtTxt {
        color: #fff;
    }

    .spanLblEventName {
        color: #000;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-transform: uppercase;
        font-size: 1.3em;
    }

    .divSeriesClass {
        width: 150px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        border: 2px solid black;
        height: 130px;
        margin: .5em;
        background: #fff;
        padding: .2em 0 0 0;
    }

        .divSeriesClass a {
            text-decoration: none;
        }

        .divSeriesClass img {
            object-fit: contain;
            height: 45px;
            width: 100%;
        }

    #secPreReqs {
        padding: 1em 0 2em 0;
    }
    /*LMS Gallery Page ------------------*/
    .galleryPhoto {
        text-align: center;
        margin: 0 1em 2em 1em;
    }

        .galleryPhoto a {
            min-height: 90px;
            display: block;
        }

    #DtlTop9 td {
        vertical-align: top;
    }
    /*LMS Survey ------------------*/


    #cartPage input[type="text"], #cartPage select {
        height: 2.5em;
        border: 1px solid #e3e3e3;
    }

    #LMSSurveyPage #PnlSurveyTable input[type="text"], #LMSSurveyPage #PnlSurveyTable select {
        height: 2.5em;
        border: 1px solid #e3e3e3;
        margin: .5em 0;
    }

    #LMSSurveyPage textarea {
        border: 1px solid #e3e3e3;
        margin: .5em 0;
    }

    #LMSSurveyPage tr[bgcolor="#EEEEEE"], #LMSSurveyPage tr[bgcolor="#EDEDED"] {
        background-color: #e2e3e4;
    }

        #LMSSurveyPage tr[bgcolor="#EEEEEE"] span {
            padding: .2em .5em;
        }

    #LMSSurveyPage tr[bgcolor="#CCCCCC"] {
        background-color: #fff;
    }

    #LMSSurveyPage tr[bgcolor="#DDDDDD"] {
        background-color: #fff;
    }

    #LMSSurveyPage tr[bgcolor="#CCCCCC"] span {
        color: #BB0C2F !important;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-transform: uppercase;
        font-size: 1.3em !important;
        padding-top: 2em;
        display: block;
    }

    .attendeeheader {
        color: #BB0C2F !important;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-transform: uppercase;
        font-size: 1.3em;
        padding-top: 2em;
        display: block;
    }

    .attendeesubheader {
        color: #BB0C2F !important;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        text-transform: uppercase;
        font-size: 1.3em;
        padding-top: 2em;
        display: block;
    }

    #SurveyForm h3 {
        font-size: 1.2em;
    }
    /*LMS Dashboard ------------------*/
    #dashPage .imgProfile img {
        height: 250px;
        width: 179px;
    }

    .divProfile {
        background-color: #fff;
    }

    .divCard {
        float: initial;
        display: inline;
    }

    .divCard {
        float: right;
        background-color: initial;
        margin: initial;
        padding: initial;
        border-radius: initial;
        font-style: normal;
    }

    .dashUpcomingEventsDiv {
        display: grid;
        grid-gap: .5em;
        grid-template-columns: 10% 35% 35% 15%;
        align-items: center;
    }

    .dashUpcomingBlendedDiv {
        display: grid;
        grid-gap: .5em;
        grid-template-columns: 10% 25% 25% 20% 20%;
        align-items: center;
    }

    .dashCouponVouchersDiv {
        display: grid;
        grid-gap: .5em;
        grid-template-columns: 40% 30% 15% 15%;
        align-items: center;
        padding: 5px 0;
    }


    .dashEventHistoryDiv {
        display: grid;
        grid-gap: .5em;
        grid-row-gap: 1em;
        grid-template-columns: 20% 35% 35%;
        align-items: center;
    }

    #dashPage .divProfile {
        display: grid;
        grid-gap: .5em;
        grid-template-columns: 200px 48% 30%;
        max-width: initial;
    }

    .dashPageDivSection {
        margin-top: 3em;
    }
    /*Profile Page ------------------*/
    #LMSProfilePage .divRedBG {
        max-width: 260px;
        float: left;
        margin: 0 2em 2em 0;
    }

    .achievementsDiv {
        width: 100%;
    }

    #LMSProfilePage .divProfileName {
        margin-left: 2em;
    }

    #LMSProfilePage .divProfileNameMobile {
        display: none;
    }

    .titleSmlWhite {
        font-weight: bold;
        font-size: 1.4em;
    }

    #LMSProfilePage #LblImg img {
        padding: 1.5em;
    }
    /*.slick-slide figure {
    width: 300px;
}*/
    .slick-prev, .slick-next {
        display: none;
    }



    .instabox {
        min-height: 305px;
    }
    /*Journey Pages ------------------------*/
    .journeyDetails {
    }

    .journeyPaths {
    }

.bizJourneyPaths2 {
    margin-top: 50px;
}

    .bizJourneyPaths .ui-icon.custom-plus, .bizJourneyPaths2 .ui-icon.custom-plus, .divRegionalEvents .ui-icon.custom-plus {
        background-image: none !important;
        width: 20px;
        height: 20px;
        left: 350px;
    }

    .bizJourneyPaths .ui-icon.custom-minus, .bizJourneyPaths2 .ui-icon.custom-minus, .divRegionalEvents .ui-icon.custom-minus {
        background-image: none !important;
        width: 20px;
        height: 20px;
        left: 350px;
    }

    .bizJourneyPaths .ui-widget-content a, .bizJourneyPaths2 .ui-widget-content a, .divRegionalEvents .ui-widget-content a {
        color: #ffffff;
    }

    .BusinessEducationIcons {
    }

    .SBSBullets3 h4 {
        text-transform: uppercase;
        margin-bottom: .2em;
        margin-top: 20px;
        font-size: 1.2em;
        color: #000;
        font-family: 'Aspira Bold';
    }

    .SBSBullets3 {
        display: inline-block;
        padding: 0 50px;
        margin: 50px 0;
    }

    .leftSection, .rightSection {
        clear: both;
        padding-top: 20px;
    }

        .leftSection img {
            float: left;
            padding-right: 10px;
        }

        .rightSection img {
            float: right;
            padding-left: 10px;
        }

    .SBSBulletImage {
        display: inline-block;
    }

    .threeColumns {
        background: url("/templates/1/images/bg-blackbar-sml.jpg");
        background-repeat: repeat-x;
        text-align: center;
    }

        .threeColumns .Jcolumn {
            display: inline-block;
            max-width: 270px;
            vertical-align: top;
            margin: 40px 0 15px 0;
        }


    .timelineMarker {
        position: relative;
        top: 20px;
    }

    .threeColumns hr {
        position: relative;
        top: -44px;
        z-index: -1;
        background: black;
        border-bottom: 3px double #000;
        max-width: 800px;
        margin: 32px auto;
        max-width: 560px;
    }

    .Jcolumn em {
        color: #BB0C2F;
        font-family: "Aspira Bold";
        font-style: initial;
    }

    .BusinessEducationIcons,  .divRegionalEvents {
        padding-bottom: 50px;
        text-align: center;
    }
.journeyPaths, .bizJourneyPaths, .bizJourneyPaths2 {
    text-align: center;
}

        .BusinessEducationIcons h3 {
            padding-top: 60px;
            margin: 0;
            color: #BB0C2F;
        }

        .journeyPaths .fiveColumns {
            /*padding-top: 50px;*/
        }
.bizJourneyPaths h1, .bizJourneyPaths2 h1{
    padding: 0;
    margin: 0;
}

.BusinessEducationIcons .fiveColumns {
    padding-top: 20px;
}

.journeyPaths .fiveColumns h4, .bizJourneyPaths .fiveColumns h4, .bizJourneyPaths2 .fiveColumns h4, .divRegionalEvents .fiveColumns h4 {
    text-transform: uppercase;
}
.divRegionalEvents .fiveColumns h4 {
    height:30px;
}
    .BusinessEducationIcons .fiveColumns h4 {
            text-transform: capitalize;
            font-size: 1em;
        }

        .journeyPaths .fiveColumns .Jcolumn {
            display: inline-block;
            max-width: 178px;
            vertical-align: top;
            margin: 40px 22px 15px 22px;
            text-align: center;
            font-size: .8em;
            width:150px;
        }

.bizJourneyPaths .fiveColumns .Jcolumn, .bizJourneyPaths2 .fiveColumns .Jcolumn, .divRegionalEvents .fiveColumns .Jcolumn {
    display: inline-block;
    width: 240px;
    vertical-align: top;
    margin: 40px 22px 15px 22px;
    text-align: center;
    font-size: .8em
}

.bizJourneyPaths .Jcolumn div, .bizJourneyPaths2 .Jcolumn div {
    max-width: 215px;
    margin: 0 auto;
    height: 115px;
    line-height: 1.3;
}

        .divRegionalEvents .Jcolumn div {
            max-width: 215px;
            margin: 0 auto;
            height: 155px;
            line-height: 1.3;
        }

        .BusinessEducationIcons .fiveColumns .Jcolumn {
            display: inline-block;
            width: 120px;
            vertical-align: top;
            margin: 40px 22px 15px 22px;
            text-align: center;
        }

    .subTextArea {
        margin: 30px auto;
        text-align: center;
    }

    .Jcolumn div {
        min-height: 80px;
        padding: 5px 0;
    }

    .subHeadGrey {
        color: #76777a;
        text-transform: uppercase;
        font-size: 1.2em;
    }

    .subHeadLtGrey {
        color: #a3a3a3;
        text-transform: uppercase;
        font-size: .9em;
    }

    .changeFontLarge {
        font-family: 'Chronicle Light', 'Times New Roman', serif;
        color: #BB0C2F;
        font-size: 3.5em;
    }

    .jDetailTitle {
        font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
        color: #000;
        text-transform: uppercase;
    }

    .titleLargeRed {
        font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
        font-size: 28px;
        color: #BB0C2F;
    }

    .titleMedBlack {
        font-family: 'Aspira Demi', Arial, Helvetica, sans-serif;
        font-size: 20pt;
        color: #000;
    }

    #journeyDetailPage #mainContent {
        background-color: #e2e2e2;
        padding: 50px 0;
    }

.tblVouchPackAbout2 {
    width: 94%
}

.tdVouchPackAbout2 {
    width: 25%;
    vertical-align: top;
    text-align: center;
    padding: 4px;
}

    .journeyDescText {
        display: inline-block;
        max-width: 45%;
        vertical-align: top;
        padding-top: 10px;
    }

        .journeyDescText .changeFontLarge {
            line-height: 1.2;
        }

    .tierDescText {
        /*display: inline-block;
            max-width: 55%;
            vertical-align: top;
            padding-top: 50px;*/
        font-size: .9em;
        padding-right: 10px;
    }

    .journeyDescImg {
        display: inline-block;
    }

    .tierPackPassDiv {
        float: right;
        text-align: center;
    }

    .tierDescTitle {
        float: left;
    }

    .tierDescImg {
        display: inline-block;
        padding: 30px 30px 30px 60px;
    }

    .textDiv {
        clear: both;
    }

    .tierBadge {
        width: 250px;
        /*margin: 50px;*/
    }

    .journeyTierNav {
        margin: 50px auto 20px auto;
        text-align: center;
    }


    a.tierAnchor {
        display: inline-block;
        background-color: #000;
        width: 280px;
        text-decoration: none;
        color: #fff;
        margin: 0 10px;
        padding: 6px;
        text-transform: uppercase;
        font-family: "Aspira Bold";
        cursor: pointer;
        font-size: 1.2em;
    }

        a.tierAnchor.activeTab {
            color: #BB0C2F;
        }
    /*.journeyTierNav .selected {
        background-color: #fff;
        color: #d51348;
    }*/
    .journeyTierNav div:hover {
        background-color: #f4f4f4;
    }

    #journeySpecialistPanel, #journeyExpertPanel, #journeyMasterPanel, #mainContent {
        scroll-margin-top: 150px;
        scroll-behavior: smooth;
    }

    .journeyTierSection {
        background-color: #fff;
    }

    .boxGridBG {
        background-repeat: repeat-y, repeat-x, repeat-y, repeat-x, repeat;
        background-position: top left, bottom left, top right, top left, top left;
        display: grid;
        grid-template-columns: 270px auto;
        justify-content: center;
        align-items: center;
        margin: 31px 0;
        padding: 51px;
        justify-items: center;
        grid-gap: 10px;
    }

    .rptBGGrid {
        background-repeat: repeat-x, repeat-x, repeat;
        background-position: top left, bottom right, top left;
    }

    .rptBGLinesLeft {
        background-repeat: no-repeat;
        background-position: 40px 15px;
        padding: 20px 0;
    }

    .rptBGLinesRight {
        background-repeat: no-repeat;
        background-position: 93% 15px;
        padding: 20px 0;
    }

    .rptBGDots {
    }

    .tierReqClasses {
        padding: 0 40px 40px 40px;
        clear: both;
    }

        .tierReqClasses h1 {
            text-transform: initial;
            float: left;
            text-transform: uppercase;
            font-family: "Aspira Heavy";
        }

    .journeyTierSection .tierReqClasses h1 {
        margin: 0 0 10px 0;
    }

    #journeyExpertPanel .tierReqClasses {
        /*padding:0;*/
    }

    .OldVersion #journeyExpertPanel .tierReqClasses {
        padding: 0 40px 40px 40px;
        clear: both;
    }

    .OldVersion .footerTableMobile {
        margin-top: 0;
    }

    .progressArea {
        float: right;
        color: #b5b5b5;
        text-transform: uppercase;
        font-family: "Aspira Bold";
        margin-right: 10px;
    }

    .progressBar {
        width: 102px;
        border: 1px solid #b5b5b5;
        border-radius: 8px;
        height: 15px;
        display: inline-block;
    }

    .progressBlock {
        background-color: #e2e2e2;
        height: 13px;
        border-radius: 8px;
    }


    .reqWCE {
        clear: both;
        background: rgb(245,245,245);
        background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
        border-radius: 12px;
        border: 1px solid rgb(245,245,245);
        padding: 10px;
        display: grid;
        grid-template-columns: 1px 72% 200px;
        grid-gap: 5px;
        align-items: center;
        justify-content: center;
        margin: 5px;
    }

    .lblPathwayHeader {
        font-family: 'Aspira Heavy', Arial, Helvetica, sans-serif;
        color: #000000;
        text-transform: uppercase;
        font-size: 25pt;
    }

    #pathcontainer {
        text-transform: uppercase;
    }

    .lblPathwayHeader i {
        font-family: 'Chronicle Light', 'Times New Roman', serif;
        font-style: normal;
    }

    .journeyPathwayHeader {
        clear: both;
        background: rgb(245,245,245);
        background: linear-gradient(0deg, rgba(225,225,225,1) 0%, rgba(235,235,235,1) 100%);
        border-radius: 12px 12px;
        border: 1px solid rgb(245,245,245);
        padding: 10px;
        display: grid;
        grid-gap: 5px;
        align-items: left;
        justify-content: left;
        margin: 5px;
    }

        .journeyPathwayHeader.ui-accordion-header {
            text-transform: uppercase;
            color: #000;
        }

        .journeyPathwayHeader.ui-accordion-header-active {
            border-radius: 12px 12px 0px 0px;
        }

    .journeyPathwayTierContainer .journeyPathwayTierClasses.ui-accordion-content {
        padding: 0 0 20px 0;
        overflow: initial;
    }

    .journeyPathwayTierContainer .ui-widget-content a {
        color: white;
    }



    .reqClass {
        clear: both;
        background: rgb(245,245,245);
        background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
        border-radius: 12px;
        border: 1px solid rgb(245,245,245);
        padding: 10px;
        display: grid;
        grid-template-columns: 44px 72% 200px;
        grid-gap: 5px;
        align-items: center;
        justify-content: center;
        margin: 5px;
    }

    .reqClassCheck {
        font-size: 2em;
        vertical-align: middle;
        color: #BB0C2F;
        margin-left: 8px;
    }

        .reqClassCheck.complete {
            font-size: 2em;
            vertical-align: middle;
            color: limegreen;
        }

    .reqClassText {
        vertical-align: top;
        padding-top: 5px;
    }

        .reqClassText h3 {
            margin: 0;
            font-size: 13pt;
            text-transform: uppercase;
        }

    .reqClassTextDesc {
        overflow: hidden;
        font-size: .85em;
    }

    .gridReqClassText {
        display: grid;
        grid-template-columns: 80px auto;
        grid-gap: 5px;
        align-items: center;
    }

    .reqClassImg {
        max-width: 80px;
        float: left;
        padding-right: 10px;
    }

    .reqClassButton {
        text-align: center;
    }

    .gridRecClasses {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }

    .recClass {
        width: 242px;
        height: 242px;
        padding: 15px;
        color: white;
        display: grid;
        grid-template-rows: 30% 50% 10% 20%;
        align-items: flex-end;
    }

        .recClass .location {
            align-self: start;
        }

        .recClass .date span {
            font-size: 2em;
            display: block;
            line-height: 1em;
        }

    .colorize {
        filter: grayscale(0);
    }

        .colorize .classTitle {
            color: #BB0C2F;
            font-family: "Aspira Bold";
        }

    .agenda {
        cursor: pointer;
    }

    .chosenslot {
        background-color: #EEEEEE;
        border-radius: 5px;
        margin-top: 5px;
    }
    /*Various Pages*/

    .cssInlineVideoLeft {
        width: 560px;
        max-width: 100%;
        height: 375px;
        float: left;
        padding: 70px 20px 20px 0;
    }

    .cssInlineTextRight {
        text-align: left;
        overflow: hidden;
    }

    .form2 {
        height: 2.5em;
        border: 1px solid #e3e3e3;
        margin: .5em 0;
    }

    input[disabled="disabled"] {
        color: #b3b3b3;
        cursor: default;
        pointer-events: none;
    }

    .lockInsideBox {
        left: -25px
    }
    /*---NEW WELLA REWARDS---------------------*/
    .google-visualization-table-table td {
        padding: 2px .35em !important;
    }

    .google-visualization-table-table th {
        font-size: 1em;
        width: 50px;
        text-align: right;
    }

    #PnlNormalMessage strong {
        text-transform: uppercase;
    }
    /* -------ALL MEDIA QUERIES--------------------------------*/
    @media only screen and (max-width: 5000px) {
        #PnlTopCarousel .carouselBanner {
            width: 100%;
            max-width: 1920px;
        }
        /*.showBut {
        display: none;
    }*/

        .viewCal {
            display: none;
        }

        .tabShoulder {
            display: none;
        }

        .tabHead {
            width: 100%;
            max-width: none;
        }

        .viewList {
            display: inline-block;
        }

        .divLMSContainer {
            padding: 0 1em;
        }

        #BtnDownloadZip {
            max-width: 100%;
            padding: 0 1em;
            margin: 1em 0;
        }

        #BtnDownloadZip {
            padding: 1em;
            margin: 1em 0;
        }

        /*.form {
        margin: 5px;
        padding: 5px;
        font-size: 24px;
    }*/
        #banner .content {
            top: initial;
        }

        .learnBut {
            clear: right;
            margin-top: .5em;
            margin-right: 0;
        }

        #dashPage .button.alt.smallBut {
            float: initial;
        }

        .sidewaysL {
            font-size: 1.75em;
            bottom: 45%;
        }

        .sidewaysR {
            display: none;
        }

        #StudioInfo {
            padding: 6px;
        }

        #PnlCalendar {
            padding: 6px;
        }

        #topLocationBar {
            text-align: center;
        }



        .slick-slide figure {
            /*width: 200px;*/
            margin: 2em auto;
        }

        /*.divLMSContainer.rotatorTabs {
        max-width: 800px;
        padding: 0;
    }*/
        /*.divLMSContainer.rotatorTabs {
            max-width: 1000px;
            padding: 0;
        }*/


        .slick-slide h2 {
            font-size: 1.2em;
        }

        .slick-slide blockquote {
            font-size: .9em;
        }

        .slick-slide .company a {
            font-size: 1.3em;
        }
    }

    @media only screen and (max-width: 1265px) {

        /*#PnlTopCarousel .carouselBanner {
        width: 1024px;
    }*/


    }

    @media only screen and (max-width: 1124px) {
        /*#PnlTopCarousel .carouselBanner {
        width: 1024px;
    }*/

        .instabox {
            min-height: 200px;
        }
    }

    @media only screen and (max-width: 1024px) {
        /*#PnlTopCarousel .carouselBanner {
        width: 980px;
    }*/


        /*.showBut {
        display: none;
    }*/

        .viewCal {
            display: none;
        }

        .tabShoulder {
            display: none;
        }

        .tabHead {
            width: 100%;
            max-width: none;
        }

        .viewList {
            display: inline-block;
        }

        .divLMSContainer {
            padding: 0 1em;
        }

        #BtnDownloadZip {
            max-width: 100%;
            padding: 0 1em;
            margin: 1em 0;
        }
        /*.form {
        margin: 5px;
        padding: 5px;
        font-size: 24px;
    }*/

        #banner .content {
            top: initial;
        }

        .learnBut {
            clear: right;
            margin-top: .5em;
            margin-right: 0;
        }

        #dashPage .button.alt.smallBut {
            float: initial;
        }

        .sidewaysL {
            font-size: 1.75em;
            bottom: 45%;
        }

        .sidewaysR {
            display: none;
        }

        #StudioInfo {
            padding: 6px;
        }

        #PnlCalendar {
            padding: 6px;
        }

        #topLocationBar {
            text-align: center;
        }

        #header nav.search {
            display: none;
        }


        .slick-slide figure {
            /*width: 200px;*/
            margin: 2em auto;
        }

        /*.divLMSContainer.rotatorTabs {
        max-width: 800px;
        padding: 0;
    }*/
        /*.divLMSContainer.rotatorTabs {
            max-width: 1000px;
            padding: 0;
        }*/



        .slick-slide h2 {
            font-size: 1.2em;
        }

        .slick-slide blockquote {
            font-size: .9em;
        }

        .slick-slide .company a {
            font-size: 1.3em;
        }

        .badgesDiv {
            max-width: 530px;
            justify-content: initial;
        }

        .divSplitLeft {
            margin-left: 15%;
            float: left;
        }

        .divSplitRight {
            margin-right: 15%;
            float: right;
        }

        .popupArea {
            left: 10px;
            width: 1005px;
            height: 320px;
            padding: 30px;
        }

        .rewards .popupArea {
            left: 10px;
            width: 1005px;
            height: 320px;
            padding: 30px;
        }

        .classText {
            width: 200px;
        }
    }

    @media only screen and (max-width: 1024px) {

        .instabox {
            min-height: 490px;
        }
        /*.popupDiv4 {
        display: none;
    }*/

    }

    @media only screen and (max-width: 1160px) {
        #header nav {
            display: block;
        }

        .headerGrid {
            grid-template-columns: 70% auto;
        }

        .rewards .headerGrid {
            grid-template-columns: 30% 65% 10%;
        }

        .popupArea {
            width: 830px;
            max-width: 98%;
        }

        .popupDiv3, .popupDiv4 {
            display: none;
        }

        .rewards .popupDiv3, .rewards .popupDiv4 {
            display: inline-block;
        }

        .divBlockNavLinks.light, .butNavSignIn {
            display: none;
        }

        .menuBar {
            cursor: pointer;
            display: block;
            text-align: right;
        }


        /*#PnlTopCarousel .carouselBanner {
        width: 760px;
    }*/

        /*body {
        padding-top: 44px;
    }*/

        #passReminderPage {
            padding-top: 0;
        }

        .wrapper {
            padding: 1em 0 1em 0;
        }

        #dashPage .wrapper {
            padding: 3em 1em 1em 1em;
        }

        .inner {
            max-width: 70%;
        }

        .rewards .inner {
            max-width: 95%;
        }

        #one .flex-item {
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center;
        }

            #one .flex-item.left br, #one .flex-item.right br {
                display: none;
            }

            #one .flex-item.left div:first-child, #one .flex-item.right div:first-child {
                padding-top: 0;
            }

            #one .flex-item.left div:last-child, #one .flex-item.right div:last-child {
                -moz-align-self: center;
                -webkit-align-self: center;
                -ms-align-self: center;
                align-self: center;
            }

            #one .flex-item.left div p, #one .flex-item.right div p {
                margin-bottom: 2em;
            }

        #one .image.fit {
            margin: 0;
        }

        #one .image.fit {
            margin: 0 auto 2em auto;
            max-width: 60%;
        }

        #two blockquote br {
            display: none;
        }

        #three {
            text-align: center;
        }

        #footer {
            padding: 3em 0 1em 0;
        }

            #footer ul li {
                display: block;
                padding: .25em 0;
            }

        .flex {
            -ms-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .flex.flex-3 .flex-item {
                -ms-flex-preferred-size: 100%;
                -moz-flex-basis: 100%;
                -webkit-flex-basis: 100%;
                -ms-flex-basis: 100%;
                flex-basis: 100%;
            }

                .flex.flex-3 .flex-item.left {
                    text-align: right;
                }


        #menu ul.actions {
            display: block;
            margin: 0;
            list-style: none;
            padding-left: 0;
        }

            #menu ul.actions li {
                margin-bottom: 1em;
            }

        /*#banner {
		padding: 8em 6em 6em 6em;
	}*/

        #splitPage #banner br {
            display: none;
        }

        #banner h1 {
            font-size: 2.25em;
        }

        #splitPage #banner .content, #LMSSplitPage #banner .content {
            top: 80px;
        }

        #splitPage .SplitPageOverlay {
            top: 320px;
        }

        .divSplitLeft, .divSplitRight {
            padding: 20px 30px;
            min-width: initial;
        }

        #LMSSplitPage .sectionText {
            text-align: center;
            padding: 0 2em;
        }

        #homePage #banner h2 {
            margin: .5em auto 1em auto;
        }

        .divNail, .divSplitRight {
            margin-right: 10%;
        }

        .divHair, .divSplitLeft {
            margin-left: 10%;
        }



        .divDashSubNav {
            float: initial;
        }

        /*.slick-slider, #LMSLandingPage .fade.slick-slider {
        margin-top: 5.5em;
    }*/

        #PnlRotator1 .slick-slider {
            margin-top: 0;
        }

        #banner a {
            font-size: 1.2em;
        }

        #banner h2 span {
            font-size: .9em;
        }

        #banner h1 {
            font-size: 2em;
        }

        #LMSCalendarNew .leftTile {
            width: 250px;
        }

        #LMSCalendarNew .eventImgFull {
            width: 250px;
            height: 250px;
        }

        /*#banner .bannerUnderline {
        margin-bottom: 1em;
        max-width: 90%;
    }*/

        .rotatorTabs .showBut {
            font-size: 14px;
        }

        /* #PnlCatSearch {
        width: 69%;
    }*/
        /*.divPnlRotator, .divPnlRotator .inner {
            max-width: 650px;
        }*/

        /*.slick-slide figure {
        width: 150px;
    }*/

        .slick-slide h2 {
            font-size: 1em;
        }

        .slick-slide blockquote {
            font-size: .8em;
        }

        /*.divLMSContainer.rotatorTabs {
        max-width: 600px;
        padding: 0;
    }*/
        /*.divLMSContainer.rotatorTabs {
            max-width: 800px;
            padding: 0;
        }*/


        .slick-slide .company a {
            font-size: 1em;
        }

        .journeyDetails {
            text-align: center;
        }

        .SBSBullets3 {
            max-width: 100%;
            display: block;
            text-align: left;
        }

        /*section#moveBanner {
        margin-top: 85px;
    }*/
        #PnlRotators .rotatorTabs .showBut {
            margin: 3px auto;
        }

        a.tierAnchor {
            margin: 3px;
        }

        .rewards #PnlCalendar {
            margin-top: 50px;
        }

        .cssInlineVideoLeft {
            height: 315px;
            float: initial;
            padding: 0px 20px 20px 0;
            margin: 0 auto;
        }

        .cssInlineTextRight {
            overflow: initial;
            text-align: center;
            padding: 20px
        }

        #PnlMidText .mainText {
            text-align: center;
        }

        #PnlMidText {
            margin-top: 0;
        }
    }

    @media only screen and (max-width: 760px) {
        .boxGridBG {
            padding: 15px;
        }

        .EvtConstrain {
            max-height: initial;
            overflow: initial;
        }
        .journeyTierMain .changeFontLarge {
            font-size: 2em;
        }
        .rewards .eventText {
            max-width: 250px;
        }

        .search input[type="text"] {
            width: 90%;
        }

        .divImgGrid {
            display: block;
            margin: 5px auto;
        }

        .divTxtGrid {
            margin: 10px auto;
        }

        .linkBut {
            text-align: initial;
            width: 100%;
            padding-bottom: 40px
        }

        .divHeaderLeft {
            padding-bottom: 10px;
        }

        .search {
            max-width: 95%;
            padding-left: 30px;
        }

        .divBlockNavLinks {
            display: none;
        }

        .headerGrid {
            grid-template-columns: 70% 25%;
        }
        .reqWCE {
            display:block;
        }




        #journeyDetailPage .reqClassText td {
            display: block;
        }
        /*#journeyDetailPage .tableVoucherWCEPackage tr:nth-child(n+4) {
            border-top: 1px solid rgb(230, 230, 230);
        }
            #journeyDetailPage .tableVoucherWCEPackage tr:nth-child(n+4) td:nth-child(1) {
                padding-top: 8px;
            }
            #journeyDetailPage .tableVoucherWCEPackage tr:nth-child(n+4) td:nth-child(3) {
                padding-bottom: 8px;
            }
        #journeyDetailPage .tableVoucherWCEPackage tr:nth-child(9) td:nth-child(1) {
            padding-top: initial;
            height: 1px;
        }*/
        .DivVoucherPackageSalePriceDetails {
            float:initial;
            width:initial;
        }

        /*.tdVouchPackAboutList {
            display: block;
        }*/
        .tableVoucherWCEPackage td {
            display:block;
        }
        .trVouchPackAboutList {
            border-top: 1px solid rgb(230, 230, 230);
        }

            .trVouchPackAboutList td:nth-child(1) {
                padding-top: 8px;
            }
            .trVouchPackAboutList td:nth-child(3) {
                padding-bottom: 8px;
            }
        .tdVouchPackAbout.tdSpacer {
            display:none;
        }

        .tblVouchPackAbout2 {
            width: initial;
        }

        .tdVouchPackAbout2 {
            width: initial;
            text-align: left;
            display: block;
            padding: 10px 0;
            border-top: 1px solid rgb(230, 230, 230);
        }



        #header .siteLogo {
            height: 55px;
        }

        .menuBar {
            cursor: pointer;
            float: right;
        }

        .divLogo {
            display: inline-block;
            width: initial;
            float: initial;
        }

        .socLinks {
            display: none;
        }

        #header nav {
            float: right;
        }

        .mobHide {
            display: none;
        }

        .mobShow {
            display: block;
        }

        .divComsContainerInfo .mobShow {
            display: inline-block;
        }

        .imgLeft img, .imgRight img, #PnlAlternatingTextImage .imgLeft img, #PnlAlternatingTextImage .imgRight img {
            max-width: 100%;
            margin: 0;
        }

        .wrapper {
            padding: initial;
        }

        .bgGridLines {
            padding: 1em 0;
        }

        #header .logoDiv {
            height: initial;
        }

        /*#PnlTopCarousel .carouselBanner {
        width: 560px;
    }*/

        /*#banner img {
        margin-top: 1em;
    }*/

        .container {
            width: 90% !important;
        }

        .rewards .container {
            margin: 0 auto;
        }


        .imgRptSlick {
            width: 100px;
        }

        .divFooterNav {
            max-width: 300px;
            display: block;
            vertical-align: top;
            margin: 40px auto;
            width: 100%;
        }

        .divFooterLeft, .divFooterRight {
            display: block;
            max-width: 300px;
            margin: 40px auto;
        }

        .rewards .mainFooterDiv {
            text-align: center;
        }

        .WellaRewards .divFooterLeft {
            margin: 0;
        }

        .rewards .footerLogos {
            margin-top: 20px;
        }

        .divFooterRight {
            padding: 0;
        }

        .redTxtSubscribe {
            display: inline-block;
        }

        #footer .copyright {
            padding: 2em 5em;
        }

        .footerLogos {
            text-align: center;
        }

        #menu {
            padding: 2.5em 1.75em;
        }

        .inner {
            max-width: 85%;
        }


        #menu .close {
            height: 4em;
            line-height: 4em;
        }
        .journeyDescText .changeFontLarge {
            font-size: 2em;
        }
        .divloginPage #Button1, .divloginPage #forgotButton {
            margin-bottom: 1em;
            width: 100%;
        }

        #loginPage .wrapper {
            padding-top: 4em;
        }

        #dashPage .wrapper {
            padding-top: 0;
        }

        #splitPage .SplitPageOverlay {
            position: initial;
        }

        #splitPage .slick-slider {
            margin-top: initial;
        }

        .divSplitLeft, .divSplitRight {
            padding: 1em;
            margin: 1em;
            float: initial;
            min-width: 180px;
        }

            .divSplitLeft h1, .divSplitRight h1 {
                padding: 0;
            }

        #banner .content {
            top: initial;
            padding: .5em;
        }

        #banner h2 {
            margin: 0 0 1em 0;
        }

        #banner .button {
            padding: 0 1.5em;
        }

        .GEarrowGrid {
            display: initial;
            width: 100%;
        }

        .arrow1, .arrow2 {
            display: none !important;
        }

        .show1, .show2, .show3, .show4, .show5 {
            display: none;
        }

        .circleNumber1, .circleNumber2, .circleNumber3 {
            float: left;
            clear: both;
            margin-right: 20px;
        }

        .textNumber1 {
            max-width: 100%;
        }

        .textNumber2 {
            margin-top: 30px;
            max-width: 100%;
        }

        .textNumber3 {
            margin-top: 35px;
            max-width: 100%;
        }

        .titleHowWorks {
            padding-left: 0;
        }

        #PnlLeftImageRightText .repeaterRow, #PnlLeftTextRightImage .repeaterRow, #PnlAlternatingTextImage .repeaterRow {
            display: block;
            margin: 40px 0;
        }

        #PnlTopText .mainText {
            max-width: 100%;
        }

        .bgGrey {
            max-width: initial;
        }
        /*map Page ------*/
        .mapListLI {
            max-width: 100%;
            float: initial;
            list-style: none;
        }

        .butLearnMore {
            width: 100%;
            margin: 1em 0;
        }

        /*LMS Pages ------*/


        .divLMSContainer {
            padding: 0 1em;
        }


        .slick-slide h2 {
            font-size: 1em;
        }

        .slick-slide blockquote {
            font-size: .8em;
        }

        .slick-slide .company a {
            font-size: 1.2em;
            padding: .5em;
        }

        #BtnSubscribe {
            margin: .5em;
        }

        .slick-slide h2 {
            word-break: break-word;
            max-height: 100px;
            overflow: hidden;
        }

        .sidewaysL {
            font-size: 1.2em;
            bottom: 45%;
        }

        .offerBox {
            min-width: 150px;
            margin-top: 2%;
        }

        #PnlMidHeadline .mainHeadlineH1 {
            font-size: 1.2em;
            padding: 0px 10px 10px 10px;
        }

        .navPos0, .navPos1 {
            display: block;
            padding: 0;
        }

        .navPos2 {
            padding: .1em;
        }

            .navPos2 br {
                display: none;
            }



        #banner a {
            font-size: 1em;
        }


        /*#banner .bannerUnderline {
        margin-bottom: 1em;
        max-width: 95%;
    }*/

        #insta a {
            max-height: 150px;
        }

        .instaImg {
            width: 150px;
        }

        .gridSearchButs {
            display: grid;
            grid-gap: .5em;
            grid-template-areas: 'left' 'center' 'right' 'leftbot' 'rightbot';
            grid-template-columns: 100%;
        }

        #LMSCalendarNew .divEventListDate {
            display: none;
        }

        #LMSCalendarNew .showCal {
            display: none;
        }

        #LMSCalendarNew .eventlist {
            display: block;
            height: initial;
            text-align: center;
        }

        #LMSCalendarNew .divEventListImg img {
            float: initial;
        }

        .divEventListImg {
            margin-top: 10px;
        }

        .divEventListDetails {
            padding-top: 20px;
            display: block;
        }

        .divEventListCost {
            padding: 10px 0 0;
            display: block;
        }

        @supports (display: grid) {
            .eventlist {
                display: grid;
                grid-template-columns: 120px auto 130px;
                font-size: 1em;
            }

            .eventlist2 {
                display: grid;
                grid-template-columns: 120px 30px auto 160px;
                font-size: 1em;
            }

            .eventlist3 {
                display: grid;
                grid-template-columns: 120px auto 160px;
                font-size: 1em;
            }

            .eventlist4 {
                display: grid;
                grid-template-columns: 120px auto 160px;
                font-size: 1em;
            }
        }

        .rewards .eventlist4, .rewards .eventlist2 {
            display: block;
        }

            .rewards .eventlist4 .eventText, .rewards .eventlist2 .eventText {
                text-align: center;
                width: 100%;
                margin: 0 auto;
            }

            .rewards .eventlist4 .eventDate, .rewards .eventlist2 .eventDate {
                width: 100%;
                margin: 0 auto;
            }

            .rewards .eventlist4 .eventBuy, .rewards .eventlist2 .eventBuy {
                width: 100%;
                margin: 0 auto;
            }

        .divEventListCost {
            float: initial;
        }

        .eventlist {
            font-size: 1em;
        }

        .eventListTixBut {
            font-size: .7em;
        }

        .eventlist {
            height: 170px;
        }


        .eventDescText {
            max-height: 190px;
            display: inline-block;
            overflow: hidden;
        }

        #LMSCalendarNew .divEventListDate {
            width: 45px;
            height: 45px;
        }

        #LMSCalendarNew .eventListMonth {
            font-size: 10px
        }

        #LMSCalendarNew .eventListDay {
            font-size: 16px;
            font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
            font-weight: bold;
        }

        #LMSCalendarNew .divEventListImg img {
            max-width: 100%;
        }

        #LMSCalendarNew .rightTile {
            width: 100%;
        }

        #LMSCalendarNew .leftTile {
            text-align: center;
            width: 100%;
        }

        #LMSCalendarNew .divContainerEventList {
            font-size: .8em;
            grid-template-columns: 10% 65% 20%;
            margin-left: .5em;
            grid-gap: .8em;
        }

        #LMSCalendarNew .eventImgFull {
            width: 300px;
            height: 300px;
        }

        #LMSCalendarNew .divEventImg {
            width: 40%;
        }

        #LMSCalendarNew .facetEventImg {
            width: 125px;
            height: 125px;
        }

        #LMSCalendarNew .backBut {
            margin-left: 1em;
        }

        #LMSDetailPage .gridEventDetail {
            display: block;
            text-align: center;
        }

        #LMSDetailPage .imgEventDetail {
            float: initial;
            max-width: 100%;
            padding: 1em 0;
        }

        #LMSDetailPage h1, #LMSDetailPage #LblEventDateTop, #LMSDetailPage #PnlEvent, #LMSDetailPage #divEventLoc, #LMSDetailPage #divLblPreReqs {
            text-align: center;
        }

        #LMSDetailPage .divEventDetails ul {
            list-style-position: inside;
            padding-left: 0;
        }

        #LMSDetailPage .bgTanHalf {
            max-width: 100%;
        }

        #LMSDetailPage #PnlTickets input[type="submit"] {
            width: 100%;
        }

        .divClassBar2 {
            display: initial;
        }

        .divNavPos2 {
            font-size: 1.6em;
        }

        #PnlCatSearch {
            display: block;
        }

        #BtnDownloadZip {
            max-width: initial;
            padding: 0 3.5em;
            margin: 0 0 1em 0;
        }

        #TxtSearchLibrary {
            max-width: 60%;
        }

        #PnlCatSearch {
            width: 100%;
            text-align: center;
        }

        .gridDtlItems {
            display: block;
            text-align: center;
        }

        /*.divPnlRotator, .divPnlRotator .inner {
        max-width: 400px;
    }*/
        /*.slick-slide figure {
        width: 100px;
    }*/
        /*.divLMSContainer.rotatorTabs {
        max-width: 375px;
        padding: 0;
    }*/



        #LMSProfilePage .divRedBG {
            max-width: initial;
            width: 100%;
            float: initial;
            text-align: center;
            margin: 0 auto;
        }

        .imgProfile {
            float: initial;
        }

        .badgesDiv {
            justify-content: center;
        }

        .achievementsDiv {
            text-align: center;
        }

        #LblGalleryImages h3 {
            text-align: center;
            padding-top: 1em;
        }

        #LMSProfilePage .divProfileName {
            margin-left: 0;
            text-align: center;
        }

        #LMSProfilePage .divProfileNameMobile {
            display: block;
            text-align: center;
            margin-bottom: 1em;
        }

            #LMSProfilePage .divProfileNameMobile h1 {
                color: black;
            }

        .lineBreaks {
            display: none;
        }

        #dashPage .divProfile {
            display: initial;
            text-align: center;
        }

        #dashPage .imgProfile img {
            float: initial;
        }

        H1 {
            text-align: center;
            padding: 10px 0;
        }

        #LblClassCompletions {
            text-align: center;
            display: block;
        }

        .dashUpcomingEventsDiv {
            display: block;
            padding: 2em 0;
            text-align: center;
        }

        .dashUpcomingBlendedDiv {
            display: block;
            padding: 2em 0;
            text-align: center;
        }

        .dashCouponVouchersDiv {
            display: block;
            padding: 2em 0;
            text-align: center;
        }


        .dashEventHistoryDiv {
            padding: 1em 0;
        }

        .dashSuggestedEventDiv {
            max-width: 180px;
        }

        .divDashButtons {
            padding: 2em 0 0 0;
            max-width: 80%;
            margin: 0 auto;
        }

        #BtnClear {
            margin: 1em 0 0 0;
        }

        .cbxHideSoldOut {
            padding-top: 1.5em;
            display: inline-block;
        }

        .instabox {
            min-height: 360px;
        }

        .repeaterImgDiv.imgRight {
            float: initial;
        }

        .repeaterImgDiv.imgLeft {
            float: initial;
        }

        .repeaterTriCol {
            width: 100%;
            display: block;
        }

        #PnlBioLibrary .rotatorTabs .showBioTab {
            margin: 1em 0 0 0;
            font-size: initial;
        }


        .ui-accordion .ui-accordion-content {
            padding: 1em;
        }

        #PnlLeftImageRightText .repeaterRow, #PnlAlternatingTextImage .repeaterRow {
            padding: 10px;
            display: block;
        }

        .textRight, .textLeft, .repeaterImgDiv.imgRight, .repeaterImgDiv.imgLeft {
            padding: 0;
        }

        .repeaterRow .button, .repeaterOneCol .button, .mainText .button {
            width: 100%;
        }

        .showList {
            color: #000;
            background-color: #fff;
        }


        #LMSSurveyPage #PnlSurveyTable {
            margin-top: 3em;
        }

        .tdSettings {
            width: 60%;
        }

        .tdDetails {
            min-width: 150px;
        }

        .tdSocial {
            width: 35%;
        }

        .divComsContainer, .divComsContainerInfo {
            display: block;
        }

        .divComsContainerInfo {
            margin-top: 2em;
        }

        .divComsTitle {
            display: none;
        }

        .divComs {
            display: block;
        }

        .total {
            text-align: left;
        }

        #PnlCommunicationTable {
            margin-top: 2em;
        }

        .SBSBullets3 {
            padding: 0;
        }

        .journeyDescText {
            max-width: 100%;
        }

        a.tierAnchor {
            width: 100%;
            margin: 10px 0 0 0;
        }

        .tierReqClasses {
            padding: 10px;
        }

        .tierDescText {
            max-width: 100%;
            padding: 20px;
        }

        .tierDescTitle {
            max-width: 100%;
            float: initial;
        }

        .tierBadge {
            margin: 20px auto 0 auto;
            display: block;
        }

        .tierPackPassDiv {
            float: initial;
        }

        .boxGridBG {
            display: block;
        }

        .reqClass {
            display: block;
        }

        .reqClassCheck {
            float: left;
            padding: 5px;
        }

        .reqClassText {
            overflow: hidden;
            margin: 10px 0 10px 0;
        }

        .gridRecClasses {
            display: block;
        }

        .recClass {
            margin: 0 auto;
            width: 300px;
            height: 300px;
        }

        .fiveColumns .Jcolumn {
            margin: 40px 15px 15px 0;
        }

        #PnlClickThroughSlideButtons .clickThroughText {
            position: initial;
            margin: 60px 30px;
            width: initial;
            max-width: 100%;
        }

        #PnlClickThroughSlideButtons .slideButton {
            margin: 30px 3px 0 2px;
        }

        .divClassBar2 {
            grid-template-columns: 50% 50%;
            grid-template-rows: 300px 300px;
        }

        .toggleFilter {
            margin-bottom: 20px;
        }

        #PnlEventList {
            grid-template-columns: 100%;
        }

        .journeyPaths .fiveColumns .Jcolumn {
            margin: 40px 10px 15px 0;
        }

        .bizJourneyPaths .fiveColumns .Jcolumn, .bizJourneyPaths2 .fiveColumns .Jcolumn, .divRegionalEvents .fiveColumns .Jcolumn. {
            margin: 40px 10px 15px 0;
        }
        .divRegionalEvents .fiveColumns .Jcolumn {
            width:100%;
            margin:40px auto;
        }

        .footerTableMobile {
            padding: 20px 0 50px 0;
        }

        .boxGridBG {
            padding-top: 20px;
            display: block;
        }

        .divTxt {
            visibility: visible !important;
            opacity: initial !important;
            height: auto !important;
        }

        #PnlAccordion .ui-accordion .ui-accordion-header {
            text-align: left;
        }

        .leftTile {
            width: 100%;
        }

        .divRewardEventImg {
            float: initial;
            margin: 0 auto;
            text-align: center;
        }
        /*#PnlFavorites .fliptiles a {
        display: inline-block;
        max-width: 49%;
    }*/
        .eventlist3 {
            display: block;
            text-align: center;
        }
    }

    @media only screen and (max-width: 650px) {


        .popupDiv2 {
            display: none;
        }
    }

    @media only screen and (max-width: 600px) {
        /*#PnlTopCarousel .carouselBanner {
            width: 420px;
        }*/

        .fieldBox {
            display: block;
        }

        /*.tileContainer {
        width: 150px;
        height: 100px;
    }

        .tileContainer img {
            max-width: 150px;
        }*/
        .imgRptSlick {
            width: 90px;
        }
        /*.tileTopText {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 1em;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        text-shadow: 1px 1px 1px #000;
        padding: 5px;
        width: 100%;
        text-align: left;
    }

    .tileBotText {
        position: absolute;
        bottom: 10px;
        left: 60px;
        font-size: 1.5em;
        font-family: 'Aspira Bold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        text-shadow: 1px 1px 1px #000;
        padding: 5px;
        width: 100%;
        text-align: left;
    }*/

    }


    @media only screen and (max-width: 550px) {


        .offerBox {
            min-width: 150px;
            margin-top: 2%;
            width: 100%;
        }
    }


    @media only screen and (max-width: 420px) {
        body, html {
            overflow-x: hidden
        }

        #searchOverlay {
            height: 30%;
        }

        .imgRptSlick {
            width: 80px;
        }

        /*html, body {
        min-width: 320px;
    }*/

        /*.wrapper {
        padding: 2em 0 0.1em 0;
    }*/

        .container {
            width: 90% !important;
        }

        #footer {
            padding: 2em 0 0.1em 0;
        }

            #footer ul li {
                font-size: .9em;
            }

                #footer ul li .icon:before {
                    margin-left: -1em;
                }

            #footer .copyright {
                padding: 2em 0;
            }


        #one .image.fit {
            margin: 0 auto 2em auto;
            max-width: 90%;
        }
        /*#banner {
		padding: 4em 2em 2em 2em;
	}*/
        #banner h1 {
            font-size: 2em;
        }

        #banner h2 {
            font-size: 1.7em;
        }

        #banner p {
            font-size: 1em;
        }

        #banner .button {
            font-size: .9em;
        }

        #banner .mainTitleH1 {
            font-size: 1.2em;
        }

        /*#header {
        min-width: 320px;
    }*/
        #header .siteLogo {
            max-width: 200px;
        }

        .slick-slide .image {
            left: -50%;
        }

        .slick-slide .image {
            left: initial;
        }

        #banner h2 span {
            font-size: .8em;
            margin: 1em 0 3em 0;
        }





        ul.actions {
            margin: 0 0 2em 0;
        }

            ul.actions li {
                padding: 1em 0 0 0;
                display: block;
                text-align: center;
                width: 100%;
            }

                ul.actions li:first-child {
                    padding-top: 0;
                }

                ul.actions li > * {
                    width: 100%;
                    margin: 0 !important;
                }

                    ul.actions li > *.icon:before {
                        margin-left: -2em;
                    }

            ul.actions.small li {
                padding: 0.5em 0 0 0;
            }

                ul.actions.small li:first-child {
                    padding-top: 0;
                }

        /*.divPnlRotator, .divPnlRotator .inner {
            max-width: 420px;
        }*/

        /*.slick-slide figure {
        width: 75px;
    }*/

        /*.divLMSContainer.rotatorTabs {
            max-width: 300px;
            padding: 0;
        }*/


        .slick-slide .company a {
            font-size: .9em;
        }

        .slick-slide h2 {
            font-size: .8em;
        }

        .rotatorTabs .showBut {
            font-size: 11px;
            min-height: 25px;
        }

        .slick-slide blockquote {
            font-size: .8em;
            line-height: 1.5;
            font-weight: normal;
        }

        #PnlClickThroughSlides .clickThroughText {
            padding: 100px 50px;
            width: 100%;
        }
    }

    @media only screen and (max-width: 393px) {
        /*.divPnlRotator, .divPnlRotator .inner {
            max-width: 390px;
        }*/

        #PnlMidHeadline .mainHeadlineH1 {
            font-size: 1.2em;
            padding: 0px 10px 10px 10px;
        }

        .navbar-menu {
            max-width: 100%;
        }

        .subMenuList {
            padding-left: 15px;
        }
    }

    @media only screen and (max-width: 375px) {
        /*.divPnlRotator, .divPnlRotator .inner {
            max-width: 375px;
        }*/

        .navbar-menu .classText {
            width: 70%;
        }
    }

    @media only screen and (max-width: 360px) {
        /*#PnlTopCarousel .carouselBanner {
            width: 320px;
        }*/
        .imgRptSlick {
            width: 50px;
        }

        .sidewaysL {
            font-size: 1em;
        }

        /*.divPnlRotator, .divPnlRotator .inner {
            max-width: 360px;
        }*/

        #header .siteLogo {
            max-width: 150px;
            height: initial;
        }

        .menuTitle, .menuTitleLight {
            grid-template-columns: 75% 15%;
        }

        .navbar-menu ul {
            list-style-type: none;
            margin: 0;
            padding: 0 20px 20px 5px;
        }
    }

    @media only screen and (max-width: 280px) {
        /*.divPnlRotator, .divPnlRotator .inner {
            max-width: 280px;
        }*/

        #header {
            min-width: 280px;
        }

        .divTxtGrid {
            width: 280px;
            height: 280px;
            max-width: 100%;
        }
    }

    #Que_4895, #Ans_4895 {
        display: block;
        padding-top: 20px;
    }

    #TblSurvey1 #BtnSubmitForm, #PnlSurveyTable #LblNameForm {
        margin-top: 20px;
        display: block;
    }