/** CSS Developed by Advanced Solutions International inc. - October 2019 - MEC **/

/* TODO: replace with client's library, This is for dev use only. */
@import url("https://use.typekit.net/czt7cfs.css");


/**********************************************************/
/*                     Titles & Fonts                     */
/**********************************************************/
body {
    font: 400 16px proxima-nova, sans-serif;
    color: #000;
    line-height: 1.5em;
    background-color: #e5e5e5;
}

.Spotlight .SectionLabel, .Spotlight h4 {
    color: #006db7;
    border: none;
    font: 700 26px proxima-nova, sans-serif;
}

    /* Remove title underline from default theme */
    h1:after, h2:after,
    h2.panel-title:after,
    .Wrapper-HomePage h2.panel-title:after,
    .Spotlight .SectionLabel:before, .Spotlight h4:before,
    .Spotlight .SectionLabel:after, .Spotlight h4:after {
        border: none;
    }

h1 {
    font: 700 25px roboto-slab, serif; /* font: 700 24px roboto-slab, serif;*/
    border-bottom: 1px solid #000;
    display: block;
    color: #006db7;
    margin: 40px 0 15px 0;
}

h2 {
    font: 700 25px proxima-nova, sans-serif;
    color: #006db7;
}

h3 {
    font: 700 20px proxima-nova, sans-serif;
    color: #006db7;
}

h4 {
    font: 700 20px roboto-slab, serif;
    color: #4d4d4d;
}

/**********************************************************/
/*                Containers/Sections                     */
/**********************************************************/

.wrapper {
    max-width: 1280px;
    margin: 0 auto;
    background-color: #fff;
}

@media(min-width:992px){
    .has-secondary-col.col-on-right .col-primary {
        width: 63%;
    }
}

/* Header */
/**************/
.header-top-container {
    position: static;
}

.header-bottom-container {
    position: static;
    background: #fff;
}

#masterLogoArea {
    padding: 0 0 10px 0;
}

@media(min-width:768px) {
    #masterLogoArea {
        width: 25%;
        margin: 20px 0 0 0;
    }
}

.nav-primary,
.navbar-header {
    float: right;
    text-align: right;
}

@media(min-width:768px) {
    .nav-primary, .navbar-header {
        width: 75%;
    }
}

/* Footer */
/**************/
#ft {
    background: #006db7 url('/images/ThemeDesign/footer_pattern.gif');
}

    #ft a, #ft h3 {
        color: #fff;
        text-decoration: none;
    }

.footer-nav-copyright,
.footer-content {
    background: transparent;
    color: #fff;
    font-size: 15px;
    text-align: left;
}

    .footer-nav-copyright .footer-copyright {
        padding: 50px 0 0 0;
        margin: 0;
    }

@media(max-width:767px) {
    .footer-nav-copyright .footer-copyright {
        text-align: center;
    }
}

@media(max-width:991px) {
    .footer-content {
        text-align: center;
    }

    .mainContactInfoFooter {
        padding-bottom: 30px;
    }
}

.FacebookButton,
.TwitterButton,
.LinkedInButton {
    width: 25px;
    height: 25px;
    font-size: 0;
    display: inline-block;
}

.FacebookButton {
    background: url('/images/ThemeDesign/icon_facebook.png') no-repeat;
}

.TwitterButton {
    background: url('/images/ThemeDesign/icon_twitter.png') center center no-repeat;
}

.LinkedInButton {
    background: url('/images/ThemeDesign/icon_linkedin.png') no-repeat;
}


/**************************************************************************/
/*                            Navigations                                 */
/**************************************************************************/

/* Primary */
/**************/

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {
    color: #006db7;
    font: 500 18px proxima-nova, sans-serif;
    border: 1px solid #808080;
}

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused,
.RadMenu_GreatBarrierReef .rmSlide .rmFocused > .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rmSelected > .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmSelected > .rsmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink,
.RadMenu_GreatBarrierReef .rmSlide .rmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rmLink.rmFocused,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink.rmFocused,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
    color: #fff;
    text-decoration: underline;
}

.RadMenu.RadMenu_GreatBarrierReef .rmGroup {
    background-color: #006db7;
}

.RadMenu_GreatBarrierReef .rmSlide .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink {
    font: 500 16px proxima-nova, sans-serif;
}

@media(min-width:768px) {
    .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem {
        margin: 0 0 5px 6px;      
    }
    .RadMenu.RadMenu_GreatBarrierReef { float:right; margin-right:7px; }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
        border-top: 3px solid transparent;
        background-color: transparent;
    }
}

/* Auxiliary */
/**************/

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    color: #000;
}

.auxiliary-contact a,
.auxiliary-store a {
    font-size: 0;
    width: 40px;
    height: 40px;
    color: transparent;
    margin: 0 5px;
    background: #006db7 url('/images/ThemeDesign/button_contact.gif') center center no-repeat;
}

.auxiliary-store a {
    background: #006db7 url('/images/ThemeDesign/icon_shop.gif') center center no-repeat;
}

.RadMenu.RadMenu_GreatBarrierReef .auxiliary-contact,
.RadMenu.RadMenu_GreatBarrierReef .auxiliary-store {
    display: none;
}
.header-search{
    padding: 8px 0;

}
.header-search .search-field {
    background: url('/images/ThemeDesign/search_icon.gif') 8px 12px no-repeat !important;
    width: 110px; /*200*/
    border: 1px solid #b7b7b7;
    height: 40px;
    padding: 0 20px 0 30px !important;
   
}

/* Internal side nav */
/*********************/
.nav-secondary {
    font: 300 16px proxima-nova, sans-serif;
}

    .nav-secondary .sub-nav-head {
        background: #006db7;
        color: #fff;
        text-align: center;
        font: 700 20px roboto-slab, serif;
        padding: 20px 0;
        margin: 0 0 10px 0;
    }
    /* first level */
    .nav-secondary .RadTreeView .rtTop,
    .nav-secondary .RadTreeView .rtMid,
    .nav-secondary .RadTreeView .rtBot {
        padding: 10px 0 8px 0;
        border-bottom: 1px solid #4d4d4d;
    }
    /* second level */
    .nav-secondary .rtUL .rtUL .rtTop,
    .nav-secondary .rtUL .rtUL .rtMid,
    .nav-secondary .rtUL .rtUL .rtBot {
        border: none;
        padding: 5px 0;
        font-size: 14px;
    }



/**************************************************************************/
/*                            Slideshow                                   */
/**************************************************************************/

.HomePageFullWidthArea {
    border-top: 7px solid #cccccc;
}

.carousel {
    font: 300 26px proxima-nova, serif;
}

    .carousel h1 {
        font: 500 48px proxima-nova, serif;
    }

.carousel-control .icon-prev::before,
.carousel-control .icon-next::before {
    height: 50px;
}

.carousel-control .icon-next::before {
    background: url('/images/ThemeDesign/slideshow_arrowRight.gif') 0 0 no-repeat;
}

.carousel-control .icon-prev::before {
    background: url('/images/ThemeDesign/slideshow_arrowLeft.gif') 0 0 no-repeat;
}

.carousel-caption {
    background: none;
    text-align: left !important;
    font-family: proxima-nova, sans-serif;
}

@media(min-width:768px) {
    .carousel-caption {
        right: auto;
        left: 15%;
        width: 40%;
        bottom: 30%;
    }
}

html:not(.t-safari) .carousel-caption .TextButton {
    background: transparent !important;
    border: 1px solid #fff;
    border-radius: 15px;
}

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item {
    height: 22em !important;
}


/* Homepage - Full width areas */
.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
    clip-path: none;
    margin: 0;
}


/**************************************************************************/
/*                    HOMEPAGE FULL WIDTH SECTIONS                        */
/**************************************************************************/

/* Section 1 - 3 icons */
/***********************/
.FullWidthArea-StyleBg1 img {
    margin: 0 auto;
    display: block;
}

.FullWidthArea-StyleBg1 .Spotlight {
    border-left: 2px dotted #5f5f5f;
    border-bottom: 2px dotted #5f5f5f;
}

.Spotlight {
    padding: 0 0 30px 0;
    min-height: 250px;
}

    .Spotlight, .Spotlight p {
        text-align: left;
    }

        .Spotlight .SectionLabel {
            padding: 0 15px;
        }

        .Spotlight p, .Spotlight p:after {
            border: none;
        }

        .Spotlight .TextButton {
            position: absolute;
            bottom: 15px;
            right: 0;
        }

/* Section 2 - Member area */
/****************************/
.Wrapper-HomePage .FullWidthArea-StyleBg2 {
    background: url('/images/ThemeDesign/homepage_bgarea1.jpg') 0 0 no-repeat;
    background-size: cover;
    padding: 0;
    min-height: 100px;
}

    .Wrapper-HomePage .FullWidthArea-StyleBg2 .row .col-sm-6:first-of-type {
        background: url('/images/ThemeDesign/footer_pattern.gif');
    }

@media(min-width:768px) {
    .Wrapper-HomePage .FullWidthArea-StyleBg2 .row .col-sm-6:first-of-type {
        width: 30%;
        min-width: 350px;
    }

    .Wrapper-HomePage .FullWidthArea-StyleBg2 .row {
        display: flex;
    }
}

.ProgressTracker2 .ProgressTrackerPanel .count {
    font: 300 80px roboto-slab, serif;
}

.ProgressTracker2 .ProgressTrackerPanel .label {
    font: 100 42px roboto-slab, serif;
}

.Wrapper-HomePage .ProgressTracker2 span.count:before {
    display: none;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 .TextButton {
    color: #006db7 !important;
    font-weight: 700;
    background: #fff !important;
    padding: 2px 20px !important;
    float: right;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 ul {
    list-style-type: none;
    list-style-image: url('/images/ThemeDesign/bulletpoint.gif');
}


/* Section 3 - Latest news */
/***************************/
.Wrapper-HomePage .FullWidthArea-StyleBg3 h2 {
    font: 700 23px roboto-slab, serif;
    color: #006db7;
    position: relative;
    width: 100%;
}

.Wrapper-HomePage .FullWidthArea-StyleBg3 .TaggedListPanel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    -ms-flex-direction: row;
    /*
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;*/
}

.LatestNewsItem {
    flex-basis: 100%;
    padding: 30px 0 80px 0;
    min-height: 200px;
    border-top: 2px solid #4c4c4c;
    position: relative;
}
.LatestNewsItem > * {margin:0 2%;}

@media(min-width:768px) {
    .LatestNewsItem {
        flex-basis: 50%;
    }
}

@media(min-width:920px) {
    .LatestNewsItem {
        flex-basis: 33%;
    }
}

.LatestNewsItem h4 {
    color: #006db7;
    font: 700 23px proxima-nova, sans-serif;
}

.LatestNewsItem .PublishDate {
    font-size: 17px;
    display: inline-block;
    padding-bottom: 23px;
}

.LatestNewsItem .TextButton {
    position: absolute;
    bottom: 40px;
    right: 0;
}

.TaggedListPanel .ViewAllNews {
    position: absolute;
    top: 0;
    right: 30px;
    width: 130px;
}


/* Section 4 - Events  */
/***********************/
.Wrapper-HomePage .FullWidthArea-StyleBg4 {
    border-top: 8px solid #006db7;
    background: #e9eef9;
    min-height: 150px;
}
/*
@media(max-width:767px){
    .EventListing { 
        margin: 0 -15px 0 -15px;
        padding: 0 15px;
    }
}*/
.EventListing .RelatedItemsHorizontal { /*Wrapper-HomePage .FullWidthArea-StyleBg4*/
    display: flex;
    flex-wrap: wrap;
}

    .EventListing .RelatedItemsHorizontal li {
        flex-basis: 98%;
        font: 700 23px proxima-nova, sans-serif;
        margin: 0 1%;
    }

@media(min-width:768px) {
    .EventListing .RelatedItemsHorizontal li {
        flex-basis: 48%;
    }
}

@media(min-width:920px) {
    .EventListing .RelatedItemsHorizontal li {
        flex-basis: 30%;
    }
}

.EventListing .RelatedItemsHorizontal li a {
    color: #006db7;
    text-decoration: none;
    margin: 20px 0;
}

.EventListing h2.panel-title {
    font: 700 23px roboto-slab, serif;
    color: #006db7;
    display: inline-block;
    width: 100%;
    margin: 0;
}

    .EventListing h2.panel-title:after {
        content: " ";
        display: inline-block;
        width: 100%;
        border-bottom: 2px solid #4c4c4c !important;
    }

.EventListing .TextButton {
    position: absolute;
    top: 15px;
    right: 10px;
    transform: none;
}

.EventListing {
    position: relative;
}

/* remove floats */
ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li {
    float: none;
    width: auto !important;
    margin: 0;
}


/* Section 5 - Not in use */
/***********************/
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
    display: none;
}


/**************************************************************************/
/*                            BUTTONS                                     */
/**************************************************************************/
.backToTop {
    background: url('/images/ThemeDesign/arrowUp.png') no-repeat !important;
    width: 65px;
    height: 66px;
    bottom: 17px;
    right: 85px;
}

/* Buttons */
/*
html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs, 
html:not(.t-safari) .UsePrimaryButton .TextButton, html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage, 
html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton, 
html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn,
html:not(.t-safari) .RadUpload .ruButton, html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput,
.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, 
.PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover,
fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, 
.PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active, fieldset[disabled]
.SaveAndClose, fieldset[disabled]
.SaveAndClose:hover, fieldset[disabled]
.SaveAndClose:focus, fieldset[disabled]
.SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active, fieldset[disabled]
.SaveAs, fieldset[disabled]
.SaveAs:hover, fieldset[disabled]
.SaveAs:focus, fieldset[disabled]
.SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButton, fieldset[disabled]
.UsePrimaryButton .TextButton:hover, fieldset[disabled]
.UsePrimaryButton .TextButton:focus, fieldset[disabled]
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled]
.RadGrid input.PrimaryButton, fieldset[disabled]
.RadGrid input.PrimaryButton:hover, fieldset[disabled]
.RadGrid input.PrimaryButton:focus, fieldset[disabled]
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
a.TextButton */
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover, .ruButton:focus,
.ruButton:active, .ruButton:visited,
#masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active, #masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active, .RadGrid input.TextButton:visited,
html:not(.t-safari) .btn,
html:not(.t-safari) .TextButton,
html:not(.t-safari) .PrimaryButton,
html:not(.t-safari) .SaveAndClose,
html:not(.t-safari) .SaveAs,
html:not(.t-safari) .UsePrimaryButton .TextButton,
html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage,
html:not(.t-safari) #masterHeaderActionArea a,
html:not(.t-safari) .RadGrid input.PrimaryButton,
html:not(.t-safari) .Spotlight .TextButton,
html:not(.t-safari) .BigButtonPanelArea2 .btn,
html:not(.t-safari) .RadUpload .ruButton,
html:not(.t-safari) .ruButton,
html:not(.t-safari) .ruFileInput {
    background: #006db7 !important;
    color: #fff !important;
    border-radius: 15px;
    padding: 2px 20px !important;
    transform: none;
    font-size: 14px !important;
    font-family: proxima-nova, sans-serif;
}

.TextButton:hover {
    text-decoration: underline;
}


/**************************************************************************/
/*                       INTERNAL PAGE LAYOUTS                            */
/**************************************************************************/
.InternalImageBanner > img:first-of-type {
    display: block;
    width: 100%;
}

.InternalIntroArea {
    color: #4d4d4d;
    font: 300 33px proxima-nova,sans-serif;
    line-height: 1.3em;
}

    .InternalIntroArea h2 {
        font: 700 55px proxima-nova, sans-serif;
    }

.BottomFeatureArea {
    background: #e9eef9;
    border-bottom: 20px solid #fff;
    border-top: 8px solid #006db7;
}

.has-secondary-col .col-secondary {
    width:100%;
}
@media (min-width: 992px) {
    .has-secondary-col .col-secondary {
        width: 30%;
        margin: 0 0 0 5%;
    }     
}

.OnBehalfOfContainer {
    font-size: 16px;
}


/* Feature Area with Progress Trackers */
/***************************************/
.row.FeatureArea {
    margin: 20px 0;
}

.FeatureArea .col-sm-4 {
    background: #eaeef9;
    padding: 20px 0;
}

.FeatureArea .RoundProgressTracker {
    border: 1em solid #006db7; /*20px*/
    border-radius: 50%;
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    font-size:14px;
}

    .FeatureArea .RoundProgressTracker:before {
        content: "";
        display: block;
        padding-top: 100%;        
        /* initial ratio of 1:1*/
    }
    @media(min-width:992px) {
        .FeatureArea .RoundProgressTracker { font-size:18px;}
    }

.FeatureArea .WebPartZone {
    line-height: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

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

    .FeatureArea .ProgressTrackerPanel ul {
        list-style: none;
        padding: 0;
    }

/* Number count  */
.FeatureArea .ProgressTracker_Number .count {
    font: 500 2.7em roboto-slab, serif; /*40*/
    color: #006db7;
}

.FeatureArea .ProgressTracker_Number .label {
    font: 700 1.2em proxima-nova, sans-serif; /*25*/
    color: #006db7;
    display: block;
}

/* Multiple lines */
.FeatureArea .ProgressTracker_MultipleLines {
    font: 300 1.4em roboto-slab, serif; /*20px*/
    color: #006db7;
}

    .FeatureArea .ProgressTracker_MultipleLines li {
        padding: 10px 0;
    }

    .FeatureArea .ProgressTracker_MultipleLines .ContentItemContainer {
        margin: 0;
    }

    .FeatureArea .ProgressTracker_MultipleLines .panel-body {
        padding: 0;
    }

/* Single Percentage */
.FeatureArea .ProgressTracker_Percentage .count {
    font: 300 5.5em roboto-slab, serif; /*80*/
    color: #006db7;
    display: block;
}


/* Layouts */
/***********/

.PageLayout_B .InternalPageContent,
.PageLayout_A .InternalPageContent {
    margin: 20px 0;
}
@media(min-width:768px) {

    .PageLayout_B.TwoColumnsLayout .InternalPageContent,
    .PageLayout_A.TwoColumnsLayout .InternalPageContent {
        columns: 2;
    }
    .PageLayout_B.ThreeColumnsLayout .InternalPageContent,
    .PageLayout_A.ThreeColumnsLayout .InternalPageContent {
        columns: 3;
    }
}

.PageLayout_B #masterContentArea,
.PageLayout_A #masterContentArea {
    padding: 0;
    margin: 0 auto;
    max-width:100%;
}
.PageLayout_B #masterContentArea .row,
.PageLayout_A #masterContentArea .row { margin:0;}

.PageLayout_B .has-secondary-col.col-on-right .col-primary-inner {
    width: 100%;
}
@media(min-width:992px) {
    .PageLayout_B .has-secondary-col.col-on-right .col-primary-inner {
        width: 63%; /*63*/
        float: left;
    }
}

.PageLayout_B .BottomFeatureArea {
    clear: both;
}

.PageLayout_B .has-secondary-col.col-on-right .col-primary,
.PageLayout_A .has-secondary-col.col-on-right .col-primary {
    width: 100%;
    margin: 0;
    padding:0;
    float: none; 
}
/* container-inner restricts the actual content's width regardless of layout */
.PageLayout_B .container-inner,
.PageLayout_A .container-inner {
    margin: 0 auto;
    padding: 0 1%;
    width: 98%;
    max-width: 1170px;    
}