/* BASIC STYLING */
                                                    
                                                    * {
                                                        box-sizing: border-box;
                                                        padding: 0;
                                                        margin: 0;
                                                    }
                                                    
                                                    body {
                                                        font-family: sans-serif;
                                                        font-size: 16px;
                                                    }
                                                    /* BEGINNING OF NAVIGATION */
                                                    
                                                    nav {
                                                        background: #222;
                                                        padding: 0 15px;
                                                    }
                                                    
                                                    a {
                                                        color: white;
                                                        text-decoration: none;
                                                    }
                                                    
                                                    .logo a {
                                                        color: darkgreen;
                                                    }
                                                    
                                                    .menu,
                                                    .submenu {
                                                        list-style: none;
                                                    }
                                                    
                                                    .logo {
                                                        font-size: 22px;
                                                        padding: 7.5px 10px 7.5px 0;
                                                        letter-spacing: 2px;
                                                    }
                                                    
                                                    .item {
                                                        padding: 10px
                                                    }
                                                    
                                                    .item.button {
                                                        padding: 9px 5px;
                                                    }
                                                    
                                                    .item:not(.button) a:hover,
                                                    .item a:hover::after {
                                                        color: #ccc;
                                                    }
                                                    /* MOBILE MENU */
                                                    
                                                    .menu {
                                                        display: flex;
                                                        flex-wrap: wrap;
                                                        justify-content: space-between;
                                                        align-items: center;
                                                    }
                                                    
                                                    .menu li a {
                                                        display: block;
                                                        padding: 15px 5px;
                                                    }
                                                    
                                                    .menu li.subitem a {
                                                        padding: 15px;
                                                    }
                                                    
                                                    .toggle {
                                                        order: 1;
                                                        font-size: 20px;
                                                    }
                                                    
                                                    .item.button {
                                                        order: 2;
                                                    }
                                                    
                                                    .item {
                                                        order: 3;
                                                        width: 100%;
                                                        text-align: center;
                                                        display: none;
                                                    }
                                                    
                                                    .active .item {
                                                        display: block;
                                                    }
                                                    /* SUBMENU */
                                                    
                                                    .submenu {
                                                        display: none;
                                                    }
                                                    
                                                    .submenu-active .submenu {
                                                        display: block;
                                                    }
                                                    
                                                    .has-submenu>a::after {
                                                        font-family: "Font Awesome 5 Free";
                                                        font-size: 12px;
                                                        line-height: 16px;
                                                        font-weight: 900;
                                                        content: "\f078";
                                                        color: white;
                                                        padding-left: 5px;
                                                    }
                                                    
                                                    .subitem a {
                                                        padding: 10px 15px;
                                                    }
                                                    
                                                    .submenu-active {
                                                        background-color: #111;
                                                        border-radius: 3px;
                                                    }
                                                    /* TABLET MENU */
                                                    
                                                    @media all and (min-width: 700px) {
                                                        .menu {
                                                            justify-content: center;
                                                        }
                                                        .logo {
                                                            flex: 1;
                                                        }
                                                        .item.button {
                                                            width: auto;
                                                            order: 1;
                                                            display: block;
                                                        }
                                                        .toggle {
                                                            flex: 1;
                                                            text-align: right;
                                                            order: 2;
                                                        }
                                                        .button a {
                                                            background: #0080ff;
                                                            border: 1px royalblue solid;
                                                        }
                                                        .button a:hover {
                                                            text-decoration: none;
                                                        }
                                                        .button:not(.secondary) a:hover {
                                                            background: royalblue;
                                                            border-color: darkblue;
                                                        }
                                                    }
                                                    /* DESKTOP MENU */
                                                    
                                                    @media all and (min-width: 975px) {
                                                        .item {
                                                            order: 1;
                                                            position: relative;
                                                            display: block;
                                                            width: auto;
                                                        }
                                                        .button {
                                                            order: 2;
                                                        }
                                                        .submenu-active .submenu {
                                                            display: block;
                                                            position: absolute;
                                                            left: 0;
                                                            top: 68px;
                                                            background: #111;
                                                        }
                                                        .toggle {
                                                            display: none;
                                                        }
                                                        .submenu-active {
                                                            border-radius: 0;
                                                        }
                                                    }
                                                    /* END OF NAVIGATION */
                                                    /* BEGINNING OF LRS SLIDER */
                                                    
                                                    #slider {
                                                        overflow: hidden;
                                                        margin-top: 140px;
                                                    }
                                                    
                                                    #slider figure {
                                                        position: relative;
                                                        width: 500%;
                                                        margin: 0;
                                                        left: 0;
                                                        animation: 20s slider infinite;
                                                    }
                                                    
                                                    #slider figure img {
                                                        float: left;
                                                        width: 20%;
                                                    }
                                                    
                                                    img {
                                                        height: 500px;
                                                        width: 100%;
                                                    }
                                                    
                                                    @keyframes slider {
                                                        0% {
                                                            left: 0;
                                                        }
                                                        20% {
                                                            left: 0;
                                                        }
                                                        25% {
                                                            left: -100%;
                                                        }
                                                        45% {
                                                            left: -100%;
                                                        }
                                                        50% {
                                                            left: -200%;
                                                        }
                                                        70% {
                                                            left: -200%;
                                                        }
                                                        75% {
                                                            left: -300%;
                                                        }
                                                        95% {
                                                            left: -300%;
                                                        }
                                                        100% {
                                                            left: -400%;
                                                        }
                                                    }
                                                    /* END OF LRS SLIDER */
                                                    /* FOOTER */
                                                    /* FOOTER LEGAL */
                                                    
                                                    body {
                                                        min-height: 100vh;
                                                        flex-direction: column;
                                                    }
                                                    
                                                    .container {
                                                        flex: 1;
                                                    }
                                                    
                                                    ul {
                                                        list-style: none;
                                                        padding-left: 0;
                                                    }
                                                    
                                                    footer {
                                                        background-color: #555;
                                                        color: #bbb;
                                                        line-height: 1.5;
                                                    }
                                                    
                                                    footer a {
                                                        text-decoration: none;
                                                        color: #eee;
                                                    }
                                                    
                                                    a:hover {
                                                        text-decoration: underline;
                                                    }
                                                    
                                                    .ft-title {
                                                        color: #fff;
                                                        font-family: 'Merriweather', serif;
                                                        font-size: 1.375rem;
                                                        padding-bottom: 0.625rem;
                                                    }
                                                    
                                                    #logo {
                                                        width: 250px;
                                                        height: 125px
                                                    }
                                                    
                                                    .ft-main {
                                                        padding: 1.25rem 1.875rem;
                                                        display: flex;
                                                        flex-wrap: wrap;
                                                    }
                                                    
                                                    .ft-main-item {
                                                        padding: 1.25rem;
                                                        min-width: 12.5rem;
                                                    }
                                                    
                                                    @media only screen and (min-width: 29.8125rem) {
                                                        .ft-main {
                                                            justify-content: space-around;
                                                        }
                                                    }
                                                    
                                                    @media only screen and (min-width: 77.5rem) {
                                                        .ft-main {
                                                            justify-content: space-evenly;
                                                        }
                                                    }
                                                    
                                                    .ft-legal {
                                                        padding: 0.9375rem 1.875rem;
                                                        background-color: #333;
                                                    }
                                                    
                                                    .ft-legal-list {
                                                        width: 100%;
                                                        display: flex;
                                                        flex-wrap: wrap;
                                                    }
                                                    
                                                    .ft-legal-list li {
                                                        margin: 0.125rem 0.625rem;
                                                        white-space: nowrap;
                                                    }
                                                    
                                                    .ft-legal-list li:nth-last-child(2) {
                                                        flex: 1;
                                                    }
                                                    /* END OF FOOTER LEGAL */
                                                    /* END OF FOOTER */
                                                    /* SECTION */
                                                    
                                                    .about-container {
                                                        width: 90%;
                                                        margin: 50px auto;
                                                    }
                                                    
                                                    .about-title {
                                                        text-align: center;
                                                        font-size: 30px;
                                                        margin-bottom: 50px;
                                                    }
                                                    
                                                    .about-row {
                                                        display: flex;
                                                        flex-direction: row;
                                                        justify-content: space-around;
                                                        flex-flow: wrap;
                                                    }
                                                    
                                                    .about-card {
                                                        width: 75%;
                                                        background: #fff;
                                                        border: 1px solid #ccc;
                                                        margin-bottom: 50px;
                                                        transition: 0.3s;
                                                    }
                                                    
                                                    .about-card-header {
                                                        text-align: center;
                                                        padding: 50px 10px;
                                                        background: linear-gradient(to right, #6772E5, #3d91a6);
                                                        color: #fff;
                                                    }
                                                    
                                                    .about-card-body {
                                                        padding: 30px 20px;
                                                        text-align: center;
                                                        font-size: 22px;
                                                        letter-spacing: 3px;
                                                    }
                                                    
                                                    .about-card-body .checkout-btn {
                                                        display: block;
                                                        color: #fff;
                                                        text-align: center;
                                                        background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                        margin-top: 30px;
                                                        text-decoration: none;
                                                        padding: 10px 5px;
                                                    }
                                                    
                                                    .about-card:hover {
                                                        transform: scale(1.05);
                                                        box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                    }
                                                    
                                                    .enrollment-image {
                                                        width: 75%;
                                                        height: 500px;
                                                        margin: 0 auto;
                                                    }
                                                    /* MEDIA QUERIES */
                                                    
                                                    @media screen and (max-width: 1000px) {
                                                        .about-card {
                                                            width: 40%;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width: 620px) {
                                                        .about-container {
                                                            width: 100%;
                                                        }
                                                        .about-heading {
                                                            padding: 20px;
                                                            font-size: 20px;
                                                        }
                                                        .about-card {
                                                            width: 80%;
                                                        }
                                                    }
                                                    /* END OF SECTION */
                                                    /* MEMBERSHIP SECTION */
                                                    
                                                    .membership-container {
                                                        width: 90%;
                                                        margin: 50px auto;
                                                    }
                                                    
                                                    .membership-title {
                                                        text-align: center;
                                                        font-size: 30px;
                                                        margin-bottom: 50px;
                                                    }
                                                    
                                                    .membership-row {
                                                        display: flex;
                                                        flex-direction: row;
                                                        justify-content: space-around;
                                                        flex-flow: wrap;
                                                    }
                                                    
                                                    .membership-card {
                                                        width: 75%;
                                                        background: #fff;
                                                        border: 1px solid #ccc;
                                                        margin-bottom: 50px;
                                                        transition: 0.3s;
                                                    }
                                                    
                                                    .membership-card-header {
                                                        text-align: center;
                                                        padding: 50px 10px;
                                                        background: linear-gradient(to right, #6772E5, #3d91a6);
                                                        color: #fff;
                                                    }
                                                    
                                                    .membership-card-body {
                                                        padding: 30px 20px;
                                                        text-align: center;
                                                        font-size: 22px;
                                                        letter-spacing: 3px;
                                                    }
                                                    
                                                    .membership-card-body .checkout-btn {
                                                        display: block;
                                                        color: #fff;
                                                        text-align: center;
                                                        background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                        margin-top: 30px;
                                                        text-decoration: none;
                                                        padding: 10px 5px;
                                                    }
                                                    
                                                    .membership-card:hover {
                                                        transform: scale(1.05);
                                                        box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                    }
                                                    
                                                    .enrollment-image {
                                                        width: 75%;
                                                        height: 500px;
                                                        margin: 0 auto;
                                                    }
                                                    /* MEDIA QUERIES */
                                                    
                                                    @media screen and (max-width: 1000px) {
                                                        .membership-card {
                                                            width: 40%;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width: 620px) {
                                                        .membership-container {
                                                            width: 100%;
                                                        }
                                                        .membership-heading {
                                                            padding: 20px;
                                                            font-size: 20px;
                                                        }
                                                        .membership-card {
                                                            width: 80%;
                                                        }
                                                    }
                                                    /* END OF MEMBERSHIP SECTION */
                                                    /* RULES SECTION */
                                                    
                                                    .rules-container {
                                                        width: 90%;
                                                        margin: 50px auto;
                                                        margin-top: 100px;
                                                    }
                                                    
                                                    .rules-title {
                                                        text-align: center;
                                                        font-size: 30px;
                                                        margin-bottom: 50px;
                                                    }
                                                    
                                                    .rules-row {
                                                        display: flex;
                                                        flex-direction: row;
                                                        justify-content: space-around;
                                                        flex-flow: wrap;
                                                    }
                                                    
                                                    .rules-card {
                                                        width: 75%;
                                                        background: #fff;
                                                        border: 1px solid #ccc;
                                                        margin-bottom: 50px;
                                                        transition: 0.3s;
                                                    }
                                                    
                                                    .rules-card-header {
                                                        text-align: center;
                                                        padding: 50px 10px;
                                                        background: linear-gradient(to right, #6772E5, #3d91a6);
                                                        color: #fff;
                                                    }
                                                    
                                                    .rules-card-body {
                                                        padding: 30px 20px;
                                                        text-align: left;
                                                        font-size: 22px;
                                                        letter-spacing: 3px;
                                                    }
                                                    
                                                    .rules-card-body .checkout-btn {
                                                        display: block;
                                                        color: #fff;
                                                        text-align: center;
                                                        background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                        margin-top: 30px;
                                                        text-decoration: none;
                                                        padding: 10px 5px;
                                                    }
                                                    
                                                    .rules-card:hover {
                                                        box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                    }
                                                    /* MEDIA QUERIES */
                                                    
                                                    @media screen and (max-width: 1000px) {
                                                        .rules-card {
                                                            width: 40%;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width: 620px) {
                                                        .rules-container {
                                                            width: 100%;
                                                        }
                                                        .rules-heading {
                                                            padding: 20px;
                                                            font-size: 20px;
                                                        }
                                                        .rules-card {
                                                            width: 80%;
                                                        }
                                                    }
                                                    /* END OF RULES SECTION */
                                                    /* SUCCESS SECTION */
                                                    
                                                    .success-container {
                                                        width: 90%;
                                                        margin: 50px auto;
                                                    }
                                                    
                                                    .success-title {
                                                        text-align: center;
                                                        font-size: 30px;
                                                        margin-bottom: 50px;
                                                        color: green;
                                                    }
                                                    
                                                    .success-row {
                                                        display: flex;
                                                        flex-direction: row;
                                                        justify-content: space-around;
                                                        flex-flow: wrap;
                                                    }
                                                    
                                                    .success-card {
                                                        width: 75%;
                                                        background: #fff;
                                                        border: 1px solid #ccc;
                                                        margin-bottom: 50px;
                                                        transition: 0.3s;
                                                    }
                                                    
                                                    .success-card-header {
                                                        text-align: center;
                                                        padding: 50px 10px;
                                                        background: linear-gradient(to right, #555, #3d91a6);
                                                        color: #fff
                                                    }
                                                    
                                                    .success-card-body {
                                                        padding: 30px 20px;
                                                        text-align: left;
                                                        font-size: 22px;
                                                        letter-spacing: 3px;
                                                    }
                                                    
                                                    .success-card-body a {
                                                        color: green;
                                                    }
                                                    
                                                    .success-card-body .checkout-btn {
                                                        display: block;
                                                        color: #fff;
                                                        text-align: center;
                                                        background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                        margin-top: 30px;
                                                        text-decoration: none;
                                                        padding: 10px 5px;
                                                    }
                                                    
                                                    .success-card:hover {
                                                        box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                    }
                                                    /* MEDIA QUERIES */
                                                    
                                                    @media screen and (max-width: 1000px) {
                                                        .success-card {
                                                            width: 40%;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width: 620px) {
                                                        .success-container {
                                                            width: 100%;
                                                        }
                                                        .success-heading {
                                                            padding: 20px;
                                                            font-size: 20px;
                                                        }
                                                        .success-card {
                                                            width: 80%;
                                                        }
                                                    }
                                                    /* END OF SUCCESS SECTION */
                                                    /* CANCELLED SECTION */
                                                    
                                                    .cancel-container {
                                                        width: 90%;
                                                        margin: 50px auto;
                                                    }
                                                    
                                                    .cancel-title {
                                                        text-align: center;
                                                        font-size: 30px;
                                                        margin-bottom: 50px;
                                                        color: red;
                                                    }
                                                    
                                                    .cancel-row {
                                                        display: flex;
                                                        flex-direction: row;
                                                        justify-content: space-around;
                                                        flex-flow: wrap;
                                                    }
                                                    
                                                    .cancel-card {
                                                        width: 75%;
                                                        background: #fff;
                                                        border: 1px solid #ccc;
                                                        margin-bottom: 50px;
                                                        transition: 0.3s;
                                                    }
                                                    
                                                    .cancel-card-header {
                                                        text-align: center;
                                                        padding: 50px 10px;
                                                        background: linear-gradient(to right, #555, #3d91a6);
                                                        color: red;
                                                    }
                                                    
                                                    .cancel-card-body {
                                                        padding: 30px 20px;
                                                        text-align: left;
                                                        font-size: 22px;
                                                        letter-spacing: 3px;
                                                    }
                                                    
                                                    .cancel-card-body a {
                                                        color: green;
                                                    }
                                                    
                                                    .cancel-card-body .checkout-btn {
                                                        display: block;
                                                        color: #fff;
                                                        text-align: center;
                                                        background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                        margin-top: 30px;
                                                        text-decoration: none;
                                                        padding: 10px 5px;
                                                    }
                                                    
                                                    .cancel-card:hover {
                                                        box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                    }
                                                    /* MEDIA QUERIES */
                                                    
                                                    @media screen and (max-width: 1000px) {
                                                        .cancel-card {
                                                            width: 40%;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width: 620px) {
                                                        .cancel-container {
                                                            width: 100%;
                                                        }
                                                        .cancel-heading {
                                                            padding: 20px;
                                                            font-size: 20px;
                                                        }
                                                        .cancel-card {
                                                            width: 80%;
                                                        }
                                                    }
                                                    /* END OF CANCELLED SECTION */
                                                    /* MEMBER'S DASHBOARD */
                                                    
                                                    .msg {
                                                        display: flex;
                                                        align-items: center;
                                                        align-content: center;
                                                        justify-content: center;
                                                        margin-top: 15px;
                                                        margin-bottom: 15px;
                                                    }
                                                    
                                                    .signOut {
                                                        display: flex;
                                                        align-items: center;
                                                        align-content: center;
                                                        justify-content: center;
                                                        margin-bottom: 15px;
                                                    }
                                                    
                                                    #signOut {
                                                        color: #ffffff;
                                                        font-size: 16px;
                                                        padding: 8px 35px;
                                                        background-color: #0089fe;
                                                        transition: box-shadow .5s ease;
                                                        border: none;
                                                        border-radius: 10px;
                                                        cursor: pointer;
                                                    }
                                                    
                                                    #signOut:hover {
                                                        box-shadow: 0px 0px 10px #cccccc;
                                                    }
                                                    
                                                    #signOut a {
                                                        font-size: 16px;
                                                        color: #0089fe;
                                                    }
                                                    
                                                    .greeting {
                                                        display: flex;
                                                        align-items: flex-end;
                                                        align-content: flex-end;
                                                        justify-content: flex-end;
                                                        margin-right: 250px;
                                                        body {
                                                            font-family: sans-serif;
                                                            font-size: 16px;
                                                        }
                                                        /* BEGINNING OF NAVIGATION */
                                                        nav {
                                                            background: #222;
                                                            padding: 0 15px;
                                                        }
                                                        a {
                                                            color: white;
                                                            text-decoration: none;
                                                        }
                                                        .logo a {
                                                            color: darkgreen;
                                                        }
                                                        .menu,
                                                        .submenu {
                                                            list-style: none;
                                                        }
                                                        .logo {
                                                            font-size: 22px;
                                                            padding: 7.5px 10px 7.5px 0;
                                                            letter-spacing: 2px;
                                                        }
                                                        .item {
                                                            padding: 10px
                                                        }
                                                        .item.button {
                                                            padding: 9px 5px;
                                                        }
                                                        .item:not(.button) a:hover,
                                                        .item a:hover::after {
                                                            color: #ccc;
                                                        }
                                                        /* MOBILE MENU */
                                                        .menu {
                                                            display: flex;
                                                            flex-wrap: wrap;
                                                            justify-content: space-between;
                                                            align-items: center;
                                                        }
                                                        .menu li a {
                                                            display: block;
                                                            padding: 15px 5px;
                                                        }
                                                        .menu li.subitem a {
                                                            padding: 15px;
                                                        }
                                                        .toggle {
                                                            order: 1;
                                                            font-size: 20px;
                                                        }
                                                        .item.button {
                                                            order: 2;
                                                        }
                                                        .item {
                                                            order: 3;
                                                            width: 100%;
                                                            text-align: center;
                                                            display: none;
                                                        }
                                                        .active .item {
                                                            display: block;
                                                        }
                                                        /* SUBMENU */
                                                        .submenu {
                                                            display: none;
                                                        }
                                                        .submenu-active .submenu {
                                                            display: block;
                                                        }
                                                        .has-submenu>a::after {
                                                            font-family: "Font Awesome 5 Free";
                                                            font-size: 12px;
                                                            line-height: 16px;
                                                            font-weight: 900;
                                                            content: "\f078";
                                                            color: white;
                                                            padding-left: 5px;
                                                        }
                                                        .subitem a {
                                                            padding: 10px 15px;
                                                        }
                                                        .submenu-active {
                                                            background-color: #111;
                                                            border-radius: 3px;
                                                        }
                                                        /* TABLET MENU */
                                                        @media all and (min-width: 700px) {
                                                            .menu {
                                                                justify-content: center;
                                                            }
                                                            .logo {
                                                                flex: 1;
                                                            }
                                                            .item.button {
                                                                width: auto;
                                                                order: 1;
                                                                display: block;
                                                            }
                                                            .toggle {
                                                                flex: 1;
                                                                text-align: right;
                                                                order: 2;
                                                            }
                                                            .button a {
                                                                background: #0080ff;
                                                                border: 1px royalblue solid;
                                                            }
                                                            .button a:hover {
                                                                text-decoration: none;
                                                            }
                                                            .button:not(.secondary) a:hover {
                                                                background: royalblue;
                                                                border-color: darkblue;
                                                            }
                                                        }
                                                        /* DESKTOP MENU */
                                                        @media all and (min-width: 975px) {
                                                            .item {
                                                                order: 1;
                                                                position: relative;
                                                                display: block;
                                                                width: auto;
                                                            }
                                                            .button {
                                                                order: 2;
                                                            }
                                                            .submenu-active .submenu {
                                                                display: block;
                                                                position: absolute;
                                                                left: 0;
                                                                top: 68px;
                                                                background: #111;
                                                            }
                                                            .toggle {
                                                                display: none;
                                                            }
                                                            .submenu-active {
                                                                border-radius: 0;
                                                            }
                                                        }
                                                        /* END OF NAVIGATION */
                                                        /* BEGINNING OF LRS SLIDER */
                                                        #slider {
                                                            overflow: hidden;
                                                            margin-top: 140px;
                                                        }
                                                        #slider figure {
                                                            position: relative;
                                                            width: 500%;
                                                            margin: 0;
                                                            left: 0;
                                                            animation: 20s slider infinite;
                                                        }
                                                        #slider figure img {
                                                            float: left;
                                                            width: 20%;
                                                        }
                                                        img {
                                                            height: 500px;
                                                            width: 100%;
                                                        }
                                                        @keyframes slider {
                                                            0% {
                                                                left: 0;
                                                            }
                                                            20% {
                                                                left: 0;
                                                            }
                                                            25% {
                                                                left: -100%;
                                                            }
                                                            45% {
                                                                left: -100%;
                                                            }
                                                            50% {
                                                                left: -200%;
                                                            }
                                                            70% {
                                                                left: -200%;
                                                            }
                                                            75% {
                                                                left: -300%;
                                                            }
                                                            95% {
                                                                left: -300%;
                                                            }
                                                            100% {
                                                                left: -400%;
                                                            }
                                                        }
                                                        /* END OF LRS SLIDER */
                                                        /* FOOTER */
                                                        /* FOOTER LEGAL */
                                                        body {
                                                            min-height: 100vh;
                                                            flex-direction: column;
                                                        }
                                                        .container {
                                                            flex: 1;
                                                        }
                                                        ul {
                                                            list-style: none;
                                                            padding-left: 0;
                                                        }
                                                        footer {
                                                            background-color: #555;
                                                            color: #bbb;
                                                            line-height: 1.5;
                                                        }
                                                        footer a {
                                                            text-decoration: none;
                                                            color: #eee;
                                                        }
                                                        a:hover {
                                                            text-decoration: underline;
                                                        }
                                                        .ft-title {
                                                            color: #fff;
                                                            font-family: 'Merriweather', serif;
                                                            font-size: 1.375rem;
                                                            padding-bottom: 0.625rem;
                                                        }
                                                        #logo {
                                                            width: 250px;
                                                            height: 125px
                                                        }
                                                        .ft-main {
                                                            padding: 1.25rem 1.875rem;
                                                            display: flex;
                                                            flex-wrap: wrap;
                                                        }
                                                        .ft-main-item {
                                                            padding: 1.25rem;
                                                            min-width: 12.5rem;
                                                        }
                                                        @media only screen and (min-width: 29.8125rem) {
                                                            .ft-main {
                                                                justify-content: space-around;
                                                            }
                                                        }
                                                        @media only screen and (min-width: 77.5rem) {
                                                            .ft-main {
                                                                justify-content: space-evenly;
                                                            }
                                                        }
                                                        .ft-legal {
                                                            padding: 0.9375rem 1.875rem;
                                                            background-color: #333;
                                                        }
                                                        .ft-legal-list {
                                                            width: 100%;
                                                            display: flex;
                                                            flex-wrap: wrap;
                                                        }
                                                        .ft-legal-list li {
                                                            margin: 0.125rem 0.625rem;
                                                            white-space: nowrap;
                                                        }
                                                        .ft-legal-list li:nth-last-child(2) {
                                                            flex: 1;
                                                        }
                                                        /* END OF FOOTER LEGAL */
                                                        /* END OF FOOTER */
                                                        /* SECTION */
                                                        .about-container {
                                                            width: 90%;
                                                            margin: 50px auto;
                                                        }
                                                        .about-title {
                                                            text-align: center;
                                                            font-size: 30px;
                                                            margin-bottom: 50px;
                                                        }
                                                        .about-row {
                                                            display: flex;
                                                            flex-direction: row;
                                                            justify-content: space-around;
                                                            flex-flow: wrap;
                                                        }
                                                        .about-card {
                                                            width: 75%;
                                                            background: #fff;
                                                            border: 1px solid #ccc;
                                                            margin-bottom: 50px;
                                                            transition: 0.3s;
                                                        }
                                                        .about-card-header {
                                                            text-align: center;
                                                            padding: 50px 10px;
                                                            background: linear-gradient(to right, #6772E5, #3d91a6);
                                                            color: #fff;
                                                        }
                                                        .about-card-body {
                                                            padding: 30px 20px;
                                                            text-align: center;
                                                            font-size: 22px;
                                                            letter-spacing: 3px;
                                                        }
                                                        .about-card-body .checkout-btn {
                                                            display: block;
                                                            color: #fff;
                                                            text-align: center;
                                                            background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                            margin-top: 30px;
                                                            text-decoration: none;
                                                            padding: 10px 5px;
                                                        }
                                                        .about-card:hover {
                                                            transform: scale(1.05);
                                                            box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                        }
                                                        .enrollment-image {
                                                            width: 75%;
                                                            height: 500px;
                                                            margin: 0 auto;
                                                        }
                                                        /* MEDIA QUERIES */
                                                        @media screen and (max-width: 1000px) {
                                                            .about-card {
                                                                width: 40%;
                                                            }
                                                        }
                                                        @media screen and (max-width: 620px) {
                                                            .about-container {
                                                                width: 100%;
                                                            }
                                                            .about-heading {
                                                                padding: 20px;
                                                                font-size: 20px;
                                                            }
                                                            .about-card {
                                                                width: 80%;
                                                            }
                                                        }
                                                        /* END OF SECTION */
                                                        /* MEMBERSHIP SECTION */
                                                        .membership-container {
                                                            width: 90%;
                                                            margin: 50px auto;
                                                            margin-top: 75px;
                                                        }
                                                        .membership-title {
                                                            text-align: center;
                                                            font-size: 30px;
                                                            margin-bottom: 50px;
                                                        }
                                                        .membership-row {
                                                            display: flex;
                                                            flex-direction: row;
                                                            justify-content: space-around;
                                                            flex-flow: wrap;
                                                        }
                                                        .membership-card {
                                                            width: 75%;
                                                            background: #fff;
                                                            border: 1px solid #ccc;
                                                            margin-bottom: 50px;
                                                            transition: 0.3s;
                                                        }
                                                        .membership-card-header {
                                                            text-align: center;
                                                            padding: 50px 10px;
                                                            background: linear-gradient(to right, #6772E5, #3d91a6);
                                                            color: #fff;
                                                        }
                                                        .membership-card-body {
                                                            padding: 30px 20px;
                                                            text-align: center;
                                                            font-size: 22px;
                                                            letter-spacing: 3px;
                                                        }
                                                        .membership-card-body .checkout-btn {
                                                            display: block;
                                                            color: #fff;
                                                            text-align: center;
                                                            background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                            margin-top: 30px;
                                                            text-decoration: none;
                                                            padding: 10px 5px;
                                                        }
                                                        .membership-card:hover {
                                                            transform: scale(1.05);
                                                            box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                        }
                                                        .enrollment-image {
                                                            width: 75%;
                                                            height: 500px;
                                                            margin: 0 auto;
                                                        }
                                                        /* MEDIA QUERIES */
                                                        @media screen and (max-width: 1000px) {
                                                            .membership-card {
                                                                width: 40%;
                                                            }
                                                        }
                                                        @media screen and (max-width: 620px) {
                                                            .membership-container {
                                                                width: 100%;
                                                            }
                                                            .membership-heading {
                                                                padding: 20px;
                                                                font-size: 20px;
                                                            }
                                                            .membership-card {
                                                                width: 80%;
                                                            }
                                                        }
                                                        /* END OF MEMBERSHIP SECTION */
                                                        /* RULES SECTION */
                                                        .rules-container {
                                                            width: 90%;
                                                            margin: 50px auto;
                                                        }
                                                        .rules-title {
                                                            text-align: center;
                                                            font-size: 30px;
                                                            margin-bottom: 50px;
                                                        }
                                                        .rules-row {
                                                            display: flex;
                                                            flex-direction: row;
                                                            justify-content: space-around;
                                                            flex-flow: wrap;
                                                        }
                                                        .rules-card {
                                                            width: 75%;
                                                            background: #fff;
                                                            border: 1px solid #ccc;
                                                            margin-bottom: 50px;
                                                            transition: 0.3s;
                                                        }
                                                        .rules-card-header {
                                                            text-align: center;
                                                            padding: 50px 10px;
                                                            background: linear-gradient(to right, #6772E5, #3d91a6);
                                                            color: #fff;
                                                        }
                                                        .rules-card-body {
                                                            padding: 30px 20px;
                                                            text-align: left;
                                                            font-size: 22px;
                                                            letter-spacing: 3px;
                                                        }
                                                        .rules-card-body .checkout-btn {
                                                            display: block;
                                                            color: #fff;
                                                            text-align: center;
                                                            background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                            margin-top: 30px;
                                                            text-decoration: none;
                                                            padding: 10px 5px;
                                                        }
                                                        .rules-card:hover {
                                                            box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                        }
                                                        /* MEDIA QUERIES */
                                                        @media screen and (max-width: 1000px) {
                                                            .rules-card {
                                                                width: 40%;
                                                            }
                                                        }
                                                        @media screen and (max-width: 620px) {
                                                            .rules-container {
                                                                width: 100%;
                                                            }
                                                            .rules-heading {
                                                                padding: 20px;
                                                                font-size: 20px;
                                                            }
                                                            .rules-card {
                                                                width: 80%;
                                                            }
                                                        }
                                                        /* END OF RULES SECTION */
                                                        /* SUCCESS SECTION */
                                                        .success-container {
                                                            width: 90%;
                                                            margin: 50px auto;
                                                        }
                                                        .success-title {
                                                            text-align: center;
                                                            font-size: 30px;
                                                            margin-bottom: 50px;
                                                            color: green;
                                                        }
                                                        .success-row {
                                                            display: flex;
                                                            flex-direction: row;
                                                            justify-content: space-around;
                                                            flex-flow: wrap;
                                                        }
                                                        .success-card {
                                                            width: 75%;
                                                            background: #fff;
                                                            border: 1px solid #ccc;
                                                            margin-bottom: 50px;
                                                            transition: 0.3s;
                                                        }
                                                        .success-card-header {
                                                            text-align: center;
                                                            padding: 50px 10px;
                                                            background: linear-gradient(to right, #555, #3d91a6);
                                                            color: #fff
                                                        }
                                                        .success-card-body {
                                                            padding: 30px 20px;
                                                            text-align: left;
                                                            font-size: 22px;
                                                            letter-spacing: 3px;
                                                        }
                                                        .success-card-body a {
                                                            color: green;
                                                        }
                                                        .success-card-body .checkout-btn {
                                                            display: block;
                                                            color: #fff;
                                                            text-align: center;
                                                            background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                            margin-top: 30px;
                                                            text-decoration: none;
                                                            padding: 10px 5px;
                                                        }
                                                        .success-card:hover {
                                                            box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                        }
                                                        /* MEDIA QUERIES */
                                                        @media screen and (max-width: 1000px) {
                                                            .success-card {
                                                                width: 40%;
                                                            }
                                                        }
                                                        @media screen and (max-width: 620px) {
                                                            .success-container {
                                                                width: 100%;
                                                            }
                                                            .success-heading {
                                                                padding: 20px;
                                                                font-size: 20px;
                                                            }
                                                            .success-card {
                                                                width: 80%;
                                                            }
                                                        }
                                                        /* END OF SUCCESS SECTION */
                                                        /* CANCELLED SECTION */
                                                        .cancel-container {
                                                            width: 90%;
                                                            margin: 50px auto;
                                                        }
                                                        .cancel-title {
                                                            text-align: center;
                                                            font-size: 30px;
                                                            margin-bottom: 50px;
                                                            color: red;
                                                        }
                                                        .cancel-row {
                                                            display: flex;
                                                            flex-direction: row;
                                                            justify-content: space-around;
                                                            flex-flow: wrap;
                                                        }
                                                        .cancel-card {
                                                            width: 75%;
                                                            background: #fff;
                                                            border: 1px solid #ccc;
                                                            margin-bottom: 50px;
                                                            transition: 0.3s;
                                                        }
                                                        .cancel-card-header {
                                                            text-align: center;
                                                            padding: 50px 10px;
                                                            background: linear-gradient(to right, #555, #3d91a6);
                                                            color: red;
                                                        }
                                                        .cancel-card-body {
                                                            padding: 30px 20px;
                                                            text-align: left;
                                                            font-size: 22px;
                                                            letter-spacing: 3px;
                                                        }
                                                        .cancel-card-body a {
                                                            color: green;
                                                        }
                                                        .cancel-card-body .checkout-btn {
                                                            display: block;
                                                            color: #fff;
                                                            text-align: center;
                                                            background: linear-gradient(to right, #ff416c, #ff4b2b);
                                                            margin-top: 30px;
                                                            text-decoration: none;
                                                            padding: 10px 5px;
                                                        }
                                                        .cancel-card:hover {
                                                            box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
                                                        }
                                                        /* MEDIA QUERIES */
                                                        @media screen and (max-width: 1000px) {
                                                            .cancel-card {
                                                                width: 40%;
                                                            }
                                                        }
                                                        @media screen and (max-width: 620px) {
                                                            .cancel-container {
                                                                width: 100%;
                                                            }
                                                            .cancel-heading {
                                                                padding: 20px;
                                                                font-size: 20px;
                                                            }
                                                            .cancel-card {
                                                                width: 80%;
                                                            }
                                                        }
                                                        /* END OF CANCELLED SECTION */
                                                        /* MEMBER'S DASHBOARD */
                                                        .msg {
                                                            display: flex;
                                                            align-items: center;
                                                            align-content: center;
                                                            justify-content: center;
                                                            margin-top: 15px;
                                                            margin-bottom: 15px;
                                                        }
                                                        .signOut {
                                                            display: flex;
                                                            align-items: center;
                                                            align-content: center;
                                                            justify-content: center;
                                                            margin-bottom: 15px;
                                                        }
                                                        #signOut {
                                                            color: #ffffff;
                                                            font-size: 16px;
                                                            padding: 8px 35px;
                                                            background-color: #0089fe;
                                                            transition: box-shadow .5s ease;
                                                            border: none;
                                                            border-radius: 10px;
                                                            cursor: pointer;
                                                        }
                                                        #signOut:hover {
                                                            box-shadow: 0px 0px 10px #cccccc;
                                                        }
                                                        #signOut a {
                                                            font-size: 16px;
                                                            color: #0089fe;
                                                        }
                                                        .greeting {
                                                            display: flex;
                                                            align-items: flex-end;
                                                            align-content: flex-end;
                                                            justify-content: flex-end;
                                                            margin-right: 250px;
                                                        }