@import "../Flat_White/99-Flat_White.css";
@import "../QuickstartBase/base.css";

.big-num h1,
.big-num h2,
.big-num h3,
.big-num h4,
.big-num h5,
.big-num h6,
.big-num .counter-value {
    font-size: 200%;
    line-height: 1.3;
    font-weight: bold;
    display: inline-block;
    position: inherit;
    background: rgb(14,199,169);
    background: -moz-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    background: linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7a9",endColorstr="#004a80",GradientType=1);
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: inline-block;
}

.big-num.white h1,
.big-num.white h2,
.big-num.white h3,
.big-num.white h4,
.big-num.white h5,
.big-num.white h6,
.big-num.white .counter-value {
    background: rgb(14,199,194);
    background: -moz-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    background: linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7c2",endColorstr="#0ec7a9",GradientType=1);
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: inline-block;
}

/*fixes to news on homepage*/

.list-with-featured .BlockTLItem .newsImage {
    margin-bottom: 0px;
}

.list-with-featured .BlockTLItem .newsImage {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
}

@media (max-width: 991px) {
    .list-with-featured .TaggedListPanel {
        display: block;
    }

    .list-with-featured .BlockTLItem,
    .list-with-featured .BlockTLItem:first-of-type {
        width: 100%;
        display: block;
        max-width: 500px;
        margin: 0px auto 30px auto;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

        .list-with-featured .BlockTLItem .newsImage,
        .list-with-featured .BlockTLItem:first-of-type .newsImage {
            height: 200px;
            width: 100%;
        }

        .list-with-featured .BlockTLItem .details,
        .list-with-featured .BlockTLItem:first-of-type .details {
            padding: 30px;
            background: #ffffff;
        }

    .list-with-featured .readMore {
        position: relative;
    }

    .list-with-featured h4 {
        margin-top: 10px;
    }
}








:root {
    --master-logo-img: url(/images/MyWebsite/LSWA-Black.png);
    /*Main Logo*/
    --form-tracker-border-color: var(--qs-blue);
    --form-tracker-text-color: var(--qs-blue);
    --form-tracker-active-color: var(--qs-blue);
    --form-tracker-active-border-color: var(--qs-blue);
    --form-tracker-hover-color: var(--primary-accent-color);
    --aux-bg: #ffffff;
    /*Auxiliary Background - White*/
    --nav-color: #FFFFFF;
    --system-icon-color: var(--primary-accent-color);
    --system-icon-color-hover: var(--second-accent-color);
    --header-one-color: #191919;
    /*H1 - Grey 850*/
    --h-one-big: #191919;
    /*Grey 850*/
    --header-two-color: #191919;
    /*H2 - Grey 850*/
    --header-three-color: #191919;
    /*H3 - Grey 850*/
    --header-four-color: #191919;
    /*H4 - Grey 850*/
    --header-five-color: #191919;
    /*H5 - Grey 850*/
    --header-six-color: #191919;
    /*H6 - Grey 850*/
    --primary-font: "Open Sans", sans-serif;
    /*Primary Font - Open Sans*/
    --primary-button-back: #0C6F88;
    /*Button Background - Blue 500*/
    --primary-button-roll: #01A2CC;
    /*Button Background Roll - Blue 400*/
    --primary-link-color: #0C6F88;
    /*Primary Link - Blue 500*/
    --primary-link-hover: #01A2CC;
    /*Primary Link:Hover - Blue 400*/
    --aux-link-color: #0C6F88;
    /*Auxiliary Link Color - Blue 500*/
    --auxiliary-link-hover: #0C6F88;
    /*Auxiliary Link:Hover - Blue 500*/
    --primary-accent-color: #022933;
    /*Primary Accent Color - Blue Dark*/
    --second-accent-color: #E4EFF2;
    /*Secondary Accent Color - Light Blue*/
    --footer-back: #191919;
    /*Footer Background - Grey 850*/
    --footer-link-hover: #FFFFFF;
    /*Footer Link:Hover - White*/
}

/*Homepage override*/
.Wrapper-HomePage {
  --aux-bg: ffffff;
}
@media (min-width: 992px) {
  .Wrapper-HomePage {
    --nav-color: #ffffff;
  }
}

@media (max-width: 991px) {
    .Wrapper-HomePage #masterHeaderImage {
        background-image: var(--homepage-logo-img);
    }
}
.Wrapper-HomePage #masterHeaderImage {
    background-image: var(--homepage-logo-img);
}



/*Base Styles */

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");


h1, .h1, .PageTitle {
  color: var(--header-one-color);
  font-family: var(--primary-font);
  font-size: 44px;
}
h1.BigHeader, .h1.BigHeader {
    background-color: var(--h-one-big);
}

h2, .h2, .PanelTitle {
  color: var(--header-two-color);
  font-family: var(--primary-font);
  font-size: 32px;
}

h3, .SectionTitle {
  color: var(--header-three-color);
  font-family: var(--primary-font);
  font-size: 24px;
  font-weight: 600;
}

h4, .h4, .SectionLabel {
  color: var(--header-four-color);
  font-family: var(--primary-font);
  font-size: 20px;
}

h5, .h5, .SectionLabelSmaller {
  color: var(--header-five-color);
  font-family: var(--primary-font);
  font-size: 18px;
}

h6, .h6 {
  color: var(--header-six-color);
  font-family: var(--primary-font);
  font-size: 16px;
}




body {
    font-family: var(--primary-font);
}



.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: var(--primary-button-back);
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:active {
    background-color: var(--primary-button-roll);
}
.PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .UsePrimaryButton .TextButton:disabled, .UsePrimaryButton .TextButton:disabled:hover, .UsePrimaryButton .TextButton:disabled:focus, .UsePrimaryButton .TextButton:disabled:active, .UsePrimaryButton .TextButton.disabled, .UsePrimaryButton .TextButton.disabled:hover, .UsePrimaryButton .TextButton.disabled:focus, .UsePrimaryButton .TextButton.disabled:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .RadGrid input.PrimaryButton:disabled, .RadGrid input.PrimaryButton:disabled:hover, .RadGrid input.PrimaryButton:disabled:focus, .RadGrid input.PrimaryButton:disabled:active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
    background-color: var(--primary-button-roll);
}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    font-family: var(--primary-font);
}



a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: var(--primary-link-color);
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active {
    color: var(--primary-link-hover);
}



.readMore {
    letter-spacing: 2px;
}
@media (min-width: 769px) {
.readMore {
    float: right;
}}

.readMore:hover, .readMore:focus, .readMore:active {
    text-decoration: underline;
    color: var(--primary-link-hover);
}
.readMore:after {
    width: 24px;
    height: 25px;
    margin-left: 5px;
    mask-image: url(/images/icons/Right_Dark_Green.png);
    mask-size: 24px 25px;
    background: #259D36;
}
.readMore:hover:after, .readMore:focus:after, .readMore:active:after {
    background: var(--primary-link-color);
    margin-left: 5px;
}









.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count {
    color: var(--header-one-color);
}


@media (min-width: 992px) {
    .slideshow-banner.testimonial .caption-wrapper:before {
        background: var(--second-accent-color);
        border-left: 20px solid var(--primary-accent-color);
    }
}



.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a {
    color: var(--header-three-color);
}
.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:hover, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:focus, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:active {
    color: var(--primary-link-hover);
}


.upcoming-events .card:hover .readMore, .upcoming-events .card:active .readMore, .upcoming-events .card:focus .readMore {
    background-color: #005EB0 ! Important;
    color: #FFFFFF ! Important;
}
.upcoming-events .card:hover .readMore:after, .upcoming-events .card:active .readMore:after, .upcoming-events .card:focus .readMore:after {
    background: #FFFFFF;
    margin-left: 5px;
    mask-image: url(/images/Icons/Right-Arrow-1.png) ! Important;
}




.header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span,
.header-aux-container a.NavigationLink:hover,
.header-aux-container a.NavigationLink:focus,
.header-aux-container a.NavigationLink:hover span,
.header-aux-container a.NavigationLink:focus span,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span,
.header-aux-container .account-toggle .nav-text:hover,
.header-aux-container .account-toggle .nav-text:focus,
.header-aux-container .account-toggle .nav-text:hover span,
.header-aux-container .account-toggle .nav-text:focus span {
  color: var(--auxiliary-link-hover);
}

@media (min-width: 992px) {
  .header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span,
  .header-aux-container a.NavigationLink:hover,
  .header-aux-container a.NavigationLink:focus,
  .header-aux-container a.NavigationLink:hover span,
  .header-aux-container a.NavigationLink:focus span,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span,
  .header-aux-container .account-toggle .nav-text:hover,
  .header-aux-container .account-toggle .nav-text:focus,
  .header-aux-container .account-toggle .nav-text:hover span,
  .header-aux-container .account-toggle .nav-text:focus span {
    color: var(--auxiliary-link-hover);
    text-decoration: underline;
  }
}



.nav-auxiliary .nav-aux-button.nav-aux-cart {
    margin-top: 20px;
}
@media (min-width: 769px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart {
    margin-top: 9px;
}}

@media (max-width: 768px) {
footer.footer .nav-auxiliary .nav-aux-button.nav-aux-cart {
    margin-top: -5px;
}}

@media (max-width: 768px) {
footer.footer .UtilityNavigationToggle {
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}}


.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
    color: var(--auxiliary-link-hover);
}
@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
        color: var(--auxiliary-link-hover);
        text-decoration: underline;
    }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
    background: var(--auxiliary-link-hover);
}
@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
        background: var(--auxiliary-link-hover);
    }
}



.RadMenu.RadMenu_Coffee .rmRootLink {
    border-radius: 0px;
}

@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee ul.rmRootGroup > .rmItem > .rmLink {
        padding-top: 18px !Important;
        padding-bottom: 12px !Important;
        border-bottom: 4px solid transparent;
    }
}


.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    color: #FFFFFF;
    background: #0C6F88;
}
@media (min-width: 992px) {
.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    border-bottom: 4px solid #01A2CC !Important;
}}

@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmLink:hover, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmFocused, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmExpanded {
        color: #FFFFFF;
        background: #0C6F88;
    }
}


.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
    color: #FFFFFF;
    background: var(--primary-link-hover);
}


.RadMenu_Coffee .rmSlide .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLink.rmFocused, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    color: var(--primary-link-hover);
}

.RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle > .rmIcon {
    background: #FFFFFF;
}
@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink:hover .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected .rmToggle > .rmIcon {
        background: #FFFFFF;
    }
}
.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
  background: var(--primary-link-hover);
}

#masterHeaderImage {
    margin-top: 10px;
    width: 225px;
    height: 43px;
    background-image: var(--master-logo-img);
}
@media (min-width: 992px) {
    #masterHeaderImage {
        width: 363px;
        height: 74px;;
        background-image: var(--master-logo-img);
    }
}
.Wrapper-HomePage #masterHeaderImage {
    width: 363px;
    height: 74px;
    background-image: var(--master-logo-img);
}
@media (max-width: 991px) {
    .Wrapper-HomePage #masterHeaderImage {
        width: 225px;
        height: 43px;
        background-image: var(--master-logo-img);
    }
}


@media (min-width: 992px) {
header.header .header-primary-nav-container:before {
        content: '';
        position: absolute;
        display: block;
        max-width: 100%;
        height: 1px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        left: 0;
}}



@media (min-width: 992px) {
    .account-menu .account-toggle:hover .nav-text, .account-menu .account-toggle:focus .nav-text {
        color: var(--auxiliary-link-hover);
    }
}

@media (min-width: 992px) {
    .account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
        background: var(--auxiliary-link-hover);
    }
}

.account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
    background: var(--auxiliary-link-hover);
}


.obo-toggle:hover, .obo-toggle:focus, .obo-toggle.on, a.ste-toggle:hover, a.ste-toggle:focus, a.ste-toggle.on, .page-statistics-toggle:hover, .page-statistics-toggle:focus, .page-statistics-toggle.on
Specificity: (0,2,0)
 {
    background: var(--primary-link-hover);
}

@media (min-width: 992px) {
    .obo-toggle:hover, .obo-toggle:focus, .obo-toggle.on, a.ste-toggle:hover, a.ste-toggle:focus, a.ste-toggle.on, .page-statistics-toggle:hover, .page-statistics-toggle:focus, .page-statistics-toggle.on {
        background: var(--primary-link-hover);
    }
}

.RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Coffee .child-is-selected.rtIn, .RadTreeView.RadTreeView_Coffee .child-is-selected-wrapper .rtIn {
    color: var(--primary-link-color);
}

.RadTreeView.RadTreeView_Coffee a.rtIn:hover, .RadTreeView.RadTreeView_Coffee a.rtIn:focus {
    color: var(--primary-link-hover);
}

.RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:focus {
    color: var(--primary-link-hover);
}

.RadTreeView.RadTreeView_Coffee .rtPlus:hover, .RadTreeView.RadTreeView_Coffee .rtPlus:focus, .RadTreeView.RadTreeView_Coffee .rtMinus:hover, .RadTreeView.RadTreeView_Coffee .rtMinus:focus {
    background: var(--primary-link-hover);
}






/*Grid */

@media (max-width: 991px) {
    header.header {
        background-image: linear-gradient(to right, #0B9ED9, #005EB0, #00336E);
    }
}

@media (min-width: 992px) {
    header.header {
        grid-template:
        "logo utility" auto
        "primary-nav primary-nav" auto
        "banner banner" auto;
        grid-template-areas:
        "logo utility"
        "primary-nav primary-nav"
        "banner banner";
    }
}

@media (min-width: 992px) {
    .Wrapper-HomePage header.header {
        grid-template:
        "logo utility" auto
        "primary-nav primary-nav" auto
        "banner banner" auto;
        grid-template-areas:
        "logo utility"
        "primary-nav primary-nav"
        "banner banner";
    }
}


@media (max-width: 991px) {
    header.header .header-logo-container {
        justify-self: left;
        margin-left: 15px;
    }
}
@media (min-width: 992px) {
    header.header .header-logo-container {
        margin-top: 20px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
}
@media (min-width: 1200px) {
    header.header .header-logo-container {
        padding-left: 75px;
    }
}
@media (min-width: 1380px) {
    header.header .header-logo-container {
        padding-left: 0px;
    }
}
@media (min-width: 1600px) {
    header.header .header-logo-container {
        padding-left: 25px;
    }
}
@media (min-width: 1700px) {
    header.header .header-logo-container {
        padding-left: 70px;
    }
}

@media (min-width: 1900px) {
    header.header .header-logo-container {
        padding-left: 80px;
    }
}





.UtilitySearch #SimpleSearchBlock .search-field:focus, .UtilitySearch #SimpleSearchBlock .search-field:hover, .UtilitySearch #SimpleSearchBlock .search-field:active {
    background-color: #0C6F88;
    border: 2px solid #0C6F88;
    background-image: url(images/auxIcons.svg#search-white);
}


.UtilityNavigationList {
    margin-top: 5px;
}
@media (min-width: 768px) {
.UtilityNavigationList {
    margin-top: 30px;
}}



/*.account-menu .dropdown-menu li:nth-child(2) {
    display: none;
}*/

.UtilityAuthentication .sign-out-link {
    display: none;
}

.account-menu .account-toggle .caret {
    background: #333333;
}
@media (min-width: 992px) {
    .account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
        background: var(--auxiliary-link-hover);
    }
}






.header-aux-container .UtilityAuthenticationLink {
    border-right: 0px solid #ffffff;
}
.UtilityAuthentication a:after {
    content: '';
    background-image: url(/images/Icons/Log-In.png);
    margin-left: 4px;
    padding-right: 27px;
    padding-top: 1px;
    padding-bottom: 4px;
    background-position: 1px -122px;
}





.UtilitySearch #SimpleSearchBlock .search-field {
    background-color: rgba(0, 0, 0, 0);
    padding: 19px 20px 16px 32px;
    background-position: 5px 8px;
    border-radius: 1px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: var(--aux-link-color);
    background-image: url(/images/Icons/auxIconsBlue.svg#search);
    /*border-right: 1px solid #D8D8D8;*/
}

.search-container .search-field {
    background-image: url(/images/Icons/auxIconsBlue.svg#search);
    color: #0C6F88;
    border: 1px solid #0C6F88;
}



.RadMenu.RadMenu_Coffee ul.rmRootGroup {
    background: #0C6F88;
}

@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee ul.rmRootGroup {
        float: left;
        width: 100%;
        justify-content: space-between;
        background: linear-gradient(to right, #0C6F88 70%, #022933 30%);
    }
}
@media (min-width: 1380px) {
    .RadMenu.RadMenu_Coffee ul.rmRootGroup {
        background: linear-gradient(to right, #0C6F88 70%, #022933 30%);
    }
}

@media (min-width: 1380px) {
    header.header .header-primary-nav-container {
        max-width: 1430px;
        padding-left: 0px;
        padding-right: 0px;
    }
}




/* Slider Elements */



.Wrapper-HomePage header.header .header-background-container .carousel-caption {
    background-color: #000000;
    padding: 25px;
    width: 90%;
    left: 5%;
    top: 175%;
}
@media (min-width: 768px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 43%;
        left: 10%;
        top: 56%;
}}
@media (min-width: 1300px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 43%;
        left: 10%;
        top: 55%;
}}
@media (min-width: 1600px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 37%;
        left: 10%;
        top: 54%;
}}
@media (min-width: 1800px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 34%;
        left: 14%;
        top: 54%;
}}

.centerCallOut .carousel-caption {
    text-align: center;
    font-family: "Open Sans", sans-serif;
}
.splitCallOut .carousel-caption {
    text-align: center;
}
@media (min-width: 768px) {
.splitCallOut .carousel-caption {
    text-align: left;
}}



@media (min-width: 993px) {
.Wrapper-HomePage header.header .header-background-container:before {
        background-image: linear-gradient(to right, #FFFFFF, #FFFFFF);
        height: 9em;
        background-repeat: no-repeat;
        background-position: 0 0, 0 85px;
        background-size: 100% 160px;
}}





@media (max-width: 768px) {
.carousel-logo-image .carousel-logo-right img {
    width: 320px !Important;
}}
@media (min-width: 769px) {
.carousel-logo-image .carousel-logo-right img {
    margin-top: 30px;
    max-width: 85%;
}}

@media (max-width: 768px) {
.carousel-logo-left {
    margin-top: -40px;
}}
@media (min-width: 769px) {
.carousel-logo-left {
    width: 50%;
    float: left;
    text-align: left;
}}

@media (max-width: 768px) {
.carousel-logo-left-2 {
    margin-top: 80px;
}}
@media (min-width: 769px) {
.carousel-logo-left-2 {
    width: 50%;
    float: left;
    text-align: left;
}}

@media (max-width: 768px) {
.carousel-logo-left-3 {
    margin-top: 80px;
}}
@media (min-width: 769px) {
.carousel-logo-left-3 {
    width: 50%;
    float: left;
    text-align: left;
}}

@media (max-width: 768px) {
.carousel-logo-right {
    margin-bottom: 20px;
    margin-top: -560px;
}}
@media (min-width: 769px) {
.carousel-logo-right {
    width: 50%;
    float: left;
    text-align: center;
}}

@media (max-width: 768px) {
.carousel-logo-right-2 {
    margin-bottom: 20px;
    margin-top: -530px;
}}
@media (min-width: 769px) {
.carousel-logo-right-2 {
    width: 50%;
    float: left;
    text-align: center;
}}

@media (max-width: 768px) {
.carousel-logo-right-3 {
    margin-bottom: 50px;
    margin-top: -540px;
}}
@media (min-width: 769px) {
.carousel-logo-right-3 {
    width: 50%;
    float: left;
    text-align: center;
}}

@media (max-width: 768px) {
.carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p {
    font-size: 16px;
}}
@media (min-width: 992px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption p {
        font-size: 18px;
        margin: 0 0 1.2em;
    }
}


.splitCallOut img {
    height:200px !Important;
}
@media (min-width: 992px) {
.splitCallOut .carousel-logo-image {
    float: left;
    margin-left: 10%;
    margin-right: 5%;
}}



.hero-caption h1, .carousel-caption h1 {
    font-size: 28px;
    margin-top: 20px;
    font-family: "Source Serif 4", serif;
    font-weight: 400;
}

@media (min-width: 992px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption h1 {
        font-size: 48px;
        margin-top: 20px;
    }
}

.Wrapper-HomePage header.header .header-background-container .carousel-caption h2 {
    color: #8CC24C;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.68px;
}


@media (max-width: 768px) {
.carousel-logo-wrap {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}}

.carousel-logo-wrap .carousel-logo-icon {
    width: 46px;
}


@media (min-width: 769px) {
.carousel-logo-wrap {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}}
@media (min-width: 1200px) {
.carousel-logo-wrap {
    width: 520px;
}}


@media (max-width: 768px) {
.carousel-logo-buttons a {
    margin-bottom: 15px;
}}

.Wrapper-HomePage header.header .header-background-container .carousel-control {
    display: block;
}

.carousel-indicators {
    margin-left: -31%;
    bottom: 20px;
}
@media (min-width: 769px) {
.carousel-indicators {
    bottom: 100px;
}}


/*
.carousel-control {
    width: 10%;
}

.carousel-control .icon-prev {
    margin-left: -15px;
}
@media (min-width: 768px) {
    .carousel-control .icon-prev {
        margin-left: -25px;
    }
}
.carousel-control .icon-next {
    margin-left: -15px;
}
@media (min-width: 768px) {
    .carousel-control .icon-next {
        margin-left: -25px;
    }
}*/



.Wrapper-HomePage header.header .header-background-container .carousel-indicators li {
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background-color: #0C6F88;
}
.Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active {
    width: 30px;
}
.Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active:hover, .Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active:focus {
    background-color: #0C6F88;
}
.Wrapper-HomePage header.header .header-background-container .carousel-indicators li:hover, .Wrapper-HomePage header.header .header-background-container .carousel-indicators li:focus {
    background-color: #FFFFFF;
}





.FullWidthArea-StyleBg1 .slideshow-banner.testimonial .carousel-indicators li {
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background-color: #8CC24C;
}
.FullWidthArea-StyleBg1 .slideshow-banner.testimonial .carousel-indicators li.active {
    width: 30px;
    background-color: #FFFFFF;
}
.FullWidthArea-StyleBg1 .slideshow-banner.testimonial .carousel-indicators li.active:hover, FullWidthArea-StyleBg1 .slideshow-banner.testimonial .carousel-indicators li.active:focus {
    background-color: #8CC24C;
}
.FullWidthArea-StyleBg1 .slideshow-banner.testimonial .carousel-indicators li:hover, FullWidthArea-StyleBg1 .slideshow-banner.testimonial .carousel-indicators li:focus {
    background-color: #8CC24C;
}


/* Footer Overwrite 

footer.footer {
    background-image: linear-gradient(to bottom, #0B9ED9, #005EB0, #00336E);
}*/






footer.footer {
    background-color: var(--footer-back);
}
/*footer.footer a:hover, footer.footer a:focus {
    color: var(--second-accent-color);
}*/


.backToTop {
    background-color: #0C6F88;
}

.backToTop:hover {
    background: #0C6F88;
}




@media (max-width: 991px) {
    .Wrapper-HomePage header.header .header-primary-nav-container {
        background-image: linear-gradient(to right, #0C6F88, #0C6F88, #0C6F88);
    }
}

@media (max-width: 991px) {
    header.header .header-primary-nav-container {
        background-image: linear-gradient(to right, #0C6F88, #0C6F88, #0C6F88);
    }
}


/*#masterHeaderImage {
    width: 225px;
    height: 43px;
}*/


.Wrapper-HomePage .header-background-container .ContentItemContainer > .ContentItemContainer {
    background: #000000 !Important;
}

@media (max-width: 991px) {
.Wrapper-HomePage .main-container {
    margin-bottom: 0em;
}}

@media (min-width: 992px) {
    .wrapper .main-container {
        margin-top: 40px;
    }
}


p {
    font-size: 16px
}

ol {
    font-size: 16px
}

.Wrapper-HomePage p {
    font-size: 18px
}



header.header {
    background-image: linear-gradient(to right, #FFFFFF, #FFFFFF, #FFFFFF);
}


@media (min-width: 769px){
body:not(.Wrapper-HomePage) header.header {
    background-image: linear-gradient(to right, #FFFFFF, #FFFFFF);
    background-position: 0 0, 0 85px;
    background-size: 100% 160px;
    height: 9em;
}}

@media (min-width: 1200px){
.header-aux-container > div {
    padding-left: 0px;
}}
@media (min-width: 1300px){
.header-aux-container > div {
    padding-right: 40px;
}}
@media (min-width: 1400px){
.header-aux-container > div {
    padding-right: 60px;
}}
@media (min-width: 1500px){
.header-aux-container > div {
    padding-right: 30px;
}}
@media (min-width: 1600px){
.header-aux-container > div {
    padding-right: 50px;
}}
@media (min-width: 1700px){
.header-aux-container > div {
    padding-right: 130px;
}}
@media (min-width: 1800px){
.header-aux-container > div {
    padding-right: 160px;
}}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
@media (max-width: 768px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before {
     background: #0C6F88;
}}


.header-aux-container .nav-aux-cart a.NavigationLink:hover, .header-aux-container .nav-aux-cart a.NavigationLink:focus, .header-aux-container .nav-aux-cart a.NavigationLink:hover span, .header-aux-container .nav-aux-cart a.NavigationLink:focus span {
    color: var(--aux-link-color);
}

@media (max-width: 768px) {
.header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, .header-aux-container .account-toggle .nav-text {
    color: var(--aux-link-color);
}}



.UtilityAccountArea .sign-in-link {
    display: none;
}

.account-menu .dropdown-menu > li > a:hover, .account-menu .dropdown-menu > li > a:focus {
    color: #3A3A3A;
}


.UtilitySearch #SimpleSearchBlock .search-field {
    font-family: var(--primary-font);
    font-weight: 700;
    border: 2px solid #d0d4e3;
    font-size: 14px;
}

.header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, .header-aux-container .account-toggle .nav-text {
    font-weight: 700;
    font-size: 14px;
}


@media (min-width: 768px) {
    .UtilityAuthentication {
        margin-right: -25px;
    }
}



@media (min-width: 769px) {
    #ste_container_ciUtilityNavigation {
        margin-right: 250px;
    }
}


.UtilityNavigationToggle {
    margin-top: -100px;
}
@media (min-width: 769px) {
.UtilityNavigationToggle {
    margin-top: 10px;
}}

.header-aux-container .UtilityNavigation .NavigationUnorderedList {
    gap: 0px 20px;
}



@media (max-width: 768px) {
.header-aux-container .UtilityAuthenticationLink {
    margin-right: -10px;
}}


#ste_container_ciSocialMediaAux {
    margin-top: 20px;
    float: right;
}
@media (min-width: 769px) {
#ste_container_ciSocialMediaAux {
    margin-top: -47px;
    margin-right: 75px;
}}

.goog-te-gadget-simple {
    height: 39px;
    padding-top: 6px ! Important;
    border-left: 2px solid #d0d4e3 !Important;
    border-top: 2px solid #d0d4e3 !Important;
    border-bottom: 2px solid #d0d4e3 !Important;
    border-right: 2px solid #d0d4e3 !Important;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
    font-weight: 700;
    color: #999 !Important;
    font-size: 14px;
}



.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
    color: #0C6F88 ! Important;
}



.renew-today {
    border: 2px solid #d0d4e3;
    height: 39px;
    margin-top: 14px;
}
@media (min-width: 769px) {
.renew-today {
    margin-top: 12px;
}}

.renew-today a {
    padding: 8px !Important;
}


.renew-today a:after {
    content: '';
    background-image: url(/images/Icons/Blue-Check.png);
    margin-left: 4px;
    padding-right: 24px;
    background-position: 0px -122px;
    display: inline;
    padding-top: 3px;
    padding-bottom: 3px;
}



body:not(.Wrapper-HomePage) .renew-today a:after {
    padding-top: 1px;
}






@media (min-width: 769px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before {
    display: none;
}}

@media (min-width: 769px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:after {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 6px;
    content: '';
    height: 30px;
    width: 18px;
    mask-image: url(/images/Icons/auxIcons.svg#cart);
    mask-size: 18px 18px;
    mask-repeat: no-repeat;
    mask-position: center;
    background: var(--aux-link-color);
}}



.Wrapper-FullWidth .col-primary .row {
    max-width: 1500px;
}


@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 0px;
    }
}


.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup {
    border-radius: 0px;
}


@media (max-width: 991px) {
    .header-aux-container .UtilityNavigation {
        justify-content: flex-end;
    }
}


.RadMenu.RadMenu_Coffee .rmRootLink {
    font-family: "Open Sans", sans-serif;
}


.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFirst .rmLink {
    border-radius: 0px 0px 0px 0px;
}
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLast .rmLink {
    border-radius: 0px 0px 0px 0px;
}


.RadMenu.RadMenu_Coffee ul.rmRootGroup .rmSlide {
    top: 45px !important;
}
@media (min-width: 992px) {
.RadMenu.RadMenu_Coffee ul.rmRootGroup .rmSlide {
    top: 77px !important;
}}


@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .rmSlide .rmItem {
        border-bottom: 1px solid #d0d4e3;
    }
}

@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .rmSlide .rmLast {
        border-bottom: 0px solid #d0d4e3;
    }
}

.callOutHr {
    border-width: 6px 0 0 0;
    border-color: #454B57;
    width: 125px;
    margin-left: 0em;
}



@media (max-width: 991px) {
    .RadMenu.RadMenu_Coffee .rmHorizontal .rmText, .RadMenu.RadMenu_Coffee .rmText {
        width: 92%;
    }
}


.ClearButton {
    background: transparent;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius: 0px;
    border: 2px solid #FFFFFF;
}
.ClearButton:after {
    content: '';
    background-image: url(/images/Icons/Right-Arrow.png);
    padding-right: 24px;
    background-position: 2px -121px;
    display: inline;
    padding-top: 3px;
    padding-bottom: 3px;
}
.btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    background-color: #01A2CC !Important;
    color: #FFFFFF !Important;
    border-color: #01A2CC !Important;
    text-decoration: none;
}
.ClearButton:hover:after {
    background-image: url(/images/Icons/Right-Arrow.png) ! Important;
}


.BlueBackButton {
    background-color: #0C6F88 !Important;
    color: #FFFFFF !Important;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius: 0px;
    border: 2px solid #0C6F88;
}
.BlueBackButton:hover {
    background-color: #01A2CC !Important;
    color: #FFFFFF !Important;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius: 0px;
    border: 2px solid #01A2CC !Important;
}
.BlueBackButton:after {
    content: '';
    background-image: url(/images/Icons/Right-Arrow.png);
    padding-right: 24px;
    background-position: 2px -121px;
    display: inline;
    padding-top: 3px;
    padding-bottom: 3px;
}
.BlueBackButton:hover:after {
    background-image: url(/images/Icons/Right-Arrow.png) ! Important;
}



.join-now:after {
    display: inline !Important;
    background-image: url(/images/Icons/Join-Icon.png);
    padding-right: 24px;
    padding-top: 3px;
    padding-bottom: 2px;
    background-position: 0px -118px;
    margin-right: 7px;
}


.join-now:hover {
    background: #022933 !Important;
}


@media (min-width: 992px) {
    .join-now {
            height: 42px ! Important;
    }
}


@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .join-now.rmExpanded, .RadMenu.RadMenu_Coffee .join-now:hover, .RadMenu.RadMenu_Coffee .join-now.rmFocused {
        color: #01A2CC !important;
        border-bottom: 4px solid transparent ! Important;
    }
}


.find-lawyer:after {
    display: inline !Important;
    background-image: url(/images/Icons/Alt-Search-Icon.png);
    padding-right: 24px;
    padding-top: 3px;
    padding-bottom: 2px;
    background-position: 0px -118px;
    margin-right: 7px;
}


.find-lawyer:hover {
    background: #022933 !Important;
}


@media (min-width: 992px) {
    .find-lawyer {
            height: 42px ! Important;
    }
}


@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .find-lawyer.rmExpanded, .RadMenu.RadMenu_Coffee .find-lawyer:hover, .RadMenu.RadMenu_Coffee .find-lawyer.rmFocused {
        color: #01A2CC !important;
        border-bottom: 4px solid transparent ! Important;
    }
}





.Wrapper-HomePage header.header .header-background-container {
    height: 900px;
}
@media (min-width: 769px) {
.Wrapper-HomePage header.header .header-background-container {
    height: 900px;
}}


@media (min-width: 769px) {
header.header .header-background-container .ContentItemContainer > .ContentItemContainer, header.header .header-background-container .header-bg, header.header .header-background-container .carousel-inner .item {
    top: 55px;
}}

@media (min-width: 769px) {
.carousel-control {
    width: 9%;
}}


.Wrapper-HomePage header.header .header-background-container .carousel-inner .item:after {
    background: rgba(51, 51, 51, 0);
}


@media (max-width: 768px) {
.Wrapper-HomePage header.header .header-background-container .carousel-inner .item {
    height: 350px !important;
}}

.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    font-family: "Open Sans", sans-serif;
}


.carousel .carousel-caption .callOutHr {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}










.footer-content {
    padding-top: 50px;
}

.footer-content a {
    font-size: 20px;
    font-weight: 500;
}


@media (min-width: 769px) {
.footer-content .container {
    max-width: 1500px;
    padding-left: 15px;
    padding-right: 15px;
}}




.footAddress {
    margin-top: 30px !Important;
    margin-bottom: 20px !Important;
    font-size: 16px;
}


.footPhone a {
    font-size: 16px !Important;
}




@media (max-width: 991px) {
    .footContact {
        margin-bottom: 15px !Important;
    }
}


.footContact a {
    font-size: 16px !Important;
}


@media (min-width: 769px) {
footer.footer {
    background-image: url(/images/MyWebsite/footerBackImg.jpg) !Important;
}}

footer.footer a:hover, footer.footer a:focus {
    color: #FFFFFF;
    text-decoration: underline;
}



#ste_container_ciFooterContent2 {
    font-size: 16px !Important;
}
@media (min-width: 769px) {
#ste_container_ciFooterContent2 {
    width: 100%;
}}

#ste_container_ciFooterContent2 span {
    font-weight: bold;
}

@media (min-width: 769px) {
#abnID {
    margin-top: -42px;
    float: right;
}}



footer.footer .footer-content > .container .footer-column:nth-child(3) .ContentItemContainer ul > li {
    font-weight: normal;
}

footer.footer .footer-content > .container .footer-column:nth-child(3) .ContentItemContainer ul > li ul li a {
    font-weight: normal;
}


@media (max-width: 991px) {
    footer.footer .footer-content > .container .footer-column:nth-child(3) .ContentItemContainer ul > li a {
        margin-bottom: 15px;
    }
}


footer.footer .SocialSprite {
    font-size: 0 !Important;
}


.footLink1 {
    margin-bottom: 15px !Important;
    margin-left: -2px;
}
@media (min-width: 769px) {
.footLink1 {
    margin-left: -5px;
}}

.footLink2 {
    margin-bottom: 15px !Important;
    margin-left: -2px;
}


.footLinkBottom1 {
    margin-left: -2px;
}
@media (min-width: 769px) {
.footLinkBottom1 {
    margin-left: -5px;
    margin-bottom: 15px !Important;
}}

.footLinkBottom2 {
    margin-left: -2px;
}
@media (min-width: 769px) {
.footLinkBottom2 {
    margin-bottom: 15px !Important;
}}



footer.footer .SocialSprite.FacebookIcon {
    background: transparent !important;
    padding: 12px;
    width: 50px !important;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50% !important;
    height: 50px !important;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-width: 1px;
}
footer.footer .SocialSprite.FacebookIcon:after {
    background-color: #fff;
}
footer.footer .SocialSprite.FacebookIcon:hover {
    background: #4267B2 !Important;
    color: white !Important;
    border-color: rgba(255, 255, 255, 1);
}




footer.footer .SocialSprite.LinkedInIcon {
    background: transparent !important;
    padding: 12px;
    width: 50px !important;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50% !important;
    height: 50px !important;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-width: 1px;
}
footer.footer .SocialSprite.LinkedInIcon:after {
    background-color: #fff;
}
footer.footer .SocialSprite.LinkedInIcon:hover {
    background: #0077B5 !Important;
    color: white !Important;
    border-color: rgba(255, 255, 255, 1);
}


footer.footer .SocialSprite.TwitterIcon {
    background: transparent !important;
    padding: 12px;
    width: 50px !important;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50% !important;
    height: 50px !important;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-width: 1px;
}
footer.footer .SocialSprite.TwitterIcon:after {
    background-color: #fff;
}
footer.footer .SocialSprite.TwitterIcon:hover {
    background: #000000 !Important;
    color: white !Important;
    border-color: rgba(255, 255, 255, 1);
}


footer.footer .SocialSprite.InstagramIcon {
    background: transparent !Important;
    padding: 12px;
    width: 50px !Important;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50% !Important;
    height: 50px !Important;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-width: 1px;
}
footer.footer .SocialSprite.InstagramIcon:after {
    background-color: #fff;
}
footer.footer .SocialSprite.InstagramIcon:hover {
    background-image: linear-gradient(to bottom, #515BD4, #DD2A7B, #F58529) !Important;
    color: white !Important;
    border-color: rgba(255, 255, 255, 1);
}



footer.footer .SocialSprite.YouTubeIcon {
    background: transparent !important;
    padding: 12px;
    width: 50px !important;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50% !important;
    height: 50px !important;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-width: 1px;
}
footer.footer .SocialSprite.YouTubeIcon:after {
    background-color: #fff;
}
footer.footer .SocialSprite.YouTubeIcon:hover {
    background: #FF0033 !Important;
    color: white !Important;
    border-color: rgba(255, 255, 255, 1);
}



@media (min-width: 769px) {
footer.footer .footContactArea {
    width: 35% !Important;
}}

@media (min-width: 769px) {
footer.footer .footBorderLeft {
    margin: 0 0 0 9% ! Important;
    width: 29% !Important;
    border-left: 1px solid #0C6F88;
    padding-left: 15px;
    margin-bottom: 80px !Important;
}}

@media (min-width: 769px) {
footer.footer .footBorderLeft2 {
    border-left: 1px solid #0C6F88;
    padding-left: 15px;
    margin-bottom: 80px !Important;
}}

@media (min-width: 769px) {
footer.footer .footer-content > .container .footer-column:nth-child(1) {
    margin-left: 100px;
    border-left: 1px solid #0C6F88;
    padding-left: 15px;
    margin-bottom: 35px;
}}

footer.footer .footer-content > .container .footer-column:nth-child(2) {
    padding-top: 20px;
    border-top: 1px solid #0C6F88;
}




footer.footer .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    color: #8CC24C;
    font-size: 18px;
}
footer.footer .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before {
    background: #8CC24C;
}
footer.footer .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, footer.footer .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
    color: #8CC24C;
}

footer.footer .UtilitySearch #SimpleSearchBlock .search-field {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-image: url(/images/icons/auxIcons.svg#search-white);
}






footer.footer .UtilityNavigationList {
    margin-top: 5px;
}
@media (min-width: 768px) {
footer.footer .UtilityNavigationList {
        margin-left: 5px;
        margin-top: -80px;
        margin-right: 0px;
    }
}



@media (min-width: 768px) {
footer.footer .UtilitySearch {
        margin-top: -50px;
    }
}


footer.footer .UtilityAuthentication a {
    font-size: 14px !Important;
    font-weight: 700;
    color: #FFFFFF;
}
@media (min-width: 768px) {
footer.footer .UtilityAuthentication {
        margin-top: 60px;
        margin-left: -150px;
    }
}


footer.footer .UtilityAuthentication a:after {
    background-image: url(/images/Icons/Log-White.png);
    padding-top: 5px;
    padding-bottom: 3px;
    background-position: 1px -119px;
}



@media (max-width: 768px) {
footer.footer .searchbar-toggle.collapsed {
    background: #FFFFFF;
}}

footer.footer #CartItemCount {
    color: #8CC24C;
}


@media (min-width: 769px) {
#ste_container_ciFooterContent1 {
    margin-top: 15px;
}}


.footer-banner .carousel-inner.bg-img > .item {
    background: var(--second-accent-color);
}

.footer-banner .carousel-inner.bg-img > .item a.link:after, .footer-banner .carousel-inner.bg-img > .item:after {
    background: transparent;
}


.footer-banner .callOutHr {
    border-color: #D3D7E0;
}

.footer-banner .carousel-caption h1 {
    border-color: #D3D7E0;
    text-transform: capitalize;
    color: #272B33;
    margin-top: 5px;
}

.footer-banner .carousel-caption h3 {
    margin-top: 20px;
    margin-bottom: -31px;
    color: #999999;
    font-size: 14px;
}


@media (min-width: 992px) {
    .footer-banner .caption-wrapper .carousel-caption {
        width: 40%;
        top: 30%;
    }
}
@media (min-width: 1590px) {
    .footer-banner .caption-wrapper .carousel-caption {
        left: 9%;
    }
}
@media (min-width: 1800px) {
    .footer-banner .caption-wrapper .carousel-caption {
        width: 33%;
        left: 15%;
    }
}

.footer-banner .carousel-caption p {
    color: #272B33;
    margin-bottom: 20px !Important;
}

.footer-banner .carousel-caption a:hover, .footer-banner .carousel-caption a:focus {
    text-decoration: none;
}


@media (max-width: 991px) {
    .slideshow-banner .carousel-caption {
        background-color: var(--second-accent-color);
    }
}


@media (max-width: 991px) {
    .footer-banner .slideshow-banner .img {
        position: absolute;
        top: 0 !Important;
        height: 220px !Important;
        left: 0% !Important;
        width: 100% !Important;
    }
}


@media (max-width: 991px) {
    .footer-banner .caption-wrapper {
        margin-top: 220px;
        margin-bottom: 60px;
    }
}


.footer-banner .slideshow-banner .img {
    height: 420px;
    width: 630px;
    top: 50px;
    left: 52%;
}

.footer-banner .slideshow-banner .carousel-indicators {
    width: 100%;
    bottom: 20px;
}

.footer-banner .carousel-control {
    display: block;
}

.carousel-indicators li {
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background-color: #0C6F88;
    border: 0;
}

.carousel-indicators li.active {
    width: 30px;
    height: 10px;
}

.carousel-indicators li:hover, .carousel-indicators li:focus {
    background-color: #FFFFFF;
}

.carousel-indicators li.active:hover, .carousel-indicators li.active:focus {
    background-color: #0C6F88;
}


.search-container-sm {
    display: block !important;
}

.FullWidthArea-StyleBg1 {
    margin-top: 30px;
}
@media (min-width: 992px) {
.FullWidthArea-StyleBg1 {
    margin-top: -40px;
}}



.FullWidthArea-StyleBg1 .home-spotlight {
    padding: 0px 0px;
}
@media (min-width: 992px) {
    .FullWidthArea-StyleBg1 .home-spotlight {
        max-width: 100%;
        padding: 0px 0px;
    }
}


@media (max-width: 768px) {
.FullWidthArea-StyleBg1 .imageLayerOne {
    margin-left: -5px;
}}
.FullWidthArea-StyleBg1 .imageLayerOne {
    margin-top: -42px;
}

@media (max-width: 992px) {
    .FullWidthArea-StyleBg1 .imageLayerTwo {
        width: 125px;
    }
}
.FullWidthArea-StyleBg1 .imageLayerTwo {
    position: absolute;
    margin-top: -50px;
    margin-left: 20px;
}
@media (min-width: 992px) {
    .FullWidthArea-StyleBg1 .imageLayerTwo {
        margin-top: -132px;
        margin-left: 25px;
    }
}


.FullWidthArea-StyleBg1 .Spotlight {
    margin-bottom: 70px;
}


.FullWidthArea-StyleBg1 .Spotlight a {
    color: #0C6F88;
    border: 2px solid #0C6F88;
}


@media (min-width: 992px) {
    .FullWidthArea-StyleBg1 .Spotlight p {
        margin: 10px 0px;
    }
}



@media (max-width: 768px) {
    .FullWidthArea-StyleBg1 .Spotlight-desc {
        margin-top: 10px;
    }
}



.FullWidthArea-StyleBg1 .ClearButton:after {
    background-position: 1px -121px;
    background-image: url(/images/Icons/Blue-Arrow.png);
}

.FullWidthArea-StyleBg1 .ClearButton:hover:after {
    background-image: url(/images/Icons/Right-Arrow.png) ! Important;
}


.subFootList {
    font-size: 15px !Important;
    margin-bottom: 10px !Important;
}



.subFootList:before {
    content: '';
    background-image: url(/images/Icons/Green-Check.png);
    margin-right: 6px;
    padding-left: 26px;
    padding-top: 5px;
    padding-bottom: 4px;
    background-position: 0px -130px;
}



.FullWidthArea-StyleBg1 .callOutHr {
    margin-bottom: 0;
    border-color: #D3D7E0;
}
@media (min-width: 769px) {
.FullWidthArea-StyleBg1 .callOutHr {
    margin-top: 0;
}}

@media (max-width: 768px) {
.FullWidthArea-StyleBg1 hr {
    margin-left: 0em;
    margin-right: 0em;
}}


.SectionSub {
    color: #999999;
    font-size: 14px;
}


.SectionLabel{
    font-size: 28px;
    font-family: "Source Serif 4", serif;
    font-weight: 400;
}


.white-fill-bg {
    background: #ffffff;
}


.FullWidthArea-StyleBg1 .white-fill-bg {
    padding-top: 0px;
    padding-bottom: 0px;
}


@media (max-width: 768px) {
.spotlightCallOut2 .imageCallOut {
    margin-left: -5px;
}}
.spotlightCallOut2 .imageCallOut {
    margin-top: -40px;
    margin-bottom: -30px;
}


.spotlightCallOut2 .Spotlight-desc {
    margin-top: 30px;
}
@media (min-width: 992px) {
.spotlightCallOut2 .Spotlight-desc {
    margin-left: 10px;
    margin-top: -160px;
}}



.spotlightCallOut3 .imageCallOut {
    margin-top: -40px;
    margin-bottom: -30px;
}


@media (min-width: 992px) {
.spotlightCallOut3 .Spotlight-desc {
    margin-top: -200px;
}}

.spotlightCallOut3 .Spotlight {
    margin-bottom: 0px;
}



.FullWidthArea-StyleBg2 {
    background: #181A20;
}
@media (min-width: 992px) {
.FullWidthArea-StyleBg2 {
    padding-top: 0px;
    margin-top: -40px;
    padding-bottom: 10px;
}}



@media (max-width: 768px) {
.FullWidthArea-StyleBg2 .col-md-4 {
    padding-right: 0px;
    padding-left: 0px;
}}
@media (min-width: 992px) {
.FullWidthArea-StyleBg2 .col-md-4 {
    width: 50%;
}}



@media (max-width: 768px) {
.FullWidthArea-StyleBg2 .col-md-5 {
    display: none;
}}
@media (min-width: 992px) {
.FullWidthArea-StyleBg2 .col-md-5 {
    position: absolute;
    right: 0;
    padding-right: 0;
    padding-left: 0;
    width: 49%;
    margin-top: -67px;
}}


@media (min-width: 992px) {
.FullWidthArea-StyleBg2 .col-md-5 img {
        height: 334px !important;
}}




.FullWidthArea-StyleBg2 .row:nth-of-type(2), .FullWidthArea-StyleBg2 .row:nth-of-type(3), .FullWidthArea-StyleBg2 .row:nth-of-type(4) {
    display:none;
}


.legal-help-back {
    padding-top: 60px !important;
    color: #FFFFFF;
}
.legal-help-back h1 {
    font-size: 28px;
    font-family: "Source Serif 4", serif;
    font-weight: 400;
    color: #FFFFFF;
}


.FullWidthArea-StyleBg3 {
    background: #FFFFFF;
}

.FullWidthArea-StyleBg3:after {
    background: rgba(51, 51, 51, 0);
}

@media (min-width: 768px) {
.FullWidthArea-StyleBg3 .col-sm-7 {
    width: 100%;
}}


.FullWidthArea-StyleBg3 .row {
    padding-left: 0px !Important;
    padding-right: 0px !Important;
    padding: 60px 0px 40px 0px;
}
@media (min-width: 769px) {
.FullWidthArea-StyleBg3 .row {
    padding-left: 15px !Important;
    padding-right: 15px !Important;
    padding: 60px 0px;
}}


@media (max-width: 991px) {
.FullWidthArea-StyleBg3 .carousel .carousel-caption {
    padding: 2em;
}}
@media (min-width: 992px) {
    .FullWidthArea-StyleBg3 .carousel .carousel-caption {
        width: 50%;
        left: 25%;
        right: 25%;
        top: 70px;
    }
}

.FullWidthArea-StyleBg3 .carousel-inner.bg-img>.item {
    background-position: top center;
}

.FullWidthArea-StyleBg3 .home-slider-image img {
    width: 190px;
}

.home-bottom-slider .carousel-indicators {
    margin-left: -30%;
    bottom: 30px;
}

.FullWidthArea-StyleBg3 .carousel-h2 {
    font-size: 28px !Important;
    font-family: "Source Serif 4", serif;
    font-weight: 400;
    margin-bottom: 10px;
}



.FullWidthArea-StyleBg4 {
    padding: 0px 0px;
    background: #FFFFFF;
}

.FullWidthArea-StyleBg4 .row {
    padding-top: 0px;
    padding-bottom: 30px;
}
@media (min-width: 769px) {
.FullWidthArea-StyleBg4 .row {
    padding-left: 40px !Important;
    padding-right: 40px !Important;
}}


.upcoming-events .card {
    height: 500px;
}
@media (min-width: 769px) {
.upcoming-events .card {
    height: 450px;
}}

.upcoming-events h4 {
    font-size: 24px;
}

.upcoming-events p {
    font-weight: 600;
}

.upcoming-events h6 {
    font-size: 18px;
}

.upcoming-events .readMore {
    color: #0C6F88;
    border: 2px solid #0C6F88;
    background: transparent;
    font-size: 14px;
    border-radius: 0px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: 700;
}


.upcoming-events .readMore:after {
    mask-image: url(/images/Icons/Blue-Arrow.png);
    background: #0C6F88;
}


.upcoming-events .card:hover .readMore, .upcoming-events .card:active .readMore, .upcoming-events .card:focus .readMore {
    background-color: #01A2CC ! Important;
    border: 2px solid #01A2CC;
}

.upcoming-events .card:hover .readMore:after, .upcoming-events .card:active .readMore:after, .upcoming-events .card:focus .readMore:after {
    mask-image: url(/images/Icons/Right-Arrow.png) ! Important;
}



.upcomingEventsHeader h2 {
    font-size: 21px;
}

.upcomingEventsHeader h2:before {
    content: '';
    background-position: 0 -96px;
    background-image: url(/images/Icons/Events-Icon.png);
    padding-left: 24px;
    padding-top: 1px;
    margin-left: 2px;
    margin-right: 10px;
}


.upcoming-events .imageWrapper, .upcoming-events .image {
    background-position: left;
}


.FullWidthHeaderContent {
    position: absolute;
    margin-left: 0px;
}
@media (min-width: 768px) {
.FullWidthHeaderContent {
    margin-top: -375px;
}}


.FullWidthHeaderContent hr{
    margin-top: -140px;
    width: 80px;
    border-width: 3px 0 0 0;
    border-color: #454B57;
    margin-bottom: 0.5em;
}
@media (min-width: 768px) {
.FullWidthHeaderContent hr{
    margin-top: 130px;
    width: 100px;
}}



@media (max-width: 768px) {
.FullWidthHeaderContent h1{
    color: #FFFFFF;
    text-shadow: 2px 2px 5px black;
}}
.FullWidthHeaderContent h1{
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 400;
    z-index: 1;
    position: absolute;
    margin-top: 5px;
    width: 180px;
    font-family: "Source Serif 4", serif;
    font-weight: 400;
}
@media (min-width: 769px) {
.FullWidthHeaderContent h1{
    margin-top: 0px;
    font-size: 42px;
    width: 235px;
}}


body:not(.Wrapper-HomePage) .main-container {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}
body:not(.Wrapper-HomePage) .main-container .body-container {
    max-width: 1380px;
    margin-right: auto;
    margin-left: auto;
}


hr {
    margin-left: 0em;
    margin-right: 0em;
}

.executive-board img {
    margin-left: -10px;
}
@media (min-width: 769px) {
.executive-board img {
    margin-left: -5px;
}}

.executive-board p {
    font-size: 14px;
}


h1, .h1, .PageTitle {
    font-family: "Source Serif 4", serif;
    font-weight: 400;
    font-size: 40px;
}

h2, .h2, .PanelTitle {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
}

h6, .h6 {
    font-weight: 600;
}

.featured-content .ClearButton {
    color: #0C6F88;
    border: 2px solid #0C6F88;
}

.featured-content .ClearButton:after {
    background-position: 1px -121px;
    background-image: url(/images/Icons/Blue-Arrow.png);
}

.headerSpacing {
    margin-bottom: -10px;
}
.call-out-7 {
    padding: 15px;
    background: #272B33;
}
.call-out-7 .callOutHr {
    border-width: 3px 0 0 0;
    width: 200px;
    margin-top: .4em;
    margin-bottom: 1em;
}
.call-out-8 {
    padding: 15px;
    background: #E4EFF2;
}

.call-out-8 .accreditationList:before {
    content: '';
    background-image: url(/images/Icons/PDF.png);
    margin-right: 6px;
    padding-left: 26px;
    padding-top: 5px;
    padding-bottom:4px;
    background-position: 0px -130px;
}