:root {
    --AMSCards-primary-color: #093e52;
    --AMSCards-secondary-color: #1C9ACA;
    --AMSCards-tertiary-color: #eda22e;
    /*===== Front of the Cards & Blue buttons =====*/
    --PC-gradient-1: #073140de;
    --PC-gradient-2: #0b4b64c7;
    --PC-gradient-3: #0f6687ad;
    /*===== Yellow buttons =====*/
    --PC-gradient-btn-secondary: #eda22ede;
    --PC-gradient-btn-secondary-2: #eda22ec7;
    --PC-gradient-btn-secondary-3: #eda22ead;
    /* Aarwin Specific */
    --AMSCards-primary-color-aarwin: #1B1464;
    --AMSCards-secondary-color-aarwin: #90278C;
    --AMSCards-tertiary-color-aarwin: #FFEE8B;
    /* Custom Color variables*/
    --jls: #1fa3d4; /* Blue */
    --contacts: #b0469e; /* Purple */
    --members: #1C9ACA; /* Light Blue */
    --meetings: #5b879f; /* Steel Blue */
    --money: #159947; /* Green */
    --shows: #f7ad19; /* Yellow */
    --analytics: #206f91; /* Solid Blue */
    --news: #e63946; /* Red */
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    color: #333;
    font-family: 'Montserrat', sans-serif !important;
}

body {
    margin: 0;
    padding: 0;
    background-attachment: fixed;
    background-color: #fff !important;
}

[id*=hlHome] {
    margin-left: 7rem !important;
}

.contentCards {
    display: flex;
    margin: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 120rem;
    width: 100%;
    background-color: transparent !important;
    padding: 0;
}

.front i.cardIcons {
    font-size: 2rem;
}

.fa-dollar-sign {
    margin-right: .5rem;
}

.heading {
    width: 100%;
    margin-left: 1rem;
    font-weight: 900;
    font-size: 1.618rem;
    text-transform: uppercase;
    letter-spacing: 0.1ch;
    line-height: 1;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    position: relative;
}

    .heading:after {
        display: block;
        content: "";
        position: absolute;
        width: 3.75rem;
        height: 0.25rem;
        bottom: 0;
    }

.description {
    width: 100%;
    margin-top: 0;
    margin-left: 1rem;
    margin-bottom: 3rem;
}

.cardHome {
    color: inherit;
    cursor: pointer;
    width: calc(16% - 2rem);
    min-width: calc(15% - 2rem);
    max-width: 15.625rem;
    height: 7rem;
    min-height: 7rem;
    perspective: 1400px;
    margin: 1rem;
    margin-bottom: 0;
    position: relative;
    font-family: inherit !important;
}

@media screen and (max-width : 37.499rem) {
    .cardHome {
        width: calc(50% - 2rem) !important;
        max-width: calc(50% - 2rem) !important;
        min-width: calc(50% - 2rem) !important;
        perspective: 599px;
    }
}

@media (min-width : 37.5rem) and (max-width: 62.062rem) {
    /*===== (min-width : 600px) and (max-width: 992.99px) ======*/
    .cardHome {
        width: calc(50% - 2rem);
    }
}

@media (min-width : 62.063rem) and (max-width: 85.374rem) {
    /*===== (min-width : 993px) and (max-width: 1365.99px) ======*/
    .cardHome {
        perspective: 62.5rem;
        min-width: calc(33% - 2rem);
    }
}

@media (min-width : 85.375rem) and (max-width: 105.062rem) {
    /*===== (min-width : 1366px) and (max-width: 1680.99px) ======*/
    .cardHome {
        perspective: 75rem;
        min-width: calc(16% - 2rem);
    }

    .front p {
        font-size: 1rem !important;
    }

    span.button-cards {
        padding: 0.5rem;
        font-size: .8rem !important;
    }

    .back {
        padding: 0.5rem !important;
    }
}

@media (min-width : 120.063rem) {
    /*===== (min-width : 1921px) ======*/
    .cardHome {
        perspective: 112.5rem;
    }

    .contentCards {
        max-width: 200rem;
    }
}

.front,
.back {
    display: flex;
    border-radius: 0.938rem;
    background-position: center;
    background-size: cover !important;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms !important;
    box-shadow: 0px 0px 12px -4px rgb(27 20 100 / 70%);
}

.front {
    background-size: cover;
    padding: 1rem;
    font-size: 1.618rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif !important;
}

    .front:before {
        position: absolute;
        display: block;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--AMSCards-primary-color);
        opacity: 0.5;
        z-index: -1;
    }

    .front p {
        margin-top: 0;
        font-size: 1rem !important;
        letter-spacing: .1em;
        line-height: 1.5;
        text-shadow: 3px 3px 2px rgb(0 0 0 / 50%);
        margin-bottom: 0.5rem !important;
        font-weight: inherit !important;
        font-family: 'Montserrat', sans-serif !important;
    }

.cardsOdd > .cardHome > div.front {
    background-image: linear-gradient(var(--PC-gradient-3), var(--PC-gradient-2), var(--PC-gradient-1), var(--AMSCards-primary-color));
}

.cardsEven > .cardHome > div.front {
    background-color: var(--AMSCards-secondary-color);
}

    .cardsEven > .cardHome > div.front:before {
        background: var(--AMSCards-secondary-color);
    }

.back p {
    font-size: .75rem !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: .5rem !important;
}

.cardHome:hover .front {
    transform: rotateY(180deg);
}

.cardHome:nth-child(even):hover .front {
    transform: rotateY(-180deg);
}

.back {
    background: #fff;
    transform: rotateY(-180deg);
    padding: 0 2rem;
    box-shadow: 0 0 10px 10px hsl(350deg 7% 1% / 14%);
    font-family: 'Montserrat', sans-serif !important;
}

    .back span.button-cards {
        color: #fff !important;
        background: linear-gradient(90deg, var(--PC-gradient-3), var(--PC-gradient-2), var(--PC-gradient-1), var(--AMSCards-primary-color));
        font-size: .75rem;
        font-family: 'Montserrat', sans-serif !important;
    }

        .back span.button-cards:before {
        }

.cardHome:hover .back {
    transform: rotateY(0deg);
}

.cardHome:nth-child(even) .back {
    transform: rotateY(180deg);
}

    .cardHome:nth-child(even) .back .button-cards {
        color: #000 !important;
    }

        .cardHome:nth-child(even) .back .button-cards:before {
        }

.cardHome:nth-child(even):hover .back {
    transform: rotateY(0deg);
}

span.cardHome:hover {
}

.button-cards {
    transform: translateZ(40px);
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 700 !important;
    font-size: 1.75rem;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 6.25rem;
    font: inherit;
    border: none;
    position: relative;
    transform-style: preserve-3d;
    transition: 300ms ease;
}

    .button-cards:before {
        transition: 300ms ease;
        position: absolute;
        display: block;
        content: "";
        transform: translateZ(-40px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: calc(100% - 20px);
        width: calc(100% - 20px);
        border-radius: 100px;
        left: 10px;
        top: 16px;
    }

    .button-cards:hover {
        transform: translateZ(55px);
    }

        .button-cards:hover:before {
            transform: translateZ(-55px);
        }

    .button-cards:active {
        transform: translateZ(20px);
    }

        .button-cards:active:before {
            transform: translateZ(-20px);
            top: 12px;
        }

.contentCards a:hover,
.contentCards a:focus {
    color: inherit;
    text-decoration: none !important;
}

/*==================== COLORED CARDS #1C9ACA ====================*/
.cardHome > .front.money {
    background-image: none !important;
    background-color: var(--money);
}

.front.money::before {
    background: var(--money);
}

.cardHome:nth-child(even) .back span.button-cards.btn-money,
.cardHome:nth-child(odd) .back span.button-cards.btn-money {
    background: var(--money);
    color: #fff !important;
}

.cardHome > .front.analytics {
    background-image: none !important;
    background-color: var(--analytics);
}

.front.analytics::before {
    background: var(--analytics);
}

.cardHome:nth-child(even) .back span.button-cards.btn-analytics,
.cardHome:nth-child(odd) .back span.button-cards.btn-analytics {
    background: var(--analytics);
    color: #fff !important;
}

.cardHome > .front.members {
    background-image: none !important;
    background-color: var(--members);
}

.front.members::before {
    background: var(--members);
}

.cardHome:nth-child(even) .back span.button-cards.btn-members,
.cardHome:nth-child(odd) .back span.button-cards.btn-members {
    background: var(--members);
    color: #fff !important;
}

.cardHome > .front.contacts {
    background-image: none !important;
    background-color: var(--contacts);
}

.front.contacts::before {
    background: var(--contacts);
}

.cardHome:nth-child(even) .back span.button-cards.btn-contacts,
.cardHome:nth-child(odd) .back span.button-cards.btn-contacts {
    background: var(--contacts);
    color: #fff !important;
}

.cardHome > .front.shows {
    background-image: none !important;
    background-color: var(--shows);
}

.front.shows::before {
    background: var(--shows);
}

.cardHome:nth-child(even) .back span.button-cards.btn-shows,
.cardHome:nth-child(odd) .back span.button-cards.btn-shows {
    background: var(--shows);
    color: #fff !important;
}

.cardHome > .front.meetings {
    background-image: none !important;
    background-color: var(--meetings);
}

.front.meetings::before {
    background: var(--meetings);
}

.cardHome:nth-child(even) .back span.button-cards.btn-meetings,
.cardHome:nth-child(odd) .back span.button-cards.btn-meetings {
    background: var(--meetings);
    color: #fff !important;
}

.cardHome > .front.news {
    background-image: none !important;
    background-color: var(--news);
}

.front.news::before {
    background: var(--news);
}

.cardHome:nth-child(even) .back span.button-cards.btn-news,
.cardHome:nth-child(odd) .back span.button-cards.btn-news {
    background: var(--news);
    color: #fff !important;
}

.cardHome > .front.jls {
    background-image: linear-gradient(var(--PC-gradient-3), var(--PC-gradient-2), var(--PC-gradient-1), var(--AMSCards-primary-color));
}

.front.jls::before {
    /*background: var(--jls);*/
}

.cardHome:nth-child(even) .back span.button-cards.btn-jls,
.cardHome:nth-child(odd) .back span.button-cards.btn-jls {
    background: var(--jls);
    color: #fff !important;
}

/*==================== END COLORED CARDS ====================*/

.FavItemBar {
    display: inline-block;
}

[id*="lblNoFavorites"] {
    font-size: .75rem !important;
    position: relative;
    top: 0.5rem;
    left: 0.5rem;
}

footer #mainFooter {
    min-height: 5rem !important;
    padding: 0 !important;
}

select.FormControl {
    background-color: #fff !important;
}
