/* Fonts */

@font-face {
    font-family: 'sarimedium';
    src: url('/Data/Fonts/sari-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.bg-font {
    font-family: 'sarimedium';
}

h1.bg-font {
    color: #ee018d;
}

.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.bg-pink {
    color: #ee018d;
}

.bgback-pink {
    background-color: #ee018d;
}
.bglight-pink {
    background-color: #F680C6;
}

.bgback-grey {
    background-color: #9a8e93;
}

.txtrfv {
    width: calc(100% - 20px);
    display: inline-block;
}

.smaller, smaller {
    font-size: 60%;
    font-weight: 400;
}

h1, .h1 {
    font-size: 1.8em;
    margin-bottom: 1rem;
    margin-top: .5rem;
}

.h2, h2 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
}

    .hd-underline {
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    .hd-underline-warning {
        border-bottom: 1px solid #f59b00;
    }

    h2.hd-underline, h3.hd-underline, h4.hd-underline, h5.hd-underline, h6.hd-underline {
        padding-bottom: .25rem !important;
    }

    h2.hd-underline-warning, h3.hd-underline-warning, h4.hd-underline-warning, h5.hd-underline-warning, h6.hd-underline-warning {
        padding-bottom: .25rem !important;
    }


/*@media (min-width: 567px) {*/
body.bg-disable-scroll {
    position: fixed !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    width: 100%;
}
/*}*/


/*@media (max-width: 566px) {
    body.bg-disable-scroll {
        margin-right: calc(100vw - 100%) !important;
        overflow: hidden !important;
    }
}*/

/* End Fonts */

.bg-header-bar {
    background-color: #bdbdbd;
}

.dropdown-header.dashed:after, .dropdown-header.dashed:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    top: 0;
    width: 100%;
}

.header-icons {
    vertical-align: middle;
    max-height: 20px;
    margin-top: -4px;
}

.bg-footer {
    background-color: #998e94;
    min-height: 322px;
    z-index: 1;
    margin-top: 65px;
}

.bg-footer-container {
    z-index: 3;
}

.bg-footer-bottom {
    background-color: #bdbdbd;
    padding-bottom: 20px
}

.bg-footer-g {
    background: url(/Images/Logos/GDesign.png) no-repeat left;
}

/*.bg-footer-image:before {
    content: url(/Images/Logos/GDesign_210.png);
    position: relative;
    margin-top: -130px;
    float: left;
    z-index: 4;
}*/

.bg-footer-image:before {
    content: url(/Images/Logos/GDesign_Small.png);
    transform: scale(.7);
    position: relative;
    margin-top: -130px;
    margin-left: 0px;
    margin-bottom: -130px;
    float: left;
    z-index: 4;
}


@media (max-width: 991px) {
    .bg-footer-image:before {
        transform: scale(.6);
        margin-top: -150px;
    }
}

@media (max-width: 767px) {
    .bg-footer-image:before {
        display: none;
    }
}

/* ASP Stuff */
a.aspNetDisabled {
    color: black !important;
    cursor: default !important;
}

    a.aspNetDisabled:hover {
        color: black !important;
        cursor: default !important;
    }

input.bg-readonly, textarea.bg-readonly {
    background-color: #f3f3f3 !important;
}


/* Card Decks */

@media (max-width: 768px) {
    .card-deck {
        -ms-flex-flow: column;
        flex-flow: column;
        margin-right: -15px;
        margin-left: -15px;
    }
}

/* --- BG Cards --- */

.card-header > h1.bg-font, .card-header > h2.bg-font, .card-header > h3.bg-font, .card-header > h4.bg-font, .card-header > h5.bg-font, .card-header > h6.bg-font {
    margin-bottom: 0px;
}

.card, .card-img-top, .card-footer, .card-footer:last-child, .noradius {
    border-radius: 0px !important;
    left: 0px;
}

/* Tabbing  */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-radius: 0px !important;
}
.nav-tabs .nav-link {
    border-radius: 0px !important;
}

@media(max-width: 575px)
{
    ul.nav.nav-tabs.bg-tabs-responsive li.nav-item a.nav-link {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.text-white-links {
    color: #fff !important;
}

.text-white-links a {
    color: #62d9fd;
}

.text-white-links a:hover {
    color: cyan;
    text-decoration: underline;
}




/* Misc utilities */

.mh85 {
    min-height: 85%;
}

.mh100 {
    min-height: 100%;
}

label.quoteblock {
    width: 80px;
}

.form-group {
    margin-bottom: 0.5em;
}

.col-form-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 0px;
    left: 0px;
}

/* --- Navbar --- */

@media (min-width: 992px) and (max-width: 1199px) {

    .navaccount.navsmhide {
        display: none !important;
    }

    .navaccount.navbar-nav li.nav-item a.nav-link {
        padding-right: .2rem !important;
        padding-left: .2rem !important;
    }
}

.navbar.bg-sticky-navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 500;
}

/* --- Sidebar & Containers --- */
#ContentContainer, #StickyContentContainer, #LoginContainer, #RegisterContainer, #SurveyContentContainer {
    padding-top: 5px;
    padding-bottom: 35px;
    min-height: calc(100vh - 428px);
}

#StickyContentContainerMyAccount {
    padding-top: 10px;
    /*padding-bottom: 25px;*/
    min-height: calc(100vh - 322px);
}


#StickySidebarContainer {
    border-right: 1px solid #d6d9dc;
}

#StickySidebar {
    position: sticky;
    position: -webkit-sticky;
    top: 105px;
    padding-bottom: 20px;
}

    #StickySidebar ul li.nav-item span {
        vertical-align: middle;
    }

#StickyContent {
    margin-left: auto;
}

@media (max-width:991px) {


    #StickySidebar {
        top: 70px;
    }


    /*#StickyContentContainerMyAccount {
        padding-top: 80px;
    }*/

    #StickySidebarContainer {
        padding-left: 0px;
    }

    #StickySidebar ul li.nav-item span {
        font-size: 90%;
        font-weight: 400;
    }
}

@media (min-width: 576px) {

    .bg-myaccount-sidebar .nav-item.active > a > span {
        font-weight: 600 !important;
    }
}


@media (max-width: 575px) {
    .bg-myaccount-sidebar .nav-item:not(:first-of-type) {
        border-top: 1px solid rgba(0,0,0,.1);
    }

    .bg-myaccount-sidebar .nav-item:last-child {
        border-bottom: 1px solid rgba(0,0,0,.1);
    }


    .bg-myaccount-sidebar .nav-link {
        padding-right: 0px;
    }

    .bg-myaccount-sidebar .nav-item.active {
        box-shadow: inset 0 .105rem .15rem rgba(0,0,0,.075) !important;
        background-color: #efefef;
    }
}

ul.bg-myaccount-sidebar li ul {
    padding-inline-start: 25px;
    padding-left: 25px;
}

/* -- Footer -- */

.container.footer a, .container-fluid.footer a {
    color: white;
    /*transition: 0.2s ease-in-out;*/
}

    .container.footer a:hover, .container-fluid.footer a:hover {
        color: #007bff;
        font-weight: 600;
        text-decoration: none;
    }


/* Notifications */
.bg-notification-container {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

    .bg-notification-container > div {
        opacity: 1;
    }


/* Misc */

/* AJAX Calendar Z-Index Fix */

div.ajax__calendar {
    z-index: 99999 !important;
}

.BackArrow {
    color: black;
}

.ValidationError {
    color: #ff0000;
    font-style: italic;
}

.ValidationError2 {
    color: #ff0000;
}

.clickable-row {
    cursor: pointer;
}

.TreatmentTable label {
    padding-left: 5px;
    font-weight: 500;
}

.Accreditation-GTiCoursesTable label {
    padding-left: 5px;
    font-weight: 500;
}

.Accreditation-GTiCoursesTable td {
    margin-right: 15px;
}

.ResultsCard {
    color: inherit;
    margin: 2px 2px 2px 2px;
    transition: box-shadow .3s;
}

    .ResultsCard:hover {
        text-decoration: none;
        color: inherit;
        background-color: #efefef;
        box-shadow: inset 0 .105rem .15rem rgba(0,0,0,.075) !important;
    }

    .ResultsCard.active {
        -webkit-box-shadow: 0px 0px 20px 3px #0089fe !important;
        -moz-box-shadow: 0px 0px 20px 3px #0089fe !important;
        box-shadow: 0px 0px 20px 3px #0089fe !important;
        transition: box-shadow .3s;
    }

.ResultsCardDetails {
    font-size: 14px;
    margin-bottom: .25em;
    font-weight: 500;
}

.card-body.selectionitem-sm {
    padding: 15px 0px 15px 15px;
}

.card-body.selectionitem-sm:hover {
    text-decoration: none;
    color: inherit;
    background-color: #efefef;
    box-shadow: inset 0 .105rem .15rem rgba(0,0,0,.075) !important;
    cursor: pointer !important;
}

.card-body.selectionitem-sm img {
    padding-right: 15px;
}

.card-body.selectionitem-sm h5 {
    color: #343a40;
    margin-bottom: 0px;
}

.card-body.selectionitem-sm h5:hover, .card-body.selectionitem-sm label:hover {
    cursor: pointer !important;
}


.card.selectionitem:hover {
    text-decoration: none;
    color: inherit;
    background-color: #efefef;
    box-shadow: inset 0 .105rem .15rem rgba(0,0,0,.075) !important;
    cursor: pointer !important;
}



.badge-bgpink {
    color: #fff;
    background-color: #ee018d;
}


/* Training Cards */

/* Test Cards */

@media (max-width: 576px) {
    .custom-select-card .card-body .cardscroll {
        position: absolute;
        left: 50%;
    }

    .custom-select-card .card-body, .cardscroll {
        max-height: 312px;
    }
}

@media (min-width: 576px) {

    .custom-select-card .card-body, .cardscroll {
        max-height: 312px;
    }
}

@media (min-width: 777px) {
    .custom-select-card .card-body, .cardscroll {
        max-height: 210.5px;
    }
}

@media (min-width: 992px) {
    .custom-select-card .card-body, .cardscroll {
        max-height: 189px;
    }
}

@media (min-width: 1200px) {
    .custom-select-card .card-body, .cardscroll {
        max-height: 226px;
    }
}

.custom-select-card .card-body, .custom-select-card-H .card-body, .custom-select-card-no-H .card-body {
    padding: 0px;
}

    .custom-select-card .card-body div.row div:nth-child(even), .custom-select-card-H .card-body div.row div:nth-child(even), .custom-select-card-no-H .card-body div.row div:nth-child(2) {
        padding: 10px 15px 15px 15px;
        height: 100%;
    }

    .custom-select-card .card-body img, .custom-select-card-H .card-body img {
        filter: grayscale(100)
    }

    .custom-select-card .card-body:hover, .custom-select-card .card-body:hover img, .custom-select-card .card-body:hover h5, .custom-select-card-H .card-body:hover, .custom-select-card-H .card-body:hover img, .custom-select-card-H .card-body:hover h5 {
        text-decoration: none;
        color: inherit;
        background-color: #efefef;
        cursor: pointer !important;
        filter: initial;
    }

        .custom-select-card .card-body:hover .cardscroll {
            overflow-y: scroll;
        }

.custom-select-card:hover, .custom-select-card-H:hover {
    border: solid 1px #888;
}

/* Test Cards End */


.card-body.TrialCard {
    padding: 15px 0px 15px 15px;
}

    .card-body.TrialCard:hover {
        text-decoration: none;
        color: inherit;
        background-color: #efefef;
        box-shadow: inset 0 .105rem .15rem rgba(0,0,0,.075) !important;
        cursor: pointer !important;
    }

        .card-body.TrialCard:hover img, .card-body.TrialCard:hover h5 {
            opacity: 0.7;
        }


    .card-body.TrialCard img {
        padding-right: 15px;
    }

    .card-body.TrialCard h5 {
        color: #343a40;
        margin-bottom: 0px;
    }

        .card-body.TrialCard h5:hover, .card-body.TrialCard-sm label:hover {
            cursor: pointer !important;
        }

/* End Training Cards */

/* Card Columns*/

@media (max-width: 767px) {
    .card-columns {
        column-count: 1 !important;
    }
}
/* End Card Columns*/

.modalBackground {
    background-color: Grey;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.modalPanelBackground {
    position: fixed;
    top: 10%;
    margin: auto;
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(92vh - 1rem) !important;
    overflow: hidden;
}

.modal-dialog-scrollable > div {
    display: -ms-inline-flexbox;
}


.link-guild {
    color: #EE018D;
}

    .link-guild:hover {
        color: #C90077;
    }


.btn-guild {
    background-color: #EE018D;
    color: #FFFFFF;
}

    .btn-guild:hover {
        background-color: #C90077;
        color: #FFFFFF;
    }

.btn-group-qualification-category > span {
    text-align: left !important;
}

    .btn-group-qualification-category > span > label {
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
        font-weight: 400;
    }

    .btn-group-qualification-category > span > input {
        display: none;
    }

    .btn-group-qualification-category > span:focus {
        outline: none !important;
    }

    .btn-group-qualification-category > span.active:focus, .focus {
        outline: none !important;
    }

    .btn-group-qualification-category > span:hover {
        background-color: #0058b7;
        border-color: #0058b7;
        cursor: pointer;
    }

    .btn-group-qualification-category > span.active {
        color: #fff;
        background-color: #006be0 !important;
        border-color: #006be0 !important;
    }

        .btn-group-qualification-category > span.active:hover {
            color: #fff;
            background-color: #0071ed !important;
            border-color: #0071ed !important;
        }


    .btn-group-qualification-category > span > input[type=checkbox]:checked + span::before {
        font-family: "Font Awesome 5 Free";
        content: "\f14a";
        display: inline-block;
        padding-right: 5px;
        vertical-align: middle;
        font-weight: 900;
    }

    .btn-group-qualification-category > span > input[type=checkbox]:not(:checked) + span::before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c8";
        display: inline-block;
        padding-right: 5px;
        vertical-align: middle;
        font-weight: 400;
    }



.btn-group-bg-selectable {
    margin-bottom: 8px;
}

    .btn-group-bg-selectable > div {
        text-align: left !important;
    }

        .btn-group-bg-selectable > div > label {
            margin-bottom: 0px;
            width: 80%;
            padding-top: 0px;
            padding-bottom: 0px;
            margin: 0;
            line-height: 1.2;
        }

        /* Cursor Fix */
        .btn-group-bg-selectable > div:hover {
            cursor: pointer !important;
        }

        .btn-group-bg-selectable > div > label:hover {
            cursor: pointer !important;
        }

    .btn-group-bg-selectable:hover {
        cursor: pointer !important;
    }

.bg-heading-btn > a {
    margin-bottom: 12px;
}

.bg-heading-ico > img {
    margin-bottom: 12px;
}

.bg-heading-btn > h1 {
    font-size: 1.8em;
}

@media (max-width: 576px) {
    .bg-heading-btn > h1 {
        font-size: 1.5em;
    }
}

/* Icons */
.btn-group-bg-selectable > div > input[type=checkbox]:checked + label::before {
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    display: inline-block;
    padding-right: 5px;
    padding-bottom: 2px;
    vertical-align: middle;
    font-weight: 900;
}

.btn-group-bg-selectable > div > input[type=checkbox]:not(:checked) + label::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c8";
    display: inline-block;
    padding-right: 5px;
    padding-bottom: 2px;
    vertical-align: middle;
    font-weight: 400;
}

table.table-thin > tbody tr {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 35px;
}

    table.table-thin > tbody tr td {
        padding-top: 5px;
        padding-bottom: 0px;
    }

table.table-thin.thin-head > thead tr {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
}

    table.table-thin.thin-head > thead tr td, .table.table-thin.thin-head > thead tr th {
        padding-top: 0px;
        padding-bottom: 2px;
    }

tr.bg-row-verified {
    background-color: rgba(21, 236, 75, 0.15) !important;
}

tr.bg-row-verified-partially {
    background-color: rgba(255, 153, 0, 0.15) !important;
}

.FAQ_Question {
    font-weight: bold;
    margin-left: 18px;
    margin-bottom: 0px;
}

.FAQ_Answer {
    font-style: italic;
    margin-left: 18px;
    padding-left: 12px;
}

.BranchSelector + .card {
    height: calc(36px + 2 * 1rem);
    color: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
    transition: box-shadow .3s;
    margin: 2px 2px 2px 2px;
}

    .BranchSelector + .card:hover {
        cursor: pointer;
    }

.BranchSelector:checked + .card {
    box-shadow: 0 0rem .5rem #0089fe !important;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s
}

.BranchSelector-Vivid + .card {
    height: calc(36px + 2 * 1rem);
    color: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
    transition: box-shadow .3s;
    margin: 2px 2px 2px 2px;
}

    .BranchSelector-Vivid {
        cursor: pointer;
    }

.BranchSelector-Vivid:checked + .card {
    box-shadow: 0 0rem .5rem #0089fe !important;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    padding-bottom: 55px;
    padding-top: 33px;
}

    .BranchSelector-Vivid:checked + .card::after {
        font-family: "Font Awesome 5 Free";
        content: "\f058";
        font-weight: 400;
        border-top: 1px solid rgba(0,0,0,.125);
        bottom: 0;
        left: 0;
        width: 100%;
        padding-top: 2.5px;
        padding-bottom: 2.5px;
        text-align: center;
        position: absolute;
        color: green;
    }



.BranchSelector-Vivid-v2 + .card {
    height: calc(36px + 2 * 1rem);
    color: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
    transition: box-shadow .3s;
    margin: 2px 2px 2px 2px;
    cursor: pointer;
}

.BranchSelector-Vivid-v2:checked + .card {
    box-shadow: 0 0rem .25rem var(--success) !important;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}


.BranchSelector-Vivid-v2:checked + .card::after {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    font-weight: 900;
    font-size: 24px;
    color: var(--success);
}

.BranchSelector-Vivid-v2:disabled + .card {
    box-shadow: 0 0rem .25rem var(--warning) !important;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.BranchSelector-Vivid-v2:disabled + .card::after {
    font-family: "Font Awesome 5 Free";
    content: "\f023";
    font-weight: 900;
    font-size: 24px;
    color: var(--warning);
}




/* Bootstrap Extension */

.bg-warning-darker {
    background-color: #f59b00 !important;
}

@media (max-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%
    }
}

@media (max-width: 992px) {
    .btn-md-block {
        display: block;
        width: 100%
    }
}

@media (max-width: 768px) {
    .btn-sm-block {
        display: block;
        width: 100%
    }
}

@media (max-width: 576px) {
    .btn-xs-block {
        display: block;
        width: 100%
    }
}

.w-auto {
    width: auto !important;
}

.w-70 {
    width: 70% !important;
}

.w-65 {
    width: 65% !important;
}

/* sm */
@media (min-width: 576px) {

    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }
}

/* md */
@media (min-width: 768px) {

    .w-md-auto {
        width: auto !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }
}

/* lg */
@media (min-width: 992px) {

    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }
}

/* xl */
@media (min-width: 1200px) {

    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }
}


/* CUSTOM BG CONTROLS */

div#cardfan {
    margin: 2rem auto 0;
    position: relative;
    height: 250px;
}

    div#cardfan img {
        position: absolute;
        border: 1px solid white;
        box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.2);
        transform-origin: center 800px;
        transition: all .6s linear;
    }

        div#cardfan img:nth-child(1) {
            transform: rotate(0deg);
        }

        div#cardfan img:nth-child(2) {
            transform: rotate(5deg);
        }

        div#cardfan img:nth-child(3) {
            transform: rotate(10deg);
        }

        div#cardfan img:nth-child(4) {
            transform: rotate(15deg);
        }

        div#cardfan img:nth-child(5) {
            transform: rotate(20deg);
        }


/* New BG Homepage */

.navsticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 500;
}

.customnav {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 992px) {
    .bottombar {
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 500;
        box-shadow: 0px 5px 5px -5px #00000029;
        /*margin-bottom: .5rem;*/
    }

    .accountbottombar {
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 500;
        box-shadow: 0px 5px 5px -5px #00000029;
        /*margin-bottom: .5rem;*/
    }
}

@media (max-width: 992px) {
    .topbar {
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 500;
        box-shadow: 0px 5px 5px -5px #00000029;
    }

    .bottombar {
        position: fixed;
        top: 72px;
        left: 0px;
        right: 0px;
        z-index: 500;
        box-shadow: 0px 5px 5px -5px #00000029;
        /*margin-bottom: .5rem;*/
    }

        .bottombar div#DesktopNav div.row {
            margin: 0px !important;
        }

    .accountbottombar {
        position: fixed;
        top: 72px;
        left: 0px;
        right: 0px;
        z-index: 500;
        box-shadow: 0px 5px 5px -5px #00000029;
        /*margin-bottom: .5rem;*/
    }

    .accountbottombar div#DesktopNav div.row {
        margin: 0px !important;
    }
}

.custom-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .custom-gutters > .col, .custom-gutters > [class*=col-] {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

        .custom-gutters > .col:first-child, .custom-gutters > [class*=col-]:first-child {
            padding-left: 0px;
        }

        .custom-gutters > .col:nth-child(2), .custom-gutters > [class*=col-]:nth-child(2) {
            padding-right: 0px;
        }

        .custom-gutters > .col:nth-child(3), .custom-gutters > [class*=col-]:nth-child(3) {
            padding-left: 0px;
        }

        .custom-gutters > .col:nth-child(4), .custom-gutters > [class*=col-]:nth-child(4) {
            padding-right: 0px;
        }

.bg-canvas {
    background: url(/Images/Homepage/Background.jpg) no-repeat;
    background-size: cover;
}

.bg-canvas-grey {
    background: url(/Images/Homepage/Background-Grey.jpg) no-repeat;
    background-size: cover;
}

.bg-canvas-blue {
    background: url(/Images/Homepage/Background-Blue.jpg) no-repeat;
    background-size: cover;
}

.bg-gbranch {
    margin-bottom: 1em;
    max-width: 75px;
}

.navcard {
    height: 100px;
    width: inherit;
    display: table;
}

    .navcard div.card-body, .navcard a.card-body {
        vertical-align: middle;
        padding: 1rem;
    }

    .navcard h5 {
        margin-top: auto;
        margin-bottom: auto;
    }

@media (min-width: 500px) {
    .navcard div.card-body, .navcard a.card-body {
        display: table-cell;
    }
}

.quotebox {
    max-height: 170px;
}

@media (max-width: 991px) {
    .navcard {
        height: 70px;
    }

    .quotebox {
        max-height: initial;
        margin-top: 1em
    }
}

.burger button:focus {
    outline: none;
}

.larger {
    font-size: 110%;
}

/* Branch Images */

div.branchimage-beauty {
    min-height: 250px;
}

    div.branchimage-beauty div {
        min-height: 100%;
        background-image: url(/Images/Membership/Branches/Beauty.jpg);
        background-position: center;
        background-size: cover;
    }

div.branchimage-nails {
    min-height: 250px;
}

    div.branchimage-nails div {
        min-height: 100%;
        background-image: url(/Images/Membership/Branches/Nails.jpg);
        background-position: center;
        background-size: cover;
    }

div.branchimage-hair {
    min-height: 250px;
}

    div.branchimage-hair div {
        min-height: 100%;
        background-image: url(/Images/Membership/Branches/Hair.jpg);
        background-position: center;
        background-size: cover;
    }

div.branchimage-holistic {
    min-height: 250px;
}

    div.branchimage-holistic div {
        min-height: 100%;
        background-image: url(/Images/Membership/Branches/Holistic.jpg);
        background-position: center;
        background-size: cover;
    }


@media (max-width: 576px) {
    .vert .carousel-item-next.carousel-item-left,
    .vert .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .vert .carousel-item-next,
    .vert .active.carousel-item-right {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100% 0);
    }

    .vert .carousel-item-prev,
    .vert .active.carousel-item-left {
        -webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
    }
}


.icon-background {
    background-color: #ee018d;
    border-radius: 32px;
    width: 32px !important;
    height: 32px !important;
}

    .icon-background i {
        color: white;
        position: relative;
        left: 0.55rem;
        top: 0.3rem;
    }

    .icon-background.facebook {
        background-color: #3b5998;
    }

    .icon-background.twitter {
        background: #1DA1F2;
    }

    .icon-background.email {
        background-color: #004f9f;
    }

    .icon-background.pinterest {
        background-color: #C8232C;
    }

    .icon-background:hover {
        background-color: #ee018d;
    }

.beauty-box {
}

.beauty-box-content {
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}

.beauty-box:hover .beauty-box-content {
    opacity: 0.7;
}
.bgback-lightgrey {
    background-color: #e1e1e1;
}

.supplier-header {
    font-size:4.4vw;
}

.bg-border-pink {
    border: solid 1px;
    border-color: #ee018d;
}

.text-black{
    color:black !important;
}