/** Helper **/
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    width: 1px;
    min-width: 100%;
    font-size: 62.5%;
}

.booked-key-div {
    background-color: #CCCCCB;
}

.open-key-div {
    background-color: white;
}

.checked-in-key-div {
    background-color: #000000;
}

html {
    width: 1px;
    min-width: 100%;
    font-size: 62.5%;
}

body.portal-body {
    height: auto;
    font-family: 'proxima_nova_rgregular';
    background: #fff;
}

h1, h2 {
    font-weight: normal;
    line-height: 1em;
    color: #000000;
    text-transform: uppercase;
}

a {
    border-bottom: 0 none;
    color: #000000;
}

    a:hover {
        text-decoration: underline;
    }

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clr, .row, .clearfix {
    width: 100%;
    clear: both;
}

    .clr:before, .clr:after, .row:before, .row:after, .clearfix:before, .clearfix:after, .clrfix:before, .clrfix:after {
        content: ' ';
        display: table;
        width: 1px;
    }
/* Colorbox Overrides */

#cboxClose {
    bottom: auto;
    top: 0;
    color: transparent;
    text-indent: 0;
    background: #000000;
}

    #cboxClose:before {
        content: '\f00d';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: 'FontAwesome';
        color: #fff;
        text-align: center;
    }
/* Custom Checkbox */
.custom-checkbox-label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 2.2rem;
}

    .custom-checkbox-label input[type="checkbox"] {
        position: absolute;
        top: 0.2rem;
        left: 0.2rem;
        width: 1px;
        height: 1px;
        border: 0 none;
        opacity: 0;
    }

.custom-checkbox-decoy {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 1rem 0 0;
    background: #fff url('/images/svg/custom-checkbox-decoy.svg') no-repeat center center;
    background-size: 2.2rem;
}

.custom-checkbox-label input[type="checkbox"]:checked + .custom-checkbox-decoy, .custom-checkbox-label input[type="checkbox"]:checked + input[type="hidden"] + .custom-checkbox-decoy {
    background: #fff url('/WebPortal/customCheckboxDecoy') no-repeat center center;
    background-size: 2.2rem;
}

.custom-checkbox-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 2.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
/* Custom Select */
.custom-select {
    position: relative;
    display: block;
    margin-top: 0.8rem;
    padding: 0;
}

    .custom-select select {
        width: 100%;
        margin: 0;
        background: none;
        border: 1px solid transparent;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        appearance: none;
        -webkit-appearance: none;
        font-size: 1.6rem;
        font-family: helvetica, sans-serif;
        font-weight: bold;
        color: #444;
        padding: .6em 1.9em .5em .8em;
        line-height: 1.3;
    }

    .custom-select::after {
        content: "";
        position: absolute;
        width: 9px;
        height: 8px;
        top: 50%;
        right: 1.6rem;
        margin-top: -4px;
        background-image: url('/images/custom-select-arrow.png');
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: 2;
        pointer-events: none;
    }

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

    .custom-select select:focus {
        outline: none;
        box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
        background-color: transparent;
        color: #222;
        border: 1px solid #aaa;
    }

    .custom-select option {
        font-weight: normal;
    }

    x:-o-prefocus, .custom-select::after {
        display: none;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .custom-select select::-ms-expand {
        display: none;
    }

    .custom-select select:focus::-ms-value {
        background: transparent;
        color: #222;
    }
}

@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden;
    }

        .custom-select select {
            width: 120%;
            width: -moz-calc(100% + 3em);
            width: calc(100% + em);
        }
}

.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
/* Header */
header:not(.header-mylt-fm) {
    height: auto;
    padding: 1rem 0;
}

#headerRight {
    position: relative;
    width: 100%;
    text-align: center;
}

#hdrLogout {
    font-size: 1.2rem;
}

    #hdrLogout a, #hdrLogout a:hover span {
        color: #acacac;
    }

        #hdrLogout a span {
            text-transform: uppercase;
        }

#hdrReserve {
    font-size: 1.75rem;
    text-transform: uppercase;
}

    #hdrReserve a {
        color: #000000;
        text-decoration: underline;
    }

#headerLeft {
    position: relative;
    width: 100%;
    text-align: center;
}

    #headerLeft h1 {
        margin: 1.5rem 0;
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
    }

#breadCrumbSel {
    width: 16rem;
    height: 2.7rem;
    margin-bottom: 1.5rem;
    padding: 0 0.5rem;
    font-size: 1.6rem;
    color: #838384;
    border-radius: 1.35rem;
    border: 1px solid #838384;
}

#subHeader {
    position: relative;
    width: 100%;
    height: 3rem;
    background: #000000;
}
/* Content */
.pg-wp-type {
    position: relative;
    width: 100%;
    min-height: 68rem;
    padding: 0 0.5rem 0.5rem;
    background: #f6f7f8;
    overflow: hidden;
}

    .pg-wp-type.pg-wp-register {
        padding: 0 1.5rem 1.5rem;
    }

.content {
    position: relative;
    width: 100%;
}
/* Footer */
.fm-site footer:not(.footer-mylt) {
    background: /*#f6f7f8*/ #fff;
}

.copyright {
    font-size: 1.2rem;
    color: #7c8081;
    text-align: center;
}
/* Login */
.pg-wp-type.pg-wp-login {
    background: #fff;
}

    .pg-wp-type.pg-wp-login .content {
        min-height: 65rem;
        padding-bottom: 0;
    }

#loginWrap {
    position: relative;
    display: block;
    max-width: 100%;
    width: 40.6rem;
    height: 40.5rem;
    margin: 10rem auto 0;
}

    #loginWrap .validation-summary-errors {
        margin: 0;
        padding: 0 1rem 1rem 2rem;
        font-family: 'proxima_nova_rgregular';
        text-align: center;
        border: 0 none;
        background: transparent !important;
    }

        #loginWrap .validation-summary-errors:before {
            content: "\f00d";
            position: absolute;
            top: 0;
            left: 0;
            width: 4rem;
            height: 4rem;
            font-size: 3.5rem;
            line-height: 2.5rem;
            font-family: 'FontAwesome';
            color: #ea8f8f;
            text-align: center;
        }

        #loginWrap .validation-summary-errors ul {
            margin: 0 0 0 1.5rem;
            font-size: 1.7rem;
            list-style: none;
            text-align: center;
        }

        #loginWrap .validation-summary-errors ol {
            margin: 0;
            font-size: 1.7rem;
            list-style: none;
            text-align: center;
        }

        #loginWrap .validation-summary-errors ul li {
            padding-top: 0.4rem;
            color: #a8a8a8;
            word-wrap: break-word;
        }

        #loginWrap .validation-summary-errors b, #loginWrap .validation-summary-errors br {
            display: none;
            height: 0;
            line-height: 0;
        }

#loginFormPortal {
    position: relative;
    display: block;
    width: 23.5rem;
    margin: 0 auto;
    z-index: 1;
}

.wp-login-form {
    position: relative;
    display: block;
    width: 100%;
}

.customer-panel.customer-returning {
    position: relative;
    width: 100% !important;
    padding-right: 0;
    z-index: 2;
}

.customer-panel input[type="text"], .customer-panel input[type="email"], .customer-panel input[type="password"] {
    height: 4.2rem;
    margin: 0;
    padding: 0 1rem !important;
    font-size: 1.7rem;
    font-family: 'proxima_nova_rgregular';
    color: #404041 !important;
    border: 1px solid #c4c3c3;
    background: #fff !important;
    position: relative;
    z-index: 3;
}

.customer-panel input[type="text"] {
    background-position: 5px -32px !important;
}
    /*.customer-panel input[type="password"] {border-top:0 none;background-position:5px -127px !important;}*/
    .customer-panel input[type="text"]#PASSWORD {
        border-top: 0 none;
        background-position: 5px -127px !important;
    }

.customer-panel input:-webkit-autofill {
    position: relative;
    display: block;
    width: 100%;
    height: 4.2rem !important;
    margin: 0;
    padding: 0 1rem !important;
    font-size: 1.7rem !important;
    color: #404041;
    -webkit-text-fill-color: #404041;
    border: 1px solid #c4c3c3;
    background-color: transparent !important;
    background-image: url('/images/input-bg.png') !important;
    background-repeat: no-repeat !important;
    background-position: 5px 5px !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important;
    z-index: 2;
}

.customer-panel input::-webkit-input-placeholder {
    color: #404041;
    opacity: 1;
}

.customer-panel input:-moz-placeholder {
    color: #404041;
    opacity: 1;
}

.customer-panel input::-moz-placeholder {
    color: #404041;
    opacity: 1;
}

.customer-panel input:-ms-input-placeholder {
    color: #404041;
    opacity: 1;
}

#pwordHide {
    position: absolute;
    top: 5.3rem;
    left: 1rem;
    display: block;
    height: 4rem;
    font-size: 1.7rem;
    line-height: 4rem;
    font-family: 'proxima_nova_rgregular';
    color: #404041;
    text-align: left;
    background: #fff;
    z-index: 4;
}

    #pwordHide.hide {
        display: none;
    }

.show-label {
    position: relative;
    display: block;
    width: 100%;
    height: 1.5rem;
    margin: 1rem 0 0;
}

    .show-label #showPword {
        float: left;
        position: relative;
        top: auto;
        left: auto;
        display: inline-block;
        width: 1.3rem !important;
        height: 1.3rem !important;
        margin: 0.1rem 0.5rem 0 0;
        opacity: 1 !important;
    }

    .show-label #REMEMBERME {
        float: left;
        position: relative;
        top: auto;
        left: auto;
        display: inline-block;
        width: 1.3rem !important;
        height: 1.3rem !important;
        margin: 0.1rem 0.5rem 0 0;
    }

    .show-label span {
        float: left;
        position: relative;
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1.5rem;
    }

#loginoptions .show-label {
    position: relative;
    display: inline;
    width: auto;
    height: 1.5rem;
    margin: 1rem 0 0;
}

#loginoptions {
    padding: 10px 0;
}

#signInButton, #forgotbtn {
    position: relative;
    display: block;
    width: 30.3rem;
    height: 6rem;
    margin: 1.8rem 0 0 -3.4rem;
    background: transparent url('/images/signInButton.png')no-repeat top left;
    background-size: contain;
    z-index: 3;
}

    #signInButton .button.special, #forgotbtn .button.special {
        float: none;
        display: block;
        min-width: 0;
        width: 23.6rem;
        height: 4.7rem;
        margin: 0 auto;
        font-size: 2.5rem;
        line-height: 4.7rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        border: 0 none;
        background: transparent;
    }

        #signInButton .button.special:hover, #forgotbtn .button.special:hover {
            border: 0 none;
            background: transparent !important;
        }

    #signInButton a {
        text-decoration: none !important;
    }

#forgotPasswordWrap {
    position: relative;
    width: 100%;
    margin-bottom: 3.3rem;
    text-align: center;
}

    #forgotPasswordWrap #forgotPass {
        font-size: 1.4rem;
        line-height: 1em;
        color: #686868;
        cursor: pointer;
    }

#registerButton { /*float:left;display:inline-block;*/
    display: block;
    width: 14rem;
    height: 3.2rem;
    margin: 0 auto;
    text-align: center;
}

    #registerButton.rb-full {
        float: none;
        width: 25rem;
    }

    #registerButton a {
        position: relative;
        display: block;
        width: 100%;
        height: 3.2rem;
        font-size: 1.5rem;
        line-height: 3.2rem;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        border-radius: 0.5rem;
        background: #f1f1f1;
    }

        #registerButton a:hover {
            text-decoration: none;
        }

#registerPageButton {
    float: left;
    display: inline-block;
    width: 14rem;
    height: 3.2rem;
    text-align: center;
}

    #registerPageButton.rb-full {
        float: none;
        width: 15rem;
    }

    #registerPageButton button {
        position: relative;
        display: block;
        width: 100%;
        height: 3.2rem;
        padding: 0;
        font-size: 1.5rem;
        line-height: 3.2rem;
        font-family: 'proxima_nova_rgbold';
        border: 0 none;
        background: #000000;
        color: white !important;
    }

    #registerPageButton a:hover {
        text-decoration: none;
    }

#edit-pass-pass1-wrapper a {
    background: #000000;
}

#LogMeIn {
    float: left;
    display: inline-block;
    width: 15rem;
    height: 3.2rem;
    text-align: center;
    margin-top: 1rem;
}

    #LogMeIn.login-full {
        float: none;
        width: 15rem;
    }

    #LogMeIn a {
        position: relative;
        display: block;
        width: 100%;
        height: 3.2rem;
        font-size: 1.5rem;
        line-height: 3.2rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        background-color: #000000;
    }

        #LogMeIn a:hover {
            text-decoration: none;
        }

#ctl00_content_loginPanel #socialLoginList {
    width: 22.5rem;
    margin: 0 auto;
}

    #ctl00_content_loginPanel #socialLoginList .zocial.facebook {
        float: right;
        display: inline-block;
        height: 32px;
        border-radius: 0;
        box-shadow: inset 0 0 0 rgba(255,255,255,0), inset 0 0 0 rgba(255,255,255,0);
    }

#loginButton {
    display: inline-block;
    width: 11rem;
    text-align: center;
}

    #loginButton.rb-full {
        width: 15rem;
    }

    #loginButton a {
        position: relative;
        display: block;
        width: 100%;
        height: 3.2rem;
        font-size: 1.7rem;
        line-height: 3.2rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        background: #000000;
    }

        #loginButton a:hover {
            text-decoration: none;
        }

#loginFormPortal .customer-panel .customer-inner {
    position: relative;
    text-align: center;
    z-index: 2;
}
/* Facebook Login */
#fbLoginWrap {
    float: right;
    display: inline-block;
    width: 11rem;
}

#fbLoginWrapInner {
    position: relative;
    width: 100%;
}

#fbLoginWrapInner {
    width: 100%;
}

#fbLoginBtnWrap {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 3.2rem;
    margin: 0;
    padding: 0 0 0 3.25rem;
    font-size: 1.7rem;
    line-height: 3.2rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    text-overflow: ellipsis;
    text-decoration: none;
    text-align: center;
    outline: 0;
    border: 0 none;
    background-color: #3f5fa4;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition: background-color 300ms ease-out;
}

    #fbLoginBtnWrap:before {
        content: "\f09a";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        padding: 0 1rem;
        font-size: 2rem;
        font-family: 'FontAwesome';
        background-color: #395693;
    }
/* Forgot Password */
#cboxOverlay.cboForgotPword {
    background: #fff;
}

#colorbox.cbForgotPword #cboxContent {
    width: 32rem !important;
    overflow: visible !important;
}

#colorbox.cbForgotPword #cboxTopLeft, #colorbox.cbForgotPword #cboxTopCenter, #colorbox.cbForgotPword #cboxTopRight, #colorbox.cbForgotPword #cboxBottomLeft, #colorbox.cbForgotPword #cboxBottomCenter, #colorbox.cbForgotPword #cboxBottomRight {
    height: 0 !important;
    background: none !important;
}

#colorbox.cbForgotPword #cboxMiddleLeft, #colorbox.cbForgotPword #cboxMiddleRight {
    width: 0 !important;
    background: none !important;
}

#colorbox.cbForgotPword #cboxContent {
    margin-top: 0;
    box-shadow: rgba(0,0,0,0) 0px 0px;
    z-index: 999;
}

    #colorbox.cbForgotPword #cboxContent #cboxClose {
        z-index: 1001;
        top: 1rem;
        right: 1.2rem;
        background: transparent !important;
    }

        #colorbox.cbForgotPword #cboxContent #cboxClose:before {
            font-size: 2.4rem; /*font-family:'proxima_nova_rgbold';*/
            color: #aaa;
        }

    #colorbox.cbForgotPword #cboxContent #cboxLoadedContent {
        z-index: 1000;
        position: relative;
        width: 99% !important;
        border-radius: 1.5rem;
        background-clip: padding-box;
        border: 1px solid #c4c3c3;
    }

#forgotPasswordFormWrap {
    max-width: 100%;
    width: 33.2rem;
    margin: 0 auto;
    padding: 3.5rem 1rem;
}

    #forgotPasswordFormWrap .belowH3 {
        position: relative;
        width: 100%;
        margin: 0 0 1rem;
        font-size: 1.7rem;
        color: #a8a8a8;
        text-align: center;
    }

        #forgotPasswordFormWrap .belowH3 .validation-summary-errors {
            padding-top: 0;
            padding-right: 1em;
            margin: 0;
            text-align: center;
            border: 0 none;
            background: transparent !important;
        }

            #forgotPasswordFormWrap .belowH3 .validation-summary-errors:before {
                content: "\f00d";
                position: absolute;
                top: 0;
                left: 0;
                width: 4rem;
                height: 4rem;
                font-size: 3.5rem;
                line-height: 2.5rem;
                font-family: 'FontAwesome';
                color: #ea8f8f;
                text-align: center;
            }

            #forgotPasswordFormWrap .belowH3 .validation-summary-errors b, #forgotPasswordFormWrap .belowH3 .validation-summary-errors br {
                display: none;
                height: 0;
                line-height: 0;
            }

            #forgotPasswordFormWrap .belowH3 .validation-summary-errors ol {
                margin: 0;
                font-size: 1.7rem;
                list-style: none;
                text-align: center;
            }

        #forgotPasswordFormWrap .belowH3 .validation-summary-success {
            margin: 0;
            border: 0 none;
            background: none !important;
        }

            #forgotPasswordFormWrap .belowH3 .validation-summary-success:before {
                content: "\f00c";
                position: absolute;
                top: 0;
                left: 0;
                width: 4rem;
                height: 4rem;
                font-size: 3.5rem;
                line-height: 3rem;
                font-family: 'FontAwesome';
                color: #dbeabb;
                text-align: center;
            }

    #forgotPasswordFormWrap #EMAIL {
        position: relative;
        display: block;
        max-width: 100%;
        width: 23.5rem !important;
        height: 4.2rem;
        margin: 0 auto;
        padding: 0 0.5rem 0 3.5rem !important;
        font-size: 1.7rem;
        font-family: 'proxima_nova_rgregular';
        color: #c4c3c3 !important;
        border: 1px solid #c4c3c3;
        background: #fff;
    }

::-webkit-input-placeholder {
    color: #666;
}

:-moz-placeholder {
    color: #666;
}

::-moz-placeholder {
    color: #666;
}

:-ms-input-placeholder {
    color: #666;
}

#forgotPasswordFormWrap #forgotbtn {
    margin: 1.8rem auto 0;
}
/** Dashboard **/
#dashboardLeft {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 1rem;
}

#dashboardRight {
    float: right;
    display: inline-block;
    width: 100%;
    padding: 0 1rem 1rem;
}

.db-box {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto 4.5rem;
    padding: 1.5rem;
    box-shadow: 7px 7px 1px #e4e6e7;
    background: #fff;
}

    .db-box.l-db-box {
        margin: 0 auto 4.5rem;
    }

.db-box-head {
    position: relative;
    display: block;
    width: 100%;
    height: 3.5rem;
    margin-bottom: 2rem;
    padding-bottom: 0.7rem;
    color: #acacac;
    font-size: 1.6rem;
    line-height: 3.9rem;
    border-bottom: 1px solid #e2e2e2;
}

.db-box-head-sub {
    position: relative;
    display: block;
    width: 100%;
    height: 3.5rem;
    margin-bottom: 2rem;
    padding-bottom: 0.7rem;
    color: #acacac;
    font-size: 1.4rem;
    line-height: 3.9rem;
}

#dashboardFriends .db-box-head {
    line-height: 4.3rem;
}

#dashboardRewards .db-box-head {
    height: 3.3rem;
    line-height: 3.7rem;
}

.db-box-head i {
    float: left;
    position: relative;
    display: inline-block;
    margin-right: 0.7rem;
    font-size: 2.7rem;
    line-height: 3rem;
}

.db-box-head span {
    position: relative;
    display: inline-block;
}

.dbbh-link {
    float: right;
    position: relative;
    text-decoration: none;
}

.db-box-inner {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 2rem;
}

#dashboardAnnouncementWrap {
    display: none;
    position: relative;
    float: right;
    width: 100%;
    padding: 2rem 1rem 1rem;
}

#dashboardAnnouncement, #dashboardPurchase {
    min-height: 9.5rem;
}

#dashboardPurchase {
    margin-bottom: 4rem;
}

    #dashboardAnnouncement i, #dashboardPurchase i {
        position: absolute;
        top: 0.5rem;
        left: 1rem;
        font-size: 4rem;
        color: #e5e5e5;
        z-index: 1;
    }

        #dashboardAnnouncement i#daClose, #dashboardPurchase i#daPClose {
            left: auto;
            top: 1rem;
            right: 1rem;
            margin-top: 0;
            font-size: 1.7rem;
            color: #000000;
            cursor: pointer;
            z-index: 3;
        }

#dbpLeft {
    float: left;
    display: inline-block;
    margin: 0 5rem 0 8.3rem;
    padding-right: 3rem;
    text-align: center;
    border-right: 1px solid #e2e2e2;
}

#dbpClasses {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 0.5rem;
    padding: 0 0 0.5rem;
    font-size: 2.5rem;
    color: #606060;
}

    #dbpClasses:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background: #e2e2e2;
    }

    #dbpClasses span {
        font-size: 2.5rem;
        font-family: 'proxima_nova_rgbold';
        color: #bd2026;
    }

#dbpPackageSize {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.8rem;
    font-family: 'proxima_nova_rgregular';
    color: #606060;
    text-transform: lowercase;
    text-align: center;
}

    #dbpPackageSize span {
        position: relative;
        display: inline-block;
        font-family: 'proxima_nova_rgbold';
        text-transform: none;
    }

#dbpRight {
    float: right;
    display: inline-block;
}

#dashboardAnnouncement p, #dashboardPurchase p {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
    font-size: 1.8rem;
    color: #59595a;
    text-align: center;
    z-index: 2;
}

    #dashboardAnnouncement p.da-cta, #dashboardPurchase p.da-cta {
        margin: 0;
    }

.da-button {
    position: relative;
    display: block;
    max-width: 10.8rem;
    height: 3.6rem;
    margin: 0 auto;
    padding: 0 1rem;
    font-size: 1.9rem;
    line-height: 3.6rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff !important;
    text-align: center;
    border-radius: 0.5rem;
    background: #000000;
    cursor: pointer;
}

#dashboardPurchase .da-button {
    max-width: 20rem;
}

.da-button:hover {
    text-decoration: none;
}

#socialResultsAnnouncementWrap {
    position: relative;
    float: right;
    width: 100%;
    padding: 2rem 1rem 1rem;
}

#socialResultsAnnouncement {
    min-height: 9.5rem;
}

    #socialResultsAnnouncement i {
        position: absolute;
        top: 0.5rem;
        left: 1rem;
        font-size: 4rem;
        color: #e5e5e5;
        z-index: 1;
    }

        #socialResultsAnnouncement i#daClose {
            left: auto;
            top: 1rem;
            right: 1rem;
            margin-top: 0;
            font-size: 1.7rem;
            color: #000000;
            cursor: pointer;
            z-index: 3;
        }

    #socialResultsAnnouncement p {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 1rem 0;
        font-size: 1.8rem;
        color: #59595a;
        text-align: center;
        z-index: 2;
    }

        #socialResultsAnnouncement p.da-cta {
            margin: 0;
        }

.srda-button {
    position: relative;
    display: block;
    max-width: 10.8rem;
    height: 3.6rem;
    margin: 0 auto;
    padding: 0 1rem;
    font-size: 1.9rem;
    line-height: 3.6rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff !important;
    text-align: center;
    border-radius: 0.5rem;
    background: #000000;
    cursor: pointer;
}

    .srda-button:hover {
        text-decoration: none;
    }

#dashboardUser {
    position: relative;
    display: block;
    width: 75%;
    margin: 0 auto 4.5rem;
    padding-bottom: 3rem;
    z-index: 1;
}

#duImageWrap {
    position: relative;
    display: block;
    width: 21rem;
    height: 21rem;
    margin: 0 auto;
    background: url('/WebPortal/profileImgBg');
    -webkit-border-radius: 50%;
    border-radius: 50%; /*border:5px solid #e0e0e0;background:#000000;*/
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    overflow: hidden;
    z-index: 2;
}

    #duImageWrap img.du-img {
        position: relative;
        display: block;
        max-width: 100%;
        width: auto;
        max-height: 100%;
        height: auto;
        margin: 0 auto;
    }

    #duImageWrap img.du-empty {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: auto;
        margin: 0 auto;
    }

#duUsernameWrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7rem;
    text-align: center;
    background: transparent url('/images/du-username-wrap.png')no-repeat center center;
    background-size: contain;
    z-index: 3;
}

#duUsername {
    position: relative;
    display: block;
    width: 100%;
    height: 4.8rem;
    font-size: 1.8rem;
    line-height: 5.7rem;
    color: #acacac;
    text-align: center;
}

#duEditProfile {
    position: relative;
    display: inline-block;
    margin: 1rem 0 0 -0.5rem;
    font-size: 1.66rem;
    color: #acacac;
    text-align: center;
}

    #duEditProfile:after {
        content: '|';
        position: relative;
        display: inline-block;
        margin: 0 0.3rem 0 0.5rem;
    }

#duEditProfileImg {
    position: relative;
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1.66rem;
    color: #acacac;
    text-align: center;
}

#dashboardFriends {
    position: relative;
    display: block;
    padding-bottom: 5rem;
}

#dfInner {
    position: relative;
    display: block;
    width: 100%;
    height: 12.7rem;
    overflow: hidden;
    text-align: center;
}

.df-friend {
    position: relative;
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    margin: 0 5% 1.55rem 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 2.4rem;
    overflow: hidden;
}

    .df-friend:nth-of-type(3n+0) {
        margin-right: 0;
    }

    .df-friend img {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

#dfViewAll {
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    display: block;
    width: 100%;
    height: 2.5rem;
    font-size: 1.66rem;
    color: #4a494a;
    text-align: center;
    cursor: pointer;
}

    #dfViewAll i {
        font-size: 1.3rem;
    }

#dashboardRewards {
    position: relative; /*padding:3.5rem 3rem;*/
    z-index: 1;
}

    #dashboardRewards .i {
        position: relative;
        display: block;
        width: 100%;
        font-style: italic;
        font-size: 1.66rem;
        line-height: 1.72rem;
        color: #666766;
        text-align: center;
    }

    #dashboardRewards #drTopVal.i {
        margin-bottom: 2rem;
        font-size: 1.7rem;
        line-height: 2.05rem;
        color: #000000;
    }

#drTrophy {
    position: relative;
    width: 100%;
    height: 9.8rem;
    background: transparent url('/images/drTrophy.png')no-repeat top center;
    background-size: contain;
    z-index: 2;
}

#drVal {
    position: absolute;
    bottom: 1.5rem;
    left: 2.5rem;
    right: 2.5rem;
    height: 3.3rem;
    font-size: 2.5rem;
    font-family: 'proxima_nova_rgbold';
    color: #000000;
    text-align: center;
    z-index: 3;
}

#drLabel {
    position: absolute;
    bottom: 0;
    left: 4rem;
    right: 4rem;
    height: 1rem;
    font-size: 1.66rem;
    color: #666766;
    text-align: center;
    z-index: 3;
}

#dashboardRewards .da-button {
    max-width: 49%;
    margin-top: 2rem;
}

    #dashboardRewards .da-button.gr {
        background: #c4c4c3;
    }

#dncRow {
    position: relative;
    display: table;
    table-layout: fixed;
    max-width: 62.5rem;
    width: 100%;
    height: 12rem;
    margin: 0 auto;
    border-radius: 1.5rem;
    box-shadow: 7px 7px 1px #e4e6e7;
    background: #f4f4f4;
    background-clip: padding-box;
}

.dnc-col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height: 100%;
    text-align: center;
    border-right: 2px solid #fff;
}

#dncColLast.dnc-col {
    display: none;
}

#dncRow .dnc-col:nth-of-type(5) {
    border-right: 0 none;
}

.dnc-col i {
    font-size: 2.5rem;
    color: #c4c4c4;
}

    .dnc-col i.fa {
        margin: 0.5rem auto 1rem;
    }

    .dnc-col i.faclasstype {
        position: relative;
        display: block;
        max-width: 70%;
        margin: 0.5rem auto 1.5rem;
    }

.dnc-col:nth-of-type(2) i.faclasstype {
    margin-bottom: 0;
}

.dnc-col i img {
    position: relative;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.dnc-col:nth-of-type(2) i img {
    max-width: 5rem;
    border-radius: 50%;
}

.dncc-value {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    color: #acacac;
}

#dncUpcoming {
    position: relative;
    width: 100%;
    margin: 2rem auto;
    font-size: 1.8rem;
    text-align: center;
}

.dncu-label {
    position: relative;
    display: block;
    margin: 0 auto;
    font-family: 'proxima_nova_rgbold';
    color: #acacac;
    clear: both;
}

.dncu-val {
    position: relative;
    display: inline-block;
    margin: 0 1rem;
    color: #acacac;
}

    .dncu-val span {
        color: #000000;
    }

#dashboardCredits h3 {
    font-size: 1.8rem;
    font-family: 'proxima_nova_rgbold';
    color: #acacac;
    text-align: left;
}

.dc-row {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 4rem;
    border-radius: 0.8rem;
    background: #e8e8e8;
    background-clip: padding-box;
}

.dcr-col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    padding: 0 2rem;
    font-size: 1.8rem;
    color: #acacac;
    text-align: left;
}

.dc-row .dcr-col:nth-of-type(2) {
    text-align: right;
}

#drTabsNav {
    position: absolute;
    top: 4rem;
    left: 50%;
    display: block;
    min-width: 17.1rem;
    margin-left: -8.5rem;
}

    #drTabsNav li {
        position: relative;
        display: inline-block;
    }

        #drTabsNav li:nth-of-type(1):after {
            content: '|';
            float: right;
            position: relative;
            display: inline-block;
            margin: 0 0.5rem 0 0.9rem;
            color: #000000;
        }

        #drTabsNav li:nth-of-type(2):after {
            content: '|';
            float: right;
            position: relative;
            display: inline-block;
            margin: 0 0.5rem 0 0.9rem;
            color: #000000;
        }

        #drTabsNav li a {
            color: #acacac;
        }

        #drTabsNav li.ui-state-active a {
            color: #000000;
        }

#drTabs {
    margin-bottom: 0;
    padding-top: 2.75rem;
}

.dr-donut {
    float: left;
    position: relative;
    display: inline-block; /*min-width:25rem;*/
    width: 100%;
    overflow: visible !important;
}

    .dr-donut h2 {
        margin: 3rem 0 -3rem 0;
        font-weight: normal;
        font-size: 1.8rem;
        font-family: 'proxima_nova_rgregular';
        color: #606060;
        text-transform: none;
        text-align: center;
    }

    .dr-donut .zc-top:before {
        content: "\f21e";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5rem;
        height: 5rem;
        margin: -0.7rem 0 0 -2.6rem;
        font-size: 5rem;
        line-height: 5rem;
        font-family: 'FontAwesome';
        color: #c4c4c3;
    }

    .dr-donut .zc-top.donut-bike:before {
        content: "\f206";
        width: 6.5rem;
        margin: -1rem 0 0 -3.3rem;
    }

.wpprv2g-zing2 .zc-top.donut-rower:before {
    content: '' !important;
    background: transparent url('/images/uc-col-equip-rower.png')no-repeat center center !important;
    background-size: 95% !important;
    width: 6.5rem;
    margin: -1rem 0 0 -3.3rem;
}

#drlmDonut-top, #drlwDonut-top {
    margin: 0 auto;
}

.dr-stats {
    float: right;
    position: relative;
    display: inline-block;
    width: 100%;
}

.drs-col {
    float: left;
    position: relative;
    display: inline-block;
    width: 47.75%;
    height: 10rem;
    margin: 0 4.5% 2.5% 0;
}

    .drs-col:nth-of-type(2n+0) {
        margin-right: 0;
    }

    .drs-col:nth-of-type(5), .drs-col:nth-of-type(6) {
        margin-bottom: 0;
    }

.dr-stats i {
    position: relative;
    display: block;
    width: 4.2rem;
    margin: 0 auto;
    font-size: 4.2rem;
    color: #c4c3c3;
    text-align: center;
}

    .dr-stats i.facalories {
        width: 4.2rem;
        height: 4.2rem;
        background: transparent url('/images/fa-calories.png')no-repeat center center;
        background-size: contain;
    }

    .dr-stats i.facount {
        width: 4.2rem;
        height: 4.2rem;
        background: transparent url('/images/uc-col-equip-spot.png')no-repeat center center;
        background-size: contain;
    }

.drsc-label {
    position: relative;
    display: block;
    font-size: 1.3rem;
    color: #acacac;
    text-transform: lowercase;
    text-align: center;
    clear: both;
}

.drsc-val {
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-family: 'proxima_nova_rgbold';
    color: #000000;
    text-align: center;
}

    .drsc-val span {
        color: #C4C3C3;
    }

#dcdLoading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url('/WebPortal/customLoading')no-repeat center center;
    background-size: contain;
}
/** Upload Profile Image **/
html#uploadHTML {
    font-size: 62.5%;
}

.pg-wp-upload {
    padding: 0.5rem;
}

    .pg-wp-upload h1 {
        margin-top: 0;
        font-size: 2.8rem;
        line-height: 3.6rem;
        font-family: 'proxima_nova_rgbold';
    }

#avatar-upload-box {
    position: relative;
    width: 100%;
}

#avatarFile {
    display: none;
}

.sfi-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 4.1rem;
    border: 0 none;
    outline: none;
    overflow: hidden;
}

    .sfi-wrapper .sfi-filename {
        float: left;
        position: relative;
        display: inline-block;
        width: 17.5rem;
        height: 3.6rem;
        padding: 0 1rem;
        font-size: 1.9rem;
        line-height: 3.6rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        text-transform: lowercase;
        box-shadow: 5px 5px 1px #e4e6e7;
        border-radius: 0.5rem;
        border: 1px solid #000000;
        background: #000000;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
    }

    .sfi-wrapper .sfi-msg {
        position: relative;
        display: inline-block;
        height: 3.6rem;
        margin-left: 1.5rem;
        font-size: 1.4rem;
        line-height: 4rem;
    }

    .sfi-wrapper.sfi-err .sfi-msg {
        color: #f00;
    }

.upload-file-notice {
    position: relative;
    display: block;
    width: 100%;
    margin: 0.5rem 0 1rem;
    font-size: 1.2rem;
}

.upload-progress {
    float: left;
    position: relative;
    display: block;
    max-width: 100%;
    width: 30rem;
    height: 2.2rem;
    margin: 0 0 2rem;
    border: 1px solid #000000;
}

.upload-percent-value {
    top: 0;
    left: 1rem;
    padding: 0;
    font-size: 1.5rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
}

    .upload-percent-value.pre-val {
        color: #000000;
    }

.upload-percent-bar {
    background-color: #000000;
}

#avatar-crop-box {
    position: relative;
    width: 100%;
    z-index: 1;
}

#avatarDelete {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30rem;
    height: 2.5rem;
    margin-left: -15rem;
    text-align: right;
    font-size: 2.5rem;
    line-height: 2rem;
    color: #000000;
    z-index: 3;
    cursor: pointer;
}

    #avatarDelete i {
        position: absolute;
        top: -1rem;
        right: -1rem;
        z-index: 4;
    }

        #avatarDelete i:before {
            text-shadow: 1px 1px 5px #fff;
        }

#crop-avatar-target {
    position: relative;
    display: block;
    max-width: 100%;
    width: 30rem;
    height: auto !important;
    z-index: 2;
}

    #crop-avatar-target.pre-upload {
        margin: 0 auto;
    }

#preview-pane {
    display: none !important;
    top: 0 !important;
    left: 32rem !important;
    right: auto !important;
}

.jcrop-holder {
}

    .jcrop-holder #preview-pane {
        display: block !important;
    }

#preview-pane .preview-container {
    width: 30rem !important;
    height: 30rem !important;
}

#avatar-result h2 {
    text-align: center;
}

#avResultImg {
    display: block;
    margin: 0 auto;
}

#saveAv {
    position: relative;
    margin-top: 3rem;
    margin-left: 100px;
    text-transform: lowercase;
    box-shadow: 5px 5px 1px #e4e6e7;
    border: 0 none;
}

#ppcResults #saveAv {
    text-transform: none;
    box-shadow: 0 0 0 #fff;
}
/** Profile **/
.wp-profile-content h2 {
    text-align: center;
}
/* Register */
.pg-wp-register {
    background: #fff !important;
}

#jsErrorWrap {
    display: none;
    position: relative;
    width: 100%;
    font-size: 1.6rem;
}

#regReqTxt {
    font-size: 1.6rem;
    font-family: 'proxima_nova_rgbold';
}

.req-lg {
    font-size: 1.4rem;
}

.wp-register h1 {
    font-size: 2.5rem;
    color: #5E5E5E;
    text-align: center;
}

.register_main .fa-asterisk {
    float: left;
    display: inline-block;
    margin: 0.3rem 0.5rem 0 0;
    font-size: 1.4rem;
    color: #f00;
}

.register_main h2 {
    text-transform: uppercase;
}

.register_main h3 {
    margin: 2.8rem 0 2rem;
    font-size: 2rem;
    color: #000000;
    text-align: left;
}

.register_main h4 {
    margin: 2rem 0 1rem;
    font-size: 1.7rem;
    color: #444;
}

.reg-form-section {
    position: relative;
    display: block;
    max-width: 67rem;
    width: 100%;
    margin: 0 auto;
}

.reg-form-icon {
    float: left;
    position: relative;
    display: inline-block;
    width: 11.5rem;
}

    .reg-form-icon img {
        position: relative;
        display: block;
        margin-top: 6.5rem;
    }

.reg-form-content {
    float: left;
    position: relative;
    display: inline-block;
    width: /*calc(100% - 11.5rem)*/ 100%;
}

.reg-form-content-callout {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    margin: 3rem auto 3.3rem;
    padding: 0 1rem 1.5rem;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.rfc-label {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    color: #444444;
}

#edit-profile-use-loyalty-wrapper .rfc-label {
    margin-top: 0.6rem;
}

#edit-email-optin-wrapper .rfc-label, #edit-terms-wrapper .rfc-label, #edit-mobile-optin-wrapper .rfc-label {
    margin-top: 1.8rem;
}
/*#edit-profile-use-loyalty-wrapper .rfc-label input[type="checkbox"], #edit-email-optin-wrapper .rfc-label input[type="checkbox"], #edit-terms-wrapper .rfc-label input[type="checkbox"] {float:left;position:relative;display:inline-block;width:2rem !important;height:2rem;margin:0 0.5rem 0 0;}*/
.reg-form-content input.txt-input[type="text"]:-webkit-autofill, .reg-form-content input.txt-input[type="password"]:-webkit-autofill {
    position: relative;
    display: block;
    width: 100%;
    height: 3.4rem !important;
    margin: 0;
    padding: 0 1rem;
    font-size: 1.6rem !important;
    font-family: 'proxima_nova_rgbold' !important;
    color: #000000;
    -webkit-text-fill-color: #000000;
    border-radius: 0.3rem;
    border: 0 none;
    background: #E8E8E8 !important;
    z-index: 2;
}

.reg-form-content input.txt-input[type="text"]:-webkit-autofill, .reg-form-content input.txt-input[type="password"]:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important;
    background: transparent none !important;
}

.reg-form-content input.txt-input.fin[type="text"]:-webkit-autofill, .reg-form-content input.txt-input[type="password"]:-webkit-autofill {
    background: transparent none !important;
}

.reg-form-content .show-label {
    margin: -0.4rem 0 0 !important;
}

    .reg-form-content .show-label span {
        line-height: 1.7rem;
    }

.reg-form-content #registerPageButton {
    float: none;
    display: block;
    width: 22.4rem;
    height: 4.2rem;
    margin: 4.8rem auto;
}

    .reg-form-content #registerPageButton button {
        height: 4.2rem;
        font-size: 1.8rem;
        line-height: 4.2rem;
        border-radius: 0.3rem;
    }

.register_main fieldset {
    margin: 0 0 2.5rem 0;
    border: 1px solid #c0c0c0;
    background: #f1f1f1;
}

.wp-profile-content .register_main fieldset {
    width: 75%;
    margin: 0 auto 2.5rem;
}

.form-item, .birthday-fields {
    float: left;
    position: relative;
    width: 50%;
    z-index: 1;
}

.reg-form-content .form-item, .reg-form-content .birthday-fields {
    width: 47%;
}

    .form-item:nth-of-type(2n+0), .reg-form-content .form-item:nth-of-type(2n+0), #edit-profile-emergency-phone-wrapper.form-item, #pscAddFormWrap .form-item#edit-profile-state-wrapper {
        float: right;
    }

#pscAddFormWrap .form-item#edit-profile-city-wrapper {
    float: left;
}

#edit-profile-emergency-name-wrapper.form-item, #referralDiv.form-item {
    float: left;
}

.reg-form-content #edit-profile-contact-phone-wrapper.form-item {
    float: left;
}

.reg-form-content #edit-profile-gender-wrapper.form-item {
    height: 6.8rem !important;
}

#registerFormFields .form-item input.txt-input, #registerFormFields .birthday-fields input.txt-input, .form-input select, .birthday-fields select, #registerFormFields .form-item select, #SCREENNAME, .form-item .txt-input, .form-item select {
    max-width: 30rem;
    width: 100% !important;
    height: 3.4rem;
    margin: 0 0 1rem 0 !important;
    padding: 1rem 1rem 1rem 3.2rem;
    font-size: 1.6rem !important;
    color: #444;
    border-radius: 0.3rem;
    border: 1px solid #E8E8E8 !important;
    background-color: #E8E8E8 !important;
    z-index: 3;
    transition: all linear 0.3s;
}

#registerFormFields .form-item input#MONITOR.txt-input {
    width: calc(100% - 5.2rem) !important;
    margin-right: 0.5rem !important;
}

#registerFormFields .device-id-edit, #registerFormFields .device-id-delete, #registerFormFields .device-id-delete-placeholder {
    position: relative;
    display: inline-block;
    margin-top: 0.7rem;
    margin-left: 0.5rem;
}

#registerFormFields .device-id-delete-placeholder {
    color: white;
}

.wp-profile-content #registerFormFields .form-item input.txt-input, .wp-profile-content #registerFormFields .form-item select, .wp-profile-content #SCREENNAME {
    width: 85%;
    font-family: 'proxima_nova_rgregular' !important;
    color: #404041;
    background-color: #fff !important;
}

.pref_item.checkbox .form-item, #edit-profile-address-1-wrapper.form-item, #edit-profile-address-2-wrapper.form-item, #edit-email-optin-wrapper.form-item, #edit-mobile-optin-wrapper.form-item, #edit-terms-wrapper.form-item, #edit-submit-wrapper.form-item {
    width: 100% !important;
}

    #edit-profile-address-1-wrapper.form-item input.txt-input, #edit-profile-address-2-wrapper.form-item input.txt-input {
        max-width: 100% !important;
        width: 65.5rem !important;
    }

.wp-profile-content #edit-profile-address-1-wrapper.form-item input.txt-input, .wp-profile-content #edit-profile-address-2-wrapper.form-item input.txt-input {
    width: 92.5% !important;
}

.form-input select, .form-item select { /*padding:0.5rem 1rem !important;*/
    padding: 0 1rem !important;
    background-color: #E8E8E8 !important;
}

.form-item input[type="checkbox"] {
    float: left;
    display: inline-block;
    width: 13px !important;
    height: 13px;
    margin: 0 1rem 0 0;
}

#registerFormFields .form-item input.txt-input.fin {
    padding: 2rem 1rem 0.5rem 3.2rem !important; /*height:6.2rem !important;padding:2.7rem 1rem 0.5rem 2.7rem !important;*/
    font-size: 1.7rem !important;
    font-family: 'proxima_nova_rgbold' !important;
    color: #000000 !important;
    background-color: #fff !important;
}

.fmctl-WebPortal.fmact-Profile #registerFormFields .form-item input.txt-input {
    height: 4.5rem !important;
}

    .fmctl-WebPortal.fmact-Profile #registerFormFields .form-item input.txt-input.fin {
        font-size: 1.6rem !important;
        font-family: 'proxima_nova_rgregular' !important;
        color: #404041 !important;
    }

#registerFormFields .form-item select.fin, #referralDiv select.fin, #pscAddFormWrap .form-item .txt-input.fin, #pscAddFormWrap select.fin {
    padding: 0 1rem !important; /*padding:1.5rem 1rem 0.5rem 0.6rem !important;*/ /*height:6.2rem !important;padding:2.7rem 1rem 0.5rem 2.3rem !important;*/
    font-size: 1.7rem !important;
    font-family: 'proxima_nova_rgbold' !important;
    color: #000000 !important;
    background-color: #fff !important;
}

.wp-profile-content #registerFormFields .form-item select.fin, .wp-profile-content #referralDiv select.fin {
    padding: 1.5rem 1rem 0.5rem 0.6rem !important;
    font-family: 'proxima_nova_rgregular' !important;
    color: #404041;
}

.reg-form-content input.txt-input[type="text"], .reg-form-content input.txt-input[type="password"], #registerFormFields .reg-form-content .form-item input.txt-input.fin {
    padding: 0 1rem !important;
    background-image: none !important;
}

.form-item label.option {
    display: inline-block;
    height: 13px;
    line-height: 13px;
}

#weightTT {
    font-size: 1.9rem;
    opacity: 0.5;
}

    #weightTT:hover {
        opacity: 1;
    }
/*.ieLabel {display:none !important;position:relative;width:100%;clear:both;}*/
.reg-label {
    position: absolute;
    top: 1.3rem;
    left: 3.3rem;
    display: none;
    height: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.4rem;
    font-family: 'proxima_nova_rgregular';
    color: #404041;
    z-index: 2;
    transition: all linear 0.3s;
}

#edit-profile-gender-wrapper .reg-label {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin-bottom: -1rem;
    line-height: 1.4em;
    clear: both;
}

.form-item.birthday-fields .reg-label, #edit-profile-weight-wrapper .reg-label, #edit-profile-heartrate-wrapper .reg-label {
    top: 1.4rem;
}

    .form-item.birthday-fields .reg-label.fin, #edit-profile-weight-wrapper .reg-label.fin, #edit-profile-heartrate-wrapper .reg-label.fin {
        top: 0.5rem;
    }

.form-item .reg-label.fin, .form-item .reg-label.fin {
    display: block !important;
    top: 0.5rem;
    font-size: 1.2rem;
}

.form-item select.fin + .reg-label.fin {
    left: 1rem;
}

#edit-profile-gender-wrapper label:not(.rfc-label), #edit-profile-rental-wrapper label {
    float: left;
    display: inline-block;
    margin-right: 15px;
    font-size: 1.8rem;
    line-height: 53px;
    color: #444444;
    text-align: left;
}

.reg-form-content #edit-profile-gender-wrapper label, #edit-profile-rental-wrapper label {
    line-height: initial;
}

    .reg-form-content #edit-profile-gender-wrapper label:not(.rfc-label), #edit-profile-rental-wrapper label:not(.rfc-label) {
        position: relative;
        font-size: 1.6rem;
        line-height: 4rem;
    }
/*#edit-profile-gender-wrapper label input[type="radio"] {float:left;display:inline-block;width:13px !important;margin:16px 5px 0 0;}
    .reg-form-content #edit-profile-gender-wrapper label input[type="radio"] {width:20px !important;height:20px !important;margin:9px 5px 0 0;}
    .reg-form-content #edit-profile-gender-wrapper label input[type="radio"]:checked {background:#000000 !important;}*/
.register_main #CITY, .register_main #ZIP, #MONITOR, #registerFormFields .form-item input#CITY.fin, #registerFormFields .form-item input#ZIP.fin, #registerFormFields .form-item input#MONITOR.fin, #registerFormFields .form-item input#WEIGHT.fin {
    background-image: none !important;
    padding-left: 1rem !important;
}

    .register_main #CITY + .reg-label, .register_main #ZIP + .reg-label, #MONITOR + .reg-label, #WEIGHT + .reg-label {
        left: 1.1rem !important;
    }

@media screen and (min-width:0\0) {
    #edit-profile-first-name-wrapper .reg-label, #edit-profile-last-name-wrapper .reg-label, #edit-profile-address-1-wrapper .reg-label, #edit-profile-address-2-wrapper .reg-label {
        top: 1.4rem;
    }

    #edit-profile-weight-wrapper .reg-label, #edit-profile-heartrate-wrapper .reg-label {
        top: 1.3rem;
    }

    #COUNTRY::-ms-expand, #STATE::-ms-expand {
        display: none;
    }

    #COUNTRY:focus::-ms-value, #STATE:focus::-ms-value {
        background: transparent;
        color: #222;
    }
}

#pwordHideProf {
    position: absolute;
    top: 0rem;
    left: 0;
    display: block;
    min-width: 5.1rem;
    height: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: 'proxima_nova_rgregular';
    color: #404041;
    text-align: left;
    background: #fff;
    z-index: 4;
    transition: all linear 0.3s;
}

.reg-form-content #pwordHideProf {
    top: 3.5rem;
    left: 1rem;
    font-size: 1.6rem;
    font-family: 'proxima_nova_rgbold';
    color: #000000;
    background: #E8E8E8;
}

    .reg-form-content #pwordHideProf.fin {
        background: #fff;
    }

#pwordHideProf.hide {
    display: none;
    transition: all linear 0.3s;
}

.register_content {
    font-family: proxima_nova_rgregular;
}

.wp-profile-content .register_content {
    margin: 3rem auto !important;
}

.pref_item {
    float: left;
    width: 100%;
    margin-bottom: 1.5rem;
}

.register_main .submit_form .button.special, .customer-inner #registerbtn .button.special {
    margin-top: 2rem;
    padding: 0.5rem;
}

.reg-form-content input[type="radio"]:not(.no-cover) {
    position: absolute;
    top: 1.2rem;
    left: 0.3rem;
    width: 1px !important;
    height: 1px !important;
    z-index: -1;
}

#profileEdit .reg-form-content input[type="radio"].no-cover {
    float: left;
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    width: 2rem !important;
    height: 2rem;
    margin: 0.8rem 1rem 0 0;
}

.reg-form-content .radio-cover {
    float: left;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin: 0.9rem 0.5rem 0 0;
    border-radius: 50%;
    border: 1px solid #E8E8E8;
    background: #E8E8E8;
}

.reg-form-content input[type="radio"]:checked + .radio-cover {
    float: left;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #000000;
    background: #000000;
}

.reg-form-content input[type="checkbox"] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 1px;
    height: 1px;
    z-index: -1;
    opacity: 0;
}

.check-cover {
    float: left;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin: 0 2rem 0 0;
    border: 1px solid #E8E8E8;
    background: #E8E8E8;
}

input[type="checkbox"]:checked + .check-cover, input[type="checkbox"]:checked + input + .check-cover {
    border: 1px solid #000000;
    background: #000000;
}

    input[type="checkbox"]:checked + .check-cover:before, input[type="checkbox"]:checked + input + .check-cover:before {
        content: '\f00c';
        position: absolute;
        top: -0.1rem;
        left: 0.2rem;
        width: 1.4rem;
        height: 1.4rem;
        font-size: 1.4rem;
        font-family: 'FontAwesome';
        color: #fff;
    }

.filt_class {
    width: 150px;
}

.lastClassLink {
    float: left;
    margin-left: 10px;
}

    .lastClassLink a {
        font-size: 1.8rem;
    }

.nextClassLink {
    float: right;
    margin-right: 10px;
}

    .nextClassLink a {
        font-size: 1.8rem;
    }

.classNameHeader {
    float: left;
    margin-left: 27px;
}

    .classNameHeader h1 {
        text-align: center;
    }
/* Cross Browser Selects */
.form-input select, .birthday-fields select, .form-item select, #HEIGHTFEET, #HEIGHTINCHES, #SHOESIZE, #REFERRAL {
    border: 1px solid #111;
    background: transparent;
    width: 90%;
    padding: 0px 35px 0px 10px !important;
    font-size: 13px;
    height: 37px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/css/images/reg-sel-bg.png) !important;
    background-position: 98% 49% !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
}

select::-ms-expand {
    display: none;
}

#SHOESIZE {
    float: left;
    display: block;
}

#edit-profile-rental-wrapper {
    width: 100%;
    clear: both;
}

    #edit-profile-rental-wrapper .check-cover {
        margin-top: 1rem !important;
    }

    #edit-profile-rental-wrapper input[type="checkbox"]:checked + input + .check-cover:before {
        top: -1.1rem;
    }

.wp-profile-content #edit-profile-rental-wrapper #SHOERENTAL {
    margin-top: 1.25rem;
}

.form-item .txt-input.ti-safari {
    padding: 0 1rem 0 3.2rem;
}
/** My Profile **/
#myProfileWrap {
    position: relative;
    border: 0 none;
    z-index: 1;
}

#mpToggle {
    position: relative;
    padding: 1rem 0 0 2.5rem;
    color: #000000;
    z-index: 3;
}

    #mpToggle:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0.5rem;
        width: 1.6rem;
        height: 0;
        margin-top: -0.3rem;
        box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
    }

.my-profile-nav-wrap {
    position: absolute;
    top: 2.6rem;
    left: -100%;
    transition: left linear 0.5s;
    z-index: 3;
}

    .my-profile-nav-wrap.on {
        left: 0;
    }

#mpmwList {
    position: relative;
    width: 30rem;
    margin: 0;
    padding: 0.5rem 0;
    border-radius: 1rem;
    border: 1px solid #e8e8e8;
    background: #fff;
}

    #mpmwList li {
        position: relative;
        display: list-item;
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0 none !important;
        outline: 0 none !important;
        background: #fff !important;
    }

        #mpmwList li.ui-state-active {
            background: #e8e8e8 !important;
        }

            #mpmwList li.ui-state-active:after {
                content: '';
                position: absolute;
                top: 0.8rem;
                right: -1.5rem;
                width: 0;
                height: 0;
                border-top: 1.3rem solid transparent;
                border-left: 2rem solid #e8e8e8;
                border-bottom: 1.3rem solid transparent;
            }

        #mpmwList li a {
            position: relative;
            display: block;
            padding: 0.5rem 1rem;
            font-size: 1.8rem;
            line-height: 3.3rem;
            color: #555658;
            outline: 0 none !important;
        }

        #mpmwList li.ui-state-active a {
            font-size: 1.9rem;
            line-height: 3.3rem;
            font-family: 'proxima_nova_rgbold';
        }

        #mpmwList li a img, #mpmwList li a i {
            float: left;
            position: relative;
            display: inline-block;
            width: 2rem;
            height: auto;
            margin: 0 2rem 0 1rem;
            line-height: 3.5rem;
        }

        #mpmwList li:nth-of-type(1) a img {
            margin-top: 0.6rem;
        }

        #mpmwList li:nth-of-type(2) a img {
            margin-top: 0.6rem;
        }

        #mpmwList li:nth-of-type(3) a i {
            margin-left: 1.2rem;
            margin-right: 2.3rem;
        }

        #mpmwList li:nth-of-type(4) a i {
            margin-left: 1.4rem;
            margin-right: 2.4rem;
        }

        #mpmwList li:nth-of-type(5) a img {
            margin-top: 0.6rem;
        }

        #mpmwList li:nth-of-type(6) a img {
            margin-top: 0.6rem;
        }

        #mpmwList li:nth-of-type(7) a img {
            margin-top: 0.6rem;
        }

        #mpmwList li a[href="#profileFriends"] img {
            width: auto;
            height: 2rem;
            margin-top: 0.6rem;
            margin-left: 1.5rem;
            margin-right: 2.5rem;
        }

        #mpmwList li:nth-of-type(9) a i {
        }

        #mpmwList li a span {
            position: relative;
            display: inline-block;
        }

#profViewDash {
    position: relative;
    display: block;
    width: 20rem;
    height: 4.2rem;
    margin: 4.2rem 0 0 1.5rem;
    font-size: 1.8rem;
    line-height: 4.2rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    border-radius: 0.5rem;
    background: #000000;
}

.my-profile-content-wrap {
    position: relative;
    width: 100%;
    z-index: 2;
}

    .my-profile-content-wrap .validation-summary-success {
        line-height: 4.2rem;
    }

    .my-profile-content-wrap #showPword, .my-profile-content-wrap #SCREENOPTIN, .my-profile-content-wrap #USEPROFILEZONES {
        top: 0.3rem;
        left: 0.3rem;
        width: 1px !important;
        height: 1px !important;
        margin: 0;
        opacity: 0;
    }

    .my-profile-content-wrap input[type="checkbox"]:checked + .check-cover:before, .my-profile-content-wrap input[type="checkbox"]:not(#EMAILOPTIN):checked + input + .check-cover:before {
        top: -0.7rem;
    }

    .my-profile-content-wrap .show-label span {
        line-height: 2.5rem;
    }

    .my-profile-content-wrap .reg-form-section {
        margin: 0;
    }

    .my-profile-content-wrap .ui-tabs-panel {
        border: 1px solid #E8E8E8 !important;
    }

        .my-profile-content-wrap .ui-tabs-panel .reg-form-section:nth-of-type(1) h3:nth-of-type(1) {
            margin-top: 0;
        }

#profilePhotosTabs {
    padding: 0;
    border: 0 none;
}

    #profilePhotosTabs .ui-tabs-panel {
        padding: 2.85rem 0 0;
        border: 0 none !important;
    }

#profilePhotosCTAS {
    float: left;
    margin-left: 5%;
}

    #profilePhotosCTAS li {
        position: relative;
        display: list-item;
        width: 31rem;
        height: 7rem;
        margin: 0 0 0.8rem;
        padding: 1rem;
        line-height: 2rem;
        border-radius: 1rem;
        background: #fff;
        cursor: pointer;
    }

        #profilePhotosCTAS li:hover {
            background: #e8e8e8;
        }

        #profilePhotosCTAS li:nth-of-type(3) {
            padding-top: 0;
            padding-bottom: 0;
        }

            #profilePhotosCTAS li:nth-of-type(3):hover {
                background: #fff;
            }

    #profilePhotosCTAS .upload-file-notice {
        font-size: 1.5rem;
        color: #606060;
    }

    #profilePhotosCTAS .chosen {
        float: none;
        display: block;
        margin: 0 auto;
    }

    #profilePhotosCTAS li a, #ptDesc {
        position: relative;
        display: block;
        padding: 0.5rem 0 0;
        font-size: 1.8rem;
        color: #000000;
        text-decoration: none !important;
    }

.ppc-desc {
    position: relative;
    display: block;
    max-width: 100%;
    width: 35.8rem;
    margin: 0 0 4rem 9.1rem;
    line-height: 4rem;
    text-align: center;
}

.ppc-img {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0 2rem 0 0;
}

#profilePhotosContent {
    float: left;
    position: relative;
    z-index: 1;
}

    #profilePhotosContent .upload-progress {
        position: relative;
        height: 3rem;
        margin: 1.5rem 0 2.5rem;
        border-radius: 0.5rem;
        border: 5px solid #E8E8E8 !important;
        background: #e8e8e8;
        z-index: 2;
    }

        #profilePhotosContent .upload-progress.err:before {
            content: '';
            position: absolute;
            top: -3.5rem;
            left: -4rem;
            display: block;
            width: 6.9rem;
            height: 7rem;
            background: url('../../images/upload-progress-before.png');
            z-index: 1;
        }

        #profilePhotosContent .upload-progress .upload-percent-bar {
            position: absolute;
            border-radius: 0.3rem;
            background: #88C440 !important;
            z-index: 2;
        }

        #profilePhotosContent .upload-progress .upload-percent-value {
            position: relative;
            width: 100% !important;
            padding-left: 0 !important;
            text-align: center;
            z-index: 3;
        }

            #profilePhotosContent .upload-progress .upload-percent-value.err.pre-val {
                color: #fff !important;
            }

                #profilePhotosContent .upload-progress .upload-percent-value.err.pre-val + .upload-percent-bar {
                    width: 100% !important;
                    background: #DA1F26 !important;
                }

#ppcResults {
    float: left;
    position: relative;
    max-width: 100%;
    width: 30rem;
    min-height: 40rem;
    padding-bottom: 7.5rem;
}

    #ppcResults.pre-upload {
        width: 17.5rem;
        margin-right: 1.5rem;
    }

    #ppcResults #crop-avatar-target {
        display: none;
    }

        #ppcResults #crop-avatar-target.pre-upload {
            position: relative;
            display: block;
            width: 17.5rem;
            height: 17.5rem;
            border-radius: 8.75rem;
        }

.jcrop-holder {
    max-width: 100%;
    width: 48rem !important;
    background: rgba(255,255,255,0.5) !important;
}

    .jcrop-holder > div > div > .jcrop-tracker:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #fff;
        z-index: 361;
    }

#ppcResults #avatarDelete, #avatarDelete2 {
    float: left;
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin-left: 0;
    text-align: center;
    font-size: 1.5rem;
    color: #555658 !important;
    text-decoration: underline;
    text-align: center;
}

    #ppcResults #avatarDelete:hover, #avatarDelete2 {
        text-decoration: none;
    }

#ppcResults #avatarDelete {
    float: none;
    width: 17.5rem;
    margin: 0 auto;
}

#avatarDelete2 {
    float: none;
    width: 100%;
    text-align: center;
}

#profilePhotosContent .jcrop-holder {
    max-width: 30rem !important;
    width: 30rem !important;
    height: auto;
}

#ppcResults #preview-pane {
    display: none !important;
    border-radius: 50%;
    border: 0 none;
}

    #ppcResults #preview-pane .preview-container {
        border-radius: 50%;
    }

#prCtas {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7.5rem;
}

#ppcUpload, #ppcTake {
    display: none;
    float: left;
    position: relative;
    max-width: 100%;
    width: 30rem;
}

    #ppcUpload .sfi-wrapper .sfi-filename {
        width: 20rem;
        text-align: center;
        text-transform: none;
        box-shadow: 0 0 0 #fff;
    }

#ppcTake {
    width: 54rem;
}

#canvas {
    display: none !important;
}

#avResultImg {
    position: relative;
    display: block;
    width: 17.5rem;
    height: 17.5rem;
    border-radius: 15rem;
}

#profileSavedCC h2 {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 3.8rem;
    line-height: 4.5rem;
    font-family: 'proxima_novalight';
    color: #515251;
}

    #profileSavedCC h2 i {
        font-size: 2.8rem;
        color: #000000;
    }

    #profileSavedCC h2 span {
        position: relative;
        display: block;
        width: 100%;
    }

#profileSavedCC h3 {
    float: left;
    position: relative;
    display: inline-block;
    margin: 4.75rem 0 0 1rem;
    padding: 0 0 0 1rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-family: 'proxima_nova_rgregular';
    color: #606060;
    border-left: 1px solid #000000;
}

.psc-row {
    position: relative;
    display: block;
    width: 100%;
    height: 6.4rem;
    margin: 1.5rem 0 4.4rem 0;
    border-radius: 2rem;
    background: #E8E8E8;
}

#profileGiftCards .psc-row {
    margin: 0 0 1.5rem;
}

    #profileGiftCards .psc-row:nth-of-type(3) {
        margin: 1.5rem 0;
    }

.psc-row .cc-img-opts {
    float: left;
    position: relative;
    display: inline-block;
    padding: 1rem 1rem 1rem 2.5rem;
}

.psc-row .ccio {
    margin-right: 1rem;
}

.ccio-gc-val {
    float: left;
    position: relative;
    display: inline-block;
    width: 10rem;
    margin: 0 3rem 0 0;
    font-size: 3.8rem;
    line-height: 4.4rem;
    color: #454545;
}

.ccio-last-four, .ccio-balance {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0 0 0 1.5rem;
    font-size: 1.8rem;
    line-height: 4.4rem;
    color: #454545;
}

.ccio-balance {
    float: right;
    margin: 1rem 2.5rem 0 0;
}

    .ccio-last-four span, .ccio-balance span {
        font-family: 'proxima_nova_rgbold';
    }

.ccio-exp {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0 0 0 5rem;
    font-size: 1.8rem;
    line-height: 4.4rem;
    color: #454545;
}

    .ccio-exp.exp {
        color: #DA1F26;
    }

.psc-row #addSavedCCToggle, #snap, #cancel, #saveAv, #cancelAv {
    float: right;
    position: relative;
    display: block;
    width: 15rem;
    height: 4.4rem;
    margin: 1rem 2.5rem 0 0;
    font-size: 1.8rem;
    line-height: 4.4rem;
    font-family: 'proxima_nova_rgbold';
    color: #000000;
    text-align: center;
    text-decoration: none !important;
    border-radius: 0.5rem;
    border: 0 none;
    background: #fff;
}

#snap, #cancel, #saveAv, #cancelAv {
    float: none;
    display: inline-block;
    border: 1px solid #e8e8e8;
    margin: 3rem 2.5rem 0 0;
}

#snap {
    margin-left: 9.5rem;
}

#saveAv, #cancelAv {
    width: 13.5rem;
}

#cancelAv {
    margin-right: 0;
}

#savedCCDelete {
    float: right;
    position: relative;
    display: inline-block;
    margin: 1.7rem 2.5rem 0 0;
    font-size: 3rem;
    color: #454545;
    cursor: pointer;
}

#pscAddFormWrap {
    display: none;
    padding: 0 2.5rem;
}

    #pscAddFormWrap h4 {
        float: left;
        position: relative;
        display: block;
        width: 100%;
        margin: 5rem 0 1rem;
        font-size: 1.9rem;
        font-family: 'proxima_nova_rgregular';
        color: #000000;
        clear: both;
    }

    #pscAddFormWrap #edit-profile-ccname-wrapper {
        clear: right;
    }

    #pscAddFormWrap #edit-profile-ccdate-wrapper {
        float: left !important;
        clear: left;
    }

    #pscAddFormWrap #ccNum, #pscAddFormWrap #ccCVV, #pscAddFormWrap #ccName {
        padding-left: 0.5rem !important;
        background-image: none !important;
    }

    #pscAddFormWrap #ccCVV {
        max-width: 14rem;
    }

    #pscAddFormWrap i.fa-circle {
        font-size: 2.7rem;
        color: #E8E8E8;
    }

    #pscAddFormWrap i.fa-question {
        font-size: 1.7rem;
        color: #000000;
    }

#ccExp, #ccExpYr {
    float: left;
    position: relative;
    display: inline-block;
    max-width: 14rem;
    margin-right: 2rem !important;
}

#ccExpYr {
    margin-right: 0 !important;
}

#addSavedCC {
    float: left;
    position: relative;
    display: block;
    width: 20rem;
    height: 4.4rem;
    margin: 5rem 2.5rem 0 0;
    font-size: 1.8rem;
    line-height: 4.4rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    border-radius: 0.5rem;
    border: 1px solid #e8e8e8;
    background: #000000;
}

#addSavedPreferences {
    position: relative;
    display: block;
    width: 20rem;
    height: 4.4rem;
    margin: 5rem 0 0;
    font-size: 1.8rem;
    line-height: 4.4rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    border-radius: 0.5rem;
    border: 1px solid #e8e8e8;
    background: #000000;
}

#addSavedHR {
    position: relative;
    display: block;
    width: 20rem;
    height: 4.4rem;
    margin: 5rem 0 0;
    font-size: 1.8rem;
    line-height: 4.4rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    border-radius: 0.5rem;
    border: 1px solid #e8e8e8;
    background: #000000;
}

#pscAddFormWrap .form-item .txt-input.input-validation-error, #pscAddFormWrap select.input-validation-error {
    border: 1px solid #F7D2D3 !important;
    background-color: #F7D2D3 !important;
    background-image: none !important;
    padding: 0 1rem !important;
    box-shadow: 0 0 0 #F7D2D3 !important;
}

#profileGiftCards h2 {
    font-size: 2rem;
    font-family: 'proxima_nova_rgbold';
}

    #profileGiftCards h2:nth-of-type(2) {
        margin-top: 9rem;
    }

#giftCardLookup {
    position: relative;
    width: 100%;
}

    #giftCardLookup .rfc-label {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.6rem;
        color: #444445;
    }

    #giftCardLookup #gcLookup {
        float: left;
        position: relative;
        display: inline-block;
        width: 24rem !important;
        height: 3.4rem;
        margin: 0 2rem 0 0;
        padding: 0 1rem;
        font-size: 1.8rem;
        color: #444445;
        border-radius: 0.3rem;
        border: 1px solid #DFDFDF;
        background: #fff;
    }

    #giftCardLookup #gcLookupSubmit {
        position: relative;
        display: inline-block;
        width: 10rem;
        height: 3.4rem;
        padding: 0;
        font-size: 1.6rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        text-align: center;
        border-radius: 0.3rem;
        border: 0 none;
        background: #000000;
    }

#giftCardLookupResults {
    position: absolute;
    top: 3.4rem;
    left: 0;
    display: none;
    width: 100%;
    margin: 0;
    padding: 1rem;
    box-shadow: 0 7px 7px rgba(0,0,0,0.2);
    border: 1px solid #e8e8e8;
    background: #fff;
    z-index: 5;
}

    #giftCardLookupResults .psc-row {
        border: 1px solid #e8e8e8;
        background: #fff;
    }

#profileFriends {
    padding: 5%;
}

#profileFriendsUnAuth {
    position: relative;
    display: block;
    width: 100%;
}

#pfImg {
    margin: 0 0 0 11.3rem;
}

#profileFriends p {
    width: 37rem;
    font-size: 1.5rem;
    color: #606060;
}

#connectFb, #fbConnected {
    padding: 0;
    border: 0 none;
    background: #fff;
}

#fbConnected {
    margin: 3rem 0 0 2rem;
    padding: 0rem 2rem 1rem;
}

    #fbConnected:hover {
        border-radius: 1rem;
        background: #e9eaeb;
    }

.pf-fb-icon {
    float: left;
    position: relative;
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
}

.connect-fb-text {
    float: right;
    position: relative;
    display: inline-block;
    margin: 1.3rem 0 0 2rem;
    font-size: 2rem;
    font-family: 'proxima_novalight';
    color: #3F5EA7;
    text-align: left;
}

    .connect-fb-text span {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.8rem;
        color: #555658;
    }

#connectTemp:hover {
    color: #000000;
    cursor: pointer;
}

#profileFriendsAuth {
    position: relative;
    display: block;
    width: 100%;
}

#pfaLeft {
    float: left;
    position: relative;
    display: inline-block;
    width: 32.5rem;
}

#pfAImg {
    position: relative;
    display: block;
    max-width: 14.2rem;
    width: 14.2rem;
    height: auto;
    margin: 0 auto;
    border: 3px solid #e8e8e8;
}

#pfUnlink {
    font-size: 1.5rem;
    color: #606060;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

    #pfUnlink:hover {
        text-decoration: none;
    }

#fbConnected .pf-fb-icon {
    margin-top: 1rem;
}

#pfFbInvite {
    position: relative;
    display: block;
    width: 29.5rem;
    height: 7.1rem;
    margin: 1rem auto 0;
    cursor: pointer;
}

#pfaRight {
    float: left;
    position: relative;
    display: inline-block;
    width: calc(100% - 32.5rem - 5%);
    margin: 0 0 0 5%;
    padding: 0 0 0 5%;
    border-left: 1px solid #e8e8e8;
}

    #pfaRight h2 {
        margin: 0 0 3rem 0;
        font-size: 2rem;
        font-family: 'proxima_nova_rgregular';
        text-transform: none;
    }

#fbFriendsWrap {
    position: relative;
    display: block;
    width: 36rem;
}

.fbf-friend {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0 3rem 3rem 0;
    width: 6rem;
    height: 6rem;
    font-size: 1.5rem;
    color: #606060;
    text-align: center;
    border-radius: 3rem;
    z-index: 1;
    cursor: pointer;
}

    .fbf-friend:nth-of-type(5n+0) {
        margin-right: 0;
        clear: right;
    }

    .fbf-friend img {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        border-radius: 3rem;
        z-index: 2;
    }
/*.fbf-friend.inactive:before, .fbf-friend.active:hover:before {content:'';position:absolute;top:0;left:0;width:4.8rem;height:4.8rem;font-size:1.3rem;line-height:4.8rem;font-family:'proxima_nova_rgbold';color:#000000;text-align:center;border-radius:2.4rem;background:rgba(255,255,255,0.7);z-index:3;}
                .fbf-friend.inactive:hover:before {content:'Add';}
                .fbf-friend.active:hover:before {content:'Remove';}*/
#profileHR select {
    width: 25rem;
}

#profileHR h2 {
    margin-top: 0;
    font-size: 2rem;
    text-transform: none;
}

    #profileHR h2:nth-of-type(2) {
        margin-top: 5rem;
    }

#profileHR label {
    position: relative;
    display: block;
    width: 100%;
    height: 3.4rem;
    margin: 0 0 1.5rem 0;
}

#profileHR span {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0 2rem 0 0;
    font-size: 1.6rem;
    line-height: 3.4rem;
    color: #454545;
}

    #profileHR span.check-cover {
        margin-top: 0.6rem;
    }

#profileHR input[type="checkbox"]:checked + .check-cover:before {
    top: -0.8rem;
}

#profileHR #MAXHEARTRATEOVERRIDE, #profileHR #MONITOR, #profileHR #PREFERREDSPOT {
    float: left;
    position: relative;
    display: inline-block;
    width: 9rem;
    height: 3.4rem;
    padding: 0 1rem;
    font-size: 1.6rem;
    color: #454545;
    border-radius: 0.3rem;
    border: 1px solid #E8E8E8;
    background: #E8E8E8;
}

#CONFIGUREZONES {
    position: absolute;
    top: 0.7rem;
    left: 0.1rem;
    width: 1px;
    height: 1px;
}

#profileHR select {
    float: left;
    position: relative;
    display: inline-block;
    width: 27.5rem;
    height: 3.4rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    color: #454545;
    border-radius: 0.3rem;
    border: 1px solid #E8E8E8;
    background-color: #E8E8E8;
}

#profileHR .pp-on {
    background-color: #fff !important;
}

#profileHR .ppczr-color span {
    position: relative;
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 0.3rem;
}

#profileHR .ppczr-desc span {
    float: none;
    position: relative;
    display: inline;
    margin: 0;
    padding-right: 0.5rem;
    font-size: 1.7rem;
    font-family: 'proxima_nova_rgbold';
    color: #454545;
}

#profilePreferences h2 {
    margin-top: 0;
    font-size: 2rem;
    text-transform: none;
}

    #profilePreferences h2:nth-of-type(2) {
        margin-top: 5rem;
    }

#profilePreferences label {
    position: relative;
    display: block;
    width: 100%;
    height: 3.4rem;
    margin: 0 0 1.5rem 0;
}

#profilePreferences span {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0 2rem 0 0;
    font-size: 1.6rem;
    line-height: 3.4rem;
    color: #454545;
}

    #profilePreferences span.check-cover {
        margin-top: 0.6rem;
    }

#profilePreferences input[type="checkbox"]:checked + .check-cover:before {
    top: -0.8rem;
}

#profilePreferences #MAXHEARTRATEOVERRIDE, #profilePreferences #MONITOR, #profilePreferences #PREFERREDSPOT {
    float: left;
    position: relative;
    display: inline-block;
    width: 9rem;
    height: 3.4rem;
    padding: 0 1rem;
    font-size: 1.6rem;
    color: #454545;
    border-radius: 0.3rem;
    border: 1px solid #E8E8E8;
    background: #E8E8E8;
}

#CONFIGUREZONES {
    position: absolute;
    top: 0.7rem;
    left: 0.1rem;
    width: 1px;
    height: 1px;
}

#profilePreferences select {
    float: left;
    position: relative;
    display: inline-block;
    width: 27.5rem;
    height: 3.4rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    color: #454545;
    border-radius: 0.3rem;
    border: 1px solid #E8E8E8;
    background-color: #E8E8E8;
}

#profilePreferences .pp-on {
    background-color: #fff !important;
}

#ppConfigureZones {
    position: relative;
    max-width: 49.2rem;
    width: 100%;
    margin: 0 0 1.5rem 0;
    padding: 1.5rem 0;
    border-top: 1px solid #E0E1E0;
    border-bottom: 1px solid #E0E1E0;
}

.ppcz-row {
    position: relative;
    display: block;
    width: 100%;
    height: 4rem;
    margin: 0 0 1rem;
}

.ppczr-col {
    float: left;
    position: relative;
    display: inline-block;
}

    .ppczr-col .fa-percent {
        float: right;
        display: inline-block;
        margin-left: 0.5rem;
        line-height: 3.8rem;
    }

#profilePreferences .ppczr-color span {
    position: relative;
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 0.3rem;
}

.ppczr-desc {
    width: 21.5rem;
    margin-right: 2rem;
    font-size: 1.8rem;
    line-height: 4rem;
    font-family: 'proxima_novaregular_italic';
    color: #5C5C5C;
}

#profilePreferences .ppczr-desc span {
    float: none;
    position: relative;
    display: inline;
    margin: 0;
    padding-right: 0.5rem;
    font-size: 1.7rem;
    font-family: 'proxima_nova_rgbold';
    color: #454545;
}

.ppczr-col .pp-text {
    float: left;
    position: relative;
    display: inline-block;
    width: 5rem;
    height: 3.4rem;
    margin-top: 0.3rem;
    font-size: 1.6rem;
    color: #454545;
}

.ppczr-div {
    margin: 0 2rem;
    font-size: 1.7rem;
    line-height: 4rem;
    font-family: 'proxima_nova_rgbold';
    color: #454545;
}

#room {
    position: relative;
    width: 100%;
}

#roomImg {
    position: relative;
    display: block;
    max-width: 50rem;
    width: 100%;
    height: auto;
}

#profileAppsLeft {
    float: left;
    position: relative;
    display: inline-block;
    max-width: 41rem;
    width: 50%;
    padding: 5rem;
    border-right: 1px solid #E8E8E8;
}

    #profileAppsLeft h3 {
        margin-top: -5rem;
        font-size: 2rem;
        font-family: 'proxima_nova_rgbold';
        color: #41318A;
        text-transform: uppercase;
    }

#profileAppsRight {
    float: left;
    position: relative;
    display: inline-block;
    max-width: 41rem;
    width: 50%;
    padding: 5rem;
}

    #profileAppsRight h3 {
        margin-top: -5rem;
        font-size: 2rem;
        color: #41318A;
    }

    #profileAppsLeft ul, #profileAppsRight ul {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.pal-add, .par-added {
    position: relative;
    width: 100%;
    height: 7rem;
    padding: 0.75rem;
    line-height: 5.5rem;
    border-radius: 1rem;
}

    .pal-add:hover, .par-added:hover {
        background: #E8E8E8;
    }

    .pal-add:after, .par-added:after {
        display: none;
        position: absolute;
        top: 0.75rem;
        right: 3.5rem;
        font-size: 2rem;
        font-family: 'FontAwesome';
        cursor: pointer;
    }

    .pal-add:after {
        content: '\f067';
        color: #88C440;
    }

    .par-added:after {
        content: '\f068';
        color: #DA1F26;
    }

    .pal-add:hover:after, .par-added:hover:after {
        display: block;
    }

    .pal-add img, .par-added img {
        float: left;
        position: relative;
        display: inline-block;
        margin-right: 2.5rem;
    }

    .pal-add span, .par-added span {
        float: left;
        position: relative;
        display: inline-block;
        font-size: 1.8rem;
        color: #454545;
    }
/** Transaction History **/
.wp-transactions-content {
    position: relative;
    width: 100%;
}

#wpTransactionsWrap {
    position: relative;
    width: 100%;
}

.wptw-header-wrap {
    position: relative;
    width: 100%;
}

.wptw-header {
    float: left;
    position: relative;
    display: inline-block;
    width: 20%;
    font-size: 1.5rem;
    font-family: 'proxima_nova_rgbold';
    color: #231f20;
    text-align: center;
}

#wpTransactionsValWrap {
    position: relative;
    width: 100%;
    margin-top: 0.5rem;
    background-color: #fff;
    background-image: none;
}

.wptw-val-wrap {
    position: relative;
    width: 100%;
    height: 6.5rem;
    margin: 0 0 2rem;
    padding: 1rem 0;
    border-radius: 2rem;
    background: #E8E8E8;
}

#wpTransactionsValWrap .wptw-val-wrap:nth-of-type(1) {
    border-top: 0 none;
}

.wptw-val {
    float: left;
    position: relative;
    display: inline-block;
    width: 20%;
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: #686868;
    text-align: center;
}

    .wptw-val br {
        display: none;
        height: 0;
        line-height: 0;
    }

.wptw-val-wrap .wptw-val:nth-of-type(1) {
    line-height: 2.2rem;
    font-family: 'proxima_novalight_italic';
    text-transform: lowercase;
}

.wptw-val span {
    position: relative;
    display: block;
    width: 100%;
    font-family: 'proxima_nova_rgbold';
    text-transform: capitalize;
}
/** Upcoming Classes **/
.wogw-filter.wogw-filter-upcomingclasses {
    width: 99%;
    padding: 2.3rem 0 0;
    text-align: center;
}

    .wogw-filter.wogw-filter-upcomingclasses .classes-class-label.single {
        float: none; /*margin-left:17rem;*/
    }

    .wogw-filter.wogw-filter-upcomingclasses .classes-timeframe-label {
        display: none;
    }

ul.wpp-tabs-nav.wpp-tabs-nav-upcomingclasses {
    min-width: 30%;
}

    ul.wpp-tabs-nav.wpp-tabs-nav-upcomingclasses li {
        width: 33.33%;
    }

#backToScheduleLink {
    position: relative;
    display: block;
    width: 14rem;
    height: 1.6rem;
    margin: -1rem auto 3rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

#upcomongClassesWrap {
    position: relative;
    max-width: 120rem;
    width: 100%;
    margin: 2rem auto 0;
    border-radius: 1.5rem;
    box-shadow: 7px 7px 1px #e2e3e4;
    background: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    #upcomongClassesWrap .uc-row {
        position: relative;
        width: 100%;
        padding: 1.5rem 1.5rem 0;
        border-top: 1px solid #e8e8e7;
    }

        #upcomongClassesWrap .uc-row:nth-of-type(1) {
            border-top: 0 none;
        }

        #upcomongClassesWrap .uc-row.uc-row-guest {
            padding-top: 4.5rem;
        }

.uc-guestname {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 21.5rem;
    height: 3rem;
    padding: 0 2.5rem;
    font-size: 1.7rem;
    line-height: 3rem;
    color: #fff;
    background: #000000;
}

    .uc-guestname span {
        font-family: 'proxima_novasemibold';
    }

.uc-toggle {
    display: none;
}

.uc-left {
    float: left;
    position: relative;
    display: inline-block;
    width: 100%;
}

.ucl-col {
    position: relative;
    display: block;
    width: 11rem;
    height: 11rem;
    margin: 0 auto 1.5rem auto;
    padding: 1rem 0;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic Regular, AppleSDGothicNeo-Regular, sans-serif;
    text-align: center;
    border-radius: 1.5rem;
    background: #f3f4f4;
}

    .ucl-col i.fa {
        display: block;
        margin: 0 auto;
        font-size: 3.5rem;
        color: #c4c3c3;
    }

    .ucl-col i.faclasstype, .ucl-col i.faequipmenttype {
        display: block;
        margin: 0 auto;
        height: 3.5rem;
    }

    .ucl-col i.faclasstype {
        padding: 0.5rem 0;
        width: 5rem;
    }

    .ucl-col i.faequipmenttype.spot {
        padding: 0.2rem 0 0.2rem;
        width: 3.5rem;
    }

    .ucl-col i.faclasstype img, .ucl-col i.faequipmenttype img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        width: auto;
        height: auto;
    }

.uclc-label {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #4d4c4d;
    text-transform: lowercase;
}

.uclc-value {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.7rem;
    line-height: 2.7rem;
    color: #000000;
}

.uc-right {
    float: right;
    display: inline-block;
    width: 100%;
    padding: 0;
}

.ucr-btn {
    float: left;
    position: relative;
    display: inline-block;
    max-width: 15.6rem;
    width: /*14*/ 11rem;
    height: 5rem;
    margin: 0 1.5rem 1rem 0;
    padding: 1.5rem 1rem 0;
    font-size: 2rem;
    line-height: 1.8rem;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic Regular, AppleSDGothicNeo-Regular, sans-serif;
    text-align: center;
    color: #fff;
    border-radius: 1.5rem;
    background: #c4c3c3;
    cursor: pointer;
}

.uc-right .ucr-btn.ace_btn, .uc-right .ucr-btn.class-invite-friends {
    margin-right: 0;
    padding-top: 0.7rem;
}

.ucr-btn:nth-of-type(3), .ucr-btn:nth-of-type(4) {
    margin-bottom: 0;
}

.ucr-btn:hover {
    text-decoration: none;
    background: #000000;
}

.ace_dd {
    display: none;
    left: auto !important;
    top: 6.5rem !important;
    overflow: hidden !important;
    right: 0 !important;
    width: 18.7rem !important;
    height: 13.8rem !important;
    font-size: 1.6rem;
    border-radius: 1.5rem;
    border: 1px solid #000000;
    position: absolute;
    z-index: 1000;
}

a.ace_opt {
    padding: 10px 11px;
    display: block;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid #000000;
    background: white;
    cursor: pointer;
}

    a.ace_opt:hover {
        background-color: #f0f0f0;
        color: #000000;
        text-decoration: none;
    }

#uc-tab-waitlist .ucr-btn.ucr-cancel {
    padding: 0.75rem 1rem 0;
}
/* Upcoming Classes - Cancel */
.uc-cancel-wrap {
    position: relative;
    display: none;
    width: 100%;
}

.uc-cancel-inner {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e8e8e7;
}

.uc-cancel-content {
    position: relative;
    display: block;
    max-width: 100%;
    width: 80rem;
    margin: 0 auto;
    padding: 2rem 0 2.5rem;
}

    .uc-cancel-content span {
        float: left;
        display: inline-block;
        font-size: 2rem;
        line-height: 4rem;
        color: #5d5e5e;
    }

    .uc-cancel-content .uccc-btn {
        float: right;
        display: inline-block;
        width: 9rem;
        height: 4rem;
        font-size: 2rem;
        color: #848484;
        box-shadow: 5px 5px 1px #e2e3e4;
        border-radius: 0.5rem;
        border: 0 none;
        background: #f4f4f4;
    }

        .uc-cancel-content .uccc-btn:hover {
            color: #000000;
        }

        .uc-cancel-content .uccc-btn:nth-of-type(2) {
            margin-right: 2.5rem;
        }
/* Upcoming Classes - Add A Friend */
.invite-friend {
    position: relative;
    display: none;
    width: 100%;
    z-index: 1;
}

    .invite-friend.active {
        border-top: 1px solid #e8e8e7;
    }

.invite-friend-submit-msg {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    font-size: 2.5rem;
    line-height: 24rem;
    color: #848484;
    text-align: center;
    background: #fff;
    z-index: 3;
}

    .invite-friend-submit-msg i {
        margin-left: 2rem;
        padding: 0.2rem 0.3rem 0.2rem 0.5rem;
        border-radius: 0.8rem;
        box-shadow: 3px 3px 1px #e2e3e4;
        background: #f4f4f4;
        cursor: pointer;
    }

.invite-friend h2 {
    position: relative;
    margin: 2rem 0 1rem;
    font-weight: normal;
    font-size: 3rem;
    line-height: 2rem;
    font-family: 'proxima_nova_rgregular';
    text-transform: none;
    z-index: 2;
}

.invite-friend label {
    float: left;
    position: relative;
    display: inline-block;
    width: 38.25%;
    padding: 0 2rem 0 0;
    z-index: 2;
}

    .invite-friend label:nth-of-type(2) {
        padding: 0 1.5rem 0 0.5rem;
    }

    .invite-friend label span {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.4rem;
        line-height: 3.2rem;
        color: #848484;
    }

    .invite-friend label textarea {
        position: relative;
        display: block;
        width: 100%;
        height: 8rem;
        font-size: 1.6rem;
        border: 1px solid #c4c4c3;
    }

.if-cta-wrap {
    float: right;
    position: relative;
    display: inline-block;
    width: 23%;
    z-index: 2;
}

.invite-friend-btn {
    position: relative;
    display: block;
    width: 65%;
    height: 4.6rem;
    margin: 0 auto 1.7rem;
    font-size: 1.8rem;
    color: #848484;
    text-align: center;
    box-shadow: 5px 5px 1px #e2e3e4;
    border-radius: 1rem;
    border: 0 none;
    background: #f4f4f4;
}

    .invite-friend-btn:hover {
        color: #fff;
        background: #000000;
    }

.if-cta-wrap p {
    position: relative;
    display: block;
    width: 100%;
    margin: 1rem auto 2.7rem;
    font-size: 1.1rem;
    color: #848484;
    text-align: center;
}
/** My Performance **/
#vsSelfChartDiv, #vsSelfLineChartDiv, #vsClassChartDiv, #percentilesChartDiv {
    position: relative;
    width: 100%;
    min-height: 320px;
    max-height: 85vw;
    height: 400px;
    margin: 20px auto;
}

#wpp-wrap {
    position: relative;
    width: 100%;
}

ul.wpp-tabs-nav {
    position: relative;
    display: table;
    table-layout: fixed;
    min-width: 35%;
    height: 3rem;
    margin: 0 auto;
    font-size: 1.5rem;
    font-family: Arial,Helvetica,sans-serif;
    z-index: 1;
}

    ul.wpp-tabs-nav li {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        z-index: 2;
    }

        ul.wpp-tabs-nav li.ui-state-active, ul.wpp-tabs-nav li:hover {
            background: #ed4622;
        }

            ul.wpp-tabs-nav li.ui-state-active:before {
                content: '';
                position: absolute;
                bottom: -0.6rem;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -12px;
                border-left: 13px solid transparent;
                border-right: 13px solid transparent;
                border-top: 10px solid #fff;
                z-index: 5;
            }

            ul.wpp-tabs-nav li.ui-state-active:after {
                content: '';
                position: absolute;
                bottom: -0.8rem;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -14px;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 10px solid #000000;
                z-index: 4;
            }

        ul.wpp-tabs-nav li a {
            position: relative;
            display: block;
            width: 100%;
            padding: 0;
            font-size: 1.5rem;
            line-height: 2.6rem;
            color: #6d6e70;
            outline: none;
            color: #fff;
            border: 2px solid #000000;
            z-index: 3;
        }

        ul.wpp-tabs-nav li.ui-state-active a, ul.wpp-tabs-nav li:hover a {
            background: #fff;
            color: #000000;
            text-decoration: none;
        }

.wpp-tabs-wrap {
    position: relative;
    display: block;
    width: 100%;
}

#wpp-wrap .wpp-tab-content {
    width: 100%;
    padding: 0;
}

#wpp-wrap #wpp-tab-classrank.wpp-tab-content hgroup h1 {
    float: left;
    position: relative;
}

.wpp-tab-content:nth-of-type(1) {
    display: block;
}

.wpp-tab-content h1 {
    margin: 0 0 3rem 0;
    font-size: 4rem;
    line-height: 1em;
    color: #ed4622;
    text-transform: uppercase;
}

.wpp-tab-content h2 {
    margin: 4.5rem 0;
    font-size: 1.75rem;
    line-height: 1em;
    color: #ed4622;
    text-transform: uppercase;
}

.wogw-filter {
    float: none;
    position: relative;
    display: block;
    width: 90%;
    height: 11.5rem;
    margin: 0 auto;
    padding: 2.3rem 0 0 0;
    text-align: center;
    border-radius: 0 0 1.5rem 1.5rem;
    box-shadow: 5px 5px 1px #e0e0e0;
    background: #fff;
}

    .wogw-filter .filter-label-top, #rankBotFilters .filter-label-top {
        float: none;
        display: block;
        margin: 0 auto;
        font-size: 1.6rem;
        line-height: 2.7rem;
        color: #000000;
        text-align: center;
    }

    .wogw-filter select, #rankBotFilters select {
        float: none;
        display: block;
        width: 16rem;
        height: 2.7rem;
        margin: 0 auto;
        padding: 0 0.5rem 0 1rem;
        font-size: 1.6rem;
        color: #5d5e5e;
        border-radius: 0.75rem;
        border: 0 none;
        background: #e8e8e8;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url('/images/filter-select-arrow.png');
        background-position: 14rem 1rem;
        background-repeat: no-repeat;
    }

#classStatsWrap {
    position: relative;
    width: 100%;
    padding-top: /*2.5%*/ 0;
    z-index: 1;
}

#wpp-tab-overallrank #classStatsWrap {
    width: 90%;
    margin: 0 auto;
}

#classStatsAjaxWrap {
    position: absolute;
    right: -150%;
    width: 100%;
    height: 100vh;
    transition: 1s ease-in-out;
    z-index: 3;
}

    #classStatsAjaxWrap.on {
        right: 0;
    }

#classStatsAjaxBack {
    position: absolute;
    top: 2rem;
    left: 2rem;
    font-size: 1.8rem;
    color: #000000;
    cursor: pointer;
    z-index: 5;
}

    #classStatsAjaxBack:hover {
        text-decoration: underline;
    }

    #classStatsAjaxBack i {
        padding-right: 0.5rem;
        font-size: 1.7rem;
    }

#classStatsAjaxInner {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
    box-shadow: 7px 7px 1px #e2e3e4;
    border-radius: 1.5rem;
    background: #fff;
    z-index: 4;
}

#classStatsHeadWrap {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 2rem;
    z-index: 1;
}

.csh-head {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .csh-head i, .csrm-stat-inner i {
        position: relative;
        display: block;
        font-size: 4rem;
        color: #c4c3c3;
    }

        .csh-head i.facalories, .csrm-stat-inner i.facalories {
            width: 4rem;
            height: 4rem;
            margin: 0 auto;
            background: transparent url('/images/fa-calories.png')no-repeat center center;
            background-size: contain;
        }

    .csh-head span, .csrm-stat-inner span {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.3rem;
        font-family: 'Century Gothic', CenturyGothic, AppleGothic Regular, AppleSDGothicNeo-Regular, sans-serif;
        color: #4d4c4d;
        text-transform: lowercase;
    }

.csrm-stat-dashboard-inner i {
    position: relative;
    display: block;
    font-size: 2rem;
    color: #c4c3c3;
}

    .csrm-stat-dashboard-inner i.facalories {
        width: 2rem;
        height: 2rem;
        margin: 0 auto;
        background: transparent url('/images/fa-calories.png')no-repeat center center;
        background-size: contain;
    }

.csrm-stat-dashboard-inner span {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.1rem;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic Regular, AppleSDGothicNeo-Regular, sans-serif;
    color: #4d4c4d;
    text-transform: lowercase;
}

#classStatsRowsWrap {
    position: relative;
    width: 100%;
    padding: 1.5rem 0;
    box-shadow: 7px 7px 1px #e2e3e4;
    border-radius: 1.5rem;
    background: #fff;
    z-index: 2;
}

#classStatsRowsWrap-Dashboard {
    position: relative;
    width: 100%;
    padding: .5rem 0;
    background: #fff;
    z-index: 2;
}

.csr-row {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    z-index: 2;
}

    .csr-row:hover {
        background: #f3f4f4;
        cursor: pointer;
    }

.csr-col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 12.5% !important;
    padding: 1rem 0;
    color: #686868;
    text-align: center;
    z-index: 3;
}

.csr-row .csr-col:nth-of-type(even) {
    background: #e8e8e7;
}

#percentileContainer .csr-row .csr-col:nth-of-type(even) {
    background: #fff;
}

#percentileContainer .csr-row:hover .csr-col:nth-of-type(even) {
    background: #f3f4f4;
}

.csr-row:nth-of-type(1) .csr-col {
    border-radius: 1.5rem 1.5rem 0 0;
}

.recentclasses-main div.csr-row:nth-last-of-type(2) .csr-col {
    border-radius: 0 0 1.5rem 1.5rem;
}

.csr-row:hover .csr-col:nth-of-type(1):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 100%;
    background: #b0aeae;
    z-index: -1;
}

.csrc-val {
    display: block;
    width: 100%;
    font-size: 1.65rem;
}

.csrc-date {
    font-family: 'proxima_nova_rgbold';
    color: #000000;
    text-decoration: /*underline*/ none;
    cursor: pointer;
}
/*.csrc-date:hover {text-decoration:none;}*/
.csr-row:hover .csrc-date {
    text-decoration: underline;
}

.csrc-inst {
    font-family: 'proxima_novalight_italic';
}
/*.csr-row .csr-modal {display:none;}*/
.csr-modal-dashboard {
    position: relative;
    width: 100%;
    height: auto;
    transition: 1s ease-in-out;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
    background: #fff;
    z-index: 4;
}

.csr-modal {
    position: absolute;
    top: /*0*/ -7.9rem;
    right: -150%;
    width: 100%; /*min-height:100vh;*/
    height: auto;
    transition: 1s ease-in-out;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
    box-shadow: 7px 7px 1px #e2e3e4;
    border-radius: 1.5rem;
    background: #fff;
    z-index: 4;
}

    .csr-modal.on {
        right: 0;
    }

.csr-modal-back {
    display: none;
}

.csrm-class-info {
    position: relative;
    width: 100%;
    font-size: 1.8rem;
    color: #838384;
    text-align: center;
}

    .csrm-class-info span {
        position: relative;
        display: block;
        width: 100%;
        line-height: 1.2em;
    }

        .csrm-class-info span.csrm-ci-date {
            font-size: 2.2rem;
            color: #5d5e5e;
        }

        .csrm-class-info span span {
            position: relative;
            display: inline;
            width: auto;
            font-size: 2.2rem;
            color: #000000;
        }

.csrm-stats-wrap {
    position: relative;
    display: block; /*display:table;table-layout:fixed;*/
    width: 100%;
    text-align: center;
}

.csrm-stat {
    position: relative;
    display: inline-block; /*display:table-cell;vertical-align:middle;*/
    width: 12.3rem;
    height: 12.3rem !important;
    padding: 1rem;
}

.csrm-stat-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 1rem 0 0;
    border-radius: 1.5rem;
    background: #f3f4f4;
}

    .csrm-stat-inner span span {
        font-size: 2rem;
        font-family: 'proxima_nova_rgregular';
        color: #000000;
    }

.csrm-stat-dashboard {
    position: relative;
    display: inline-block; /*display:table-cell;vertical-align:middle;*/
    width: 10.3rem;
    height: 10.3rem !important;
    padding: 1rem;
}

.csrm-stat-dashboard-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 1rem 0 0;
    border-radius: 1.5rem;
    background: #f3f4f4;
}

    .csrm-stat-dashboard-inner span span {
        font-size: 1.6rem;
        font-family: 'proxima_nova_rgregular';
        color: #000000;
    }

.wppr-val-2-graphs {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0;
    text-align: center;
    z-index: 4;
}

.wpprv2g-zing2 {
    position: relative;
    display: inline-block;
    width: 30rem;
    height: 30rem;
    margin: 0 2.5rem;
    padding: 1.5rem;
}

    .wpprv2g-zing2 div[id^="donut_"] {
        margin: -3rem 0 0 -1.5rem;
    }

.wpprv2g-zing1 {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 2.5rem;
    padding: 1.5rem;
    z-index: 5;
}

.wppr-val-2-graphs img {
    position: relative;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.wppr-val-2-graphs .donutHeart {
    position: absolute;
    top: 45%;
    left: 42.5%;
    margin: 0 !important;
    font-size: 4.745em !important;
    color: #333 !important;
    opacity: 0.2;
}

.wpprv2g-zing2 .zc-top:before {
    content: "\f21e";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    margin: -0.7rem 0 0 -2.6rem;
    font-size: 5rem;
    line-height: 5rem;
    font-family: 'FontAwesome';
    color: #c4c4c3;
}

.wpprv2g-zing2 .zc-top.donut-bike:before {
    content: "\f206";
    width: 6.5rem;
    margin: -1rem 0 0 -3.3rem;
}

.wppr-val-2-graphs .ct-chart.ct-LastVisit {
    display: block !important;
}
/* My Performance */
#vsSelfContainer .wmrvw-tog-content, #overallRanks {
    position: relative;
    width: 100%;
    margin: /*20px*/ 0 auto;
    box-shadow: 7px 7px 1px #e2e3e4;
    border-radius: 1.5rem;
    border: 0 none !important;
    background: #fff;
    z-index: 1;
}

#vsSelfContainer .wmrvw-tog-content {
    padding-left: 3.5rem;
}

#overallRanks {
    width: 90%;
    z-index: 2;
}

.wpp-tab-content h2.performance-rank-head {
    margin: 3rem 0 -1rem 0;
    font-size: 2.2rem;
    color: #5d5e5e !important;
    text-transform: none;
    text-align: center;
}

.wpp-tab-content #percentileContainer h2.performance-rank-head {
    margin: 1rem 0 -2rem;
}

#percentileContainer {
    position: relative;
    width: 100%;
    padding: 1.5rem 0;
    z-index: 2;
}

#wpp-tab-overallrank .wogw-filter {
    padding: 2.3rem !important;
    text-align: center;
}

    #wpp-tab-overallrank .wogw-filter .filter-label-top, #wpp-tab-overallrank .wogw-filter select {
        float: none !important;
    }

.filter-label-checkbox {
    position: relative;
    display: block;
    width: 100%;
    margin: 1.5rem auto 0;
    padding: 0;
    font-size: 1.6rem;
    color: #5d5e5e;
    text-align: center;
    text-transform: none;
}

    .filter-label-checkbox input[type="checkbox"] {
        position: relative;
        display: inline-block;
    }

    .filter-label-checkbox #flcText {
        position: relative;
        display: inline-block;
    }

#filtClassText, #filtWeekText {
    font-family: 'proxima_nova_rgbold';
}

.csh-head .faclasstype {
    display: block;
    margin: 0 auto;
}

#percentileContainer .csr-row {
    border-bottom: 1px solid #eaeaea;
}

    #percentileContainer .csr-row .csr-col .fa.fa-plus {
        display: none;
        position: absolute;
        top: 50%;
        left: 10%;
        margin: -1.25rem 0 0 0;
        font-size: 2rem;
        color: #b0aeae;
    }

    #percentileContainer .csr-row:hover .csr-col .fa.fa-plus {
        display: block;
    }

#percentileContainer .wmrvw-tog-content {
    position: absolute;
    top: -8rem;
    right: -150%;
    transition: 1s ease-in-out;
    display: block;
    width: 100%;
    min-height: 52rem;
    padding: 0;
    box-shadow: 7px 7px 1px #e2e3e4;
    border: 0 none !important;
    border-radius: 1.5rem;
    background: #fff;
    z-index: 4;
}

    #percentileContainer .wmrvw-tog-content.open {
        right: 0;
        padding: 1.5rem;
    }

#percentilesChartDiv-top {
    display: block;
    margin: 0 auto;
}

#rankBotFilters {
    position: relative;
    display: block;
    width: 90%;
    margin: 2rem auto 4rem;
    padding: 2rem;
    text-align: center;
    box-shadow: 7px 7px 1px #e2e3e4;
    background: #f3f4f4;
    z-index: 5;
}

    #rankBotFilters.in-chart {
        position: absolute;
        top: 32rem;
        left: 5%;
        z-index: 999;
    }

    #rankBotFilters .filter-label-top {
        float: none !important;
        font-size: 1.7rem;
        color: #5d5e5e;
    }

    #rankBotFilters select {
        float: none !important;
        border: 1px solid #5d5e5e;
        background-color: #fff;
    }

        #rankBotFilters select#filt_reportby #frbCals {
            display: none;
        }
/* Schedule Mobile */
.wp-dashboard.wpdb-schedule-mobile {
    position: relative;
    z-index: 1;
}

.wpdb-schedule-mobile-header {
    position: relative;
    width: 100%;
    height: auto !important;
    padding: 0;
    z-index: 3;
}

#wsmhLabel {
    position: relative;
    width: 100%;
    padding: 1rem 0;
    font-size: 2rem;
    color: #686868;
    text-align: center;
    background: #f4f4f4;
    z-index: 4;
}

    #wsmhLabel.on {
        color: #fff;
        background: #000000;
    }

    #wsmhLabel i {
        padding-right: 1rem;
    }

#wsmhContentWrap {
    position: relative;
    display: none;
    width: 100%;
    padding: 1rem;
    text-align: center;
    z-index: 3;
}

    #wsmhContentWrap.on {
        display: block;
        overflow: visible !important;
    }

#wsmhLoc {
    position: relative;
    width: 100%;
    padding: /*0*/ 1rem 0 1rem;
    text-align: center;
}

    #wsmhLoc span {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.5rem;
    }

        #wsmhLoc span.hsl-name {
            font-family: 'proxima_nova_rgbold';
        }

#wsmhFiltWrap {
    position: relative;
    width: 100%;
    z-index: 4;
}

#dateSel {
    display: none;
}

#wsmhFiltWrap #ScheduleLocations {
    position: relative;
    display: none;
    width: 24.5rem;
    height: 2.5rem;
    margin: 0 auto 1rem;
    font-size: 1.6rem;
    color: #5d5e5e;
    border-radius: 0.8rem;
    border: 0 none;
    background: #e8e8e8;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('/images/filter-select-arrow.png');
    background-position: 23rem 1.1rem;
    background-repeat: no-repeat;
}

#wsmhFiltWrap .schedule-filter-label {
    position: relative;
    display: block;
    width: 24.5rem;
    height: 2.5rem;
    margin: 0 auto 1rem;
    padding: 0 0 0 0.5rem;
    font-size: 1.6rem;
    color: #5d5e5e;
    line-height: 2.8rem;
    text-align: left;
    border-radius: 0.8rem;
    background: #e8e8e8;
    background-image: url('/images/filter-select-arrow.png');
    background-position: 23rem 1.1rem;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 5;
}

#wsmhFiltWrap .schedule-filter-wrap {
    position: absolute;
    top: 3rem;
    left: 50%;
    display: block;
    width: 24.5rem;
    max-height: /*29rem*/ 27.5rem;
    overflow: hidden;
    margin: 0 0 0 -12.25rem;
    padding: 1rem 1rem 1rem;
    box-shadow: 5px 5px 1px #d9d9d9;
    border-radius: 0.8rem;
    background: #e8e8e8;
    z-index: 6;
}

#wsmhFiltWrap #classes.schedule-filter-wrap {
    top: 13.5rem;
}

#wsmhFiltWrap #classTypes.schedule-filter-wrap {
    top: 10rem;
}

#wsmhFiltWrap #classes.schedule-filter-wrap.sfw-mobi-3 {
    top: 10rem;
}

#wsmhFiltWrap #classTypes.schedule-filter-wrap.sfw-mobi-3 {
    top: 6.5rem;
}

#wsmhFiltWrap #classes.schedule-filter-wrap.sfw-two {
    top: 6.5rem;
}

#wsmhFiltWrap .schedule-filter-wrap.scroll {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

    #wsmhFiltWrap .schedule-filter-wrap.scroll .sfws-sb {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        width: 2rem;
        height: 100%;
        z-index: 10;
    }

        #wsmhFiltWrap .schedule-filter-wrap.scroll .sfws-sb:before, #wsmhFiltWrap .schedule-filter-wrap.scroll .sfws-sb:after {
            position: absolute;
            right: 0.5rem;
            display: block;
            width: 2rem;
            height: 2rem;
            font-size: 2rem;
            font-family: 'FontAwesome';
            color: #5d5d5d;
            z-index: 11;
        }

        #wsmhFiltWrap .schedule-filter-wrap.scroll .sfws-sb:before {
            content: '\f0d8';
            top: 0;
        }

        #wsmhFiltWrap .schedule-filter-wrap.scroll .sfws-sb:after {
            content: '\f0d7';
            bottom: 1rem;
        }

#wsmhFiltWrap .sfw-inner {
    position: relative;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

#wsmhFiltWrap .schedule-filter-wrap .filter-filt-wrap {
    position: relative;
    width: 100%;
}

#wsmhFiltWrap .schedule-filter-wrap .filter-filt {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    height: 1.5rem;
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
    line-height: 1em;
    z-index: 7;
}

#wsmhFiltWrap .schedule-filter-wrap input[type="checkbox"] {
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    z-index: 7;
}

#wsmhFiltWrap .schedule-filter-wrap span.ffw-bg {
    float: left;
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem 1rem 0 0;
    border: 1px solid #686868;
    background: #e8e8e8;
    z-index: 8;
}

#wsmhFiltWrap .schedule-filter-wrap input[type="checkbox"]:checked + span.ffw-bg {
    border: 1px solid #000000;
    background: #000000;
}

#wsmhFiltWrap .schedule-filter-wrap .filt_label {
    float: left;
    position: relative;
    display: inline-block;
    z-index: 8;
}

.pg-wp-type.pg-wp-schedule-mobile {
    background: #fff;
    z-index: 2;
}

#smLoading {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.3);
    z-index: 999;
}

    #smLoading img {
        position: absolute;
        top: 21rem;
        left: 50%;
        display: block;
        width: 3.6rem;
        height: 3.6rem;
        margin-left: -1.8rem;
    }

.schedule-mobile-wrap {
    position: relative;
    width: 100%;
    z-index: 3;
}

    .schedule-mobile-wrap #calendarMain {
        position: relative;
        width: 100%;
        z-index: 2;
    }

#wmrhDateCurr {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 0;
    font-size: 1.5rem;
    color: #5f6060;
    text-align: center;
    border-bottom: 1px solid #efefef;
}

.schedule-mobile-wrap #schedulePrevArrow, .schedule-mobile-wrap #scheduleNextArrow {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 3rem;
    width: 8%;
    height: /*10.8*/ 4rem;
    z-index: 4;
}

.schedule-mobile-wrap #scheduleNextArrow {
    left: auto;
    right: 0;
}

    .schedule-mobile-wrap #schedulePrevArrow span, .schedule-mobile-wrap #scheduleNextArrow span {
        position: relative;
        display: block;
        width: 100%;
    }

    .schedule-mobile-wrap #schedulePrevArrow i, .schedule-mobile-wrap #scheduleNextArrow i {
        position: absolute;
        top: 0.5rem;
        left: 50%;
        margin: 0 0 0 -1rem;
        font-size: 3.5rem;
        color: #d1d2d1;
    }

    .schedule-mobile-wrap #scheduleNextArrow i {
        margin-left: -0.7rem;
    }

.schedule-mobile-header-wrap {
    position: relative;
    width: 84%;
    margin: 0 auto 1rem;
    font-size: 1.5rem;
    color: #5f6060;
    text-align: center;
    border-bottom: 1px solid #efefef;
    z-index: 3;
}

    .schedule-mobile-header-wrap .wppc-most-recent-header {
        position: relative;
        display: inline-block;
        width: /*11.11 11*/ 12.8%;
        padding: 0.5rem 0 0.8rem;
    }

        .schedule-mobile-header-wrap .wppc-most-recent-header.unavail {
            opacity: 0.5;
        }

    .schedule-mobile-header-wrap .wmrh-day {
        position: relative;
        display: block;
        width: 100%;
    }

    .schedule-mobile-header-wrap .wmrh-date {
        position: relative;
        display: block;
        width: 100%;
        font-size: 2rem;
    }

    .schedule-mobile-header-wrap .wppc-most-recent-header.on .wmrh-date {
        color: #fff;
        border-radius: 0.5rem;
        background: #000000;
    }

#pastClassesToggle {
    position: relative;
    display: none;
    width: 100%;
    height: 4rem;
    margin: 1rem 0 2rem;
    padding: 0 1.5rem;
    font-size: 1.6rem;
    line-height: 4rem;
    background: #f0f0f0;
}

    #pastClassesToggle .fa {
        float: right;
        font-size: 1.6rem;
        line-height: 4rem;
    }

.schedule-mobile-wrap .wppc-most-recent-val-wrap {
    position: relative;
    width: 100%;
    z-index: 1;
}

.schedule-mobile-wrap .wppc-most-recent-val {
    display: none;
    position: relative;
    width: 100%;
    z-index: 2;
}

    .schedule-mobile-wrap .wppc-most-recent-val.on {
        display: block;
    }

        .schedule-mobile-wrap .wppc-most-recent-val.on h2 {
            padding: 4rem 0 0;
            text-align: center;
        }

.schedule-mobile-wrap .wppc-most-recent-val-block {
    position: relative;
    width: 100%;
    padding: 1rem;
    z-index: 3;
}

    .schedule-mobile-wrap .wppc-most-recent-val-block.hide {
        display: none;
    }

    .schedule-mobile-wrap .wppc-most-recent-val-block.booked {
        background: #34353A;
        color: #fff;
    }

    .schedule-mobile-wrap .wppc-most-recent-val-block.off.past {
        display: none;
        background: #F0F0F0;
    }

.sw-left {
    float: left;
    position: relative;
    display: inline-block;
    width: calc(100% - 8.5rem);
    font-size: 1.5rem;
    color: #686868;
    z-index: 5;
}

.schedule-mobile-wrap .wppc-most-recent-val-block.off .sw-left span {
    opacity: 0.4;
    z-index: 5;
}

.sw-left .sw-inst-img {
    float: left;
    position: relative;
    display: inline-block;
    width: 6.8rem;
    height: 7rem;
    margin: 0 1.5rem 0 0;
}

    .sw-left .sw-inst-img.no-img {
        border: 1px solid #d1d2d1;
        background-color: #000000;
    }

    .sw-left .sw-inst-img img {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: auto;
    }

    .sw-left .sw-inst-img.no-img img {
        width: auto;
        max-height: 95%;
        margin: 5% auto 0;
    }

.sw-left .sw-classname {
    position: absolute;
    top: 0.5rem;
    left: 8.3rem;
    max-width: calc(100vw - 3rem);
    height: 3rem;
    font-size: 1.4rem;
    line-height: 1.1em; /*white-space:nowrap;*/
    color: #000000;
}

.schedule-mobile-wrap .wppc-most-recent-val-block.off .sw-left .sw-classname {
    color: #686868;
}

.sw-left .sw-time {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 3rem;
    line-height: 1.5em;
}

.sw-left .sw-inst {
    position: relative;
    display: block;
    width: 100%;
    line-height: 1.1em;
    color: #000000;
}

.wppc-most-recent-val-block.booked .sw-left {
    color: #fff;
}

.sw-right {
    float: right;
    position: relative;
    display: inline-block;
    width: 8.5rem;
    height: 7rem;
    z-index: 4;
}

.schedule-mobile-wrap .wppc-most-recent-val-block.off .sw-right {
    display: none;
}

.sw-right .da-button.sched-da-button {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8.5rem;
    height: 3.5rem;
    margin: -1.25rem 0 0 0;
    font-size: 1.5rem;
    font-family: 'proxima_nova_rgregular';
    line-height: 3.6rem;
    text-transform: uppercase;
    border-radius: 1.75rem;
}

    .sw-right .da-button.sched-da-button.wl-da-button {
        color: #7d7d7d;
        background: #686868;
    }

    .sw-right .da-button.sched-da-button.booked-da-button {
    }

    .sw-right .da-button.sched-da-button.full {
    }

.wp-dashboard.wpdb-schedule-mobile #scheduleBackToTop {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    color: #000000;
    text-align: center;
}
/* Schedule */
.wp-dashboard.wpdb-schedule {
    display: none;
}
/* Schedule List View */
.wpdb-schedule.wpdb-schedule-list, .wpdb-schedule.wpdb-schedule-list .pg-wp-schedule {
    position: relative;
    display: block;
    background: #fff;
    z-index: 1;
}

    .wpdb-schedule.wpdb-schedule-list > form {
        position: relative;
        display: block;
        z-index: 2;
    }

    .wpdb-schedule.wpdb-schedule-list .pg-wp-schedule, .wpdb-schedule.wpdb-schedule-list header.wpdb-schedule-header {
        position: relative;
        z-index: 3;
    }

#mobileSchedListFiltTog {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    background: #000000;
}

    #mobileSchedListFiltTog .fa {
        margin-right: 0.5rem;
    }

.sl-schedule-wrap.schedule-wrap {
    padding-top: 1.5rem;
}

.pick-a-spot-cover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    z-index: 4;
}

#scheduleListLoading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    transform: translate3d(0px,0px,0px);
    background: rgba(255,255,255,0.6);
    z-index: 999;
}
    /*#scheduleListLoading {position:fixed;top:0;left:0;display:none;width:100vw;height:100vh;transform:translate3d(0px,0px,0px);background:rgba(255,255,255,0.6);z-index:4;opacity:0;visibility:hidden;transition:all ease-out 0.2s;}*/
    #scheduleListLoading.on {
        display: block; /*opacity:1;visibility:visible;transition:opacity ease-in 0.2s;*/
    }

.slcbl-dots {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 15rem;
    height: 2.7rem;
}

#scheduleListLoading .slcbl-dots {
    -webkit-transform: translate(-50%,-50%) translateZ(0);
    transform: translate(-50%,-50%) translateZ(0);
}

.slcbl-dot-1 {
    fill: #000000;
    animation: slcblanim 1s ease-in-out infinite;
    animation-delay: 0s;
}

.slcbl-dot-2 {
    fill: #000000;
    animation: slcblanim 1s ease-in-out infinite;
    animation-delay: 0.3s;
}

.slcbl-dot-3 {
    fill: #000000;
    animation: slcblanim 1s ease-in-out infinite;
    animation-delay: 0.6s;
}

@-webkit-keyframes slcblanim {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes slcblanim {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slcblanim {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#scheduleListDateDisplay {
    margin: 0 auto 1rem;
    font-size: 1.5rem;
    font-family: 'proxima_nova_rgbold';
    text-align: center;
}

#calendarListMain {
    position: relative;
    z-index: 2;
}
/*#schedulePrevArrow.sl-sch-prev.sch-prev, #scheduleNextArrow.sl-sch-next.sch-next {float:right;position:relative;top:auto;right:auto;left:auto;height:5rem;margin-bottom:1.5rem;z-index:3;}
#schedulePrevArrow.sl-sch-prev.sch-prev {float:left;}
#scheduleNextArrow.sl-sch-next span, #schedulePrevArrow.sl-sch-prev span {top:0;}*/
#scheduleListOuterWrap {
    position: relative;
    z-index: 3;
}

#scheduleListWrap {
    position: relative;
}

.schedule-list-row {
    position: relative;
    cursor: pointer;
}

    .schedule-list-row.off {
    }

.schedule-list-header {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 1.5rem 0 0;
    background: #000000;
    cursor: pointer;
}

.schedule-list-row.off .schedule-list-header {
    background: #e8e8e8;
}

.schedule-list-row:nth-of-type(1) .schedule-list-header:nth-of-type(1) {
    margin-top: 0;
}

.slh-col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 4.5rem;
    padding: 0 1rem;
    font-size: 1.2rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    text-transform: uppercase;
}

    .slh-col.slc-four {
        width: 25%;
    }

        .slh-col.slc-four.slcc-loc:nth-of-type(2) {
            display: none;
            width: 0%;
        }

.schedule-list-row.off .slh-col {
    color: #5d5d5e;
}

.slh-date {
    display: none;
}

.slh-col.slc-date i {
    float: right;
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1.1rem;
}

.schedule-list-class-wrap {
    position: relative;
    display: block;
}

.sl-class {
    position: relative;
    display: block;
    width: 100%;
    color: #5d5e5e;
}

.schedule-list-class-wrap .wppc-most-recent-val-block {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #5d5e5e;
}

.sl-class.hide {
    display: none;
}

.sl-class:nth-of-type(odd) {
    background: #f6f7f8;
}

.sl-class:hover {
    text-decoration: none;
}

.sl-class .sl-class {
    background: transparent;
}

.slc-col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height: 4.5rem;
    padding: 0 1rem;
    font-size: 1.2rem;
}

    .slc-col.slc-four {
        width: 25%;
    }

        .slc-col.slc-four.slcc-loc:nth-of-type(3) {
            display: none;
            width: 0%;
        }

    .slc-col:nth-of-type(3) span:nth-of-type(1) {
        line-height: 4.5rem;
    }

a.sl-class .sw-classname, a.sl-class .sw-inst {
    line-height: 4.5rem;
    text-decoration: underline;
    cursor: pointer;
}

a.sl-class .sw-inst-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0.5rem 1rem 0 0;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.75rem;
    overflow: hidden;
}

    a.sl-class .sw-inst-img.no-img {
        border: 1px solid #d1d2d1;
        background-color: #000000;
    }

    a.sl-class .sw-inst-img img {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        border-radius: 1.75rem;
    }

a.sl-class .sw-inst-sub, a.sl-class:hover .sw-classname:hover, a.sl-class:hover .sw-inst:hover {
    color: #000000;
    text-decoration: none;
}

.slc-col:nth-of-type(6) span:nth-of-type(1) {
    line-height: 4.5rem;
}

.slc-col .da-button.sched-da-button {
    float: right;
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 0.5rem;
}

.sl-class.off .slc-col .da-button {
    color: #e8e8e8 !important;
    background: #a09f9f;
}
/* Scheduling Messages */
#schedMsgOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    z-index: 20;
}

#schedMsgWrap {
    display: none;
    position: /*fixed relative*/ absolute;
    top: /*-10rem*/ 0;
    left: 0;
    max-width: 100%;
    width: 52rem;
    max-height: 100%;
    height: 49rem;
    margin: /*0 auto*/ -10rem auto 0;
    z-index: 999;
}

#schedMsgInner {
    position: relative;
    display: block;
    max-width: 95%;
    width: 50rem;
    height: 46.5rem;
    margin-top: 1.5rem;
    padding: 13rem 1.5rem 1.5rem;
    text-align: center;
    box-shadow: 4px 4px 10px 5px rgba(0,0,0,0.2);
    border-radius: 1.5rem;
    background: #fff;
    z-index: 1000;
}

#schedMsgClose {
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    text-align: center;
    box-shadow: 6px 1px 10px 1px rgba(0,0,0,0.2);
    border-radius: 1.75rem;
    border: 6px solid #fff;
    background: #c1c1c1;
    cursor: pointer;
}

#schedMsgInner #duUsernameWrap {
    top: 3rem;
    bottom: auto;
    background-image: url('/images/du-username-wrap-waitlist.png');
}

#schedMsgInner .ucl-col {
    float: none;
    position: relative;
}
/*#schedMsgInner*/ .ucl-col .uclc-value {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 11rem !important;
    height: 45%;
    color: #000000;
}
    /*#schedMsgInner*/ .ucl-col .uclc-value.too-big {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    /*#schedMsgInner*/ .ucl-col .uclc-value .uclcv-inner {
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }

.da-button.sched-msg-button {
    border: 0 none;
}
/* Pick A Spot */
#pickASeatAjaxWrap {
    position: absolute;
    right: -150%;
    width: 100%;
    height: 100vh;
    transition: 1s ease-in-out;
    z-index: 3;
}

    #pickASeatAjaxWrap.on {
        right: 0;
    }

#pickASeatAjaxBack {
    position: absolute;
    top: 2rem;
    left: 2rem;
    font-size: 1.8rem;
    color: #000000;
    cursor: pointer;
    z-index: 5;
}

    #pickASeatAjaxBack:hover {
        text-decoration: underline;
    }

    #pickASeatAjaxBack i {
        padding-right: 0.5rem;
        font-size: 1.7rem;
    }

#pickASeatAjaxInner {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
    border-radius: 1.5rem;
    border: 1px solid #838384;
    background: #fff;
    z-index: 4;
}

.pg-pickaspot {
    position: relative;
    width: 100%;
    background: #fff;
}

#pickABikeOptions {
    display: none;
}

#pickASpotWrap {
    position: relative;
    width: 100%;
    min-height: 70rem;
    padding-top: 5rem;
    z-index: 1;
}

#pabBack {
    position: relative;
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 2rem;
}

    #pabBack i {
        float: left;
        position: relative;
        display: block;
        width: 4.5rem;
        height: 4.5rem;
        font-size: 4.5rem;
        color: #dbdbda;
    }

#pabToggle {
    display: none;
}

.pab-toggle-seatequipment {
    position: relative;
    width: 100%;
    margin: 0 auto 2rem;
    font-size: 1.5rem;
    text-align: center;
}

    .pab-toggle-seatequipment a {
        position: relative;
        color: #474747;
        cursor: pointer;
    }

        .pab-toggle-seatequipment a:hover, .pab-toggle-seatequipment a.on {
            color: #000000;
            text-decoration: underline;
        }

    .pab-toggle-seatequipment span {
        position: relative;
        color: #000000;
        padding: 0 0.5rem;
    }

#pabIntervalsSplash {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    margin-top: -7rem;
    padding-top: 7rem;
    background: #fff;
    z-index: 999;
}

    #pabIntervalsSplash h2 span {
        color: #000000;
    }

    #pabIntervalsSplash p {
        font-size: 1.5rem;
        font-family: 'proxima_novalight';
        color: #353535;
        text-align: center;
    }

.pg-pickaspot h1, .pg-pickaspot h2 {
    margin: 0;
    font-size: 2.5rem;
    line-height: 3.06rem;
    font-family: 'proxima_novalight';
    color: #474747;
    text-align: center;
}

    .pg-pickaspot h1 span, .pg-pickaspot h2 span {
        color: #000000;
    }

.pick-a-spot-inner {
    position: relative;
    display: block;
    max-width: 100vw;
    width: 100%;
    margin: 7rem auto 0;
    text-align: center;
    z-index: 1;
}

#pickASpotInner2 {
    display: none;
}

.pick-a-spot-inner .row {
    position: relative;
    width: 100%;
    height: 5.8rem;
    z-index: 1;
}

.seat {
    position: relative;
    display: inline-block;
    max-width: 2.4rem;
    width: 4.7rem;
    max-height: 4.7rem;
    height: 4.7rem;
    margin: 0 0.5% 1%;
    padding: 0;
    font-size: 1.2rem;
    font-family: 'proxima_novalight';
    color: #828282;
    text-align: center; /*text-indent:-9999px;*/
    border-radius: 2.35rem;
    border: 1px solid #d2d2d2;
    background-clip: padding-box;
    z-index: 2;
}

    .seat.icon-empty {
        text-indent: -9999px;
        border: 0 none; /*color:#fff;background:#666;*/
    }
    /*.seat.icon-0 {width:11rem;height:11rem;margin:-4.25rem -0.45rem 0rem;border-radius:5.5rem;background:#fff url('/images/seat-instructor-nosocial.png')no-repeat center center;z-index:3;}*/ /*instructor*/
    .seat.icon-0 .instrInner {
        position: absolute;
        top: -3.5rem;
        left: -2.75rem;
        width: 10rem;
        height: 10rem;
        margin: 0rem;
        border-radius: 5rem;
        background: #fff url('/images/seat-instructor-nosocial.png')no-repeat top center;
        z-index: 3;
    }
    /*instructor*/
    .seat.icon-0.nosocial .instrInner {
        background-color: #dbdbda;
        background-position: center center;
    }

    .seat.icon-1, .seat.icon-2, .seat.icon-3, .seat.icon-4, .seat.icon-5, .seat.icon-6, .seat.icon-7, .seat.icon-8, .seat.icon-9, .seat.icon-10, .seat.icon-11, .seat.icon-12 {
        background-color: #fff;
        cursor: pointer;
    }

    .seat.social.icon-1, .seat.social.icon-2, .seat.social.icon-3, .seat.social.icon-4, .seat.social.icon-5, .seat.social.icon-6, .seat.social.icon-7, .seat.social.icon-8, .seat.social.icon-9, .seat.icon-10, .seat.icon-11 {
        opacity: 0.5;
    }

    .seat.icon-1:hover, .seat.icon-2:hover, .seat.icon-3:hover, .seat.icon-4:hover, .seat.icon-5:hover, .seat.icon-6:hover, .seat.icon-7:hover, .seat.icon-8:hover, .seat.icon-9:hover, .seat.icon-10, .seat.icon-11 {
        opacity: 1;
    }

.pick-a-spot-inner.equipment-type .seat.icon-1, .pick-a-spot-inner.equipment-type .seat.icon-2, .pick-a-spot-inner.equipment-type .seat.icon-3, .pick-a-spot-inner.equipment-type .seat.icon-4, .pick-a-spot-inner.equipment-type .seat.icon-5, .pick-a-spot-inner.equipment-type .seat.icon-6, .pick-a-spot-inner.equipment-type .seat.icon-7, .pick-a-spot-inner.equipment-type .seat.icon-8, .pick-a-spot-inner.equipment-type .seat.icon-9, .pick-a-spot-inner.equipment-type .seat.icon-10, .pick-a-spot-inner.equipment-type .seat.icon-11 {
    border: 0 none;
}

.equipment-type .seat.icon-1 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-bike.png')no-repeat center center;
}
    /*bike*/
    .equipment-type .seat.icon-1.reserved, .equipment-type .seat.icon-1.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-bike.png')no-repeat center center;
    }
    /*bike*/
    .equipment-type .seat.icon-1:hover, .equipment-type .seat.icon-1.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-bike.png')no-repeat center center;
    }
/*bike*/
.equipment-type .seat.icon-2 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-eliptical.png')no-repeat center center;
}
    /*eliptical*/
    .equipment-type .seat.icon-2.reserved, .equipment-type .seat.icon-2.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-eliptical.png')no-repeat center center;
    }
    /*eliptical*/
    .equipment-type .seat.icon-2:hover, .equipment-type .seat.icon-2.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-eliptical.png')no-repeat center center;
    }
/*eliptical*/
.equipment-type .seat.icon-3 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-treadmill.png')no-repeat center center;
}
    /*treadmill*/
    .equipment-type .seat.icon-3.reserved, .equipment-type .seat.icon-3.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-treadmill.png')no-repeat center center;
    }
    /*treadmill*/
    .equipment-type .seat.icon-3:hover, .equipment-type .seat.icon-3.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-treadmill.png')no-repeat center center;
    }
/*treadmill*/
.equipment-type .seat.icon-4 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-rower.png')no-repeat center center;
}
    /*rowing machine*/
    .equipment-type .seat.icon-4.reserved, .equipment-type .seat.icon-4.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-rower.png')no-repeat center center;
    }
    /*rowing machine*/
    .equipment-type .seat.icon-4:hover, .equipment-type .seat.icon-4.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-rower.png')no-repeat center center;
    }
/*rowing machine*/
.equipment-type .seat.icon-5 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-stairstepper.png')no-repeat center center;
}
    /*stair stepper*/
    .equipment-type .seat.icon-5.reserved, .equipment-type .seat.icon-5.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-stairstepper.png')no-repeat center center;
    }
    /*stair stepper*/
    .equipment-type .seat.icon-5:hover, .equipment-type .seat.icon-5.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-stairstepper.png')no-repeat center center;
    }
/*stair stepper*/
.equipment-type .seat.icon-6 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-mat.png')no-repeat center center;
}
    /*mat*/
    .equipment-type .seat.icon-6.reserved, .equipment-type .seat.icon-6.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-mat.png')no-repeat center center;
    }
    /*mat*/
    .equipment-type .seat.icon-6:hover, .equipment-type .seat.icon-6.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-mat.png')no-repeat center center;
    }
/*mat*/
.equipment-type .seat.icon-7 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-reformer.png')no-repeat center center;
}
    /*reformer*/
    .equipment-type .seat.icon-7.reserved, .equipment-type .seat.icon-7.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-reformer.png')no-repeat center center;
    }
    /*reformer*/
    .equipment-type .seat.icon-7:hover, .equipment-type .seat.icon-7.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-reformer.png')no-repeat center center;
    }
/*reformer*/
.equipment-type .seat.icon-8 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-bag.png')no-repeat center center;
}
    /*punching bag*/
    .equipment-type .seat.icon-8.reserved, .equipment-type .seat.icon-8.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-bag.png')no-repeat center center;
    }
    /*punching bag*/
    .equipment-type .seat.icon-8:hover, .equipment-type .seat.icon-8.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-bag.png')no-repeat center center;
    }
/*punching bag*/
.equipment-type .seat.icon-9 {
    background: #fff url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-trx.png')no-repeat center center;
}
    /*trx*/
    .equipment-type .seat.icon-9.reserved, .equipment-type .seat.icon-9.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-trx.png')no-repeat center center;
    }
    /*trx*/
    .equipment-type .seat.icon-9:hover, .equipment-type .seat.icon-9.on {
        background: #000000 url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-trx-on.png')no-repeat center center;
    }
/*trx*/
.equipment-type .seat.icon-10 {
    background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-boxing.png')no-repeat center center;
}
    /*boxing bag*/
    .equipment-type .seat.icon-10.reserved, .equipment-type .seat.icon-10.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-boxing-bag.png')no-repeat center center;
    }
    /*boxing bag*/
    .equipment-type .seat.icon-10:hover, .equipment-type .seat.icon-10.on {
        background: #000000 url('/getDynamicImage.aspx?w=40&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-boxing-bag.png')no-repeat center center;
    }
/*boxing bag*/
.equipment-type .seat.icon-11 {
    background: #fff url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-functional-training.png')no-repeat center center;
}
    /*Kettlebell*/
    .equipment-type .seat.icon-11.reserved, .equipment-type .seat.icon-11.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-functional-training.png')no-repeat center center;
    }
    /*Kettlebell*/
    .equipment-type .seat.icon-11:hover, .equipment-type .seat.icon-11.on {
        background: #000000 url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-functional-training.png')no-repeat center center;
    }
/*Kettlebell*/
.equipment-type .seat.icon-12 {
    background: #fff url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-shoe.png')no-repeat center center;
}
    /*Shoe*/
    .equipment-type .seat.icon-12.reserved, .equipment-type .seat.icon-12.reserved:hover {
        background: #fff url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-res-shoe.png')no-repeat center center;
    }
    /*Shoe*/
    .equipment-type .seat.icon-12:hover, .equipment-type .seat.icon-12.on {
        background: #000000 url('/getDynamicImage.aspx?w=30&b=00ffffff&path=//www.fitmetrix.io/images/pas-on-shoe.png')no-repeat center center;
    }
/*Shoe*/
.seat.icon-13 {
    border: 0 none;
    background: transparent url('/images/pas-tv.png')no-repeat center center;
}
/*tv*/
.seat.icon-14 {
    border: 0 none;
    background: transparent url('/images/pas-speaker.png')no-repeat center center;
}
/*speaker*/
.seat.icon-15 {
    border: 0 none;
    background: transparent url('/images/pas-fan.png')no-repeat center center;
}
/*fan*/
.seat.icon-16 {
    border: 0 none;
    background: transparent url('/images/pas-mirror.png')no-repeat center center;
}
/*mirror*/
.seat.icon-17 {
    border: 0 none;
    background: transparent url('/images/pas-door.png')no-repeat center center;
}
/*door*/
.seat span {
    float: left;
    position: relative;
    display: block;
    width: 99%;
    height: 100%;
    margin: 0 auto;
    font-size: 1.7rem;
    line-height: 4.7rem;
    font-family: 'proxima_novalight';
    text-align: center;
}

.pick-a-spot-inner.equipment-type .seat.icon-1 span, .pick-a-spot-inner.equipment-type .seat.icon-2 span, .pick-a-spot-inner.equipment-type .seat.icon-3 span, .pick-a-spot-inner.equipment-type .seat.icon-4 span, .pick-a-spot-inner.equipment-type .seat.icon-5 span, .pick-a-spot-inner.equipment-type .seat.icon-6 span, .pick-a-spot-inner.equipment-type .seat.icon-7 span, .pick-a-spot-inner.equipment-type .seat.icon-8 span, .pick-a-spot-inner.equipment-type .seat.icon-9 span {
    display: none;
}

.seat span.seat-username {
    display: none;
}

.seat.social:hover span.seat-username {
    display: block !important;
    position: absolute;
    top: -3rem;
    left: -5.15rem;
    width: 15rem;
    height: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-family: 'proxima_novalight';
    color: #474747;
    border-radius: 1.5rem;
    border: 1px solid #000000;
    background: #fff;
    z-index: 4;
}

.seat.icon-0.social:hover span.seat-username {
    display: none !important;
}

.seat span span {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

.seat.social span span.seat-number {
    display: none;
}

.seat.icon-0 span {
    float: none;
    position: absolute;
    top: -3rem;
    left: 0;
    height: 1.7rem;
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-family: 'proxima_nova_rgregular';
    z-index: 4;
}

.seat.icon-1.on, .seat.icon-1:not(.noreserve):hover, .seat.icon-2.on, .seat.icon-2:not(.noreserve):hover, .seat.icon-3.on, .seat.icon-3:not(.noreserve):hover, .seat.icon-4.on, .seat.icon-4:not(.noreserve):hover, .seat.icon-5.on, .seat.icon-5:not(.noreserve):hover, .seat.icon-6.on, .seat.icon-6:not(.noreserve):hover, .seat.icon-7.on, .seat.icon-7:not(.noreserve):hover, .seat.icon-8.on, .seat.icon-8:not(.noreserve):hover, .seat.icon-9.on, .seat.icon-9:not(.noreserve):hover, .seat.icon-10.on, .seat.icon-10:not(.noreserve):hover, .seat.icon-11.on, .seat.icon-11:not(.noreserve):hover, .seat.icon-12:not(.noreserve):hover {
    font-family: 'proxima_nova_rgregular';
    color: #fff;
    background-color: #000000;
}

.seat.icon-1.reserved, .seat.icon-2.reserved, .seat.icon-3.reserved, .seat.icon-4.reserved, .seat.icon-5.reserved, .seat.icon-6.reserved, .seat.icon-7.reserved, .seat.icon-8.reserved, .seat.icon-9.reserved, .seat.icon-10.reserved, .seat.icon-11.reserved, .seat.icon-12.reserved {
    color: #828282 !important;
    border: 0 none;
    background-color: #e9e9e9 !important;
    cursor: default;
}

.seat.checkin-off:hover {
    color: #828282 !important;
    background-color: #fff !important;
    cursor: default !important;
}

#frmSeat {
    padding: 0;
    border: 0 none;
}

#multiTabsUl.preclick {
    position: absolute;
    top: 20rem;
    left: 50%;
    margin-left: -12.5rem;
    z-index: 1000;
}

#multiTabsUl {
    position: relative;
    top: auto;
    left: auto;
    width: 25rem;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    border: 0 none;
    background: transparent;
}

    #multiTabsUl li {
        float: none;
        position: relative;
        display: inline-block;
        margin: 0 1rem;
        border: 0 none;
        background: transparent;
    }
        /*#multiTabsUl li:nth-of-type(1):before {content:'INTERVAL';float:left;position:relative;display:inline-block;width:11rem;margin-right:2rem;font-size:2.5rem;line-height:4.5rem;font-family:'proxima_novalight';color:#231f20;}*/
        #multiTabsUl li:nth-of-type(1) {
            float: left;
            margin-right: 0 2rem 0 0 !important;
            font-weight: normal;
            font-size: 2.5rem;
            line-height: 4.5rem;
            font-family: 'proxima_novalight';
            color: #231f20;
        }

        #multiTabsUl li.ui-state-default a {
            position: relative;
            display: block;
            width: 3.7rem;
            padding: 0.5rem 1rem;
            font-size: 2.5rem;
            font-family: 'proxima_novalight';
            color: #d3d3d3;
            border-radius: 1rem;
            border: 1px solid #d3d3d3;
        }

            #multiTabsUl li.ui-state-default a:hover {
                color: #000000;
                text-decoration: underline;
            }

        #multiTabsUl li.ui-state-default.ui-state-active a {
            color: #231f20;
            border: 1px solid #000000;
        }

            #multiTabsUl li.ui-state-default.ui-state-active a:hover {
                color: #474747;
                text-decoration: none;
            }
/* Checkout */
.pg-wp-checkout {
    background: #fff;
}

#checkoutWrap {
    position: relative;
    width: 100%;
    font-size: 1.6rem;
    color: #515251;
    background: #fff;
}

    #checkoutWrap h1 {
        margin: 0 0 3rem;
        padding: 0;
        font-size: 4.1rem;
        font-family: 'proxima_nova_rgregular';
        color: #515251;
        text-align: center;
        border: 0 none;
    }

        #checkoutWrap h1 i {
            font-size: 3.5rem;
            color: #000000;
            clear: right;
        }

#sslBlurb {
    display: block;
    font-size: 1.5rem;
    line-height: 1.8rem;
    text-transform: none;
    border-top: 2px solid #000000;
}

#checkoutBackLink {
    float: right;
    position: relative;
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 1.6rem;
    font-family: 'proxima_novasemibold';
    color: #515251;
}

    #checkoutBackLink .fa {
        margin-right: 0.5rem;
        color: #000000;
    }

#checkoutWrap h2 {
    font-size: 2.5rem;
    text-align: left;
}

#checkoutWrap h3 {
    font-size: 1.6rem;
    text-align: left;
    text-transform: uppercase;
}

#checkoutWrap .db-box {
    background: #f4f4f4;
    box-shadow: 7px 7px 1px #e0e0e0;
}

#checkoutInner {
    position: relative;
    width: 100%;
}


    #checkoutWrap .form-row, #checkoutWrap .edit-row {
        position: relative;
        width: 100%;
    }

        #checkoutWrap .form-row.err {
            color: red;
        }

    #checkoutWrap .hide {
        display: none !important;
    }

    #paymentCC {
        position: relative;
        width: 100%;
    }

    #checkoutPayTabs label {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.5rem;
        color: #515251;
    }

    #ccImgOpts {
        float: left;
        position: relative;
        display: inline-block;
        margin: 0 0 1.5rem 0;
    }

    .ccio, #ccEditText {
        float: left;
        display: inline-block;
        width: 7.3rem;
        height: 4.4rem;
        margin: 0 0.5rem 0 0;
        opacity: 0.5;
    }

    #ccImgOpts .ccio:nth-of-type(4) {
        margin-right: 0;
    }

    .ccio.on {
        opacity: 1;
    }

    #ccEditText {
        width: auto;
    }

        #ccEditText span {
            line-height: 4.4rem;
            font-family: 'proxima_nova_rgbold';
        }

    #checkoutPayTabs .form-item-co {
        float: left;
        position: relative;
        display: inline-block;
        height: 6rem;
    }

    #checkoutPayTabs .form-row-billing .form-item-co {
        width: 48.5%;
    }

        #checkoutPayTabs .form-row-billing .form-item-co:nth-of-type(1) {
            margin-right: 2.4%;
        }

    #checkoutPayTabs input[type="text"], #checkoutPayTabs select {
        position: relative;
        max-width: 100%;
        width: 100%;
        height: 4rem;
        margin: 0.5rem 0 1.5rem;
        padding: 0 1rem;
        font-size: 1.6rem;
        font-family: 'proxima_nova_rgregular';
        color: #515251;
        border-radius: 0.5rem;
        border: 2px solid #e2e3e3;
        background: #fff;
        box-shadow: 1px 1px 1px #e2e3e3;
        transition: all linear 0.3s;
    }

    #checkoutPayTabs input#ccNum[type="text"], #checkoutPayTabs input#ccName[type="text"] {
        max-width: 30rem;
        width: 30rem;
    }

    #checkoutPayTabs input#ccCVV[type="text"] {
        max-width: 12.5rem;
    }

    #checkoutPayTabs input#ccExp[type="text"], #checkoutPayTabs input#ccExpYr[type="text"] {
        width: 7.5rem;
    }

    #ccNum, #ccCVV, #ccCVVInfo, #accountNum, #routingNumber {
        float: left;
        display: inline-block;
        margin-right: 1.5rem !important;
    }

    #ccExpSep {
        float: left;
        position: relative;
        display: inline-block;
        height: 6rem;
        margin: 0 1rem;
        line-height: 6rem;
    }

    .csw-giftcard {
        display: none;
    }

    .gc-head {
        margin-top: 4rem;
        cursor: pointer;
    }

        .gc-head i {
            margin-right: 0.5rem;
            font-size: 1.9rem;
            color: #686969;
        }

        .gc-head span {
            font-size: 1.9rem;
            font-family: 'proxima_nova_rgbold';
            color: #000000;
        }

    #gcFields {
        position: relative;
        display: none;
        width: 100%;
        height: 6rem;
    }

        #gcFields #applyGiftCard {
            position: relative;
            display: block;
            width: 12rem;
            height: 3.8rem;
            margin: 0.6rem 0 0 2rem;
            padding: 0;
            font-size: 1.8rem;
            line-height: 3rem;
            font-family: 'proxima_nova_rgbold';
            color: #000000;
            text-align: center;
            border-radius: 0.5rem;
            border: 2px solid #E8E8E8;
            background: #ffffff;
        }

            #gcFields #applyGiftCard:hover {
                box-shadow: 3px 3px 1px #dadcdd;
            }

    #gcApplied {
        position: relative;
        display: block;
        width: 100%;
    }

        #gcApplied .gca-row {
            position: relative;
            display: block;
            width: 100%;
            clear: both;
        }

        #gcApplied .gca-col {
            float: left;
            position: relative;
            display: inline-block;
            margin-right: 2rem;
            font-size: 1.5rem;
            color: #232323;
        }

            #gcApplied .gca-col.gca-val {
                font-family: 'proxima_nova_rgbold';
            }

            #gcApplied .gca-col.gca-remove {
                color: #BF2026;
                text-decoration: underline;
            }

                #gcApplied .gca-col.gca-remove:hover {
                    text-decoration: none;
                    cursor: pointer;
                }

    #billAddress1, #billAddress2 {
        max-width: 100% !important;
    }

    #billFName, #billLName, #billCity, #billZip {
        float: left;
        display: inline-block; /*max-width:48.5% !important;width:48.5% !important;*/
        margin-right: 3% !important;
    }

    #billLName {
        margin-right: 0 !important;
    }

    .BankInfo {
        margin: 0.5rem 0 0 0 !important;
    }

        .BankInfo i {
            font-size: 3.5rem;
            color: #c4c4c3;
        }

    .chkout-bank-bubble {
        padding: 10px !important;
        font-size: 1.3rem;
        color: #515251;
        text-align: center;
        border-radius: 1.5rem !important;
        box-shadow: 7px 7px 1px #dadcdd !important;
        border: 0 none !important;
        background: #fff;
    }

        .chkout-bank-bubble .arrow {
            position: absolute;
            bottom: -1.5rem;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -1.5rem;
            border-left: 1rem solid transparent;
            border-right: 1rem solid transparent;
            border-top: 1rem solid #dadcdd;
            z-index: 1;
        }

            .chkout-bank-bubble .arrow:after {
                content: '';
                position: absolute;
                top: -1.5rem;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -1.5rem;
                border-left: 1rem solid transparent;
                border-right: 1rem solid transparent;
                border-top: 1rem solid #fff;
                z-index: -1;
            }

    #accountNum {
        width: 320px !important;
    }

    #routingNumber {
        width: 320px !important;
    }

    #confirmroutingNumber {
        width: 320px !important;
    }

    #ccCVVInfo, #biAccount, #biRouting {
        float: left;
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 3rem;
        height: 3.5rem;
        margin: 0.75rem 0 0 0 !important;
    }

        #ccCVVInfo i {
            font-size: 3.5rem;
            color: #c4c4c3;
        }

    .ui-tooltip.ui-widget.chkout-bubble {
        max-width: 35rem;
        padding: 10px !important;
        font-size: 1.3rem;
        color: #515251;
        text-align: center;
        border-radius: 1.5rem !important;
        box-shadow: 7px 7px 1px #dadcdd !important;
        border: 0 none !important;
        background: #fff;
    }

    .chkout-bubble .arrow {
        position: absolute;
        bottom: -1.5rem;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -1.5rem;
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        border-top: 1rem solid #dadcdd;
        z-index: 1;
    }

        .chkout-bubble .arrow:after {
            content: '';
            position: absolute;
            top: -1.5rem;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -1.5rem;
            border-left: 1rem solid transparent;
            border-right: 1rem solid transparent;
            border-top: 1rem solid #fff;
            z-index: -1;
        }

    .checkout-btn {
        position: relative;
        display: block;
        width: 12rem;
        height: 3.8rem;
        font-size: 1.8rem;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        text-align: middle;
        border-radius: 0.5rem;
        border: 2px solid #E8E8E8;
        background: #fff;
    }

        .checkout-btn:hover {
            box-shadow: 3px 3px 1px #dadcdd;
        }

    .checkout-btn-inverse {
        position: relative;
        display: block;
        width: 12rem;
        height: 3rem;
        font-size: 1.5rem;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        text-align: middle;
        border-radius: 0.5rem;
        border: 0 none;
        background: #f4f7fa;
        text-decoration: underline;
    }

    .checkout-btn-edit {
        float: right;
    }

    .checkout-btn.hide {
        display: none;
    }

    #ccSectionBtnEdit {
        margin-top: 0.9rem;
    }

    #checkoutPayTabs select {
        float: left; /*max-width:48.5%;width:48.5%;margin-top:0.5rem;margin-bottom:1rem;*/
    }

    #checkoutPayTabs #terms {
        float: left;
        position: relative;
        display: inline-block;
        margin-top: 0.6rem;
    }

    #checkoutPayTabs input.txt-co.fin {
        padding: 2rem 1rem 0.5rem 1rem !important;
    }

    #checkoutPayTabs select.txt-co.fin {
        padding: 1.5rem 0.5rem 0 0.5rem !important;
    }

    #checkoutPayTabs .co-label {
        position: absolute;
        top: 1.1rem;
        left: 1.2rem;
        display: none;
        height: 1.2rem;
        font-size: 1.1rem;
        line-height: 1.4rem;
        font-family: 'proxima_nova_rgregular';
        color: #404041;
        z-index: 2;
        transition: all linear 0.3s;
    }

        #checkoutPayTabs .co-label.fin {
            display: block;
        }

    #checkoutPayTabs select.txt-co.fin + .co-label.fin {
        left: 1.1rem;
    }

    #checkoutPayTabs input.txt-co.tc-safari.fin {
        padding: 1rem 1rem 0 1rem !important;
        line-height: 3rem;
    }

    #checkoutPayTabs .co-label.cl-safari.fin {
        top: 1rem;
    }

    #billingEditText {
        float: left;
        display: inline-block;
        max-width: calc(100% - 120px);
    }

    #billingSectionBtnEdit {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -1.5rem;
    }

    #cswInner {
        position: relative;
        width: 100%;
        margin-bottom: 2rem;
        padding: 2rem;
        border: 1px solid #e2e2e2;
        background: #fff;
    }

    .csw-val {
        text-align: right;
        font-size: 1.5rem;
        color: #515251;
    }

        .csw-val.csw-total {
            margin-top: 2rem;
            padding-top: 2rem;
            font-size: 2rem;
            font-family: 'proxima_nova_rgbold';
            color: #000000;
            border-top: 1px solid #e2e2e2;
        }

        .csw-val .csw-label {
            float: left;
            display: inline-block;
            width: 6.5rem;
            font-family: 'proxima_nova_rgbold';
            text-align: left;
        }

        .csw-val.csw-total .csw-label {
            color: #515251;
        }

    #checkoutSubmit {
        position: relative;
        display: block;
        width: 17.5rem;
        height: 3.8rem;
        margin: 0 auto;
        font-size: 1.8rem;
        font-family: 'proxima_nova_rgbold';
        color: #ffffff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
    }

        #checkoutSubmit:hover {
            box-shadow: 3px 3px 1px #dadcdd;
        }

    #termsWrap {
        font-size: 1.3rem;
    }

    #checkoutWrap #termsArea.form-row {
        margin: 2.5rem 0;
    }

    #lblTerms .custom-checkbox-text {
        font-family: 'proxima_novasemibold';
        color: black;
    }

        #lblTerms .custom-checkbox-text span {
            font-family: 'proxima_novasemibold';
            text-decoration: underline;
        }

            #lblTerms .custom-checkbox-text span:hover {
                text-decoration: none;
                cursor: pointer;
            }

    .fmact-checkout #cboxOverlay {
        background: rgba(255,255,255,0.75) !important;
        opacity: 1 !important;
    }

    .fmact-checkout #colorbox {
        box-shadow: 0 0 1.5rem 0.2rem rgba(0, 0, 0, 0.2);
        outline: 0 none;
        border: 1px solid rgba(41,41,45,0.2);
        border-radius: 0.3rem;
    }

    .fmact-checkout #cboxLoadedContent {
        margin-top: 4.6rem;
        margin-bottom: 0;
    }

    .pg-wp-checkout #signatureModalHeader {
        color: #000000;
    }

    .pg-wp-checkout #signaturePadTermsClose, .pg-wp-checkout #signaturePadSubmit {
        background-color: #000000;
    }

    .pg-wp-checkout #signaturePadTermsClose {
        margin: 2rem auto;
    }
    /* Privacy Policy */
    .wp-dashboard.wpd-modal {
        padding: 1.5rem;
    }

    .pg-wp-type.pg-wp-privacy {
        min-height: 1px;
        font-size: 1.4rem;
        background: #fff;
    }
    /* Terms and Conditions */
    .pg-wp-type.pg-wp-terms {
        min-height: 1px;
        font-size: 1.4rem;
        background: #fff;
    }
    /* Packages Basic and Shared */
    .pg-wp-type.pg-wp-packages {
        position: relative;
        background: #fff;
        z-index: 1;
    }

    #pkgsCover {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.5);
        z-index: 3;
    }

        #pkgsCover .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            display: block;
        }

        #pkgsCover span {
            position: absolute;
            top: 55%;
            left: 0;
            transform: translateY(-50%);
            display: block;
            width: 100%;
            font-size: 2rem;
            text-align: center;
        }

    .content.wp-packages-content {
        position: relative;
        width: 100%;
        z-index: 2;
    }

    .wpc-cs-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2.7rem;
        margin-top: 5.5rem;
        padding: 0;
        text-align: center;
        z-index: 3;
    }

    .pg-wp-packages-adv .wpc-cs-wrap {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 0;
        margin-bottom: 2rem;
    }

    #ScheduleLocations.wp-alt-sched-loc {
        display: none;
    }

    .wpc-cs-wrap label {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 33.0rem;
    }

        .wpc-cs-wrap label span {
            float: left;
            display: inline-block;
            position: relative;
            margin: 0 1rem 0 0;
            font-size: 1.6rem;
            line-height: 2.7rem;
        }

    .wpc-cs-wrap #ScheduleLocations {
        float: none;
        display: block;
        width: 25rem;
        height: 2.7rem;
        margin: 0 auto;
        padding: 0 0.5rem 0 1rem;
        font-size: 1.6rem;
        color: #5d5e5e;
        border-radius: 0.75rem;
        border: 0 none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #e8e8e8;
        background-image: url('/images/filter-select-arrow.png');
        background-position: 23rem 1.1rem;
        background-repeat: no-repeat;
    }

    #scheduleLocationsVal {
        position: absolute;
        top: 2rem;
        left: 50%;
        display: block;
        height: 6rem;
        font-size: 2rem;
        font-family: 'proxima_novalight';
        color: #838384;
        clear: right;
        cursor: pointer;
    }

    #slvVal {
        float: left;
        display: inline-block;
        height: 6rem;
        padding-right: 3rem;
        line-height: 6rem;
    }

        #slvVal:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: 2rem;
            height: 6rem;
            background: transparent url('/images/custom-select-arrow.png') no-repeat center center;
            background-size: contain;
        }

    #scheduleLocationsList {
        position: absolute;
        top: 8rem;
        left: 50%;
        display: none;
        width: 30rem;
        margin: 0 auto 0 -15rem;
        border: 1px solid #838384;
        clear: left;
        z-index: 4;
    }

        #scheduleLocationsList li {
            padding: 0.2rem 1rem;
            font-size: 2rem;
            font-family: 'proxima_novalight';
            color: #838384;
            text-align: left;
            cursor: pointer;
            background: #fff;
        }

            #scheduleLocationsList li:hover {
                background: #f6f7f8;
            }

            #scheduleLocationsList li.active {
                color: #fff;
                background: #000000;
            }

            #scheduleLocationsList li span {
            }

    #ProgramIDs.wp-alt-sched-loc {
        display: none;
    }

    .wpc-cs-wrap #ProgramIDs {
        float: none;
        display: block;
        width: 25rem;
        height: 2.7rem;
        margin: 0 auto;
        padding: 0 0.5rem 0 1rem;
        font-size: 1.6rem;
        color: #5d5e5e;
        border-radius: 0.75rem;
        border: 0 none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #e8e8e8;
        background-image: url('/images/filter-select-arrow.png');
        background-position: 23rem 1.1rem;
        background-repeat: no-repeat;
    }

    #wpPackagesHeader {
        text-align: center;
        font-size: 2rem;
    }

    #wpPackagesFooter {
        text-align: center;
        font-size: 2rem;
        margin-top: 2rem;
    }

    #wpPackagesWrap {
        position: relative;
        width: 100%;
        padding-top: 10rem;
        z-index: 2;
    }

    .pg-wp-packages-adv #wpPackagesWrap {
        padding-top: 3rem;
    }

    #wpPackagesInner {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .wpc-package {
        float: left;
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 2rem;
        padding: 1rem;
    }

        .wpc-package.wpcp-hybrid {
            float: none;
        }

    .flip {
        position: relative;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
    }

    .front, .back {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
    }

    .front {
        background: #fff;
        z-index: 2;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
    }

    .back {
        padding: 3rem;
        color: #fff;
        background: #ee4723;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
    }

    .vertical {
        position: relative;
    }

        .vertical .back {
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
        }

        .vertical:hover .back {
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
        }

        .vertical:hover .front {
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
        }

    .wpc-package .flip-container, .wpc-package .front, .wpc-package .back {
        max-width: 100%;
        width: 21rem;
        height: 25rem;
    }

    .wpc-package .flip-container {
        position: relative;
        height: 29rem;
        perspective: 1000;
        margin: 0 auto;
        padding-bottom: 2.5rem;
        transform-style: preserve-3d;
    }

        .wpc-package .flip-container.flip .back {
            transform: rotateY(0deg);
            -webkit-transform: rotateY(0deg);
        }

        .wpc-package .flip-container.flip .front {
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
        }

    .wpc-package .flipper {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
    }

    .wpc-package .front, .wpc-package .back {
        backface-visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    .wpc-package .front {
        padding: 2rem 1rem 0;
        transform: rotateY(0deg);
        border-radius: 1.5rem;
        border: 1px solid #838384;
        z-index: 2;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

    .wpc-package .back {
        padding: 2rem;
        transform: rotateY(-180deg);
        border-radius: 1.5rem;
        border: 1px solid #838384;
        background: #fff;
        z-index: 1;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

    .wpc-package.wpcp-callout .front {
        border: 1px solid #000000;
        background: #000000;
    }

    .wpc-package.wpcp-callout .back {
        border: 1px solid #000000;
        background: #fff;
    }

    .wpc-package i.fa-info, .wpc-package i.fa-info-circle {
        position: absolute;
        top: 0;
        right: 0;
        width: 4rem;
        height: 4rem;
        padding: 1rem;
        font-size: 2rem;
        text-align: center;
        color: #919090;
        cursor: pointer;
        z-index: 4;
    }

    .wpc-package.wpcp-callout .front i {
        color: #fff;
    }

    .wpc-package .back i {
        font-size: 1.5rem;
        color: #000000;
    }

    .wpcp-val {
        position: relative;
        display: block;
        width: 100%;
        color: #595959;
        text-align: center;
        z-index: 3;
        cursor: default;
    }

    .wpc-package.wpcp-callout .wpcp-val {
        color: #fff;
    }

    .wpcp-val.wpcpv-qty {
        font-size: 7.9rem;
        line-height: 6rem;
        font-family: 'proxima_novalight';
        color: #000000;
    }

        .wpcp-val.wpcpv-qty.infinity {
            color: transparent !important;
        }

            .wpcp-val.wpcpv-qty.infinity:before {
                content: '';
                position: absolute;
                top: 0;
                left: 50%;
                display: block;
                width: 11rem;
                height: 5.5rem;
                margin: 0 auto 0 -5.5rem;
                background: url('/WebPortal/Infinity');
            }

    .wpc-package.wpcp-callout .wpcp-val.wpcpv-qty.infinity:before {
        background: url('/facilityimages/svg/infinity-callout.svg');
    }

    .wpcp-val.wpcpv-classes {
        font-size: 3.5rem;
        line-height: 3.4rem;
        font-family: 'proxima_novalight';
    }

    .wpcp-val.wpcpv-name {
        height: 5.0rem;
        margin-top: 1rem;
        font-size: 2rem;
        line-height: 2.385rem;
        font-family: 'proxima_nova_rgbold';
    }

    .wpcp-val.wpcpv-desc {
        max-height: 16rem;
        font-size: 1.5rem;
        line-height: 2.385rem;
        color: #545454;
        text-align: left;
    }

    .wpc-package.wpcp-callout .wpcp-val.wpcpv-desc {
        color: #545454 !important;
    }

    .wpcp-val.wpcpv-expires {
        font-size: 1.5rem;
        line-height: 2.385rem;
        font-family: 'proxima_novaregular_italic';
    }

    .wpcp-val.wpcpv-price {
        margin-top: 2.3rem;
        font-size: 2rem;
        line-height: 2.385rem;
        font-family: 'proxima_novalight';
    }

    .wpcp-buy {
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 6rem;
        height: 7.2rem;
        font-size: 2rem;
        line-height: 10rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        text-align: center;
        background: #919090;
    }

    .wpc-package.wpcp-callout .wpcp-buy {
        background: transparent url('/images/wpcp-callout-buy.png')no-repeat top right;
    }

    .wpcp-buy a {
        display: block;
        width: 100%;
        height: 7.2rem; /*padding:0.5rem 1rem;*/
        color: #fff;
        cursor: pointer;
        background: transparent url('/images/wpcp-buy-reversed.png')no-repeat top right;
    }

    .wpc-package.wpcp-callout .wpcp-buy a {
        color: #000000;
        background: none;
    }

    .wpcp-buy a:hover {
        text-decoration: none;
    }

    .wpcp-purchase {
        position: absolute;
        bottom: 2rem;
        left: 50%;
        display: block;
        width: 14rem;
        height: 3rem;
        margin: 0 auto 0 -7rem;
        padding: 0 0 0 1.5rem;
        font-size: 2.05rem;
        font-family: 'proxima_nova_rgbold';
        text-transform: lowercase;
        border-radius: 1.5rem;
        background: #000000;
    }

    .wpc-package .back .wpcp-purchase i {
        float: left;
        position: relative;
        top: auto;
        left: auto;
        display: inline-block;
        margin-right: 0.5rem;
        line-height: 3rem;
        color: #fff;
    }

    .wpcp-purchase a {
        float: left;
        position: relative;
        display: inline-block;
        line-height: 2.7rem;
        color: #fff;
        text-decoration: none !important;
        cursor: pointer;
    }

    .wpcpv-badge {
        position: absolute;
        bottom: 0;
        left: 1rem;
        width: 19rem;
        height: 3rem;
        font-size: 2rem;
        line-height: 3rem;
        color: #000000;
        text-align: center;
        text-transform: capitalize;
        border-top: 1px solid #838384;
        border-bottom: 1px solid #838384;
    }

    .wpc-package.wpcp-callout .wpcpv-badge {
        color: #000000;
        border-top: 1px solid #838384;
        border-bottom: 1px solid #838384;
    }
    /* Packages Advanced */
    .wpc-adv-h2 {
        margin-bottom: 0;
        font-size: 2.7rem;
        color: #454545;
    }

        .wpc-adv-h2:nth-of-type(2) {
            margin-top: 7.5rem;
        }

    .wpc-adv-package {
        float: none;
        margin-bottom: 0;
    }

        .wpc-adv-package.wpc-package .flip-container {
            width: 90%;
            height: 26.5rem;
            margin: 0 auto;
            padding-top: 3rem;
            padding-bottom: 0;
        }

        .wpc-adv-package.wpc-package.wpcp-callout .flip-container {
            height: 29.5rem;
        }

        .wpc-adv-package.wpc-package .front {
            width: 100%;
            height: 26.5rem;
            padding: 0;
            border-radius: 0;
            border: 0 none;
            border-top: 5px solid #fff;
            border-bottom: 5px solid #fff;
        }

        .wpc-adv-package.wpc-package .back {
            width: 100%;
            height: 26.5rem;
            padding: 0;
            border-radius: 0;
            border: 0 none;
            border-top: 5px solid #fff;
            border-bottom: 5px solid #fff;
        }

        .wpc-adv-package.wpc-package.wpcp-callout .front {
            border-top-color: #000000;
            border-bottom-color: #000000;
            background-color: transparent;
        }

        .wpc-adv-package.wpc-package.wpcp-callout .back {
            border-top-color: #000000;
            border-bottom-color: #000000;
            background-color: transparent;
        }

        .wpc-adv-package.wpc-package .wpcpv-badge {
            position: absolute;
            top: 0;
            bottom: auto;
            left: 0;
            width: 100%;
            height: 2rem;
            margin: 0 auto 1rem;
            font-family: 'proxima_nova_rgbold';
            line-height: 2rem;
            border: 0 none !important;
        }

        .wpc-adv-package.wpc-package .wap-header {
            position: relative;
            display: block;
            width: 100%;
            height: 4rem;
            text-align: center;
            background: #000000;
        }

        .wpc-adv-package.wpc-package.wpcp-callout .wap-header {
            border-bottom: 5px solid #000000;
        }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-qty {
            position: relative;
            display: inline-block;
            width: auto;
            height: 4rem;
            font-size: 2.9rem;
            line-height: 4rem;
            font-family: 'proxima_nova_rgregular';
            color: #fff;
        }

            .wpc-adv-package.wpc-package .wpcp-val.wpcpv-qty.infinity {
                position: relative;
                display: inline-block;
                width: 6rem;
                height: 3rem;
            }

                .wpc-adv-package.wpc-package .wpcp-val.wpcpv-qty.infinity:before {
                    left: 0;
                    width: 6rem;
                    height: 3rem;
                    margin: 0.5rem 0 0;
                    background: url('/facilityimages/svg/infinity-callout.svg');
                }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-classes {
            position: relative;
            display: inline-block;
            width: auto;
            height: 4rem;
            font-size: 2.9rem;
            line-height: 4rem;
            font-family: 'proxima_nova_rgregular';
            color: #fff;
        }

        .wpc-adv-package.wpc-package.wpcp-callout .wpcp-val.wpcpv-qty, .wpc-adv-package.wpc-package.wpcp-callout .wpcp-val.wpcpv-classes {
            font-family: 'proxima_nova_rgbold';
        }

        .wpc-adv-package.wpc-package .wap-content {
            position: relative;
            display: block;
            padding: 2rem;
            background: #F1F1F0;
            z-index: 1;
        }

        .wpc-adv-package.wpc-package .wpcpv-name-class-cost-wrap {
            position: relative;
            display: block;
            width: 100%;
            height: 7rem;
        }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-name {
            height: auto;
            margin: 0 auto;
            font-size: 2.5rem;
            color: #454545;
        }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-class-cost {
            font-size: 1.8rem;
            font-family: 'proxima_novalight';
            color: #454545;
        }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-price {
            height: 2.3rem;
            margin: 1.5rem auto;
            font-size: 3rem;
            font-family: 'proxima_novalight';
            color: #454545;
        }

    .wpc-package i.fa-question-circle {
        float: right;
        position: relative;
        width: 4rem;
        height: 4rem;
        margin: -0.5rem -1rem 0 0;
        padding: 1rem;
        font-size: 2rem;
        text-align: center;
        color: #919191 !important;
        cursor: pointer;
        z-index: 4;
    }

    .wpc-adv-package.wpc-package .wpcp-buy {
        position: relative;
        bottom: auto;
        right: auto;
        display: block;
        width: 10rem;
        height: 3rem;
        margin: 0 auto;
        border-radius: 0.5rem;
        border: 2px solid #000000;
        background-image: none;
        background: transparent;
    }

        .wpc-adv-package.wpc-package .wpcp-buy:hover {
            background: #000000;
        }

        .wpc-adv-package.wpc-package .wpcp-buy a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            font-size: 1.8rem;
            line-height: 2.8rem;
            color: #000000;
            background-image: none;
            background: transparent;
        }

        .wpc-adv-package.wpc-package .wpcp-buy:hover a {
            color: #fff;
        }

    .wpc-adv-package.wpc-package .wpcp-val.wpcpv-expires {
        font-size: 1.4rem;
        font-family: 'proxima_nova_rgregular';
        color: #454545;
    }

    .wpc-adv-package.wpc-package.wpcp-callout .wpcp-val.wpcpv-name, .wpc-adv-package.wpc-package.wpcp-callout .wpcp-val.wpcpv-class-cost, .wpc-adv-package.wpc-package.wpcp-callout .wpcp-val.wpcpv-price, .wpc-adv-package.wpc-package.wpcp-callout .wpcp-val.wpcpv-expires {
        color: #454545 !important;
    }

    .wpc-adv-package.wpc-package .wpcp-val.wpcpv-desc {
        position: relative;
        display: block;
        width: 100%;
        max-height: 17.5rem;
        height: 17.5rem;
        z-index: 2;
    }

    .wpc-adv-package.wpc-package .back .info-back {
        position: absolute;
        bottom: 1rem;
        left: 0;
        width: 100%;
        height: 2.5rem;
        text-align: center;
        z-index: 3;
    }

        .wpc-adv-package.wpc-package .back .info-back i {
            font-size: 2.5rem;
            color: #919191;
            cursor: pointer;
        }

    .wpc-package.wpc-adv-package.wpcap-membership .flip-container, .wpc-package.wpc-adv-package.wpcap-membership .front, .wpc-package.wpc-adv-package.wpcap-membership .back {
        min-height: 26.5rem;
        height: auto;
    }

    .wpc-package.wpc-adv-package.wpcap-membership .flip-container {
        min-height: 43.7rem;
    }

    .wpc-adv-package.wpc-package.wpcap-membership .wap-content {
        min-height: 22.5rem;
    }

    .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-name {
        color: #fff !important;
        font-size: 1.5rem;
        line-height: 4rem;
    }

    .wapc-logo {
        position: relative;
        display: block;
        max-width: 100%;
        width: auto;
        max-height: 5rem;
        height: auto;
        margin: 0 auto;
    }

    .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-price {
        margin-bottom: 0;
        font-size: 2.5rem;
        font-family: 'proxima_nova_rgbold';
    }

    .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-class-cost {
        font-size: 1.5rem;
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
    }

        .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-class-cost:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 25%;
            width: 50%;
            height: 1px;
            background: #fff;
        }

    .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-desc {
        font-size: 1.5rem;
        line-height: 1.8rem;
        color: #454545;
    }
    /* Instructors List */
    .pg-wp-instructorslist {
        background: #fff;
    }

    .content.wp-instructorslist-content {
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .wpic-sl-wrap, #wpInstructorsListWrap {
        position: relative;
        max-width: 114rem;
        width: 100%;
        margin: 0 auto;
    }

    .wpic-sl-wrap {
        padding: 2rem 0;
    }

        .wpic-sl-wrap #ScheduleLocations {
            position: relative;
            display: block;
            height: 3rem;
            padding-left: 1.5rem;
            font-size: 1.6rem;
            font-family: 'proxima_nova_rgregular';
            color: #5d5e5e;
            text-align: center;
            border-radius: 0.5rem;
            border: 1px solid #e8e8e8;
            background: #e8e8e8;
        }

    #wpInstructorsListInner {
        position: relative;
        width: 100%;
    }

    .wpil-instructor {
        position: relative;
        display: block;
        max-width: 26.4rem;
        width: 90%;
        height: 28.5rem;
        margin: 0 auto 5%;
        z-index: 1;
    }

    .wpili-inner {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .wpili-hover {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.7);
        transition: all 0.3s ease-in-out;
        z-index: 5;
    }

    .wpili-inner.hover .wpili-hover {
        display: block;
    }

    .wpilih-quote {
        position: absolute;
        top: 0;
        left: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 50%;
        padding: 10% 0 0 0;
        font-size: 2.5rem;
        font-family: 'proxima_novalight';
        color: #000;
        text-align: center;
    }

    .wpilih-profile {
        position: absolute;
        top: 50%;
        left: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 50%;
        font-size: 1.9rem;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        text-align: center;
        cursor: pointer;
    }

        .wpilih-quote span, .wpilih-profile span {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            width: 100%;
        }

    .wpili-name {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block; /*width:50%;*/
        min-width: 50%;
        height: 4rem;
        padding: 0 1rem;
        font-size: 2.4rem;
        line-height: 4.4rem;
        font-family: 'proxima_novalight';
        color: #000;
        text-align: center;
        text-transform: uppercase;
        background: rgba(255,255,255,0.6);
        z-index: 4;
    }

    .wpili-bg {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #000000;
        z-index: 3;
        overflow: hidden;
    }

    .wpili-img {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: auto;
    }
    /*.wpili-bg img {position:relative;display:block;max-width:100%;width:100%;min-height:100%;height:100%;}*/
    /*.wpili-img-list {position:relative;display:block;max-width:100%;width:100%;min-height:100%;height:100%;}*/
    /*.wpili-bg img.noimg, .wpidi-img.noimg {position:absolute;bottom:0;left:50%;max-width:19.2rem;height:auto;margin-left:-9.6rem;}*/
    /*.wpili-bg img.noimg.noimg-m, .wpidi-img.noimg.noimg-m {max-width:21.1rem;margin-left:-10.505rem;}*/
    /* Instructor Details */
    .inst-det-wmrv .sw-badge, .inst-det-wmrv .sw-inst, .inst-det-wmrv .sw-dialog {
        display: none !important;
    }

    .pg-wp-type.pg-wp-instructordetails {
        background: #fff;
    }

    #wpInstructorDetailsWrap {
        position: relative;
        max-width: 91rem;
        width: 100%;
        margin: 0 auto;
        padding: 2rem 0;
    }

    .wpidi-info {
        position: relative;
        max-width: 26.4rem;
        width: 90%;
        margin: 0 auto;
    }

    .wpidi-name {
        display: none;
    }

    .wpidi-quote {
        position: relative;
        width: 100%;
        margin: 3rem 0 1.5rem;
        font-size: 2.5rem;
        line-height: 3rem;
        font-family: 'proxima_novalight';
        color: #606060;
        text-align: center;
    }

    .wpidi-bio {
        position: relative;
        width: 100%;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #59595a;
    }

    #wpidiBack {
        float: left;
        position: relative;
        display: block;
        margin: 0 0 1rem 5%;
        font-size: 1.6rem;
        text-transform: lowercase;
        clear: right;
    }

    .wpidi-img-wrap {
        position: relative;
        max-width: 26.4rem;
        width: 90%;
        height: 28.5rem;
        margin: 0 auto;
        box-shadow: 7px 7px 1px #e0e0e0;
        background: #000000;
        z-index: 1;
        clear: left;
    }

    .wpidi-img {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        z-index: 2;
    }

    .wpidi-img-name {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 50%;
        height: 4rem;
        font-size: 2.4rem;
        line-height: 4.5rem;
        font-family: 'proxima_novalight';
        color: #000;
        text-align: center;
        text-transform: uppercase;
        background: rgba(255,255,255,0.6);
        z-index: 3;
    }

    #wpInstructorDetailsInner .wpidi-schedulelocation {
        display: block !important;
        position: relative;
        max-width: 30rem;
        width: 100%;
        height: 6rem;
        margin-top: 3rem;
        padding: 2rem;
        background: #f6f7f8;
        clear: left;
    }

        #wpInstructorDetailsInner .wpidi-schedulelocation #scheduleLocationsVal {
            top: 0;
            margin-left: -120px !important;
            height: 2rem;
            font-size: 1.7rem;
        }

    #wpInstructorDetailsInner #scheduleLocationsList {
        top: 6rem;
    }

    .wpidi-schedule {
        display: block;
        position: relative;
        max-width: 26.4rem;
        width: 90%;
        height: 28rem;
        margin: 7.5% auto 0;
        padding: 3rem;
        box-shadow: 7px 7px 1px #e0e0e0;
        background: #f6f7f8;
        clear: left;
    }

        .wpidi-schedule.empty {
            height: 15rem;
        }

    #scheduleLoading {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        padding-top: 12rem;
        font-size: 4.5rem;
        text-align: center;
        color: #686868;
        background: rgba(255,255,255,0.5);
    }

    .wpidi-schedule .db-box-head {
        margin-bottom: 0;
    }

    .inst-det-wmrv {
        position: relative;
        display: block;
        width: 100%;
        height: 5.1rem;
        border-bottom: 1px solid #e2e2e2;
    }

        .inst-det-wmrv .sw-classname {
            position: absolute;
            top: 0.7rem;
            left: 0;
            font-size: 1.4rem;
            line-height: 1.1em;
            color: #686868;
            white-space: nowrap;
        }

        .inst-det-wmrv .sw-time { /*position:absolute;top:2.5rem;left:0;*/
            font-size: 1.4rem;
            color: #686868;
            white-space: nowrap;
        }

    .inst-det-wmrv-btn {
        position: absolute;
        top: 1.1rem;
        right: 0;
        height: 2.6rem;
        font-size: 1.3rem;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        border-radius: 1.3rem;
        border: 0 none;
        background: #000000;
    }

    .wpidis-view {
        position: absolute;
        bottom: 2rem;
        left: 0;
        display: block;
        width: 100%;
        margin-top: 2rem;
        font-size: 1.66rem;
        color: #4a494a;
        text-align: center;
        text-transform: lowercase;
    }
    /* Instructor Rating */
    .pg-wp-type.pg-wp-instructorrating { /*max-height:100vh;min-height:80vh;*/
        min-height: 1px;
        height: auto;
        text-align: center;
        background: #fff;
    }

    #instructorRatingWrap {
        position: absolute;
        top: 21%;
        left: 0;
        display: block;
        width: 100%;
        height: 16.8rem;
        margin: -8.4rem 0 0 0;
    }

    .pg-wp-type.pg-wp-instructorrating h1 {
        font-size: 4.9rem;
        line-height: 6rem;
        font-family: 'proxima_novalight';
        color: #606060;
        text-transform: uppercase;
    }

    .pg-wp-type.pg-wp-instructorrating h2 {
        font-size: 2.1rem;
        line-height: 2.5rem;
        font-family: 'proxima_novalight';
        color: #606060;
        text-transform: none;
    }

    .pg-wp-type.pg-wp-instructorrating .rating {
        position: relative;
        display: block;
        width: 20.9rem;
        height: 3.2rem;
        margin: 0 auto;
        color: transparent;
        z-index: 1;
    }

        .pg-wp-type.pg-wp-instructorrating .rating:before {
            content: '\f005\0020\f005\0020\f005\0020\f005\0020\f005';
            position: absolute;
            top: 0;
            left: 0;
            font-size: 3.5rem;
            line-height: 3.4rem;
            font-family: 'FontAwesome';
            color: #000000;
            z-index: 3;
        }

        .pg-wp-type.pg-wp-instructorrating .rating:after {
            content: '\f006\0020\f006\0020\f006\0020\f006\0020\f006';
            position: absolute;
            top: 0;
            left: 0;
            font-size: 3.5rem;
            line-height: 3.4rem;
            font-family: 'FontAwesome';
            color: #c4c4c4;
            z-index: 2;
        }

        .pg-wp-type.pg-wp-instructorrating .rating.r-4:before {
            content: '\f005\0020\f005\0020\f005\0020\f005';
        }

        .pg-wp-type.pg-wp-instructorrating .rating.r-3:before {
            content: '\f005\0020\f005\0020\f005';
        }

        .pg-wp-type.pg-wp-instructorrating .rating.r-2:before {
            content: '\f005\0020\f005';
        }

        .pg-wp-type.pg-wp-instructorrating .rating.r-1:before {
            content: '\f005';
        }

    #irWrap {
        position: relative;
        display: block;
        max-width: 64rem;
        width: 100%;
        margin: 0 auto;
        padding: 8.5rem 0 0;
    }

    #irwH1 {
        position: relative;
        display: block;
        margin: 0 0 3rem 0;
        text-align: left;
        border-bottom: 1px solid #727373;
    }

        #irwH1 .irw-img {
            float: left;
            position: relative;
            display: inline-block;
            width: 5.5rem;
            height: 5.5rem;
            margin: 0 1.7rem 1.5rem 0;
            border-radius: 2.75rem;
        }

    #ifwH1 .irw-img.irwi-none {
        background: #000000;
    }

    #irwH1 .irw-txt {
        float: left;
        position: relative;
        display: inline-block;
        height: 7rem;
        font-size: 2.2rem;
        line-height: 2.5rem;
        font-family: 'proxima_nova_rgregular';
        color: #29292d;
        text-transform: uppercase;
    }

        #irwH1 .irw-txt span {
            position: relative;
            display: block;
            width: 100%;
            font-size: 3.5rem;
            line-height: 3.5rem;
            font-family: 'proxima_novablack';
        }

    #irwInstructor {
        position: relative;
        display: block;
        width: 100%;
        font-size: 2.2rem;
        font-family: 'proxima_nova_rgregular';
        color: #29292d;
        text-align: center;
    }

    #irwClass {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.5rem;
        font-family: 'proxima_nova_rgregular';
        color: #29292d;
        text-align: center;
    }

        #irwClass span {
            color: #959595;
        }

    #irwRating {
        position: relative;
        display: block;
        width: 100%;
        height: 4rem;
        margin: 1rem 0 3.5rem 0;
        text-align: center;
    }

    .irwr-star {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 4.2rem;
        height: 4rem;
        background: transparent url('../../images/instructor-rating-star-empty.svg')no-repeat center center;
    }

        .irwr-star.on {
            background: transparent url('/WebPortal/IRStar')no-repeat center center;
        }

    #irWrap .wp-message-inner, #irWrap .wp-message-inner.wpmi-err {
        border: 2px solid #727373 !important;
    }

        #irWrap .wp-message-inner .wp-message-text {
            margin: 1.8rem 0;
            line-height: 2.4rem;
            color: #29292d;
        }

    #instructorRatingErr p {
        position: relative;
        display: block;
        font-size: 1.6rem;
        text-align: center;
    }

    #instructorRatingComments {
        position: relative;
        display: block;
        max-width: 90%;
        width: 53rem;
        height: 9rem;
        margin: 0 auto;
        padding: 1rem 2rem;
        font-size: 1.6rem;
        font-family: 'proxima_nova_rgregular';
        color: #32323a;
        border: 1px solid #727373;
    }

    #instructorRatingSubmit {
        position: relative;
        display: block;
        width: 20rem;
        height: 2.8rem;
        margin: 2.4rem auto;
        font-size: 1.9rem;
        line-height: 3rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        border-radius: 1.4rem;
        border: 0 none;
        background: #000000;
        cursor: pointer;
    }
    /* Standard Messaging */
    #messageWrap {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        z-index: 5;
    }

    #messageInner {
        position: relative;
        width: 30rem;
        min-height: 8.5rem;
        height: auto;
        margin: 2.5rem auto;
        padding: /*9rem 2rem 2rem*/ 2rem;
        font-size: 2.1rem;
        color: #fff;
        border-radius: 1.5rem;
        box-shadow: 7px 7px 1px #e4e6e7;
        background: #000000;
        z-index: 1;
    }

    #messageClose {
        position: absolute;
        top: -1.5rem;
        right: -1.5rem;
        width: 3.5rem;
        height: 3.5rem;
        margin: 0;
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        text-align: center;
        box-shadow: 7px 1px 1px #e4e6e7;
        border-radius: 1.75rem;
        border: 6px solid #000000;
        background: #fff;
        cursor: pointer;
        z-index: 4;
    }

    #messageInner .fa {
        position: absolute;
        top: 2rem;
        left: /*50%*/ 2rem;
        display: block;
        margin: 0 0 0 /*-2.5rem*/ 0;
        font-size: /*5*/ 4rem;
        z-index: 2;
    }

    #messageInner span {
        display: block;
        padding: 0 0 0 3.5rem;
        line-height: 2.5rem;
        z-index: 3;
    }

    #pasMobileMsg {
        display: none;
        position: absolute;
        left: 50%;
        width: 90%;
        height: 15.5rem;
        padding: 3rem 0;
        font-size: 2.1rem;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
        text-align: center;
        border-radius: 1rem;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        border: 1px solid rgba(0,0,0,0.5);
        background: #fff;
        transform: translateX(-50%);
        z-index: 5;
    }

    #pmmClose {
        position: absolute;
        top: -2rem;
        right: -2rem;
        display: block;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
    }

    #pmmBtn {
        position: relative;
        display: block;
        width: 17rem;
        height: 4rem;
        margin: 2rem auto 0;
        padding: 0 2.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
        clear: both;
    }

        #pmmBtn .fa {
            margin: 0 1rem 0 -1rem;
        }

    #pasDesktopMsg {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        max-width: calc(100vw - 4rem);
        width: 65rem;
        max-height: 50rem;
        margin: 0 auto;
        padding: 3.5rem;
        text-align: center;
        border: 2px solid #757576;
        background: #fff;
        z-index: 10;
    }

    .pg-wp-type.pg-wp-schedule #pasDesktopMsg, .pg-wp-type.pg-wp-schedule-mobile #pasDesktopMsg {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 4;
    }
    /*.pg-wp-type.pg-wp-schedule-mobile #pasDesktopMsg {top:10rem;}*/
    #pdmClose {
        position: absolute;
        top: -2rem;
        right: -2rem;
        width: 2rem;
        height: 2rem;
        background: transparent url('/images/pdmClose.png')no-repeat center center;
        cursor: pointer;
    }

    .pg-wp-type.pg-wp-schedule #pdmClose, .pg-wp-type.pg-wp-schedule-mobile #pdmClose {
        z-index: 5;
    }

    #pasDesktopMsg h2 {
        margin: 0;
        font-size: 2.3rem;
        line-height: 1.3em;
        color: #000000;
    }

    #pasDesktopMsg h3 {
        margin: 0;
        font-size: 1.6rem;
        line-height: 1.3em;
        font-family: 'proxima_nova_rgregular';
        color: #29292d;
    }

        #pasDesktopMsg h3 span {
            color: #c4c3c3;
        }

    #pdmSeatWrap {
        position: relative;
        display: block;
        width: 100%;
        height: 2rem;
        margin: 3rem 0 0;
        line-height: 2rem;
    }

    #pdmSeatType {
        position: relative;
        display: inline-block;
        width: auto;
        max-height: 2rem;
        height: 2rem;
        margin-right: 0.5rem;
        vertical-align: top;
    }

    #pdmSeatNumber {
        position: relative;
        display: inline-block;
        margin-left: 0.5rem;
        font-size: 2.3rem;
        line-height: 2rem;
        font-family: 'proxima_novasemibold';
        color: #29292d;
    }

    #pdmSelWrap {
        position: relative;
        display: block;
        width: 100%;
    }

    #pdmSel {
        position: relative;
        display: block;
        width: 13.5rem;
        height: 3rem;
        margin: 4.5rem auto;
        padding: 0 1.5rem;
        font-size: 1.6rem;
        color: #2b2b36;
        border-radius: 1.5rem;
        background-color: #e8e8e8;
    }

    _:-moz-tree-row(hover), #pdmSel {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        border: 0 none;
        background-position: 100% center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    }

    #pdmGuestInfo {
        position: relative;
        display: none;
        width: 100%;
        padding: 0 3.5rem;
    }

        #pdmGuestInfo label {
            float: left;
            position: relative;
            display: inline-block;
            width: 50%;
            padding-right: 1.2rem;
        }

            #pdmGuestInfo label:nth-of-type(2) {
                padding-left: 1.2rem;
                padding-right: 0;
            }

            #pdmGuestInfo label span {
                position: relative;
                display: block;
                width: 100%;
                font-size: 1.3rem;
                line-height: 1.8rem;
                color: #35353b;
                text-align: left;
            }

                #pdmGuestInfo label span span {
                    display: inline;
                    width: auto;
                    font-size: 1.6rem;
                    line-height: 1.8rem;
                    color: #f00;
                }

    #pdmGuestEmail, #pdmGuestName {
        position: relative;
        display: block;
        width: 100%;
        height: 3rem;
        padding: 0 1rem;
        font-size: 1.6rem;
        border-radius: 0.5rem;
        border: 2px solid #727373;
    }

        #pdmGuestName.req {
            color: #f00;
            border-color: #f00;
        }

    input#pdmGuestName.req::-webkit-input-placeholder {
        color: #f00;
        opacity: 1;
    }

    input#pdmGuestName.req:-moz-placeholder {
        color: #f00;
        opacity: 1;
    }

    input#pdmGuestName.req::-moz-placeholder {
        color: #f00;
        opacity: 1;
    }

    input#pdmGuestName.req:-ms-input-placeholder {
        color: #f00;
        opacity: 1;
    }

    #pmdBtn, #pmdWlBtn {
        position: relative;
        display: block;
        width: 19.5rem;
        height: 3.5rem;
        margin: 4.5rem auto 0;
        font-size: 1.6rem;
        line-height: 3.5rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border-radius: 1.75rem;
        border: 0 none;
        background: #000000;
        cursor: pointer;
    }

    #pasSuccess {
        position: relative;
        display: block;
        max-width: 90%;
        width: 67.5rem;
        height: 5.3rem;
        margin: 2.5rem auto;
        padding: 1.1rem;
        border-radius: 0.5rem;
        border: 1px solid #231f20;
    }

    #passMsg {
        float: left;
        position: relative;
        display: inline-block;
        padding-left: 5.5rem;
        font-size: 1.6rem;
        line-height: 3.1rem;
        color: #35353b;
    }

    #passGuest {
        float: right;
        position: relative;
        display: inline-block;
        min-width: 24.2rem;
        height: 3rem;
        margin: 0 5.5rem 0 0;
        padding: 0;
        font-size: 1.8rem !important;
        line-height: 3rem;
        font-family: 'proxima_novasemibold' !important;
        color: #000000;
        text-transform: uppercase;
        text-align: center;
        border-radius: 1.5rem;
        border: 1px solid #000000;
        background: #fff;
    }

    #passClose {
        position: absolute;
        top: 1.1rem;
        right: 1.1rem;
        width: 3rem;
        height: 3rem;
        font-size: 3rem;
        line-height: 3rem;
        color: #231f20;
        text-align: center;
        cursor: pointer;
    }

    .wp-message-wrap {
        position: relative;
        max-width: 73rem;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        z-index: 5;
    }

    .wp-message-inner {
        position: relative;
        width: 100%;
        min-height: 6rem;
        height: auto;
        margin: 2.5rem auto;
        padding: 0 2.4rem 0 8.5rem;
        font-size: 1.6rem;
        text-align: left;
        border-radius: 0.5rem;
        border: 2px solid #60bb46;
        background: #fff;
        z-index: 6;
    }

        .wp-message-inner.wpmi-err {
            border: 2px solid #ee323a;
        }

        .wp-message-inner .wp-message-close {
            float: right;
            position: relative;
            display: inline-block;
            margin-top: 2.35rem;
            cursor: pointer;
        }

        .wp-message-inner .wp-message-img {
            float: left;
            position: relative;
            display: inline-block;
            margin: 1.3rem 3.5rem 0 0;
        }

        .wp-message-inner .wp-message-text {
            float: left;
            position: relative;
            display: inline-block;
            max-width: calc(100% - 9rem);
        }
    /* Classes List */
    .wpc-cs-wrap.wcw-classlist {
        position: relative;
        height: 6.7rem;
        padding-left: 2.5%;
        text-align: left;
    }

        .wpc-cs-wrap.wcw-classlist select#ScheduleLocations {
            display: inline-block;
            margin: 0 0 0 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url('/images/filter-select-arrow.png');
            background-position: 18rem 1.1rem;
            background-repeat: no-repeat;
            width: 20rem;
            height: 2.7rem;
            padding: 0 0.5rem 0 1rem;
            font-size: 1.6rem;
            color: #5d5e5e;
            border-radius: 0.75rem;
            border: 0 none;
            background-color: #e8e8e8;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

    .wpdb-classlist-header {
        display: block !important;
        max-width: 100vw;
        height: 10.2rem;
        margin: 0 0 4rem 0;
        padding: 2.85rem 0 !important;
        background: #000000;
    }

    #classlistFilterWrap {
        position: relative;
        display: block;
        width: 95%;
        height: 6rem;
        margin: 0 2.5%;
        overflow: hidden;
        z-index: 1;
    }

        #classlistFilterWrap .fa {
            position: absolute;
            top: 1rem;
            display: none;
            font-size: 4rem;
            color: #fff;
            opacity: 0.5;
            cursor: pointer;
            z-index: 3;
        }

            #classlistFilterWrap .fa:hover {
                opacity: 1;
            }

            #classlistFilterWrap .fa.show {
                display: block;
            }

        #classlistFilterWrap #clfwPrev.fa {
            left: 0;
        }

        #classlistFilterWrap #clfwNext.fa {
            right: 0;
        }

    #classListFilterWrapInnerWrap {
        position: relative;
        display: block;
        width: calc(100% - 4rem);
        height: 6rem;
        margin: 0 auto;
        overflow: hidden;
        z-index: 2;
    }

    #classlistFilterWrapInner {
        position: relative;
        display: block;
        min-width: 100%;
        min-height: 6rem;
        margin-left: 0;
        text-align: center;
        z-index: 2;
    }

        #classlistFilterWrapInner:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        #classlistFilterWrapInner a {
            float: left;
            position: relative;
            display: inline-block;
            height: 4.5rem;
            margin: 0.75rem 2.5rem;
            padding: 0 2rem;
            font-size: 2.4rem;
            line-height: 4.5rem;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            outline: none;
            cursor: pointer;
        }

        #classlistFilterWrapInner.justify a {
            float: none;
        }

        #classlistFilterWrapInner a:before, #classlistFilterWrapInner a:after {
            content: '';
            position: absolute;
            width: 4.5rem;
            height: 0.2rem;
            background: #fff;
            opacity: 0.2;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            pointer-events: none;
        }

        #classlistFilterWrapInner a:before {
            top: -2px;
            left: 0;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            transform-origin: 0 0;
        }

        #classlistFilterWrapInner a:after {
            right: 0;
            bottom: 0;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }

        #classlistFilterWrapInner a:hover:before, #classlistFilterWrapInner a:hover:after, #classlistFilterWrapInner a:focus:before, #classlistFilterWrapInner a:focus:after, #classlistFilterWrapInner a.on:before, #classlistFilterWrapInner a.on:after {
            opacity: 1;
        }

        #classlistFilterWrapInner a:hover:before, #classlistFilterWrapInner a:focus:before, #classlistFilterWrapInner a.on:before {
            left: 50%;
            -webkit-transform: rotate(0deg) translateX(-50%);
            -moz-transform: rotate(0deg) translateX(-50%);
            transform: rotate(0deg) translateX(-50%);
        }

        #classlistFilterWrapInner a:hover:after, #classlistFilterWrapInner a:focus:after, #classlistFilterWrapInner a.on:after {
            right: 50%;
            -webkit-transform: rotate(0deg) translateX(50%);
            -moz-transform: rotate(0deg) translateX(50%);
            transform: rotate(0deg) translateX(50%);
        }

    .pg-wp-classeslist {
        max-width: 100rem;
        width: 100vw;
        margin: 0 auto;
        background: #fff;
    }

    .content.wp-classeslist-content {
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .wpcc-sl-wrap, #wpClassesListWrap {
        position: relative;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .wpcc-sl-wrap {
        padding: 2rem 0;
    }

        .wpcc-sl-wrap #ScheduleLocations {
            position: relative;
            display: block;
            height: 3rem;
            padding-left: 1.5rem;
            font-size: 1.6rem;
            font-family: 'proxima_nova_rgregular';
            color: #5d5e5e;
            text-align: center;
            border-radius: 0.5rem;
            border: 1px solid #e8e8e8;
            background: #e8e8e8;
        }

    #wpClassesListInner {
        position: relative;
        width: 100%;
    }

    .wpcl-class {
        position: relative;
        display: block;
        max-width: 30rem;
        width: 90%;
        height: 35rem;
        margin: 0 auto 4.5%;
        z-index: 1;
    }

        .wpcl-class:nth-of-type(odd) {
            clear: left;
        }

        .wpcl-class:nth-of-type(even) {
            clear: right;
        }

    .wpclc-name {
        position: relative;
        display: block;
        width: 100%;
        font-size: 2.4rem;
        line-height: 2.1rem;
        font-family: 'proxima_novalight';
        color: #3c3b37;
        text-align: left;
        text-transform: uppercase;
        min-height: 4rem;
    }

    .wpclc-desc {
        position: relative;
        display: block;
        height: 100%;
        font-size: 1.5rem;
        color: #3c3b37;
        z-index: 2;
    }

    .wpclcd-view {
        position: relative;
        display: block;
        width: 13rem;
        height: 4.2rem;
        margin: 1.1rem 0 0;
        padding: 0.5rem 1rem;
        font-size: 2rem;
        font-family: 'proxima_novalight';
        color: #000000;
        text-decoration: none;
        outline: none;
        border: 1px solid #000000;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .wpclcd-view:hover {
            color: #fff;
            text-decoration: none;
        }

        .wpclcd-view:before {
            content: '';
            position: absolute;
            z-index: -1;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            width: 0%;
            height: 100%;
            top: 0;
            left: 0;
            background: #000000;
        }

        .wpclcd-view:hover:before {
            width: 100%;
        }

    .wpclcd-inner {
        max-height: 60px;
        height: 60px;
        margin-bottom: 3px;
    }
    /* Class Details */
    .inst-det-wmrv .sw-badge, .inst-det-wmrv .sw-inst, .inst-det-wmrv .sw-dialog, .inst-det-wmrv .sw-inst-img {
        display: none !important;
    }

    .pg-wp-type.pg-wp-classdetails {
        background: #fff;
    }

    #wpClassDetailsWrap {
        position: relative;
        max-width: 86rem;
        width: 100%;
        margin: 0 auto;
        padding: 2rem 0;
    }

    .wpcdi-info {
        position: relative;
        max-width: 26.4rem;
        width: 90%;
        margin: 0 auto;
    }

    .wpcdi-name {
        display: none;
    }

    .wpcdi-quote {
        position: relative;
        width: 100%;
        margin: 3rem 0 1.5rem;
        font-size: 2.5rem;
        line-height: 3rem;
        font-family: 'proxima_novathin';
        color: #606060;
        text-align: center;
    }

    .wpcdi-bio {
        position: relative;
        width: 100%;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #59595a;
    }

    #wpcdiBack {
        float: left;
        position: relative;
        display: block;
        margin: 0 0 1rem 5%;
        font-size: 1.6rem;
        text-transform: lowercase;
        clear: right;
    }

    .wpcdi-schedule {
        display: block;
        position: relative;
        max-width: 30rem;
        width: 90%;
        height: 28rem;
        margin: 7.5% auto 0;
        padding: 3rem;
        box-shadow: 7px 7px 1px #e0e0e0;
        background: #f6f7f8;
        clear: left;
    }

        .wpcdi-schedule.empty {
            height: 15rem;
        }

    #scheduleLoading {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        padding-top: 12rem;
        font-size: 4.5rem;
        text-align: center;
        color: #686868;
        background: rgba(255,255,255,0.5);
    }

    .wpcdi-schedule .db-box-head {
        margin-bottom: 0;
    }

    .wpcdis-view {
        position: absolute;
        bottom: 2rem;
        left: 0;
        display: block;
        width: 100%;
        margin-top: 2rem;
        font-size: 1.66rem;
        color: #4a494a;
        text-align: center;
        text-transform: lowercase;
    }

    .wp-classdetails-content #wpInstructorsListWrap h2 {
        margin-top: 0rem;
        padding-top: 2rem;
        font-weight: normal;
        font-size: 1.7rem;
        font-family: 'proxima_nova_rgregular';
        text-align: center;
    }

    .wp-classdetails-content .wpil-instructor {
        height: 29rem;
    }
    /* Class Checkin */
    .pg-wp-type.pg-wp-checkin {
        padding: 0;
        text-align: center;
        background: #fff;
    }

    #checkinWrap {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .checkin-logo-wrap {
        position: relative;
        display: block;
        width: 100%;
        padding: 5rem 0;
    }

    .checkin-logo-img {
        position: relative;
        display: block;
        max-width: 100%;
        width: auto;
        max-height: 100%;
        height: auto;
        margin: 0 auto;
    }

    #checkinWrap #loginFormPortal {
        position: relative;
        display: block;
        width: 100%;
    }

    #lfpInner {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 5rem 0;
        background: #000000;
    }

    #checkinWrap .customer-panel {
        float: none;
        position: relative;
        display: block;
        width: 22.9rem !important;
        margin: 0 auto;
        min-height: 1px;
    }

    #checkinlocation select {
        position: relative;
        width: 22.9rem !important;
        height: 4.2rem;
        margin: 1rem 0 0.7rem;
        font-size: 1.7rem;
        font-family: 'proxima_nova_rgbold';
        color: #58595b;
        border: 1px solid #000;
    }

    #checkinWrap #signInButton {
        height: 6.8rem;
        background-image: url('/images/checkinButton.png');
        background-position: center center;
    }

        #checkinWrap #signInButton .button.special {
            width: 22.9rem;
            padding-right: 0.5rem;
            line-height: 5.3rem;
            cursor: pointer;
        }

    #checkinInfoWrap, #checkinClassWrap {
        position: relative;
        display: none;
    }

        #checkinInfoWrap #messageWrap, #checkinClassWrap #messageWrap {
            position: relative;
            margin: 10rem 0 9rem;
        }

    #ciwForm {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 10rem 0;
        background: #000000;
    }

    #ciwfInner {
        position: relative;
        display: block;
        width: 22.9rem;
        margin: 0 auto;
        box-shadow: 7px 7px 1px rgba(0,0,0,0.2);
    }

    .ciwf-input {
        position: relative;
        display: block;
        width: 100%;
        height: 4.2rem;
        margin: 0 auto;
        padding: 0 0.5rem 0 3.5rem !important;
        font-size: 1.7rem;
        font-family: 'proxima_nova_rgregular';
        color: #c4c3c3 !important;
        border: 1px solid #c4c3c3;
        border-top: none;
    }

    #checkinBirthday.ciwf-input {
        border-top: 1px solid #c4c3c3;
        background: #fff url('/images/checkinBirthday.png')no-repeat 0.5rem center;
    }

    #checkinWeight.ciwf-input {
        background: #fff url('/images/checkinWeight.png')no-repeat 0.5rem center;
    }

    #checkinShoeSize.ciwf-input {
        background: #fff url('/images/checkinShoeSize.png')no-repeat 0.5rem center;
    }

    .ciwf-checkbox-label {
        position: relative;
        display: block;
        width: 17.5rem;
        margin: 2rem auto 0;
    }

        .ciwf-checkbox-label input[type="checkbox"] {
            float: left;
            position: relative;
            display: inline-block;
            width: 1.4rem;
            height: 1.4rem;
            margin: 0.4rem 0.5rem 0 0;
        }

        .ciwf-checkbox-label span {
            float: left;
            position: relative;
            display: inline-block;
            font-size: 1.7rem;
            color: #fff;
        }

    .checkin-next {
        position: absolute;
        bottom: 2rem;
        right: 2rem;
        font-size: 3rem;
        color: #fff;
        text-transform: lowercase;
        cursor: pointer;
    }

        .checkin-next i {
            font-size: 2.3rem;
        }

    #checkinSeatWrap {
        position: relative;
        display: none;
        width: 100%;
    }

        #checkinSeatWrap #cswPickASeat {
            position: relative;
            display: block;
            width: 100%;
            padding: 4rem 0;
        }

    #cswSeatAssignment {
        position: relative;
        display: block;
        max-width: 95%;
        width: 70rem;
        margin: 0 auto;
        padding: 4rem;
        font-size: 2.1rem;
        color: #fff;
        text-align: left;
        box-shadow: 7px 7px 1px #e4e6e7;
        border-radius: 1.5rem;
        background: #000000;
    }

        #cswSeatAssignment span {
            line-height: 4.5rem;
        }

        #cswSeatAssignment .checkin-next {
            float: right;
            position: relative;
            bottom: auto;
            right: auto;
            display: inline-block;
        }

    #checkinFinalWrap {
        position: relative;
        display: none;
        width: 100%;
    }

    #cfwInner {
        position: relative;
        display: block;
        width: 100%;
        padding: 10rem 0;
        font-size: 3.7rem;
        letter-spacing: 0.1em;
        color: #fff;
        background: #000000;
    }
    /* Class Checkin Advanced Layout */
    #cawHeader {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 14rem;
        padding: 2rem 0 2rem 4rem;
        border-bottom: 2px solid #E2E2E2;
        background: #fff;
        z-index: 3;
    }

    #cawhLogo {
        float: left;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        max-width: 41.5rem;
        width: auto;
        max-height: 10rem;
        height: auto;
    }

    #cawhTime {
        float: right;
        position: relative;
        display: inline-block;
        width: 26rem;
        height: 6rem;
        margin: 2rem 0 0 3rem;
        padding: 0 2rem;
        font-weight: 300;
        font-size: 3.5rem;
        line-height: 6rem;
        font-family: 'Roboto';
        color: #fff;
        background: #CCCCCB;
    }

        #cawhTime span:not(#cawhtVal) {
            padding-left: 0.5rem;
            font-size: 2rem;
            color: #40403F;
        }

    #cawhTitle {
        float: right;
        position: relative;
        display: inline-block;
        width: 20rem;
        height: 10rem;
        background: transparent url('/WebPortal/advCheckinHdrCheck')no-repeat center center;
    }

    #cawFooter {
        position: fixed;
        bottom: -10000px;
        left: 0;
        width: 100%;
        height: 300px;
        padding: 2rem 4rem;
        text-align: center;
        border-top: 2px solid #E2E2E2;
        background: #fff;
        z-index: 3;
    }

    #cawfBack, #cawfJoin {
        float: left;
        position: relative;
        display: inline-block;
        width: 22rem;
        height: 5rem;
        margin: 2rem 0 0;
        padding: 0 2.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        border-radius: 0.5rem;
        border: 2px solid #CCCCCB;
        background: #CCCCCB;
    }

    #cawfBack {
        float: left;
        padding-left: 4.5rem;
        background: #CCCCCB url('/WebPortal/cawfBack')no-repeat 3rem center;
        background-size: 2.2rem;
    }

    #caws5iRight #caws5rBack, #cawfBack4 {
        float: none;
        display: block;
        margin: 4rem auto;
    }

    #cawfJoin {
        float: right;
        color: #000000;
        border-color: #000000;
        background: #fff;
    }

        #cawfBack img, #cawfJoin img {
            float: left;
            position: relative;
            display: inline-block;
            margin: 0 -2rem 0 1rem;
        }

    #cawfBack img {
        margin: 0.3rem 0 0;
    }

    #cawfClose {
        position: absolute;
        top: 2.5rem;
        right: 2.5rem;
        display: block;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
    }

    #calLoading {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.8);
        text-align: center;
        z-index: 4;
    }

        #calLoading .fa {
            position: relative;
            display: block;
            top: 30%;
            transform: translateY(-50%);
            margin: 0 auto;
            color: #000000;
        }

        #calLoading span {
            position: relative;
            display: block;
            top: 32%;
            transform: translateY(-50%);
            width: 100%;
            padding-left: 2rem;
            font-size: 2rem;
            font-family: 'proxima_novasemibold';
            color: #4A4A4C;
        }

    #checkinAdvLoginForm {
        position: relative;
        display: none;
        width: 30.5rem;
        margin: 0 auto;
        padding: 3rem 0;
        text-align: left;
        z-index: 1;
    }

        #checkinAdvLoginForm h2 {
            margin: 8.5rem 0 3.5rem;
            font-size: 3.5rem;
            line-height: 1em;
            font-family: 'proxima_nova_rgregular';
            color: #000000;
            text-align: center;
            text-transform: none;
        }

            #checkinAdvLoginForm h2.calf-tog {
                margin-top: 0px;
            }

            #checkinAdvLoginForm h2.calf-tog-err {
                margin-bottom: 0;
                font-size: 3rem;
            }

            #checkinAdvLoginForm h2 span {
                font-family: 'proxima_nova_rgbold';
            }

        #checkinAdvLoginForm label {
            position: relative;
            display: block;
            width: 100%;
            font-size: 1.5rem;
            color: #6D6D6D;
            clear: both;
        }

        #checkinAdvLoginForm input[type="email"] {
            position: relative;
            display: block;
            width: 30.5rem;
            height: 3.4rem;
            margin: 0 0 1.5rem;
            padding: 0 1rem;
            font-size: 1.6rem;
            border-radius: 0.3rem;
            border: 1px solid #E8E8E8;
            background: #E8E8E8;
            -webkit-text-fill-color: #000;
            -webkit-appearance: initial;
        }

    #calShowPword {
        position: absolute;
        top: 27.8rem;
        left: 0;
        display: block;
        width: 30.5rem;
        height: 3.4rem;
        padding: 0 1rem;
        font-size: 1.6rem;
        line-height: 3.4rem;
        border-radius: 0.3rem;
        border: 1px solid #E8E8E8;
        background: #E8E8E8;
        z-index: 3;
    }

    #checkinAdvLoginForm input[type="password"] {
        position: relative;
        display: block;
        width: 30.5rem;
        height: 3.4rem;
        margin: 0 0 1.5rem;
        padding: 0 1rem;
        font-size: 1.6rem;
        border-radius: 0.3rem;
        border: 1px solid #E8E8E8;
        background: #E8E8E8;
        z-index: 2;
        -webkit-text-fill-color: #000;
        -webkit-appearance: initial;
    }

    #checkinAdvLoginForm input:-webkit-autofill {
        position: relative;
        display: block;
        width: 30.5rem;
        height: 3.4rem !important;
        margin: 0 0 1.5rem;
        padding: 0 1rem;
        font-size: 1.6rem !important;
        color: #000;
        -webkit-text-fill-color: #000;
        border-radius: 0.3rem;
        border: 1px solid #E8E8E8;
        background: #E8E8E8 !important;
        z-index: 2;
    }

    #checkinAdvLoginForm input:-webkit-autofill {
        transition: background-color 5000s ease-in-out 0s !important;
        -webkit-box-shadow: 0 0 0px 1000px rgba(232,232,232,1) inset !important;
        background: transparent none !important;
    }

    #checkinAdvLoginForm input.err {
        border-color: #EF3D3C !important;
        background: #fce9ea !important;
    }

        #checkinAdvLoginForm input.err:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px rgba(252,233,234,1) inset !important;
        }

    #checkinAdvLoginForm input[type="checkbox"] {
        float: left;
        position: relative;
        display: inline-block;
        width: 1.3rem;
        height: 1.3rem;
        margin: 0 0.5rem 0 0;
    }

    #checkinAdvLoginForm label span {
        float: left;
        position: relative;
        display: inline-block;
        font-size: 1.4rem;
        line-height: 0.9em;
        color: #686969;
    }

    #calLogin {
        position: relative;
        display: block;
        width: 20rem;
        height: 3.3rem;
        margin: 2.5rem auto 0;
        padding: 0 2.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
        clear: both;
    }

    #checkinAdvLoginForm p {
        margin: 2.5rem 0 0;
        font-size: 1.5rem;
        color: #6D6D6D;
        text-align: center;
    }

        #checkinAdvLoginForm p.calf-tog-err {
            margin: 0 0 2.5rem;
        }

    #checkinAdvWrap {
        position: relative;
        display: block; /*max-width:128rem;width:90%;*/
        width: 100%;
        margin: 0 auto;
        padding: 16rem 0;
        text-align: left;
        z-index: 2;
        overflow: hidden;
    }

    .caw-step {
        position: relative;
        display: none;
        max-width: 128rem;
        width: 93%;
        margin: 0 auto;
        z-index: 2;
    }

        .caw-step.moving {
            position: absolute;
            top: 17rem;
            z-index: 3;
        }

    #cawStep1.caw-step {
        display: block;
    }

    .caws1-row {
        position: relative;
        display: block;
        width: 100%;
        height: 10rem;
        margin: 0 0 2.5rem;
        border-bottom-left-radius: 5rem;
        border-top-left-radius: 5rem;
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
        background: #F1EFEF;
        cursor: pointer;
    }

    .caws1r-image {
        float: left;
        position: relative;
        display: inline-block;
        width: 10rem;
        height: 10rem;
        margin: 0 4rem 0 0;
        border-radius: 5rem;
    }

        .caws1r-image.caws1ri-empty {
            background: #000000;
        }

        .caws1r-image img {
            position: relative;
            display: block;
            max-width: 100%;
            width: 100%;
            max-height: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .caws1r-name {
        float: left;
        position: relative;
        display: block;
        width: calc(100% - 39.5rem);
        padding: 1.5rem 0 0.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
    }

    .caws1r-instructor {
        float: left;
        position: relative;
        display: block;
        width: calc(100% - 39.5rem);
        font-size: 1.5rem;
        line-height: 1em;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
    }

    .caws1r-time {
        float: left;
        position: relative;
        display: block;
        width: calc(100% - 39.5rem);
        font-size: 1.5rem;
        color: #6D6D6D;
    }

    .caws1r-timeremaining {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 25.5rem;
        height: 10rem;
        padding-right: 7rem;
        font-size: 2rem;
        line-height: 10rem;
        font-family: 'proxima_novalight';
        color: #40403F;
        text-align: right;
    }

    .caws1r-hours {
        display: inline-block;
        margin: 0 1rem 0 0;
        font-size: 3.5rem;
        font-weight: 400;
        font-family: 'Roboto';
        color: #000000;
    }

    .caws1r-minutes {
        display: inline-block;
        width: 8rem;
        font-size: 3.5rem;
        font-weight: 400;
        font-family: 'Roboto';
        color: #000000;
    }

        .caws1r-hours span, .caws1r-minutes span {
            position: relative;
            display: inline-block;
            margin: 0;
            font-size: 2rem;
            font-family: 'proxima_novalight';
            color: #40403F;
        }

    #cawStep2Inner {
        position: relative;
        display: block;
        width: 100%;
        z-index: 3;
    }

    #caws2iLeft {
        float: left;
        position: relative;
        display: inline-block;
        width: 34.5rem;
    }

    #caws2ilImg {
        float: left;
        position: relative;
        display: inline-block;
        width: 10rem;
        height: 10rem;
        margin: 0 2.5rem 0 5rem;
        border-radius: 5rem;
    }

        #caws2ilImg.du-empty-inst {
            background: #000000;
        }

    #caws2ilClassInfo {
        float: left;
        position: relative;
        display: inline-block;
    }

    .caws2ilci-name {
        position: relative;
        display: block;
        width: 100%;
        margin: 1rem 0 0;
        font-size: 2.5rem;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
    }

    .caws2ilci-time {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.5rem;
        color: #6D6D6D;
    }

    #caws2ilInstructor {
        float: left;
        position: relativecheckinAdvWrap;
        display: block;
        height: 3.5rem;
        margin: 3rem 0 0;
        padding: 0 2rem 0 5rem;
        font-size: 1.7rem;
        line-height: 3.5rem;
        border-radius: 0.5rem;
        background: #F1EFEF;
        clear: both;
    }

        #caws2ilInstructor em {
            font-family: 'proxima_novaregular_italic';
        }

    #caws2iRight {
        float: left;
        position: relative;
        display: inline-block;
        width: calc(100% - 46.5rem);
        padding: 0 5.5rem;
        z-index: 4;
    }

    #deadBirdCoffin {
        position: relative;
        display: block;
        width: 100%;
        height: 5.5rem;
        margin: 1rem 0 5rem 0;
    }

    #deadBird {
        float: left;
        position: relative;
        display: inline-block;
        width: 8.1rem;
        height: 5.3rem;
        margin: 0.1rem 1rem 0 0;
    }

    #deadBirdEpitaph {
        float: left;
        position: relative;
        display: inline-block;
        width: calc(100% - 9.1rem);
        height: 5.5rem;
        padding: 0.75rem 2.5rem 0;
        font-size: 2rem;
        line-height: 1em;
        font-family: 'proxima_nova_rgbold';
        color: #D91F28;
        border-radius: 0.5rem;
        background: rgba(217,31,40,0.1);
    }

        #deadBirdEpitaph span:not(#deadBirdStartTime) {
            position: relative;
            display: block;
            width: 100%;
            font-size: 1.8rem;
            font-family: 'proxima_nova_rgregular';
        }

    .caws2ir-row {
        position: relative;
        display: block;
        width: 100%;
        height: 8.5rem;
        margin: 0 0 2.5rem;
        border-bottom-left-radius: 5rem;
        border-top-left-radius: 5rem;
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
        background: #F1EFEF;
        cursor: pointer;
    }

    .caws2ir-image {
        float: left;
        position: relative;
        display: inline-block;
        width: 8.5rem;
        height: 8.5rem;
        margin: 0 4rem 0 0;
        border-radius: 5rem;
    }

        .caws2ir-image img {
            position: relative;
            display: block;
            max-width: 100%;
            width: 100%;
            max-height: 100%;
            height: 100%;
            border-radius: 50%;
        }

            .caws2ir-image img.du-empty {
                background: #000000;
            }

    .caws2ir-name {
        float: left;
        position: relative;
        display: block;
        width: calc(100% - 39.5rem);
        padding: 1.5rem 0 0.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
    }

    .caws2ir-email {
        float: left;
        position: relative;
        display: block;
        width: calc(100% - 39.5rem);
        font-size: 1.5rem;
        color: #6D6D6D;
    }

    .caws2ir-spot {
        position: absolute;
        top: 0;
        right: 4rem;
        display: block;
        width: 11rem;
        height: 8.5rem;
        line-height: 8.5rem;
    }

        .caws2ir-spot img {
            float: left;
            position: relative;
            display: inline-block;
        }

            .caws2ir-spot img.spot {
                width: 3.5rem;
                height: 3.5rem;
                margin: 2.5rem auto 0;
            }

            .caws2ir-spot img.bike {
                width: 4rem;
                height: 2.2rem;
                margin: 3.15rem auto 0;
            }

            .caws2ir-spot img.yoga-mat {
                width: 4.3rem;
                height: 2.1rem;
                margin: 3.2rem auto 0;
            }

            .caws2ir-spot img.treadmill {
                width: 3.2rem;
                height: 3.3rem;
                margin: 2.6rem auto 0;
            }

            .caws2ir-spot img.rowing-machine {
                width: 4rem;
                height: 2.6rem;
                margin: 2.95rem auto 0;
            }

        .caws2ir-spot span {
            float: right;
            position: relative;
            display: inline-block;
            font-size: 3rem;
            font-family: 'Roboto';
            color: #000000;
        }

            .caws2ir-spot span sub {
                bottom: 0;
                padding-right: 0.5rem;
                font-weight: 300;
                font-size: 2rem;
                color: #aaa;
            }

    .caws2ir-btn {
        position: absolute;
        top: 2.5rem;
        right: 3rem;
        width: 13.5rem;
        height: 3.5rem;
        font-size: 2rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
        overflow: hidden;
        z-index: 5;
    }

        .caws2ir-btn:not(.caws2ir-btn-checkedin, .disabled):after {
            content: '';
            position: absolute;
            top: -50px;
            left: -75px;
            width: 5rem;
            height: 15.5rem;
            background: #fff;
            opacity: 0.2;
            z-index: -10;
            transform: rotate(35deg);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        }

        .caws2ir-btn:not(.caws2ir-btn-checkedin, .disabled):hover:after {
            left: 120%;
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        }

        .caws2ir-btn.disabled {
            color: #B7B7B7;
            border-color: #CCCCCB;
            background: #CCCCCB;
        }

    .caws2ir-btn-checkedin {
        color: #787878;
        background: transparent;
    }

    .caws2ir-btn span {
        z-index: 20;
    }

    #caws2iRight h2 {
        margin: 5.5rem 0 2rem;
        font-size: 2.5rem;
        font-family: 'proxima_novasemibold';
        color: #000000;
        text-transform: none;
    }

    #cawStep3 {
        max-width: 100%;
        width: 100%;
        padding: 5rem 0 0;
    }

    #caws3ModalBg {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(123,123,123,0.3);
        z-index: 4;
    }

    #caws3Modal {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 35rem;
        height: 15.5rem;
        margin: 0 0 0 -17.5rem;
        border-radius: 1rem;
        background: #fff;
        transform: translateY(-50%);
        z-index: 5;
    }

    #caws3mClose {
        position: absolute;
        top: -3rem;
        right: -3rem;
        display: block;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
    }

    #caws3mInner {
        position: relative;
        display: block;
        padding: 3rem 0;
        font-size: 2.1rem;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
        text-align: center;
    }

    #caws3miConfirm {
        position: relative;
        display: block;
        width: 17rem;
        height: 4rem;
        margin: 2rem auto 0;
        padding: 0 2.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
        clear: both;
    }

        #caws3miConfirm img {
            float: left;
            display: inline-block;
            width: 2rem;
            height: 2rem;
            margin: 0.2rem -0.5rem 0 0.5rem;
        }

    #caws3Close {
        position: absolute;
        top: 2.5rem;
        right: 2.5rem;
        display: block;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
    }

    #caws3Left {
        float: left;
        position: relative;
        display: inline-block;
        width: 25rem;
        z-index: 3;
    }

    #caws3lClassInfo {
        display: block;
        width: 100%;
        text-align: center;
    }

    .caws3lci-name {
        position: relative;
        display: block;
        width: 100%;
        margin: 1rem 0 0;
        font-size: 2.5rem;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
    }

    .caws3lci-time {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.5rem;
        color: #6D6D6D;
    }

    #caws3lInstructor {
        float: left;
        position: relative;
        display: block;
        height: 3.5rem;
        margin: 3rem 0 0;
        padding: 0 2rem 0 5rem;
        font-size: 1.7rem;
        line-height: 3.5rem;
        border-radius: 0.5rem;
        background: #F1EFEF;
        clear: both;
    }

        #caws3lInstructor em {
            font-family: 'proxima_novaregular_italic';
        }

    #caws3Right {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 0 5.5rem;
        z-index: 3;
    }

        #caws3Right h2 {
            margin: 0;
            font-size: 3.3rem;
            line-height: 0.9em;
            font-family: 'proxima_nova_rgbold';
            color: #000000;
            text-transform: none;
            text-align: center;
        }

        #caws3Right p {
            margin: 1rem 0 0;
            font-size: 1.7rem;
            color: #4A4A4C;
            text-align: center;
        }

    #caws3rPick {
        position: relative;
        display: block;
        width: 100%;
        margin: 6rem 0 0;
        text-align: center;
    }

    #caws3rBack {
        position: relative;
        display: block;
        width: 22rem;
        height: 5rem;
        margin: 2rem auto 0;
        padding: 0 2.5rem 0 4.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        border-radius: 0.5rem;
        border: 2px solid #CCCCCB;
        background: #CCCCCB url('/WebPortal/cawfBack')no-repeat 3rem center;
        background-size: 2.2rem;
    }

    #cawStep4 {
        padding: 16rem 0 0;
    }

        #cawStep4 img {
            position: relative;
            display: block;
            margin: 0 auto 2.5rem;
        }

        #cawStep4 h2 {
            font-size: 3.5rem;
            font-family: 'proxima_nova_rgbold';
            color: #000000;
            text-transform: none;
            text-align: center;
        }

        #cawStep4 h3 {
            font-size: 1.7rem;
            font-family: 'proxima_nova_rgregular';
            color: #4A4A4C;
            text-align: center;
        }

    #cawStep5 {
        padding: 5rem 0 0;
    }

    #caws5iLeft {
        float: left;
        position: relative;
        display: inline-block;
        width: 25.5rem;
    }

    #caws5ilImg {
        float: left;
        position: relative;
        display: inline-block;
        width: 10rem;
        height: 10rem;
        margin: 0 2.5rem 0 5rem;
        border-radius: 5rem;
    }

        #caws5ilImg.du-empty-inst {
            background: #000000;
        }

    #caws5ilClassInfo {
        float: left;
        position: relative;
        display: inline-block;
        padding-left: 5rem;
    }

    .caws5ilci-name {
        position: relative;
        display: block;
        width: 100%;
        margin: 1rem 0 0;
        font-size: 2.5rem;
        font-family: 'proxima_novasemibold';
        color: #4A4A4C;
    }

    .caws5ilci-time {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.5rem;
        color: #6D6D6D;
    }

    #caws5ilInstructor {
        float: left;
        position: relative;
        display: block;
        height: 3.5rem;
        margin: 3rem 0 0;
        padding: 0 2rem 0 5rem;
        font-size: 1.7rem;
        line-height: 3.5rem;
        border-radius: 0.5rem;
        background: #F1EFEF;
        clear: both;
    }

        #caws5ilInstructor em {
            font-family: 'proxima_novaregular_italic';
        }

    #caws5iRight {
        float: left;
        position: relative;
        display: inline-block;
        width: calc(100% - 34.5rem);
        padding: 11rem 5.5rem 0;
        z-index: 4;
    }

        #caws5iRight img {
            position: relative;
            display: block;
            width: 12.5rem;
            height: 12.5rem;
            margin: 0 auto 2.5rem;
            border-radius: 6.25rem;
            background: #000000;
        }

        #caws5iRight h2 {
            font-size: 3.5rem;
            font-family: 'proxima_nova_rgbold';
            color: #000000;
            text-transform: none;
            text-align: center;
        }

        #caws5iRight h3 {
            font-size: 1.7rem;
            font-family: 'proxima_nova_rgregular';
            color: #4A4A4C;
            text-align: center;
        }

    #caws5rBack, #cawfBack4 {
        position: relative;
        display: block;
        width: 22rem;
        height: 5rem;
        margin: 2rem auto 0;
        padding: 0 2.5rem 0 4.5rem;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #fff;
        border-radius: 0.5rem;
        border: 2px solid #CCCCCB;
        background: #CCCCCB url('/WebPortal/cawfBack')no-repeat 3rem center;
        background-size: 2.2rem;
    }

    #cawfBack4 {
        top: 30rem;
    }

    #termsToggle {
        position: relative;
        display: block;
        width: 20rem;
        margin: 0 auto;
        font-size: 1.6rem;
        cursor: pointer;
    }

    #termsWrap {
        display: none;
        max-width: 100%;
        width: 76.8rem;
        height: 30rem;
        margin: 0 auto;
        overflow-y: scroll !important;
    }

    #termsContent {
        font-size: 1.6rem;
    }

    #gdprContent label {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.6rem;
    }

    #gdprContent button.btn {
        width: 13.5rem;
        height: 3.5rem;
        margin-top: 2.5rem;
        font-size: 2rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
    }

    #gdprContent {
        font-size: 1.6rem;
    }

    #termsContent label {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.6rem;
    }

    #termsContent button.btn {
        width: 13.5rem;
        height: 3.5rem;
        margin-top: 2.5rem;
        font-size: 2rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
    }

    #gdprContent label {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.6rem;
    }

    #gdprContent button.btn {
        width: 13.5rem;
        height: 3.5rem;
        margin-top: 2.5rem;
        font-size: 2rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
    }

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

    .border-dashed {
        background: linear-gradient(to right, #000000 65%, rgba(255, 255, 255, 0) 0%) top repeat-x, linear-gradient(to right, #000000 65%, rgba(255, 255, 255, 0) 0%) bottom repeat-x, linear-gradient(to bottom, #000000 65%, rgba(255, 255, 255, 0) 0%) left repeat-y, linear-gradient(to bottom, #000000 65%, rgba(255, 255, 255, 0) 0%) right repeat-y;
        background-size: 2rem 1px, 2rem 1px, 1px 2rem, 1px 2rem;
    }

    #showOnTv {
        display: inline-block;
        padding: 1em 3em;
        font-size: 1.6rem;
    }

        #showOnTv input[type="checkbox"] {
            height: 2.4rem;
            width: 2.4rem;
            vertical-align: middle;
        }

    .as-chk-label input[type="checkbox"] {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 1px;
        height: 1px;
        border: 0 none;
        z-index: 2;
        opacity: 0;
    }

    .as-chk-decoy {
        pointer-events: none;
        position: relative;
        display: inline-block;
        width: 2.5rem;
        height: 2.4rem;
        margin: 0 0.5rem 0 0;
        background: transparent url('/images/as-chk-decoy.png')no-repeat top left;
        background-size: 100%;
        vertical-align: middle;
        z-index: 3;
    }

        .as-chk-decoy.acd-dis {
            background-image: url('/images/as-chk-decoy-disabled.png');
        }

    input[type="checkbox"]:checked + .as-chk-decoy {
        background-position: bottom left;
    }
    /* Marketing */
    .pg-wp-type.pg-wp-marketing {
        padding-top: 7.5rem;
        background: #fff;
    }

    .wp-marketing-content {
        position: relative;
        max-width: 100%;
        width: 93rem;
        margin: 0 auto 7.5rem !important;
        clear: both;
    }

    #marketingTop {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        z-index: 1;
    }

    #marketingTopLeft {
        float: left;
        position: relative;
        display: inline-block;
        width: 32.3rem;
        height: 26.3rem;
        z-index: 2;
    }

    #mtlImg {
        position: absolute;
        top: 2rem;
        left: 1.5rem;
        display: block;
        width: 29rem;
        height: 24.2rem;
        z-index: 3;
    }

    .mtl-span {
        position: absolute;
        width: 3.2rem;
        height: 3.2rem;
        font-size: 2.2rem;
        line-height: 3.6rem;
        font-family: 'proxima_nova_rgbold';
        color: #757576;
        text-align: center;
        border-radius: 50%;
        background: #e5e5e5;
        transition: all 0.3s linear;
        z-index: 4;
    }

        .mtl-span.active {
            color: #e5e5e5;
            box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
            background: #757576;
        }

    #mtls1 {
        top: 0.5rem;
        left: 0;
    }

    #mtls2 {
        top: 0rem;
        left: 24rem;
    }

    #mtls3 {
        top: 6.9rem;
        left: 29.1rem;
    }

    #mtls4 {
        top: 13.1rem;
        left: 0;
    }

    #mtls5 {
        top: 12rem;
        left: 29.1rem;
    }

    #mtls6 {
        top: 19.3rem;
        left: 29.1rem;
    }

    #marketingTopRight {
        float: right;
        position: relative;
        display: inline-block;
        max-width: 100%;
        width: 51rem;
        text-align: left;
    }

        #marketingTopRight h1 {
            margin: 1.5rem 0 0;
            font-size: 3.7rem;
            line-height: 4.5rem;
            font-family: 'proxima_novasemibold';
            color: #f47535;
            text-transform: none;
        }

            #marketingTopRight h1 span {
                position: relative;
                display: block;
                width: 100%;
            }

        #marketingTopRight h2 {
            font-size: 1.8rem;
            line-height: 2.15rem;
            font-family: 'proxima_novasemibold_italic';
            color: #5d5d5d;
            text-transform: none;
        }

        #marketingTopRight ul {
            margin: 0;
            padding: 0;
            list-style: none !important;
        }

    .mtrl-inner {
        float: left;
        position: relative;
        display: inline-block;
        width: 50%;
    }

    #marketingTopRight ul li {
        position: relative;
        list-style: inherit;
        font-size: 1.8rem;
        font-family: 'proxima_nova_rgbold';
        cursor: default;
    }

        #marketingTopRight ul li span {
            padding-left: 1rem;
            font-family: 'proxima_nova_rgregular';
        }

    .marketing-zone-row {
        position: relative;
        width: 100%;
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

        to {
            -webkit-transform: rotateY(0);
            -moz-transform: rotateY(0);
            -ms-transform: rotateY(0);
            transform: rotateY(0);
        }
    }

    .mzr-icon {
        float: left;
        position: relative;
        display: inline-block;
        width: 12rem;
        height: 12rem;
        box-shadow: 5px 5px 1px rgba(0,0,0,0.15);
        border-radius: 50%;
        background: #f5f7f8;
    }

        .mzr-icon:hover {
            animation: rotate 0.7s linear 1;
        }

        .mzr-icon img {
            position: relative;
            display: block;
            max-width: 100%;
            width: 100%;
            max-height: 100%;
            height: 100%;
            margin: 0 auto;
        }

    .mzr-content {
        float: left;
        position: relative;
        width: calc(100% - 12rem);
        margin: 0 0 7rem;
        padding: 0 0 0 5rem;
    }

    .marketing-zone-row:nth-of-type(5) .mzr-content {
        margin-bottom: 0;
    }

    .mzr-content h3 {
        margin: 0;
        font-size: 2.9rem;
        line-height: 1em;
        font-family: 'proxima_nova_rgbold';
    }

    .marketing-zone-row:nth-of-type(1) .mzr-content h3 {
        color: #828282;
    }

    .marketing-zone-row:nth-of-type(2) .mzr-content h3 {
        color: #71cbdc;
    }

    .marketing-zone-row:nth-of-type(3) .mzr-content h3 {
        color: #8cc541;
    }

    .marketing-zone-row:nth-of-type(4) .mzr-content h3 {
        color: #d96c27;
    }

    .marketing-zone-row:nth-of-type(5) .mzr-content h3 {
        color: #ea2629;
    }

    .mzr-content h3 span {
        padding-left: 1rem;
        font-family: 'proxima_nova_rgregular';
    }

    .mzr-content h4 {
        margin: 0;
        font-size: 1.9rem;
        font-family: 'proxima_nova_rgbold_italic';
        color: #5b5c5c;
    }

    .mzr-content p {
        margin: 0;
        font-size: 1.9rem;
        color: #5b5c5c;
    }

    #marketingBotLeft {
        float: left;
        position: relative;
        display: inline-block;
        max-width: 80%;
        width: 35rem;
    }

        #marketingBotLeft img {
            position: relative;
            display: block;
            max-width: 100%;
            width: 100%;
            height: auto;
            transition: transform 1.5s ease, opacity 1.5s ease;
            opacity: 1;
        }

        #marketingBotLeft:hover img {
            transform: scale(0.8, 0.8);
            opacity: 0.6;
        }

    #marketingBotRight {
        float: right;
        position: relative;
        display: inline-block;
        max-width: 100%;
        width: 58rem;
        padding: 0 0 0 4.5rem;
        text-align: left;
    }

        #marketingBotRight h2 {
            margin: 0 0 2rem;
            font-size: 3.7rem;
            line-height: 3.8rem;
            font-family: 'proxima_novasemibold';
            color: #828282;
            text-transform: none;
        }

            #marketingBotRight h2 span {
                position: relative;
                display: block;
                width: 100%;
            }

        #marketingBotRight ul {
            position: relative;
            width: 100%;
            margin: 0;
            padding: 0;
        }

            #marketingBotRight ul li {
                position: relative;
                width: 100%;
                margin: 0 0 1.5rem;
                padding: 0 0 0 2.8rem;
                font-size: 1.75rem;
                color: #5b5c5c;
                background: transparent url('../images/mbrl-li.png')no-repeat 0 0.4rem;
            }
    /* Leaderboard */
    .wp-leaderboard-content .row {
        max-width: 1300px;
    }

    #leaderBoardWrap {
        display: block;
        position: relative;
        margin: 4rem auto 0;
    }

    #leaderboardHeader {
        position: relative;
        z-index: 1;
    }

    .leaderboard-daterange {
        position: absolute;
        top: 4.5rem;
        right: 0;
        font-size: 1.6rem;
        font-family: 'proxima_nova_rgbold';
        color: #606060;
        text-transform: none;
        z-index: 2;
    }

        .leaderboard-daterange span {
            color: #000000;
        }

    .wp-leaderboard-content h1 {
        position: relative;
        margin: 4rem 0 0;
        font-size: 3rem;
        line-height: 1.2em;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        text-transform: uppercase;
        text-align: center;
        z-index: 3;
    }

        .wp-leaderboard-content h1 span {
            position: relative;
            display: block;
            width: 100%;
            font-size: 1.8rem;
            font-family: 'proxima_nova_rgregular';
            color: #606060;
        }

    .leaderboard-col {
        padding-right: 2.8125rem;
    }

        .leaderboard-col:nth-of-type(2) {
            padding-left: 2.8125rem;
        }

    .lbc-row {
        position: relative;
        width: 100%;
        height: 3.6rem;
        margin: 0 0 2rem 0;
        line-height: 3.8rem;
        border-radius: 0.3rem;
        background: #EDEDED;
        z-index: 1;
        clear: both;
    }

        .lbc-row:after {
            content: '';
            display: table;
            width: 100%;
            clear: both;
        }

    .lbcr-rank {
        float: left;
        position: relative;
        display: inline-block;
        width: 4rem;
        height: 3.6rem;
        font-size: 2.1rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        text-align: center;
        border-radius: 0.3rem;
        background: #C1C1C1;
    }

    .lbcr-img {
        float: left;
        position: relative;
        display: inline-block;
        width: 4rem;
        height: 4rem;
        margin: -0.2rem 2rem 0;
        border-radius: 50%;
        background: #000000;
        z-index: 2;
    }

        .lbcr-img img {
            position: relative;
            display: block;
            max-width: 4.2rem;
            width: 4.2rem;
            max-height: 4.2rem;
            height: 4.2rem;
            margin: -2px 0 0 -2px;
            border-radius: 50%;
        }

    .lbcr-name {
        float: left;
        position: relative;
        display: inline-block;
        font-size: 1.8rem;
        color: #383838;
        text-transform: none;
    }

    .lbcr-val {
        float: right;
        position: relative;
        display: inline-block;
        margin: 0 4.4rem 0 0;
    }
    /* Locations */
    .pg-wp-locations {
        background: #fff;
    }

    #wpdLocationsHdr {
        position: relative;
        width: 100%;
        height: 16.5rem;
        text-align: center;
        background: #242428;
        z-index: 1;
    }

        #wpdLocationsHdr:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent url('/images/wpdLocationsHdr.jpg')no-repeat fixed center -40%;
            background-size: 100%;
            opacity: 0.4;
            z-index: 2;
        }

        #wpdLocationsHdr h1 {
            position: relative;
            font-size: 2.2rem;
            font-family: 'proxima_nova_rgregular';
            color: #fff;
            z-index: 3;
        }

        #wpdLocationsHdr label, #wpdLocationsHdr button {
            position: relative;
            display: inline-block;
            margin: 0 1rem;
            z-index: 4;
        }

            #wpdLocationsHdr label span {
                position: relative;
                display: block;
                width: 100%;
                font-size: 1.6rem;
                line-height: 1em;
                color: #fff;
                text-align: left;
            }

            #wpdLocationsHdr label input.wpdl-input {
                position: relative;
                display: block;
                width: 100%;
                height: 3.4rem;
                padding-left: 1rem;
                padding-right: 1rem;
                font-size: 1.6rem;
                border-radius: 0.5rem;
                border: 0 none;
            }

        #wpdLocationsHdr button {
            height: 3.4rem;
            padding: 0 2rem;
            line-height: 3.4rem;
            font-size: 1.6rem;
            color: #fff;
            border: 0 none;
            border: 1px solid;
            background: #000000;
            overflow: hidden;
        }

    #wpdlSubmit:after {
        content: '';
        position: absolute;
        top: -50px;
        left: -75px;
        width: 5rem;
        height: 15.5rem;
        background: #fff;
        opacity: 0.2;
        z-index: -10;
        transform: rotate(35deg);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }

    #wpdlSubmit:hover:after {
        left: 120%;
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }

    #wpdlSubmit span {
        z-index: 20;
    }

        #wpdlSubmit span i {
            margin-right: 0.5rem;
        }

    .pg-wp-locations {
        text-align: center;
    }

    #pwlVals {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
    }

    .pwl-val {
        position: relative;
        display: inline-block;
        margin: 2.6rem 2rem;
        font-size: 3.1rem;
        font-family: 'proxima_novalight';
        color: #C9C9C9;
        text-transform: uppercase;
    }

        .pwl-val span {
            padding-right: 0.5rem;
            font-family: 'proxima_nova_rgbold';
        }

    #pwlResultsWrap {
        position: relative;
        display: block;
        max-width: 100%;
        width: 81rem;
        margin: 0 auto;
    }

    #pwlResults {
        display: none;
    }

    .pwl-results {
        float: left;
        position: relative;
        display: inline-block;
        margin: 0;
    }

        .pwl-results li {
            position: relative;
            width: 27rem;
            padding: 0 2rem 2rem;
        }

    .pwl-result {
        position: relative;
        display: block;
        width: 100%;
        height: 5rem;
        padding: 0.5rem 2.5rem 0;
        border-radius: 2.5rem;
        background: #EFEFEF;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        z-index: 1;
        overflow: hidden;
    }

        .pwl-result:before {
            content: '';
            position: absolute;
            z-index: 2;
            border-radius: 2.5rem;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            width: 0%;
            height: 100%;
            top: 0;
            left: 0;
            background: #000000;
        }

        .pwl-result:hover:before {
            width: 100%;
        }

        .pwl-result span.pwlr-val {
            position: relative;
            display: block;
            width: 100%;
            font-size: 2.6rem;
            font-family: 'proxima_novalight';
            line-height: 1em;
            color: #474747;
            text-align: left;
            z-index: 3;
        }

            .pwl-result span.pwlr-val + span {
                position: relative;
                display: block;
                width: 100%;
                font-size: 1.4rem;
                line-height: 1em;
                font-family: 'proxima_nova_rgregular';
                color: #474747;
                text-align: left;
                z-index: 3;
            }

                .pwl-result span.pwlr-val + span strong {
                    font-family: 'proxima_nova_rgbold';
                    color: #000000;
                }

        .pwl-result:hover span.pwlr-val, .pwl-result:hover span.pwlr-val + span, .pwl-result:hover span.pwlr-val + span strong {
            color: #fff;
        }

    #pwlSelectedWrap {
        position: relative;
        display: block;
        max-width: 100%;
        width: 108rem;
        margin: 0 auto;
    }

        #pwlSelectedWrap h2 {
            margin: 6rem 0 3.6rem;
            font-size: 3.1rem;
            font-family: 'proxima_novalight';
            color: #B7B7B7;
        }

    .location-wrap {
        float: left;
        position: relative;
        display: inline-block;
        width: 36rem;
        height: 14.5rem;
        margin: 0;
        padding: 1rem 2rem;
        color: #474747;
        text-align: left;
        border: 1px solid rgba(71,71,71,0.3);
        border-right: 0 none;
        overflow: hidden;
        z-index: 1;
    }

        .location-wrap:nth-of-type(3n+0) {
            border-right: 1px solid rgba(71,71,71,0.3);
        }

        .location-wrap:nth-last-of-type(1) {
            border-right: 1px solid rgba(71,71,71,0.3);
        }

    .location-map {
        position: absolute;
        top: 1rem;
        right: 2rem;
        display: block;
        font-size: 2.3rem;
        z-index: 2;
    }

    .location-name {
        position: relative;
        display: block;
        font-size: 2.6rem;
        font-family: 'proxima_nova_rgbold';
        z-index: 2;
    }

    .location-address {
        position: relative;
        display: block;
        font-size: 1.6rem;
        font-family: 'proxima_novalight';
        z-index: 2;
    }

    .location-phone {
        position: relative;
        display: block;
        margin: 1rem 0 1.2rem;
        font-size: 1.6rem;
        font-family: 'proxima_novalight';
        z-index: 2;
    }

        .location-map a, .location-address a, .location-phone a {
            color: #474747;
        }

    .location-wrap .hover {
        position: absolute;
        top: 101%;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 3;
    }

        .location-wrap .hover:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000000;
            z-index: 4;
        }

        .location-wrap .hover .inner {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            display: block;
            background: url('/images/location-hover-before-bg.png')no-repeat 25rem 3.2rem, url('/images/location-hover-bg.jpg') no-repeat top left;
            opacity: 0.15;
            z-index: 5;
        }

        .location-wrap .hover a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            z-index: 6;
        }

            .location-wrap .hover a:hover {
                text-decoration: none;
            }

            .location-wrap .hover a span {
                float: left;
                position: relative;
                margin: 0.5rem 0 0 2rem;
                font-size: 3.6rem;
                line-height: 3.9rem;
                font-family: 'proxima_novalight';
                color: #fff;
                text-align: left;
                text-transform: uppercase;
            }
    /* Heart Rate Monitor Registration */
    .pg-wp-type.pg-wp-hrreg {
        height: 100vh;
        padding: 0;
        background: #fff;
    }

    #hrregLeft {
        float: left;
        position: relative;
        display: inline-block;
        height: 100%;
        background: #000000;
        z-index: 5;
    }

        #hrregLeft:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            background: transparent url('/images/hrregleft.png')no-repeat top left;
            opacity: 0.15;
            z-index: 6;
        }


    #hrregRight {
        float: left;
        position: relative;
        display: inline-block;
        width: calc(100% - 51.8rem);
        height: 100%;
        perspective: 120rem;
        z-index: 1;
    }
    #hrregrLogo {
        position: relative;
        display: block;
        max-width: 33rem;
        width: 33rem;
        max-height: 22rem;
        height: auto;
        margin: 8.5rem auto 6.5rem;
    }

    #regrLogo {
        position: relative;
        display: block;
        max-width: 33rem;
        width: 33rem;
        max-height: 22rem;
        height: auto;
        margin: .5rem auto .5rem;
    }

    #hrregRight #hrregrScreenWrap {
        position: relative;
        display: block;
        width: 100%;
        z-index: 2;
    }

    #hrregrScreenWrap h2 {
        margin: 0 0 1rem;
        font-size: 3rem;
        line-height: 0.9em;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        text-transform: none;
        text-align: center;
    }

    #hrregrScreenWrap #hrregrScreen1 h2 {
        margin-bottom: 3.5rem;
    }

    .hdr-alt {
        display: none;
    }

    .hdr-alt2 {
        display: none;
    }

    h2#hrregrScreen1HdrAlt {
        margin: 0;
        line-height: 4.8rem;
        color: #fff;
        background: #000000;
        overflow: hidden;
    }

        h2#hrregrScreen1HdrAlt span {
            margin-left: 20rem;
        }

        h2#hrregrScreen1HdrAlt img {
            display: none;
        }

    #hrregrScreenWrap h3 {
        margin: 0 0 3.5rem;
        font-size: 2rem;
        line-height: 0.9em;
        font-family: 'proxima_nova_rgregular';
        color: #000000;
        text-align: center;
    }

    #hrregrScreen3 h3, #hrregrScreen4 h3 {
        font-size: 1.6rem;
        font-family: 'proxima_novaregular_italic';
        color: #707071;
    }

    h3#hrregrScreen1SubHdrAlt {
        float: left;
        width: 100%;
        margin-top: 5.8rem;
        margin-bottom: 5rem;
    }

    #hrregrScreenWrap label {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.6rem;
        color: #454545;
    }

        #hrregrScreenWrap label.hrregr-only {
            padding-left: 3rem;
        }

    #hrregrScreen3Inner label {
        padding-left: 3rem;
    }

    #hrregrScreenWrap #hrregrScreen5 label {
        text-align: center;
    }

    .hrregr-input {
        max-width: 100%;
        width: 30.5rem;
        height: 3.4rem;
        margin: 0 0 1.5rem;
        padding: 0 1rem;
        font-size: 1.6rem;
        color: #454545;
        border-radius: 0.5rem;
        border: 1px solid #F0EFEF;
        background: #F0EFEF;
    }

        .hrregr-input.fin {
            background: #fff;
        }

    #hrregrScreenWrap .button {
        position: relative;
        display: block;
        min-width: 20rem;
        height: 3.4rem;
        margin: 0 auto;
        padding: 0;
        font-size: 1.6rem;
        line-height: 3.6rem;
        font-family: 'proxima_nova_rgbold';
        color: #fff;
        border-radius: 0.5rem;
        border: 0 none;
        background: #000000;
    }

        #hrregrScreenWrap .button.secondary {
            min-width: 10rem;
            color: #454545;
            background: #E8E8E8;
        }

    #hrregrScreenWrap .footnote {
        margin: 6.5rem 0 0;
        font-size: 1.4rem;
        line-height: 3.4rem;
        color: #686969;
    }

        #hrregrScreenWrap .footnote .button.secondary {
            display: inline-block;
            width: 10rem;
            margin: 0 0 0 2rem;
        }

    .hrregr-screen {
        position: relative;
        display: block;
        padding: 0 15rem 8.5rem;
        z-index: 3;
    }

        .hrregr-screen:not(#hrregrScreen1) {
            display: none;
        }

    @-webkit-keyframes moveToLeft {
        from {
        }

        to {
            -webkit-transform: translateX(-100%);
            display: none
        }
    }

    @keyframes moveToLeft {
        from {
        }

        to {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            display: none;
        }
    }

    @-webkit-keyframes moveFromRight {
        from {
            -webkit-transform: translateX(100%);
        }
    }

    @keyframes moveFromRight {
        from {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    .moveToLeft {
        -webkit-animation: moveToLeft 1s ease both;
        animation: moveToLeft 0.5s ease both;
    }

    .moveFromRight {
        -webkit-animation: moveFromRight 1s ease both;
        animation: moveFromRight 0.5s ease both;
    }

    #hrregrScreen1Inner, #hrregrScreen3Inner {
        position: relative;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    #hrregrScreen2Inner, #hrregrScreen4Inner, #hrregrScreen5Inner {
        position: relative;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    #hrregrScreen4Inner {
        width: 50rem;
    }

    #hrMonitorBrand {
        position: relative;
        display: block;
        width: 23rem;
    }

    #hrMonitorID, #hrMonitorIDFin {
        width: 39rem;
        height: 7rem;
        font-size: 6rem;
        line-height: 7rem;
        font-family: 'proxima_novalight';
        text-align: center;
    }

    #hrregrs4iLeft {
        float: left;
        position: relative;
        display: inline-block;
        width: 28.5rem;
    }

    #hrregrs4iRight {
        float: right;
        position: relative;
        display: inline-block;
        width: 18.5rem;
    }

    #hrregrScreenWrap label.hrregrs4-radio-wrap {
        float: left;
        position: relative;
        display: inline-block;
        width: 50%;
        margin-top: 0.5rem;
        z-index: 1;
    }

    .hrregrs4-radio-wrap input[type="radio"], #hrregrScreen4Inner input[type="checkbox"] {
        position: absolute;
        top: 0.2rem;
        left: 0.2rem;
        width: 0.1rem !important;
        height: 0.1rem !important;
        border: 0 none;
        z-index: 2;
    }

    .hrregrs4-radio-cover {
        float: left;
        position: relative;
        display: inline-block;
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 1.1rem;
        border: 2px solid #E0E1E0;
        background: #fff;
    }

    .hrregrs4-check-cover {
        float: left;
        position: relative;
        display: inline-block;
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 0.5rem;
        border: 2px solid #E0E1E0;
        background: #fff;
    }

    .hrregrs4-radio-wrap input[type="radio"]:checked + .hrregrs4-radio-cover, input[type="checkbox"]:checked + .hrregrs4-check-cover {
        background: #000000;
    }

        input[type="checkbox"]:checked + .hrregrs4-check-cover:before {
            content: '\f00c';
            float: left;
            position: relative;
            display: block;
            width: 1.5rem;
            height: 1.5rem;
            margin: 0.1rem 0 0 0.2rem;
            font-size: 1.5rem;
            line-height: 1.6rem;
            font-family: 'FontAwesome';
            color: #fff;
            text-align: center;
        }

    .hrregrs4-radio-text, .hrregrs4-check-text {
        float: left;
        position: relative;
        display: inline-block;
        margin: 0 0 0 0.5rem;
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: #454545;
    }

    .hrregr-cancel {
        position: relative;
        display: block;
        width: 100%;
        margin: 1rem 0 0;
        font-size: 1.3rem;
        color: #454545;
        text-decoration: underline;
        cursor: pointer;
    }
    /* Appointments */
    .pg-wp-type.pg-wp-appointment {
        position: relative;
        display: block;
        min-height: 1px;
        padding: 0;
        border-bottom: 1px solid #d9d8d7;
        background: #fff;
    }

    header.wp-appointments-header {
        padding: 5rem 9rem 3rem;
    }

    .wah-locname {
        float: left;
        position: relative;
        display: inline-block;
        font-size: 2rem;
        font-family: 'proxima_novasemibold';
        color: #2b2b36;
        border-bottom: 1px solid #e1e1e2;
    }

        .wah-locname.wahln-multi {
            border-bottom: 0 none;
        }

        .wah-locname #ScheduleLocations {
            position: relative;
            display: block;
            width: 20rem;
            height: 2.4rem;
            padding: 0 1rem;
            border-radius: 1.2rem;
            font-size: 1.6rem;
            font-family: 'proxima_nova_rgregular';
            color: #29292d;
            background-color: #e8e8e8;
            background-position: 98% center;
        }

    .wah-locinfo {
        float: left;
        position: relative;
        display: inline-block;
        margin: 0.5rem 0 0 1.5rem;
        font-size: 1.4rem;
        line-height: 1.3em;
        color: #2b2b36;
    }

        .wah-locinfo a {
            color: #000000;
        }

            .wah-locinfo a span {
                color: #2b2b36;
            }

    #appointmentsLeft {
    }

    #alHeaderWrap {
        position: relative;
        display: block;
        width: 100%;
        height: 5.6rem;
        background: #29292d;
    }

    #alHeader {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 20rem;
        height: 5.6rem;
        padding: 1.8rem 0;
        text-align: center;
    }

        #alHeader.alh-lg {
            width: 28rem;
        }

        #alHeader .appt-wk-prev {
            position: relative;
            display: inline-block;
            width: 1.2rem;
            height: 2rem;
            background: url('/WebPortal/alHeaderLeft')no-repeat;
            cursor: pointer;
        }

        #alHeader #alhRange {
            position: relative;
            display: inline-block;
            vertical-align: top;
            height: 2rem;
            margin: 0 0.5rem;
            font-size: 2rem;
            line-height: 2rem;
            color: #fff;
        }

        #alHeader .appt-wk-next {
            position: relative;
            display: inline-block;
            width: 1.2rem;
            height: 2rem;
            background: url('/WebPortal/alHeaderRight')no-repeat;
            cursor: pointer;
        }

    .wp-appointments .accordion {
        background: transparent;
    }

    .wp-appointments .accordion-item {
        margin: 3.5rem 0 0;
    }

        .wp-appointments .accordion-item.is-active + .accordion-item {
            margin-top: 0;
        }

    .wp-appointments .accordion-title {
        height: 3.3rem;
        padding: 0 7.8rem 0 7.8rem;
        font-size: 2rem;
        line-height: 3.3rem;
        color: #29292d;
        text-decoration: none !important;
        outline: 0 none;
        border: 0 none;
        background: transparent !important;
    }

        .wp-appointments .accordion-title::before {
            top: 0.5rem;
            right: auto;
            left: 4.6rem;
            font-size: 2.5rem;
        }

        .wp-appointments .accordion-title span {
            position: relative;
            display: block;
            border-bottom: 1px solid #d9d8d7;
        }

    .wp-appointments .accordion-content {
        position: relative;
        width: 100%;
        max-height: 34rem;
        height: auto;
        padding: 1.7rem 4rem;
        border: 0 none;
        background: transparent;
        overflow: hidden;
    }

    .wp-appointments .afc-inner.scroll {
        position: relative;
        width: 100%;
        height: 28.5rem;
        margin-bottom: 4rem;
        overflow: hidden;
    }

        .wp-appointments .afc-inner.scroll .mCSB_inside > .mCSB_container {
            padding-bottom: 3rem;
        }

    .wp-appointments .filter-filt {
        position: relative;
        display: block;
        width: 100%;
        height: 1.4rem;
        margin: 0 0 2rem;
        z-index: 1;
    }

    .wp-appointments .filt_appt {
        position: absolute;
        top: 0.2rem;
        left: 0.2rem;
        width: 1px;
        height: 1px;
        border: 0 none;
        opacity: 0;
        z-index: 2;
    }

    .wp-appointments .ffw-bg {
        float: left;
        position: relative;
        display: inline-block;
        width: 1.4rem;
        height: 1.4rem;
        margin: 0 1.5rem 0 0;
        border-radius: 0.3rem;
        border: 1px solid #29292d;
        background: #fff;
        z-index: 3;
    }

    .wp-appointments .filt_appt:checked + .ffw-bg {
        background: #000000;
    }

    .wp-appointments .filt_label {
        float: left;
        position: relative;
        display: inline-block;
        max-width: calc(100% - 2.9rem);
        overflow: hidden;
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: #29292d;
    }

    #appointmentsMain {
        border-left: 1px solid #d9d8d7;
    }

    #amHeaderWrap {
        position: relative;
        display: block;
        width: 100%;
        height: 5.6rem;
        background: #29292d;
    }

    .amh-header {
        float: left;
        position: relative;
        display: inline-block;
        width: 14.28%;
        height: 5.6rem;
        padding-top: 0.8rem;
        line-height: 1.3em;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border-left: 1px solid #d9d8d7;
        cursor: pointer;
    }

        .amh-header:nth-of-type(1) {
            border-left: 0 none;
        }

        .amh-header.on {
            background: #000000;
        }

    .amh-day {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.4rem;
        color: rgba(255,255,255,0.7);
    }

    .amh-header.on .amh-day {
        color: #fff;
    }

    .amh-date {
        position: relative;
        display: block;
        width: 100%;
        font-size: 2.5rem;
    }

    .amh-header.off.unavail, .amh-header.off.unavail .amh-day {
        color: rgba(255,255,255,0.5);
    }

    #amContentWrap {
        padding-top: 3.5rem;
        display: none;
    }
    /* SK: I set this to default as hidden, we then show after loading and filtering, this prevents the flickering of bad data. See: $('#amContentWrap').show(); */
    .amc-type-wrap {
        float: left !important;
        padding: 0 3.5rem 4rem;
    }

        .amc-type-wrap h2 {
            width: calc(100% - 1.6rem);
            margin-left: 1.6rem;
            margin-bottom: 1.5rem;
            height: 2.6rem;
            font-size: 2rem;
            font-family: 'proxima_novasemibold';
            color: #29292d;
            text-transform: none;
        }

            .amc-type-wrap h2 span {
                border-bottom: 2px solid #000000;
            }

    .amct-row {
        position: relative;
        float: left !important;
        display: inline-block;
        margin: 1rem 0 0;
    }

        .amct-row:nth-of-type(even) {
            clear: left;
        }

        .amct-row:nth-of-type(odd) {
            clear: right;
        }

    .amctr-img-wrap {
        float: left;
        position: relative;
        display: inline-block;
        margin: 0.5rem 2.7rem 0;
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 2.25rem;
    }

    .amctr-img {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        border-radius: 50%;
        background: #d3d3d3;
    }

    .amctr-content {
        float: left;
        position: relative;
        display: inline-block;
        width: calc(100% - 9.9rem);
    }

    .amctrc-name {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.8rem;
        color: #29292d;
    }

    .amctrc-availability {
        position: relative;
        display: block;
        width: 100%;
    }

    .amctrca-time {
        float: left;
        position: relative;
        display: inline-block;
        width: 8.5rem;
        height: 2.5rem;
        margin: 0 1rem 1rem 0;
        font-size: 1.5rem;
        line-height: 2.6rem;
        color: #fff;
        text-align: center;
        border-radius: 0.5rem;
        background: #29292d;
        cursor: pointer;
    }

        .amctrca-time:hover, .amctrca-time.on {
            background: #000000;
        }

    .amctrc-confirm {
        position: relative;
        display: none;
        width: 100%;
        height: 6.4rem;
        padding: 1.5rem 2rem;
        border-radius: 0.5rem;
        border: 1px solid #29292d;
    }

        .amctrc-confirm h3 {
            font-size: 1.7rem;
            font-family: 'proxima_novasemibold';
        }

    .amctrcc-start {
        font-size: 1.4rem;
    }

    .amctrcc-to {
        padding: 0 1.2rem;
        font-size: 1.4rem;
        color: #000000;
    }

    .amctrcc-end {
        font-size: 1.4rem;
    }

    .amctrcc-reserve {
        position: absolute;
        top: 1.6rem;
        right: 2rem;
        line-height: 3rem;
        color: #29292d;
        text-decoration: none !important;
        box-shadow: 0 0 0 rgba(0,0,0,0);
        border: 1px solid #29292d;
        background: #fff;
    }

        .amctrcc-reserve:hover {
            border: 1px solid #000000;
            background: #000000;
        }
    /* Appointment Confirmation */
    .pg-wp-type.pg-wp-appointment-confirmation {
        max-width: 140rem;
        margin: 0 auto;
        padding: 5rem 1.6rem;
        background: #fff;
    }

    #apptConfModal {
        position: relative;
        display: block;
        max-width: 60rem;
        width: 100%;
        height: 5.5rem;
        margin: 0 auto 4rem;
        border-radius: 0.5rem;
        border: 1px solid #35353b;
    }

    #apptConfModalIcon {
        float: left;
        position: relative;
        display: inline-block;
        width: 3.4rem;
        height: 3.4rem;
        margin: 0.8rem 1.5rem 0 4.5rem;
    }

    .acm-content.hide-for-small-only {
        display: inline-block !important;
    }

    .acm-content.hide-for-medium-only.hide-for-large-only {
        display: none !important;
    }

    .acm-content {
        float: left;
        position: relative;
        display: inline-block;
        margin: 1.55rem 0 0;
        font-size: 1.6rem;
    }

    .acm-btn {
        float: right;
        position: relative;
        display: inline-block;
        width: 20rem;
        margin: 1.25rem 7.3rem 0 0;
        line-height: 3rem;
        color: #000000;
        text-decoration: none !important;
        box-shadow: 0 0 0 rgba(0,0,0,0);
        border: 1px solid #000000;
        background: #fff;
    }

        .acm-btn:hover {
            background: #000000;
        }

    #apptConfClose {
        position: absolute;
        top: 50%;
        right: 3rem;
        transform: translateY(-50%);
        cursor: pointer;
    }

    #apptConfInfoWrap {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
    }

    #aciInstImg {
        position: relative;
        display: block;
        width: 8.8rem;
        height: 8.8rem;
        margin: 0 auto 1.5rem;
        border-radius: 4.4rem;
    }

    #apptConfInfoWrap h2 {
        margin: 0 0 1rem;
        font-size: 2.5rem;
        font-family: 'proxima_novasemibold';
        color: #29292d;
        text-transform: none;
    }

    #apptConfInfoWrap h3 {
        margin: 0 0 4rem;
        font-size: 1.6rem;
        color: #959596;
    }

        #apptConfInfoWrap h3 span {
            color: #29292d;
        }

    .aci-appt-info {
        position: relative;
        display: block;
        max-width: 37.5rem;
        width: 100%;
        height: 3.4rem;
        margin: 0 auto 3.5rem;
        padding: 0 2rem;
        font-size: 1.6rem;
        line-height: 3.4rem;
        color: #fff;
        border-radius: 1.7rem;
        background: #29292d;
    }

    .aciai-date {
        float: left;
        position: relative;
        display: inline-block;
        font-family: 'proxima_novasemibold';
    }

    .aciai-time {
        float: right;
        position: relative;
        display: inline-block;
    }

        .aciai-time .fa {
            padding: 0 1rem;
            font-size: 1.7rem;
            color: #000000;
        }

    .aci-cta-trigger {
        position: relative;
        display: inline-block;
        width: 14.5rem;
        margin: 0 2rem 3.5rem;
        padding-left: 2.7rem;
        font-size: 1.6rem;
        color: #35353b;
        text-align: left;
        cursor: pointer;
    }

    #aciInviteTrigger {
        background: transparent url('../../images/aciInviteTrigger.png')no-repeat left center;
    }

    #aciCalendarTrigger {
        background: transparent url('../../images/aciCalendarTrigger.png')no-repeat left center;
    }

    .aci-cta-trigger span {
        border-bottom: 1px solid #e1e1e2;
    }

    .pg-wp-appointment-confirmation .ace_dd {
        top: 2.4rem !important;
        width: 14.5rem !important;
        height: 8.7rem !important;
        font-size: 1.6rem;
        border: 1px solid #e1e1e2;
        position: absolute;
        z-index: 1000;
    }

    .pg-wp-appointment-confirmation a.ace_opt {
        padding: 0.5rem 1rem;
        display: block;
        text-decoration: none;
        text-align: left;
        border-bottom: 1px solid #e1e1e2;
        background: #fff;
        cursor: pointer;
    }

        .pg-wp-appointment-confirmation a.ace_opt:hover {
            background-color: #f0f0f0;
            color: #464646;
            text-decoration: none;
        }

    #apptConfInviteWrap {
        position: relative;
        display: none;
        max-width: 59rem;
        width: 100%;
        margin: 0 auto;
    }

        #apptConfInviteWrap h2 {
            margin: 0 auto 2rem auto;
            padding: 0 0 0.5rem 0;
            font-size: 1.8rem;
            font-family: 'proxima_novasemibold';
            color: #29292d;
            text-transform: none;
            border-bottom: 1px solid #e1e1e2;
        }

    #aciConfirm {
        position: relative;
        display: none;
        width: 100%;
        height: 4.8rem;
        margin: 0 auto 2rem;
        padding: 1.2rem;
        border-radius: 0.5rem;
        border: 1px solid #35353b;
    }

        #aciConfirm .wp-close-button {
            top: 1.7rem;
        }

    #apptConfInviteWrap label {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 0.5rem;
        padding: 0 0 0 0.5rem;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: left;
    }

    #apptConfInviteWrap textarea {
        padding: 1rem 1.5rem;
        font-size: 1.5rem;
    }

    #aciCtas {
        max-width: 33rem;
        width: 100%;
        margin: 0 auto 3rem;
    }

        #aciCtas .wp-btn {
            float: left;
            box-shadow: 0 0 0 rgba(0,0,0,0);
        }

        #aciCtas .wp-btn-dis {
            float: right;
            color: #000000;
            text-decoration: underline;
            text-transform: none;
            box-shadow: 0 0 0 rgba(0,0,0,0);
            background: transparent;
        }

    #apptConfInviteWrap p {
        margin: 1.5rem 0;
        font-size: 1.2rem;
        text-align: center;
    }

    #map_canvas {
        position: relative;
        display: block;
        max-width: 100%;
        width: 48rem;
        max-height: 100vw;
        height: 42rem;
        margin: 0 auto;
        padding: 1px;
        border: 3px double #D4D5D4;
    }

    #aciLocInfo {
        position: relative;
        display: block;
        max-width: 100%;
        width: 48rem;
        margin: 4rem auto;
    }
    /** Substitution Approval **/
    .wp-dashboard.wp-subapproval {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        z-index: 3;
    }

    #subApprovalHeader {
        position: relative;
        display: block;
        width: 100%;
        height: 8.6rem;
        margin: 0;
        padding: 0;
        background: #000000 url('../../images/mp-header-bg.png')repeat top left;
        background-size: 22%;
        z-index: 5;
    }

    #sahLogoWrap {
        position: absolute;
        bottom: -6rem;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        max-width: 90%;
        width: 35rem;
        height: 7.6rem;
        border-radius: 0.4rem;
        background: #fff;
    }

    #sahLogo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        max-width: calc(100% - 3.6rem);
        width: auto;
        max-height: 4rem;
        height: 4rem;
    }

    .pg-wp-type.pg-wp-subapproval {
        position: relative;
        display: block;
        min-height: 1px;
        height: auto;
        padding: 8rem 5%;
        background: #fff;
        z-index: 4;
    }

    #subApprovalWrap {
        position: relative;
        display: block;
        max-width: 55.2rem;
        width: 100%;
        margin: 7.5% auto 0;
        text-align: left;
    }

    #sawRequestorInfo {
        position: relative;
        display: block;
        width: 100%;
        height: 5.6rem;
        margin: 0 0 1.8rem 0;
    }

    #sriImg {
        float: left;
        position: relative;
        display: inline-block;
        width: 5.6rem;
        height: 5.6rem;
        margin: 0 1.8rem 0 0;
        border-radius: 2.8rem;
        background: #d3d3d3;
    }

    #sriName {
        float: left;
        position: relative;
        display: inline-block;
        height: 5.6rem;
        margin: 0;
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-family: 'proxima_nova_rgregular';
        color: #29292d;
        text-transform: uppercase;
    }

        #sriName span {
            position: relative;
            display: block;
            width: 100%;
            font-size: 3.5rem;
            line-height: 3.5rem;
            font-family: 'proxima_novablack';
        }

    #sawMessageWrap {
        position: relative;
        display: block;
        width: 100%;
        min-height: 5rem;
        margin: 0 0 2.5rem 0;
        padding: 0 2rem;
        font-size: 1.5rem;
        font-family: 'proxima_nova_rgregular';
        color: #29292d;
        text-align: center;
        border-radius: 0.3rem;
    }

        #sawMessageWrap.smw-approved {
            border: 1px solid #60ba46;
        }

        #sawMessageWrap.smw-denied {
            border: 1px solid #ed313a;
        }

        #sawMessageWrap #smwIcon {
            position: relative;
            display: inline-block;
            vertical-align: top;
        }

        #sawMessageWrap.smw-approved #smwIcon {
            width: 2.7rem;
            height: 2.7rem;
            margin: 1.15rem 2rem 0 0;
        }

        #sawMessageWrap.smw-denied #smwIcon {
            width: 2.7rem;
            height: 3.2rem;
            margin: 0.8rem 2rem 0 0;
        }

        #sawMessageWrap #smwText {
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 5.7rem);
            min-height: 4.8rem;
            margin: 0;
            text-align: left;
        }

            #sawMessageWrap #smwText span {
                position: relative;
                display: inline-block;
                width: auto;
                height: 100%;
                line-height: 5rem;
                white-space: nowrap;
            }

                #sawMessageWrap #smwText span.multi-line {
                    padding: 0.7rem 0 0.6rem;
                    line-height: 1.8rem;
                    white-space: normal;
                }

    #sawApptInfo {
        position: relative;
        display: block;
        width: 100%;
        min-height: 8.6rem;
        height: auto;
        padding: 1.9rem 3.6rem;
        border-radius: 0.4rem;
        background: #f4f4f4;
    }

        #sawApptInfo.sai-approved {
            opacity: 1;
        }

        #sawApptInfo.sai-denied {
            opacity: 0.45;
        }

    #saiDate {
        float: left;
        position: relative;
        display: inline-block;
        width: 10rem;
        height: 4.8rem;
        margin: 0 3.6rem 0 0;
        padding: 0.6rem 0;
        font-size: 1.4rem;
        line-height: 1.7rem;
        font-family: 'proxima_nova_rgregular';
        color: #fff;
        text-align: center;
        border-radius: 0.6rem;
        background: #000000;
    }

        #saiDate span {
            position: relative;
            display: block;
            width: 100%;
            font-size: 1.9rem;
            line-height: 1.9rem;
            font-family: 'proxima_novablack';
            text-transform: uppercase;
        }

    #saiContent {
        float: left;
        position: relative;
        display: inline-block;
        max-width: calc(100% - 13.6rem);
        height: 4.8rem;
        color: #29292d;
    }

    #saicNameLoc {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.5rem;
        line-height: 2.4rem;
        font-family: 'proxima_nova_rgregular';
    }

    #saicTimeDur {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-family: 'proxima_nova_rgregular';
        text-transform: lowercase;
    }

        #saicTimeDur span:not(.saictd-div) {
            font-size: 1.9rem;
            line-height: 1.9rem;
            font-family: 'proxima_novablack';
        }

        #saicTimeDur span.saictd-div {
            padding: 0 1rem;
        }
    /** Media Queries **/
    @media only screen and (max-width:320px) {
        #forgotPasswordFormWrap #EMAIL {
            max-width: 218px;
        }

        .wpcp-val.wpcpv-price {
            right: 4rem;
            font-size: 2.5rem;
        }

        #sawApptInfo {
            padding: 2rem 1.5rem 1.5rem !important;
        }
    }

    @media only screen and (max-width:667px) {
        /* General */
        .ct-only {
            display: none !important;
        }
        /* Login */
        #loginWrap {
            width: 100%;
            margin-top: 5rem;
            overflow: hidden;
        }

        #forgotPasswordFormWrap {
            overflow: hidden;
        }

        #signInButton, #forgotbtn {
            max-width: 100%;
            margin: 1.8rem auto 0;
        }

            #signInButton .button.special {
                line-height: 4rem;
            }

            #forgotbtn .button.special {
                line-height: 4.5rem;
            }
        /* Dashboard */
        .df-friend {
            margin-right: 4%;
        }

            .df-friend:nth-of-type(3n+0) {
                margin-right: 4%;
            }

            .df-friend:nth-of-type(4n+0) {
                margin-right: 0;
            }

        #dbpLeft {
            width: 23rem;
            margin: 0.5rem 1rem 0.5rem 4rem !important;
        }

        .dnc-col {
            width: 25%;
        }

        #dncRow .dnc-col:nth-of-type(4) {
            border-right: 0 none;
        }

        .dr-stats i {
            width: 5rem;
            margin: 0 auto;
            text-align: center;
        }

        .dr-donut {
            margin-left: -1rem;
        }

        #drTabs .dr-donut {
            margin-left: 0;
        }

        .dr-donut:before {
            margin: -2rem 0 0 -3rem;
        }

        .sw-right {
            height: auto;
            width: 33%;
        }

            .sw-right .da-button.sched-da-button {
                margin-top: 10px;
            }

        .fmact-ScheduleMobile .sw-right .da-button.sched-da-button {
            margin-top: 22px;
        }
        /* User Image/Avatar Upload */
        .pg-wp-upload {
            min-height: 57.5rem;
            width: 100%;
            overflow: hidden;
        }

        #preview-pane .preview-container {
            right: -50rem;
        }
        /* Profile */
        .pg-wp-profile .form-item {
            width: 100% !important;
        }

            .pg-wp-profile .form-item select, .pg-wp-profile .form-item input, .pg-wp-profile .form-item.birthday-fields input, .pg-wp-profile #MONITOR {
                width: 100% !important;
            }

                .pg-wp-profile .form-item input[type="checkbox"] {
                    width: 13px !important;
                }

        .pg-wp-profile #edit-profile-weight-wrapper.form-item input#WEIGHT {
            width: 90% !important;
        }

        .pg-wp-profile #registerButton {
            width: 100%;
        }

        .pg-wp-profile #edit-profile-use-loyalty-wrapper {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
        }

        .reg-form-content #edit-profile-use-loyalty-wrapper.form-item, .reg-form-content #edit-profile-loyalty-wrapper.form-item, .reg-form-content #referralDiv.form-item {
            width: 100% !important;
        }
        /* My Profile */
        #profilePhotosContent {
            float: none;
        }

        #ppcResults.pre-upload {
            width: 100%;
            min-height: 20rem;
            margin-right: 0;
            padding-bottom: 0;
        }

        #video, #canvas {
            width: 33.8rem !important;
            height: 30rem !important;
        }

        #snap {
            float: left !important;
            margin-left: 0;
            margin-right: 0;
        }

        #cancel {
            float: right !important;
            margin-left: 0;
            margin-right: 0;
        }

        #mpmwList li.ui-state-active:after {
            display: none;
        }

        #profilePreferences select {
            width: 25rem;
        }

        #profileSavedCC h2 {
            font-size: 2.5rem;
            line-height: 2.5rem;
        }

        #profileSavedCC h3 {
            margin-top: 0;
            line-height: 2.5rem;
        }

        #profileSavedCC .psc-row {
            height: 6.4rem;
        }

        #profileSavedCC .ccio-exp {
            display: none;
        }

        #profileSavedCC .psc-row .cc-img-opts {
            width: calc(100% - 14rem);
            padding-left: 1.5rem;
        }

        .psc-row .cc-img-opts .ccio {
            width: calc(25% - 1.5rem);
            margin-bottom: 1rem;
        }

        #profileSavedCC .ccio-last-four {
            margin-left: 0;
            font-size: 1.5rem;
        }

        #savedCCDelete {
            margin: 2rem 1.5rem 0 0;
            font-size: 2rem;
        }

        .psc-row #addSavedCCToggle {
            width: 11rem;
            margin-top: 1rem;
        }

        #profileGiftCards .ccio-gc-val {
            width: auto;
            margin-right: 1rem;
            font-size: 2.5rem;
        }

        #profileGiftCards .ccio-last-four {
            display: none;
        }

            #profileGiftCards .ccio-last-four.empty {
                display: inline-block;
            }

        #profileGiftCards .ccio-balance {
            font-size: 1.5rem;
        }

        #giftCardLookup #gcLookup {
            width: calc(100% - 10rem) !important;
            margin-right: 0 !important;
        }

        #edit-profile-address-1-wrapper {
            margin-top: 2rem;
        }
            /* Register */
            #edit-profile-address-1-wrapper.form-item input.txt-input, #edit-profile-address-2-wrapper.form-item input.txt-input {
                width: 100% !important;
            }

        .reg-form-content #edit-profile-gender-wrapper label:not(.rfc-label) {
            line-height: 2rem !important;
        }

        #registerFormFields .form-item#referralDiv select#REFERRAL {
            width: 50% !important;
        }

        .reg-form-content .radio-cover {
            margin-top: 0;
        }

        #edit-profile-loyalty-wrapper.form-item {
            margin-top: 1.5rem;
        }

        .reg-form-content .form-item, .reg-form-content .birthday-fields {
            width: 100%;
        }

        #registerFormFields .form-item input.txt-input, #registerFormFields .birthday-fields input.txt-input, .form-input select, .birthday-fields select, #registerFormFields .form-item select, #SCREENNAME, .form-item .txt-input, .form-item select {
            max-width: 100%;
        }

        #registerFormFields .form-item#referralDiv select#REFERRAL {
            width: 100% !important;
        }

        .reg-form-content input[type="radio"]:not(.no-cover), .reg-form-content input[type="checkbox"]:not(#showPword) {
            opacity: 0;
        }
        /* My Transactions */
        .wptw-header {
            padding-top: 1rem;
            font-size: 1.3rem;
        }

        .pg-wp-transactions .m-hide {
            display: none;
        }

        .wptw-val {
            font-size: 1.3rem;
        }

        .wptw-val-wrap {
            padding: 1rem 0.5rem;
            height: 9rem;
        }

        .wptw-header:nth-of-type(3), .wptw-val:nth-of-type(3) {
            display: none;
        }

        .wptw-header:nth-of-type(1), .wptw-val:nth-of-type(1) {
            width: 40%;
        }
        /* Classes */
        .wogw-filter.wogw-filter-upcomingclasses {
            max-width: 36.2rem;
        }

            .wogw-filter.wogw-filter-upcomingclasses.single {
                height: 7.5rem;
            }

        .wogw-filter .filter-label-top { /*float:left;*/
            display: inline-block; /*width:40%;*/
            margin: 0 1rem 1.5rem 0;
            text-align: right;
            clear: none;
        }

        .wogw-filter .classes-timeframe-label.on {
            display: inline-block !important;
        }

        .filter-filt, .filter-filt-wk { /*float:right;*/
            display: inline-block; /*width:50%;*/
            margin: 0 0 /*10%*/ 1.5rem 0;
            text-align: left;
            clear: right;
        }

        #upcomongClassesWrap {
            max-width: 36.2rem;
            width: 98%;
        }

        .uc-row {
            height: 14rem;
            overflow: hidden;
        }

        .uc-toggle {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3rem;
            font-size: 3rem;
            color: #c4c3c3;
            text-align: center;
            z-index: 5;
        }

            .uc-toggle i {
                position: absolute;
                bottom: 0rem;
                left: 50%;
                display: block;
                width: 3rem;
                height: 3rem;
                margin: 0 0 0 -1.5rem;
            }

        .ucl-col {
            float: left;
            display: inline-block;
            max-width: 38%; /*margin-left:9%;*/
            margin: 0 0 8% 8%;
        }

        .uc-row .ucl-col:nth-of-type(2n+0) { /*margin-right:9%;margin-left:0;margin:0 0 8% 16%;*/
            float: right;
            margin: 0 8% 8% 0;
        }

        .uc-right {
            padding: 0 8%;
        }

            .uc-right .ucr-btn:nth-of-type(1), .uc-right .ucr-btn:nth-of-type(3) {
                float: right;
                margin-left: 0;
                margin-right: 0;
            }

        .ucr-btn-only {
            float: none;
            display: block;
            margin: 0 auto 1.5rem;
            padding-top: 0.75rem;
        }

        .invite-friend.active {
            border-top: 0;
        }

        .invite-friend label {
            width: 100%;
            margin-bottom: 1.5rem;
            padding: 0 !important;
        }

            .invite-friend label span {
                line-height: 2rem;
            }

        .if-cta-wrap {
            width: 100%;
        }

        .uc-cancel-content span {
            float: none;
            display: block;
            width: 100%;
            margin-bottom: 1rem;
            font-size: 1.6rem;
            line-height: 1.1em;
            text-align: center;
        }

        .uc-cancel-content .uccc-btn {
            margin-right: calc((100% - 20.5rem) / 2);
        }
        /* Performance */
        #wpp-wrap ul.wpp-tabs-nav {
            width: 100%;
        }

        ul.wpp-tabs-nav li a {
            font-size: 1.2rem
        }

        #classStatsHeadWrap, .csr-col {
            display: none;
        }

        #classStatsRowsWrap {
            box-shadow: 0px 0px 0px #fff;
            border-radius: 0;
            border: 0 none;
            background: transparent;
        }

        .csr-row:hover {
            background: transparent;
            cursor: default;
        }

        .csr-modal {
            position: relative;
            top: auto;
            right: auto;
            display: block;
            width: 90%;
            min-height: 1px;
            height: 8.5rem;
            margin: 0 auto 2rem;
            padding: 2rem 1rem;
            box-shadow: 5px 5px 1px #e2e3e4;
            border-radius: 1.5rem;
            background: #fff;
            z-index: 1;
            overflow: hidden;
        }

        .csr-modal-toggle {
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
            padding: 1rem;
            font-size: 1.4rem;
            color: #000000;
            z-index: 3;
        }

        .csrm-class-info {
            margin-bottom: 1rem;
        }

        .csrm-stat {
            float: left;
            display: inline-block;
            width: 49.5%;
            height: 15.7rem;
            margin: 0 1% 1% 0;
        }

            .csrm-stat:nth-of-type(2n+0) {
                margin-right: 0;
            }

        .csrm-stat-inner i {
            font-size: 4.5rem;
        }

        .csrm-stat-inner span span {
            font-size: 2rem;
        }

        .wppr-val-2-graphs {
            padding: 0;
        }

        .wpprv2g-zing1, .wpprv2g-zing2 {
            float: none;
            display: block;
            width: 100%;
            margin: 0 auto 1rem;
            padding: 0;
        }

            .wpprv2g-zing2 div[id^="donut_"] { /*margin:0 auto 0 -1rem;*/
                margin: 0 auto;
            }

        .wppr-val-2-graphs .donutHeart {
            top: 48%;
            left: 40.5%;
        }

        #overallRanks {
            margin-top: 2rem;
        }

        #wpp-tab-classrank .wogw-filter {
            height: 16rem;
            text-align: center;
        }

        .pg-wp-performance .wogw-filter .filter-label-top { /*width:35%;*/
        }

        .pg-wp-performance .filter-filt, .pg-wp-performance .filter-filt-wk { /*width:50%;margin:0 15% 1.5rem 0;*/
        }

        #wpp-tab-overallrank .wogw-filter {
            height: 16rem;
        }

        #wpp-tab-overallrank .filter-label-checkbox {
            margin-top: 0;
        }

            #wpp-tab-overallrank .filter-label-checkbox #percentilesAll {
                float: left;
                margin-top: 2px;
            }

            #wpp-tab-overallrank .filter-label-checkbox #flcText {
                float: left;
                width: 20.9rem;
            }

        #wpp-tab-overallrank .csr-row {
            height: 14rem;
            overflow: hidden;
        }

        #percentileContainer .csr-row:hover .csr-col .fa.fa-plus {
            display: none;
        }

        #wpp-tab-overallrank .csr-col {
            display: table-cell;
        }

        .graphContainer .csr-modal-back {
            position: absolute;
            top: 1rem;
            left: 1rem;
            display: block;
            font-size: 1.3rem;
            color: #000000;
        }

        #rankBotFilters.in-chart {
            top: 25rem;
        }

        #rankBotFilters .filter-label-top {
            position: relative;
            display: inline-block;
            width: 25%;
            margin: 0 1rem 1rem 0;
            text-align: right;
            clear: left;
        }

        #rankBotFilters .filter-filt {
            position: relative;
            display: inline-block;
            margin: 0 0 1rem 0;
            clear: right;
        }

        #vsSelfContainer .wmrvw-tog-content {
            width: 95%;
            margin-top: 2rem;
            padding-left: 0;
        }
        /* Instructors List */
        .wpic-sl-wrap #ScheduleLocations {
            margin: 0 auto;
        }
        /* Pick A Seat */
        #instructorSeat.seat.icon-0 {
            border: 0 none !important;
        }

        .seat.icon-0 .instrInner { /*top:-2.5rem;left:-2.5rem;*/
            top: -1.1rem;
            left: -1.1rem;
            width: 5rem;
            height: 5rem;
            background-size: 80%;
        }

            .seat.icon-0 .instrInner span {
                left: -27%;
                width: 150%;
            }

        .seat.icon-1, .seat.icon-2, .seat.icon-3, .seat.icon-4, .seat.icon-6, .seat.icon-9, .seat.icon-11 {
            background-size: 80% !important;
        }

        .seat.icon-5, .seat.icon-10, .seat.icon-11, .seat.icon-12, .seat.icon-14 {
            background-size: 70% !important;
        }

        .seat.icon-7, .seat.icon-8, .seat.icon-9 {
            background-size: contain !important;
        }
        /* Confirmation Messaging */
        #schedMsgWrap {
            top: 10rem;
        }

        #schedMsgInner {
            height: 64rem;
            margin: 1.5rem auto 0;
            padding-top: 10rem;
        }

            #schedMsgInner #duUsername {
                line-height: 5rem;
            }

            #schedMsgInner .ucl-col {
                margin-bottom: 4%;
            }

        #pickASpotWrap #schedMsgInner {
            padding-top: 3rem !important;
        }

        #schedMsgInner #duUsernameWrap {
            display: none !important;
        }
        /* Checkout */
        #checkoutWrap h1 {
            width: 21.5rem;
            margin: 2rem auto 3rem;
        }

        #sslBlurb {
            width: 100%;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
        }

        .ccio {
            width: calc(25% - 0.5rem);
            height: auto;
        }
        /* Instructor Details */
        .wpidi-schedule {
            padding: 1.5rem;
        }
        /* Marketing */
        .pg-wp-type.pg-wp-marketing {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        #marketingTopRight h1, #marketingBotRight h2 {
            font-size: 2.5rem;
            line-height: 3rem;
        }

            #marketingTopRight h1 span {
            }

        #marketingTopRight h2 {
            margin-top: 0;
            font-size: 1.5rem;
        }

        .mtrl-inner {
            width: 100%;
            clear: both;
        }

        .mzr-icon {
            float: none;
            display: block;
            margin: 0 auto 1rem;
        }

        .mzr-content {
            width: 100%;
            padding-left: 0;
        }

            .mzr-content h3 {
                font-size: 2.4rem;
            }

            .mzr-content h4 {
                font-size: 1.6rem;
            }

        #marketingBotRight {
            padding-left: 0;
        }
        /* Schedule List View */
        .sl-schedule-wrap.schedule-wrap {
            padding-top: 0;
        }

        .wpdb-schedule-list #hdrScheduleNav {
            position: relative;
            display: block;
            text-align: center;
        }

        .wpdb-schedule-list #hdrScheduleContent {
            position: relative;
            display: block;
            margin-bottom: 1rem;
            text-align: center;
        }

            .wpdb-schedule-list #hdrScheduleContent span {
                position: relative;
                display: block;
                width: 100%;
                font-size: 1.3rem;
                text-align: center;
            }

                .wpdb-schedule-list #hdrScheduleContent span:nth-of-type(1) {
                    font-size: 1.4rem;
                    font-family: 'proxima_nova_rgbold';
                }

        .wpdb-schedule-list #scheduleFiltersWrap, .schedule-calendar-head {
            display: none;
        }

        #scheduleListDateDisplay {
            display: inline-block;
            width: calc(100% - 2.5rem);
            margin: 0;
            margin-bottom: 1.5rem;
        }

        .slh-col:nth-of-type(1) {
            width: 100%;
        }

        .slh-col:nth-of-type(2), .slh-col:nth-of-type(3), .slh-col:nth-of-type(4), .slh-col:nth-of-type(5) {
            display: none;
        }

        .schedule-list-class-wrap {
            display: none;
        }

        .slc-col .da-button.sched-da-button {
            float: none;
            margin-bottom: 0.5rem;
        }

        #mobileSchedListFiltTog {
            margin-bottom: 1rem;
        }
        /* Classes List */
        .wpcl-class {
            height: auto;
            margin-bottom: 5rem;
        }

        .fmact-classlist .wpdb-classlist-header {
            width: 100vw;
            overflow: hidden;
        }

        .pg-wp-classeslist {
            max-width: 32rem;
            width: 32rem;
            margin: 0 auto;
        }
        /* Locations */
        #wpdLocationsHdr {
            height: 35.5rem;
            padding: 1rem 3rem;
            background-position: top center;
            background-attachment: inherit;
        }

            #wpdLocationsHdr:before {
                background-size: 400%;
                background-position: 50% 0px !important;
            }

            #wpdLocationsHdr label, #wpdLocationsHdr button {
                display: block;
                margin: 1rem;
                clear: both;
            }

            #wpdLocationsHdr button {
                float: none;
                margin: 1.5rem auto;
            }

        .pwl-val {
            margin: 2.6rem 1rem;
            font-size: 2.4rem;
        }

        .pwl-results {
            float: none;
            display: block;
        }

            .pwl-results li {
                width: 100%;
                padding: 0 3rem 2rem;
            }

        .location-wrap {
            width: 100%;
            border-top: 0;
            border-right: 1px solid rgba(71,71,71,0.3);
        }

            .location-wrap:nth-of-type(1) {
                border-top: 1px solid rgba(71,71,71,0.3);
            }
        /* Web Leaderboard */
        .lbcr-rank {
            width: 2rem !important;
            font-size: 1.5rem;
        }

        .lbcr-img {
            margin: -0.2rem 0.5rem 0 0;
        }

        .lbcr-name {
            font-size: 1.2rem;
        }

        .lbcr-val {
            margin: 0 0.5rem 0 0;
            font-size: 1.3rem;
        }
        /* New Pick a Spot Confirmation */
        #pdmGuestInfo label {
            width: 100%;
            margin-bottom: 1rem;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    @media only screen and (max-width:736px) {
        .wp-message-inner {
            padding: 2rem 2.4rem 2rem 2.4rem;
            font-size: 1.6rem;
            line-height: 2.4rem;
            text-align: center;
        }

        #irWrap .wp-message-inner {
            padding-top: 0;
            padding-bottom: 0;
        }

        #appointmentsMobileFilters {
            position: relative;
            display: block;
            width: 100%;
        }

        #appointmentsFilters {
            display: none;
        }

        #appointmentsMobileFilters #appointmentsFilters {
            display: block;
        }

        #amfToggle {
            position: relative;
            display: block;
            width: 100%;
            height: 5.5rem;
            line-height: 5.5rem;
            font-size: 2rem;
            line-height: 5.5rem;
            font-family: 'proxima_novasemibold';
            color: #fff;
            background: #29292d;
            cursor: pointer;
        }

        #amftInner {
            position: relative;
            display: block;
            width: 8.4rem;
            height: 5.5rem;
            margin: 0 auto;
            padding-left: 2.8rem;
            background: transparent url('../../images/amfToggle.png')no-repeat left center;
            background-size: 1.8rem 1.6rem;
        }

            #amftInner.open {
                background-image: url('../../images/amfToggleOpen.png');
            }

            #amftInner span {
                float: left;
                position: relative;
                display: inline-block;
                line-height: 5.7rem;
            }

        #amfContent {
            position: relative;
            display: none;
            width: 100%;
            padding-bottom: 2.5rem;
            border-bottom: 1px solid #29292d;
        }

        .wp-appointments .accordion-item {
            margin-top: 2.5rem;
        }

        .wp-appointments .accordion-title {
            padding: 0 2.5rem 0 6.3rem;
            font-size: 1.8rem;
        }

            .wp-appointments .accordion-title::before {
                top: 0.6rem;
                left: 2rem;
            }

        .wp-appointments .accordion-content {
            padding: 1.7rem 2rem 1.7rem 6.3rem;
        }

        header.wp-appointments-header {
            padding: 2rem 4.5rem 0;
        }

        .wah-locname, .wah-locinfo {
            float: none;
            display: block;
            margin: 0 auto 1rem;
            text-align: center;
        }

        .wah-locname {
            font-size: 1.7rem;
        }

        .wah-locinfo {
            margin-bottom: 0;
        }

        .wah-locname #ScheduleLocations {
            margin-bottom: 0;
        }

        #appointmentsLeft {
            min-height: 5.6rem;
            border-right: 0 none;
        }

        #alHeaderWrap {
            background: transparent;
        }

        #alHeader #alhRange {
            font-size: 1.9rem;
            color: #29292d;
        }

        .pg-wp-type.pg-wp-appointment {
            border-bottom: 0 none;
        }

        #amHeaderWrap {
            border-top: 1px solid #29292d;
            border-bottom: 1px solid #29292d;
            background: transparent;
        }

        .amh-header {
            height: 5.4rem;
            color: #29292d;
            border-left: 0 none;
        }

            .amh-header.on {
                color: #fff;
            }

            .amh-header.off.unavail {
                color: rgba(41,41,45,0.5);
            }

        .amh-day {
            line-height: 1.3em;
            color: #29292d !important;
        }

        .amh-header.on .amh-day {
            color: #fff !important;
        }

        .amh-date {
            font-size: 2.2rem;
        }

        #amContentWrap {
            padding-top: 2.5rem;
        }

        .amc-type-wrap {
            padding: 0 1.6rem 2.5rem;
        }

        .amct-row {
            margin-top: 2.5rem;
        }

        .amctr-img-wrap {
            margin: 0.5rem 1.6rem 0 0;
        }

        .amctr-content {
            max-width: 30rem;
            width: calc(100% - 6.1rem);
        }

        .amctrca-time {
            width: calc(33.3% - 0.7rem);
            margin: 0 0.7rem 0.7rem 0;
            font-size: 1.4rem;
            line-height: 2.5rem;
        }

            .amctrca-time:nth-of-type(3n+0) {
                margin-right: 0;
            }

        .amctrc-confirm {
            width: calc(100% + 6.1rem);
            margin-left: -6.1rem;
            padding: 1.5rem;
        }

        .amctrcc-to {
            padding: 0 0.5rem;
        }

        .amctrcc-reserve {
            right: 1.5rem;
            min-width: 11.5rem;
            width: 11.5rem;
            font-size: 1.7rem;
        }

        .pg-wp-type.pg-wp-appointment-confirmation {
            padding: 3rem 0 0;
        }

        #apptConfModal {
            margin-bottom: 2rem;
            border: 0 none;
        }

        #apptConfModalIcon {
            margin-left: 0;
            margin-right: 0;
        }

        .acm-content.hide-for-small-only {
            display: none !important;
        }

        .acm-content.hide-for-medium-only.hide-for-large-only {
            display: inline-block !important;
        }

        .acm-btn {
            margin-right: 0;
            min-width: 17rem;
            width: 17rem;
            font-size: 1.6rem !important;
        }

        #apptConfClose {
            display: none;
        }

        .aci-appt-info {
            font-size: 1.4rem;
            padding: 0 1rem;
        }

        .aciai-time .fa {
            padding: 0 0.2rem;
        }

        #aciInviteTrigger {
            width: 12.5rem;
            margin-left: 0;
            margin-right: 1rem;
        }

        #aciCalendarTrigger {
            margin-right: 0;
            margin-left: 0;
        }

        #aciLocInfo {
            margin-top: 1.5rem;
        }

        .wah-locinfo {
            margin-left: 0;
        }

        #apptConfInviteWrap {
            margin-top: 0;
        }

        #aciCtas .wp-btn {
            min-width: 13rem;
            width: 13rem;
            font-size: 1.6rem !important;
        }

        #wpFooter {
            padding: 3rem;
        }

        #pasSuccess {
            height: 9.5rem;
        }

        #passMsg {
            float: none;
            display: block;
            margin: 0.5rem auto 0;
            padding-left: 0;
            line-height: 3.1rem;
            text-align: center;
        }

        #passGuest {
            float: none;
            display: block;
            margin: 0 auto;
            padding-right: 0;
        }

        #passClose {
            top: 0;
            right: 0;
        }

        #checkoutPayTabs .form-item-co {
            width: 100%;
        }

        #checkoutPayTabs .form-row:nth-of-type(6) .form-item-co {
            width: auto;
        }

        #checkoutPayTabs input#ccNum[type="text"], #checkoutPayTabs input#ccName[type="text"] {
            max-width: 30rem;
            width: 1px;
            min-width: 100%;
        }

        #schedulePrevArrow, #scheduleNextArrow {
            float: left;
            position: relative;
            display: inline-block;
            margin-top: -0.3rem;
            font-size: 2rem;
        }

        #schedulePrevArrow {
            margin-right: 0.5rem;
        }

        #scheduleNextArrow {
            float: right;
            margin-left: 0.5rem;
        }

        #scheduleFiltersWrap {
            position: relative;
            width: 100%;
            z-index: 5;
        }

            #scheduleFiltersWrap.on {
                overflow: visible !important;
            }

        #dateSel {
            display: none;
        }

        #scheduleFiltersWrap #ScheduleLocations {
            position: relative;
            display: block !important;
            width: 24.5rem;
            height: 2.5rem;
            margin: 0 auto 1rem;
            font-size: 1.6rem;
            color: #5d5e5e;
            border-radius: 0.8rem;
            border: 0 none;
            background: #e8e8e8;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url('/images/filter-select-arrow.png');
            background-position: 23rem 1.1rem;
            background-repeat: no-repeat;
        }

        #scheduleFiltersWrap .schedule-filter-label {
            position: relative;
            display: block;
            width: 24.5rem;
            height: 2.5rem;
            margin: 0 auto 1rem;
            padding: 0 0 0 0.5rem;
            font-size: 1.6rem;
            color: #5d5e5e;
            line-height: 2.8rem;
            text-align: left;
            border-radius: 0.8rem;
            background: #e8e8e8;
            background-image: url('/images/filter-select-arrow.png');
            background-position: 23rem 1.1rem;
            background-repeat: no-repeat;
            cursor: pointer;
            z-index: 5;
        }

        .wpdb-schedule-list #scheduleFiltersWrap .schedule-filter-label {
            margin: 0 auto 1rem !important;
        }

        #scheduleFiltersWrap .schedule-filter-wrap {
            position: absolute;
            top: 3rem;
            left: 50%;
            display: none;
            width: 24.5rem;
            max-height: /*29rem*/ 27.5rem;
            overflow: hidden;
            margin: 0 0 0 -12.25rem;
            padding: 1rem 1rem 1rem;
            box-shadow: 5px 5px 1px #d9d9d9;
            border-radius: 0.8rem;
            background: #e8e8e8;
            z-index: 6;
        }

        .wpdb-schedule-list #scheduleFiltersWrap .schedule-filter-wrap {
            left: 50% !important;
        }

        .wpdb-schedule-list #scheduleFiltersWrap #classTypes.schedule-filter-wrap {
            top: 10rem !important;
        }

        .wpdb-schedule-list #scheduleFiltersWrap #classes.schedule-filter-wrap {
            top: 13.5rem !important;
        }

        .wpdb-schedule-list #scheduleFiltersWrap #classTypes.schedule-filter-wrap.sfw-two.sfw-drop-three {
            top: 6.5rem !important;
        }

        .wpdb-schedule-list #scheduleFiltersWrap #classes.schedule-filter-wrap.sfw-two.sfw-drop-three {
            top: 10rem !important;
        }

        #scheduleFiltersWrap #classes.schedule-filter-wrap {
            top: 10rem;
        }

            #scheduleFiltersWrap #classes.schedule-filter-wrap.sfw-two {
                top: 6.5rem;
            }

        #scheduleFiltersWrap .schedule-filter-wrap.scroll {
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch;
        }

            #scheduleFiltersWrap .schedule-filter-wrap.scroll .sfws-sb {
                position: absolute;
                top: 0;
                right: 0;
                display: none;
                width: 2rem;
                height: 100%;
                z-index: 10;
            }

                #scheduleFiltersWrap .schedule-filter-wrap.scroll .sfws-sb:before, #scheduleFiltersWrap .schedule-filter-wrap.scroll .sfws-sb:after {
                    position: absolute;
                    right: 0.5rem;
                    display: block;
                    width: 2rem;
                    height: 2rem;
                    font-size: 2rem;
                    font-family: 'FontAwesome';
                    color: #5d5d5d;
                    z-index: 11;
                }

                #scheduleFiltersWrap .schedule-filter-wrap.scroll .sfws-sb:before {
                    content: '\f0d8';
                    top: 0;
                }

                #scheduleFiltersWrap .schedule-filter-wrap.scroll .sfws-sb:after {
                    content: '\f0d7';
                    bottom: 1rem;
                }

        #scheduleFiltersWrap .sfw-inner {
            position: relative;
            width: 100%;
            -webkit-overflow-scrolling: touch;
        }

        #scheduleFiltersWrap .schedule-filter-wrap .filter-filt-wrap {
            position: relative;
            width: 100%;
        }

        #scheduleFiltersWrap .schedule-filter-wrap .filter-filt {
            float: left;
            position: relative;
            display: block;
            width: 100%;
            height: 1.5rem;
            margin: 0 0 0.5rem;
            font-size: 1.5rem;
            line-height: 1em;
            z-index: 7;
        }

        #scheduleFiltersWrap .schedule-filter-wrap input[type="checkbox"] {
            position: absolute;
            top: 0.1rem;
            left: 0;
            width: 1rem;
            height: 1rem;
            z-index: 7;
        }

        #scheduleFiltersWrap .schedule-filter-wrap span.ffw-bg {
            float: left;
            position: relative;
            display: inline-block;
            width: 1.2rem;
            height: 1.2rem;
            margin: 0.1rem 1rem 0 0;
            border: 1px solid #686868;
            background: #e8e8e8;
            z-index: 8;
        }

        #scheduleFiltersWrap .schedule-filter-wrap input[type="checkbox"]:checked + span.ffw-bg {
            border: 1px solid #000000;
            background: #000000;
        }

        #scheduleFiltersWrap .schedule-filter-wrap .filt_label {
            float: left;
            position: relative;
            display: inline-block;
            z-index: 8;
        }
        /*.slc-col {float:left;display:inline-block;vertical-align:unset;max-width:50%;width:50%;height:5.4rem;padding:0 0.5rem;}
    .slc-col:nth-of-type(2) {max-width:11.5rem;width:11.5rem;height:3.5rem;padding-left:1rem;line-height:4rem;text-align:left;}
    .slc-col:nth-of-type(3) {max-width:calc(100% - 11.5rem);width:calc(100% - 11.5rem);height:3.5rem;padding-right:1rem;line-height:4.8rem;text-align:right;}*/
        /*.slc-col.slcc-loc:nth-of-type(3) {max-width:28%;width:28%;padding-right:0.5rem;line-height:4rem;text-align:left;}
    .slc-col.slcc-loc:nth-of-type(3) + .slc-col:nth-of-type(4) {max-width:calc(72% - 11.5rem);width:calc(72% - 11.5rem);height:3.5rem;padding-right:1rem;line-height:4.8rem;text-align:right;}*/
        /*.slc-col.slcc-loc:nth-of-type(3) + .slc-col:nth-of-type(4) {max-width:100%;width:100%;height:3.5rem;padding:0 1rem;line-height:3.8rem;}
    .slc-col.slcc-loc:nth-of-type(3) + .slc-col.slc-four:nth-of-type(4) {max-width:calc(100% - 11.5rem);width:calc(100% - 11.5rem);height:3.5rem;padding-right:1rem;line-height:4.8rem;text-align:right;}
    .slc-col-breaker.show-for-small-only {position:relative;display:block !important;width:100%;height:0;clear:both;}
    .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(5), .slc-col.slcc-loc:nth-of-type(3) + .slc-col:nth-of-type(4) + .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(6) {max-width:39.5%;width:39.5%;padding-left:1rem;}
    .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(5) + .slc-col:nth-of-type(6), .slc-col.slcc-loc:nth-of-type(3) + .slc-col:nth-of-type(4) + .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(6) + .slc-col:nth-of-type(7) {max-width:60%;width:60%;text-align:right;}*/
        .schedule-list-class-wrap .wppc-most-recent-val-block {
            display: block;
            table-layout: unset;
            height: 8.9rem;
        }

            .schedule-list-class-wrap .wppc-most-recent-val-block.slcw-five {
                height: 11.7rem;
            }

        .slc-col {
            position: absolute;
            display: block;
            vertical-align: unset;
            max-width: 100%;
            height: 4.7rem;
            padding: 0 0.5rem;
        }

            .slc-col:nth-of-type(2) {
                top: 0;
                left: 0;
                width: 11.5rem;
                height: 3.5rem;
                padding-left: 1rem;
                line-height: 4rem;
                text-align: left;
            }

            .slc-col:nth-of-type(3) {
                top: 0;
                right: 0;
                width: calc(100% - 11.5rem);
                height: 3.5rem;
                padding-right: 1rem;
                line-height: 4.8rem;
                text-align: right;
            }

            .slc-col.slcc-loc:nth-of-type(3) + .slc-col:nth-of-type(4) {
                top: 3.5rem;
                left: 0;
                width: 100%;
                height: 3.5rem;
                padding: 0 1rem;
                line-height: 3.8rem;
            }

            .slc-col.slcc-loc:nth-of-type(3) + .slc-col.slc-four:nth-of-type(4) {
                top: 0;
                right: 0;
                left: auto;
                width: calc(100% - 11.5rem);
                height: 3.5rem;
                padding-right: 1rem;
                line-height: 4.8rem;
                text-align: right;
            }

        .slc-col-breaker.show-for-small-only {
            position: relative;
            display: block !important;
            width: 100%;
            height: 0;
            clear: both;
        }

            .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(4), .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(5), .slc-col.slcc-loc:nth-of-type(3) + .slc-col:nth-of-type(4) + .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(6) {
                bottom: 0;
                left: 0;
                width: 39.5%;
                padding-left: 1rem;
            }

                .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(5) + .slc-col:nth-of-type(6), .slc-col.slcc-loc:nth-of-type(3) + .slc-col:nth-of-type(4) + .slc-col-breaker.show-for-small-only + .slc-col:nth-of-type(6) + .slc-col:nth-of-type(7) {
                    bottom: 0;
                    right: 0;
                    width: 60%;
                    text-align: right;
                }

        .slc-col:nth-last-of-type(1) {
            bottom: 0;
            right: 0;
            width: 60%;
            text-align: right;
            padding-right: 0.8rem;
        }

            .slc-col:nth-last-of-type(1) span {
                position: relative;
                display: inline-block;
                width: 7.6rem;
                margin: 0 0.5rem 0 0;
                line-height: 4.5rem;
                text-align: left;
            }

                .slc-col:nth-last-of-type(1) span + span {
                    display: inline-block;
                    vertical-align: top;
                    width: auto;
                    margin: 0 0.5rem 0 0;
                }

            .slc-col:nth-last-of-type(1) .da-button {
                display: inline-block;
                vertical-align: top;
                width: 7.4rem;
                height: 2.6rem;
                margin: 0.95rem 0 0 0;
                padding: 0;
                font-size: 1.1rem !important;
                line-height: 2.6rem;
                font-family: 'proxima_nova_rgregular';
                text-transform: uppercase;
                border-radius: 1.3rem;
            }

        .schedule-wrap .slc-col:nth-last-of-type(1) .da-button.sched-da-button {
            display: inline-block;
            vertical-align: top;
            font-size: 1.1rem !important;
        }

        .slc-col:nth-of-type(3) span:nth-of-type(1), a.sl-class .sw-classname, a.sl-class .sw-inst {
            line-height: 1.3em;
        }

        .slc-col:nth-of-type(3) span:nth-of-type(1) {
            position: relative;
            display: block;
            width: 100%;
            height: 3.5rem;
            line-height: 4rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        a.sl-class .sw-classname {
            display: inline-block;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        a.sl-class .sw-inst-img {
            display: inline-block;
            vertical-align: top;
            margin: 0.5rem 1rem 0 0;
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 1.75rem;
            overflow: hidden;
        }

        a.sl-class .sw-inst {
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: auto;
            line-height: 4.5rem;
            text-align: left;
        }
        /** Mobile Pick A Spot **/
        .seat.icon-13 {
            background-size: 80%;
        }
        /*tv*/
        .seat.icon-14 {
            background-size: 55% !important;
        }
        /*speaker*/
        .seat.icon-15 {
            background-size: 70%;
        }
        /*fan*/
        .seat.icon-16 {
            background-size: 65%;
        }
        /*mirror*/
        .seat.icon-17 {
            background-size: 65%;
        }
        /*door*/
        .seat.icon-0 .instrInner {
            top: -0.6rem;
            left: -0.6rem;
            width: 4rem;
            height: 4rem;
            background-size: 100%;
        }
        /** Substitution Approval **/
        #subApprovalHeader {
            background-size: 65%;
        }

        #sawRequestorInfo {
            margin-bottom: 2rem;
        }

        #sriName {
            font-size: 1.9rem;
            font-family: 'proxima_novasemibold';
        }

            #sriName span {
                font-size: 3rem;
            }

        #sawMessageWrap {
            padding: 0 1rem;
        }

        #sawApptInfo {
            padding: 2rem 2rem 1.5rem;
        }

        #saiDate {
            float: none;
            display: block;
            margin: 0 auto 1.5rem;
        }

        #saiContent {
            float: none;
            display: block;
            max-width: 100%;
            width: 100%;
            height: auto;
            margin: 0 auto;
            text-align: center;
        }

        #saicNameLoc {
            margin-bottom: 0.5rem;
        }

        #fmCopyright span {
            position: relative;
            display: block;
            width: 100%;
            margin-bottom: 1rem;
        }
        /** Mobile Check-in **/
        .show-for-small-only {
            display: inline !important;
        }

        .hide-for-small-only {
            display: none !important;
        }

        .pg-wp-type.pg-wp-checkin {
            min-height: 1px;
            background: #fff;
        }

        .cawf-btn {
            display: none !important;
        }

        #cawHeader {
            position: relative;
            height: 9rem;
            padding: 0 3rem;
            border-bottom: 0 none;
        }

        #cawhLogo {
            float: none;
            position: absolute;
            top: 50%;
            left: 3rem;
            transform: translateY(-50%);
            display: block;
            max-width: 33%;
            max-height: 4.8rem;
        }

        #cawhTitle {
            display: none;
        }

        #cawhTime {
            float: none;
            position: absolute;
            top: 50%;
            right: 3rem;
            transform: translateY(-50%);
            display: block;
            max-width: 33%;
            width: auto;
            height: 4.8rem;
            margin: 0;
            padding: 0;
            font-size: 2.5rem;
            line-height: 2.7rem;
            font-family: 'proxima_novaextrabold';
            color: #000000;
            background: transparent;
        }

            #cawhTime #cawhtTxt {
                position: relative;
                display: block;
                width: 100%;
                padding-left: 0 !important;
                font-size: 1.3rem !important;
                line-height: 1.6rem;
                font-family: 'proxima_nova_rgregular';
                color: #29292D !important;
                text-transform: uppercase;
            }

        #cawhtMVal {
            font-size: 2.5rem !important;
            line-height: 2.7rem !important;
            font-family: 'proxima_novaextrabold' !important;
            color: #000000 !important;
            text-transform: lowercase;
        }

        #cawMobileNavWrap {
            position: relative;
            display: block;
            width: 100%;
            padding: 0.5rem 0;
            background: #29292D;
        }

        #cawmnwBack {
            position: relative;
            display: none;
            width: 100%;
            height: 3rem;
            padding: 0 2rem 0 6rem;
            font-size: 1.6rem;
            line-height: 3.2rem;
            color: #fff;
            text-align: left;
            text-transform: uppercase;
            background: transparent url('/images/svg/cawmnwBack.svg')no-repeat 3rem center;
            background-size: 1.5rem;
        }

        #checkinAdvWrap {
            padding: 0;
        }

        .caw-step {
            width: 100%;
            min-height: calc(100vh - 13rem);
            height: auto;
        }

        .caws1-row {
            height: 7.8rem;
            margin: 0 auto;
            padding: 0 3rem;
            border-radius: 0;
            border-top: 6px solid #F0EFEF;
            background: #fff;
            z-index: 1;
        }

            .caws1-row:nth-last-of-type(1) {
                height: 8.4rem;
                border-bottom: 6px solid #F0EFEF;
            }

        .caws1r-image {
            width: 4.5rem;
            height: 4.5rem;
            margin: 1.35rem 2rem 0 0;
            border-radius: 2.3rem;
        }

        .caws1r-name {
            width: calc(100% - 13rem);
            font-size: 1.5rem;
            line-height: 2.1rem;
            font-family: 'proxima_nova_rgregular';
            color: #2A292D;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            clear: right;
            z-index: 2;
        }

        .cawslrn-room {
            display: none;
        }

        .caws1r-instructor {
            display: inline-block;
            max-width: calc(100% - 19rem);
            width: auto;
            height: 2.1rem;
            margin: -2rem 0.8rem 0 6.5rem;
            padding: 0 0.8rem 0 0;
            font-size: 1.3rem;
            line-height: 2.1rem;
            font-family: 'proxima_nova_rgregular';
            color: #2A292D;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            clear: left;
            z-index: 2;
        }

            .caws1r-instructor:after {
                content: '';
                position: absolute;
                top: 0.4rem;
                right: 0;
                width: 1px;
                height: 1rem;
                background: #000000;
            }

        .caws1r-time {
            display: inline-block;
            width: 6rem;
            height: 2.1rem;
            margin: -2rem 0 0 0;
            font-size: 1.3rem;
            line-height: 2.1rem;
            font-family: 'proxima_nova_rgregular';
            color: #2A292D;
            text-transform: lowercase;
            white-space: nowrap;
            z-index: 2;
        }

        .caws1r-timeremaining {
            right: 3rem;
            width: 5.5rem;
            height: 7.2rem;
            padding: 0;
            font-size: 1.9rem;
            line-height: 7.2rem;
            font-family: 'proxima_novaextrabold';
            color: #000000;
            z-index: 3;
        }

        .caws1r-timeremaining-started {
            font-size: 1.5rem !important;
        }

        .caws1r-hours, .caws1r-minutes {
            vertical-align: top;
            width: auto;
            margin: 0;
            font-size: 1.9rem;
            line-height: 7.2rem;
            font-family: 'proxima_novaextrabold';
            color: #000000;
        }

            .caws1r-minutes:before {
                content: '\003A';
                float: left;
                position: relative;
                display: inline-block;
                width: 1rem;
                height: 7.2rem;
                font-size: 1.9rem;
                line-height: 7.2rem;
                font-family: 'proxima_novasemibold';
                color: #29292D;
                text-align: center;
            }

            .caws1r-hours span, .caws1r-minutes span {
                display: none;
            }

        #cawStep2 {
            padding-bottom: 3rem;
            background: #F0EFEF;
        }

        #caws2iLeft {
            float: none;
            display: block;
            width: 100%;
        }

        #caws2ilImg, #caws2ilInstructor {
            display: none;
        }

        #caws2ilClassInfo {
            float: none;
            display: block;
            width: 100%;
            text-align: center;
        }

        .caws2ilci-name {
            margin: 0;
            padding: 1rem 0 0;
            font-size: 1.9rem;
            line-height: 1.9rem;
            font-family: 'proxima_novasemibold';
            color: #29292D;
        }

        .caws2ilci-time {
            font-size: 1.3rem;
            line-height: 2.2rem;
            font-family: 'proxima_nova_rgregular';
            color: #29292D;
        }

        #caws2iRight {
            float: none;
            display: block;
            width: 100%;
            padding: 0;
        }

        #deadBirdCoffin {
            width: calc(100% - 2.2rem);
            height: 5.2rem;
            margin: 1rem auto;
            border-radius: 0.3rem;
            border: 1px solid #D91F28;
        }

        #deadBird {
            width: 4.5rem;
            height: 3rem;
            margin: 0.75rem 1.5rem 0 1.5rem;
        }

        #deadBirdEpitaph {
            width: calc(100% - 8.5rem);
            height: 3.5rem;
            margin: 0.75rem 0 0 0;
            padding: 0;
            font-size: 1.5rem;
            line-height: 1.7rem;
            background: transparent;
        }

            #deadBirdEpitaph span:not(#deadBirdStartTime) {
                font-size: 1.3rem;
            }

        #caws2iRight h2 {
            margin: 0.6rem auto 0;
            font-size: 1.9rem;
            line-height: 4.6rem;
            font-family: 'proxima_nova_rgregular';
            color: #29292D;
            text-align: center;
        }

        .caws2ir-row {
            height: 7.2rem;
            margin: 0.6rem auto 0;
            padding: 0 3rem;
            border-radius: 0;
            background: #fff;
        }

        .caws2ir-image {
            width: 4.5rem;
            height: 4.5rem;
            margin: 1.35rem 2rem 0 0;
            border-radius: 2.3rem;
        }

        .caws2ir-name {
            width: calc(100% - 18rem);
            font-size: 1.5rem;
            line-height: 2.1rem;
            font-family: 'proxima_nova_rgregular';
            color: #2A292D;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            clear: right;
        }

        .caws2ir-email {
            display: inline-block;
            max-width: calc(100% - 18rem);
            width: auto;
            height: 2.1rem;
            margin: -2rem 0 0 6.5rem;
            padding: 0;
            font-size: 1.3rem;
            line-height: 2.1rem;
            font-family: 'proxima_nova_rgregular';
            color: #2A292D;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            clear: left;
        }

        .caws2ir-btn {
            top: 2.3rem;
            right: 3rem;
            width: 9.5rem;
            height: 2.6rem;
            font-size: 1.5rem;
            line-height: 2.3rem;
            font-family: 'proxima_nova_rgregular';
            color: #2A292D;
            border-radius: 1.3rem;
            border: 1px solid #000000;
            background: #fff;
        }

        .caws2ir-spot {
            top: 2.3rem;
            right: 3rem;
            width: 9.5rem;
            height: 2.6rem;
            text-align: right;
        }

            .caws2ir-spot img {
                float: none;
                position: absolute;
                top: 50%;
                right: 3.7rem;
                transform: translateY(-50%);
                width: 2.6rem !important;
                max-height: 2.6rem;
                height: auto !important;
                margin: 0 !important;
            }

            .caws2ir-spot span {
                vertical-align: top;
                width: 3.2rem;
                height: 2.6rem;
                font-size: 1.9rem;
                line-height: 2.8rem;
                font-family: 'proxima_novaextrabold';
                color: #2A292D;
            }

                .caws2ir-spot span sub {
                    padding-right: 0;
                    font-size: 1.5rem;
                    font-family: 'proxima_nova_rgregular';
                    color: #2A292D;
                }

        .caw-mobile-add-to-class {
            position: relative;
            display: block;
            width: 19.8rem;
            height: 3.2rem;
            margin: 3rem auto 0;
            font-size: 1.5rem;
            line-height: 3rem;
            font-family: 'proxima_nova_rgregular';
            color: #2A292D;
            text-align: center;
            border-radius: 1.6rem;
            border: 1px solid #000000;
            background: #fff;
        }

        #cawFooter {
            padding: 2rem;
            border-top: 0 none;
            background: #F0EFEF;
        }

        #checkinAdvLoginForm {
            width: 100%;
            padding: 0;
        }

            #checkinAdvLoginForm h2 {
                margin: 0 0 2.5rem;
            }

            #checkinAdvLoginForm label {
                color: #29292D;
            }

            #checkinAdvLoginForm input[type="email"], #checkinAdvLoginForm input[type="password"] {
                max-width: 100%;
                width: 100%;
                color: #29292D;
                border-radius: 0.2rem;
                border: 1px solid #AAAAAA;
                background: #fff;
            }

            #checkinAdvLoginForm input:-webkit-autofill {
                position: relative;
                display: block;
                max-width: 100%;
                width: 100%;
                height: 3.4rem !important;
                margin: 0 0 1.5rem;
                padding: 0 1rem;
                font-size: 1.6rem !important;
                color: #29292D;
                -webkit-text-fill-color: #29292D;
                border-radius: 0.2rem;
                border: 1px solid #AAAAAA;
                background: #fff !important;
                transition: background-color 5000s ease-in-out 0s !important;
                -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,1) inset !important;
                background: #fff none !important;
                z-index: 2;
            }

            #checkinAdvLoginForm input[type="checkbox"] {
                border: 1px solid #AAAAAA;
                background: #fff none;
            }

        #calShowPword {
            top: auto;
            bottom: 13.45rem;
            left: 1px;
            width: calc(100% - 0.2rem);
            height: 3.2rem;
            line-height: 3.2rem;
            color: #29292D;
            border: 0 none;
            background: #fff;
        }

        #calLogin {
            font-size: 1.6rem;
            font-family: 'proxima_nova_rgbold';
        }

        #cawStep3 {
            padding: 0;
        }

        #caws3Left, #caws5iLeft {
            float: none;
            display: block;
            width: 100%;
            height: 5.8rem;
            clear: both;
        }

        #caws3lInstructor, #caws5ilImg, #caws5ilInstructor {
            display: none;
        }

        #caws3lClassInfo, #caws5ilClassInfo {
            float: none;
            display: block;
            width: 100%;
            margin: 0 0 0 0;
            text-align: center;
            background: #F0EFEF;
        }

        #caws5ilClassInfo {
            padding-left: 0;
        }

        .caws3lci-name, .caws5ilci-name {
            margin: 0;
            padding: 1rem 0 0;
            font-size: 1.9rem;
            line-height: 1.9rem;
            font-family: 'proxima_novasemibold';
            color: #29292D;
        }

        .caws3lci-time, .caws5ilci-time {
            font-size: 1.3rem;
            line-height: 2.2rem;
            font-family: 'proxima_nova_rgregular';
            color: #29292D;
        }

        .caws5ilci-time {
            padding-bottom: 0.5rem;
        }

        #caws3Right, #caws5iRight {
            float: none;
            display: block;
            width: 100%;
            padding: 2rem 0.5rem 0;
            background: #fff;
            clear: both;
        }

        #caws5iRight {
            padding: 3rem 0.5rem 0;
        }

            #caws3Right h2, #caws5iRight h2 {
                font-size: 2.5rem;
            }

            #caws5iRight h2 {
                margin: 0 0 1.5rem 0;
            }

            #caws3Right p, #caws5iRight h3 {
                margin: 0.5rem 0 0;
                font-size: 1.5rem;
            }

            #caws5iRight h3 {
                margin: 0;
            }

        #caws3Modal {
            transform: translate(-50%);
            max-width: 90%;
            margin: 0;
        }

        #caws3mClose {
            right: 0;
        }

        #cawStep4 {
            padding: 3rem 2rem;
            background: #fff;
        }

            #cawStep4 h2 {
                font-size: 2.2rem;
            }

            #cawStep4 h3 {
                font-size: 1.5rem;
                color: #29292d;
            }
        /** Mobile Packages **/
        /* Packages */
        #wpPackagesWrap {
            padding-top: 0rem;
        }
        /* Advanced Packages */
        .wpc-adv-package.wpc-package {
            float: left;
            width: 100%;
            height: 8.1rem;
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #e2e3e4;
            clear: both;
        }

            .wpc-adv-package.wpc-package.wap-noexp {
                height: 7.1rem;
            }

            .wpc-adv-package.wpc-package:nth-of-type(1) {
                border-top: 1px solid #e2e3e4;
            }

            .wpc-adv-package.wpc-package .flip-container {
                width: 100%;
                height: 8rem;
                margin: 0;
                padding: 0;
            }

            .wpc-adv-package.wpc-package.wap-noexp .flip-container {
                height: 7rem;
            }

            .wpc-adv-package.wpc-package .flipper {
                display: block;
                width: 100%;
                height: 8rem;
                padding: 1rem 0.5rem;
            }

            .wpc-adv-package.wpc-package.wap-noexp .flipper {
                height: 7rem;
            }

            .wpc-adv-package.wpc-package .front, .wpc-adv-package.wpc-package .back {
                height: 6rem;
                border-top: 0 none;
                border-bottom: 0 none;
            }

            .wpc-adv-package.wpc-package .front {
                z-index: 1;
                position: relative;
                top: auto;
                left: auto;
            }

            .wpc-adv-package.wpc-package.wap-noexp .front {
                height: 5rem;
            }

            .wpc-adv-package.wpc-package .wap-header {
                position: absolute;
                bottom: 0.1rem;
                left: 0;
                display: block;
                width: 100%;
                height: auto;
                background: transparent;
                z-index: 2;
            }

            .wpc-adv-package.wpc-package.wap-noexp .wap-header {
                bottom: 0.1rem;
            }

            .wpc-adv-package.wpc-package .wpcp-val.wpcpv-qty {
                float: left;
                position: relative;
                display: inline-block;
                vertical-align: top;
                width: auto;
                height: 2rem;
                margin: 0;
                padding: 0;
                font-size: 1.7rem;
                line-height: 1;
                color: #000000;
                text-align: left;
            }

                .wpc-adv-package.wpc-package .wpcp-val.wpcpv-qty.wpcpv-custtitle {
                }

            .wpc-adv-package.wpc-package .wpcp-val.wpcpv-classes {
                float: left;
                vertical-align: top;
                width: auto;
                height: 2rem;
                margin: 0 0 0 0.2rem;
                font-size: 1.7rem;
                line-height: 1;
                color: #454545;
                text-align: left;
                text-transform: capitalize;
            }

            .wpc-adv-package.wpc-package .wap-content {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 6rem;
                padding: 0;
                background: transparent;
                z-index: 3;
            }

            .wpc-adv-package.wpc-package.wap-noexp .wap-content {
                height: 5rem;
            }

            .wpc-adv-package.wpc-package .wpcpv-name-class-cost-wrap {
                height: 3rem;
                z-index: 4;
            }

            .wpc-adv-package.wpc-package .wpcp-val.wpcpv-name {
                padding: 0 2rem;
                font-size: 1.5rem;
                line-height: 1;
                font-family: 'proxima_novasemibold';
                text-align: center;
            }

            .wpc-adv-package.wpc-package .wpcpv-badge {
                font-size: 1.5rem;
                display: none;
            }

            .wpc-adv-package.wpc-package.wpcp-callout .wap-header {
                border-bottom: 0 none !important;
            }

        .wpc-package.wpc-adv-package.wpcp-callout .wpcp-val {
            font-family: 'proxima_nova_rgregular' !important;
        }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-class-cost {
            position: absolute;
            bottom: 1.5rem;
            left: 7rem;
            font-size: 1.2rem;
            color: #454545;
            text-align: left;
            display: none;
        }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-price {
            position: absolute;
            bottom: 1.5rem;
            right: 2.5rem;
            width: auto;
            height: auto;
            margin: 0;
            font-size: 1.7rem;
            line-height: 1;
            color: #454545;
            text-align: right;
            z-index: 5;
        }

        .wpc-adv-package.wpc-package.wap-noexp .wpcp-val.wpcpv-price {
            bottom: 0.1rem;
        }

        .wpc-package i.fa-question-circle {
            display: none !important;
        }

        .wpc-adv-package.wpc-package .wpcp-val.wpcpv-expires {
            position: absolute;
            bottom: 0.3rem;
            right: 2.5rem;
            width: auto;
            font-size: 1.2rem;
            line-height: 1;
            text-align: right;
            z-index: 5;
        }

        .wpc-adv-package.wpc-package .wpcp-buy {
            position: absolute;
            top: 2rem;
            right: 0;
            width: 3.5rem;
            height: 3.5rem;
            padding: 0;
            border: 0 none;
            z-index: 6;
        }

        .wpc-adv-package.wpc-package.wap-noexp .wpcp-buy {
            top: 0.8rem;
        }

        .wpc-adv-package.wpc-package .wpcp-buy:hover {
            color: transparent;
            background: transparent;
        }

        .wpc-adv-package.wpc-package .wpcp-buy:after {
            content: '\f054';
            position: absolute;
            top: 0;
            left: 0;
            width: 3.5rem;
            height: 3.5rem;
            font-size: 2.2rem;
            font-family: 'FontAwesome';
            line-height: 3.5rem;
            text-align: right;
            color: #D1D2D1;
            z-index: 7;
        }

        .wpc-adv-package.wpc-package .wpcp-buy a {
            color: transparent;
            font-size: 0;
            line-height: 0;
            text-indent: -9999rem;
        }

        .wpc-adv-package.wpc-package.wpcap-membership, .wpc-adv-package.wpc-package.wpcap-membership .flip-container, .wpc-adv-package.wpc-package.wpcap-membership .front, .wpc-adv-package.wpc-package.wpcap-membership .back {
            height: auto;
        }

        .wpc-adv-package.wpc-package.wpcap-membership {
            border-bottom: 1px solid #e2e3e4;
        }

            .wpc-adv-package.wpc-package.wpcap-membership:nth-of-type(1) {
                border-top: 1px solid #e2e3e4;
            }

        .wpc-package.wpc-adv-package.wpcap-membership .flip-container {
            min-height: 32.5rem;
            padding-top: 3rem;
        }

        .wpc-adv-package.wpc-package.wpcap-membership .wpcpv-badge {
            top: 0.5rem;
            margin-top: 2rem;
        }

        .wpc-adv-package.wpc-package.wpcap-membership .wap-header {
            width: calc(100% - 15rem);
            border-bottom: 0 none;
        }

        .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-name {
            display: block;
            margin-top: 0.8rem;
            padding-left: 2rem;
            font-size: 1.5rem;
            line-height: 2rem;
            font-family: 'proxima_nova_rgbold';
            color: #000000 !important;
            text-align: left;
        }

        .wpc-adv-package.wpc-package.wpcap-membership .wap-content {
            position: relative;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
        }

        .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-class-cost {
            position: absolute;
            top: -1.5rem;
            left: 2rem;
            font-size: 1.2rem;
            text-align: left;
        }

            .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-class-cost:after {
                display: none;
            }

        .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-price {
            top: -2.4rem;
            right: 5rem;
            font-size: 3rem;
            font-family: 'proxima_nova_rgregular';
            width: auto;
        }

        .wpc-adv-package.wpc-package.wpcap-membership .wpcp-buy {
            top: -4.5rem;
        }

        .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-desc {
            margin-top: 1rem;
            padding: 0 2rem;
            font-size: 1.6rem;
            line-height: 1.4em;
        }

        .wapc-logo {
            margin: 4rem auto 3rem;
        }



        .wpc-adv-package.wpc-package.wpcap-membership .wpcp-val.wpcpv-price {
            top: -4rem !important;
        }
    }

    @media only screen and (max-width:736px) and (orientation:landscape) {
        .amctr-content {
            max-width: 73.6rem;
            width: calc(100% - 6.1rem);
        }

        .amctrca-time:nth-of-type(3n+0) {
            margin-right: 1rem;
        }

        .amctrca-time {
            width: calc(20% - 0.7rem);
            margin: 0 0.7rem 0.7rem 0;
            font-size: 1.4rem;
            line-height: 2.5rem;
        }

            .amctrca-time:nth-of-type(3n+0) {
                margin-right: 0.7rem;
            }
    }

    @media only screen and (max-width:359px) {
        #cawHeader, .caws1-row, .caws2ir-row {
            padding: 0 2rem;
        }

        #cawhLogo {
            left: 2rem;
        }

        #cawhTime, .caws1r-timeremaining, .caws2ir-btn, .caws2ir-spot {
            right: 2rem;
        }

        #cawmnwBack {
            padding: 0 2rem 0 5rem;
            background-position: 2rem center;
        }

        .caws2ir-name, .caws2ir-email {
            width: calc(100% - 17rem);
        }
    }

    @media only screen and (max-width:850px) {
        .seat.icon-1, .seat.icon-2, .seat.icon-3, .seat.icon-4, .seat.icon-5, .seat.icon-6, .seat.icon-7, .seat.icon-8, .seat.icon-9, .seat.icon-10, .seat.icon-11 {
            background-size: contain;
        }
    }

    @media only screen and (max-width:980px) {
        /* schedule */
        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span, .schedule-wrap .da-button.sched-da-button {
            font-size: 1.3rem !important;
        }
        /* pick a seat */
        .seat.icon-9 {
            background-size: 90%;
        }

        .seat.icon-10 {
            background-size: 50%;
        }

        .seat.icon-11 {
            background-size: 70%;
        }
        /* Marketing */
        #marketingTopLeft, #marketingTopRight, #marketingBotLeft, #marketingBotRight {
            float: none;
            display: block;
            margin: 0 auto;
        }
    }

    @media only screen and (max-width:1024px) {
        #dbpLeft {
            margin-left: 15rem;
            padding-right: 0;
            border-right: 0 none;
        }

        #dbpRight {
            margin-right: 2rem;
        }
        /* Web Leaderboard */
        .leaderboard-daterange {
            float: none !important;
            top: auto;
            right: auto;
            width: 100% !important;
            margin: 2rem auto;
            padding-right: calc(50% - 3rem);
            text-align: center !important;
            clear: both;
        }

        .wp-leaderboard-content h1 {
            font-size: 1.8rem;
        }

        .leaderboard-col {
            float: none;
            width: 100% !important;
            display: block;
            padding: 0 0.9375rem !important;
        }
        /** Check-in **/
        .seat.icon-0 .instrInner {
            top: -25%;
            left: -25%;
            max-width: 150%;
            width: 150%;
            max-height: 150%;
            height: 150%;
            border-radius: 50%;
        }

            .seat.icon-0 .instrInner span {
                top: -2rem;
            }

        .sw-left {
            width: 66% !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .sw-right {
            height: auto;
        }

            .sw-right .da-button.sched-da-button {
                margin-top: -4.25rem;
            }
    }

    @media only screen and (min-width: 1025px) {
        .da-button.sched-da-button {
            left: 20px;
        }

        .sw-right {
            height: 55px;
        }

            .sw-right .da-button.sched-da-button {
                top: 30%;
            }
    }

@media only screen and (min-width:680px) {
    /* Checkout */
    #checkoutInner {
        padding: 2.5% 0;
    }

    #checkoutWrap h1 {
        text-align: left;
    }

    #sslBlurb {
        display: inline-block;
        margin-left: 1rem;
        padding-left: 1rem;
        border-top: 0 none;
        border-left: 2px solid #000000;
    }
    /* Header */
    .wp-dashboard header:not(.header-mylt-fm) {
        height: 11.5rem;
        padding: 2.85rem 2.5%;
        white-space: normal;
    }

    #headerRight {
        float: right;
        width: auto;
    }

    #hdrLogout {
        font-size: 1.4rem;
        margin-bottom: 0.7rem;
    }

    #hdrReserve {
        font-size: 2rem;
    }

    #headerLeft {
        float: left;
        width: auto;
        text-align: left;
    }

        #headerLeft h1 {
            margin: 0;
        }

    #breadCrumb {
        margin: 0;
        font-size: 1.5rem;
        font-family: 'proxima_nova_rgregular';
        text-align: left;
    }

        #breadCrumb a {
            position: relative;
            display: inline-block;
            margin-left: 0.8rem;
            color: #231f20;
            border-bottom: 0 none;
        }

            #breadCrumb a.active {
                color: #000000;
                text-decoration: none;
            }

            #breadCrumb a:before {
                content: '\007C';
                position: absolute;
                top: 0;
                left: -0.75rem;
                display: block;
                width: 0.2rem;
                color: #000000;
                text-align: center;
            }

            #breadCrumb a:nth-of-type(1) {
                margin-left: 0;
            }

                #breadCrumb a:nth-of-type(1):before {
                    content: '';
                    display: none;
                }
    /* Content */
    .pg-wp-type {
        min-height: 93rem;
        padding: 0 2.5% 2.5%;
    }
    /* Dashboard */
    #dashboardLeft {
        max-width: 39.5rem;
        width: 33%;
        padding: 3.3rem 0 3.3rem 0;
    }

    #dashboardRight { /*max-width:66.5rem;*/
        width: 66%;
        padding: 4rem 0 3.3rem 3.3rem;
    }

    #dbpRight {
        float: right;
        display: inline-block;
        width: calc(100% - 44rem);
    }

    #dbpRightInner {
        position: relative;
        display: block;
        width: 20rem;
        margin: 0 auto;
    }

    #dashboardAnnouncement {
        margin-bottom: 0;
    }

    .db-box {
        width: 100%;
        padding: 3.5rem;
    }

        .db-box.l-db-box {
            width: 24.5rem;
        }

    .db-box-head {
        font-size: 1.7rem;
    }

    #dashboardUser {
        width: 100%;
    }

    #duUsername {
        font-size: 2rem;
        line-height: 5.5rem;
    }

    #dashboardAnnouncementWrap { /*max-width:66.5rem;*/
        width: 66%;
        padding: 3.3rem 0 0 3.3rem;
    }

    #dashboardAnnouncement i, #dashboardPurchase i {
        top: 50%;
        left: 2rem;
        margin-top: -3.7rem;
        font-size: 7.7rem;
    }

    #dashboardPurchase i {
        left: 3.5rem;
    }

    #dbpLeft {
        margin-left: 11.3rem;
    }

    #dncColLast.dnc-col {
        display: table-cell;
    }

    .dnc-col i {
        font-size: 4rem;
    }

        .dnc-col i.fa {
            margin: 0.5rem auto 1rem;
        }

        .dnc-col i.faclasstype {
            max-width: 88%;
        }

        .dnc-col i img {
            max-width: 76px;
        }

    .dncc-value {
        font-size: 1.8rem;
    }

    .dncu-label {
        display: inline-block;
        margin: 0 1rem;
        clear: none;
    }

    #drTabsNav {
        float: right;
        top: 0;
        left: auto;
        right: 0;
        margin-left: 0;
    }

    #drTabs {
        padding-top: 0;
    }

    .dr-stats i {
        float: left;
        margin: 1.6rem 1rem 0 0;
    }

    .drs-col {
        height: 8.3rem;
    }

    .drsc-label {
        margin-top: 1.75rem;
        text-align: left;
        clear: none;
    }

    .drsc-val {
        text-align: left;
    }
    /* Upload User Avatar/Image */
    .pg-wp-upload {
        padding: 2rem;
    }

    #avatar-crop-box {
        min-height: 30rem;
    }

    #crop-avatar-target {
        max-width: 30rem !important;
        width: 30rem !important;
    }

        #crop-avatar-target.pre-upload {
            width: 17.5rem !important;
        }
    /* My Profile */
    #mpToggle {
        display: none;
    }

    .my-profile-nav-wrap {
        float: left;
        position: relative;
        top: auto;
        left: auto;
        width: calc(27.5rem + 2.5%);
        padding: 2.85rem 0 2.85rem 2.5%;
    }

    #mpmwList {
        width: 23.8rem;
    }

    .my-profile-content-wrap {
        float: left;
        width: calc(97.5% - 27.5rem);
        padding: 2.85rem 2.5% 2.85rem 0;
    }

    .ui-tabs .my-profile-content-wrap .ui-tabs-panel {
        padding: 5% 7% 5%;
    }

    #crop-avatar-target.pre-upload {
        margin: 0;
    }
    /* Transaction History */
    .wp-transactions-content {
        padding-top: 2.5%;
    }
    /* Upcoming Classes */
    .pg-wp-upcomingclasses {
        padding-top: 0;
    }
    /* Performance */
    .wogw-filter {
        width: 64rem;
        min-height: 7.3rem;
        height: auto;
        margin-bottom: 2.5%;
        padding: 2.3rem 0 0 0;
        text-transform: none;
    }

    #wpp-tab-classrank .wogw-filter {
        min-height: 11.3rem;
    }

    .wogw-filter .filter-label-top, #rankBotFilters .filter-label-top { /*float:left;*/
        display: inline-block;
        margin: 0 1rem;
        text-align: left;
    }

    .wogw-filter select, #rankBotFilters select { /*float:left;*/
        display: inline-block;
        margin: 0 0 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url('/images/filter-select-arrow.png');
        background-position: 14rem 1.1rem;
        background-repeat: no-repeat;
    }

    #wpp-wrap .wogw-filter select#filt_class, #wpp-wrap .wogw-filter select#filt_week, #wpp-wrap .wogw-filter select#filt_class2, #wpp-wrap .wogw-filter select#filt_week3 {
        margin-bottom: 0.5rem;
    }

    #wpp-tab-classrank .wogw-filter .filter-label-top:nth-of-type(5), #filt_reportby3 {
        margin-top: 1rem;
    }

    .csr-modal-toggle {
        display: none;
    }

    .csr-modal-back {
        position: absolute;
        top: 2rem;
        left: 2rem;
        display: block;
        font-size: 1.8rem;
        color: #000000;
        cursor: pointer;
        z-index: 5;
    }

        .csr-modal-back:hover {
            text-decoration: underline;
        }

        .csr-modal-back i {
            padding-right: 0.5rem;
            font-size: 1.7rem;
        }
    /* Schedules */
    #hdrSchedule {
        width: 66%;
    }

    .wp-dashboard header.wpdb-schedule-header h1 {
        margin-top: 5rem;
    }

    #hdrScheduleLocation {
        position: absolute;
        top: 0;
        right: 0;
        width: 33%;
    }
    /* New Schedule */
    .pg-wp-type.pg-wp-schedule {
        background: #fff;
        z-index: 3;
    }

    .wp-dashboard header.wpdb-schedule-header {
        height: auto;
        padding: 2rem 2.5% 1rem;
        z-index: 2;
    }

    #hdrScheduleNav {
        position: absolute;
        top: 4.5rem;
        left: 2.5%;
        font-size: 1.5rem;
        color: #5d5e5e;
        z-index: 3;
    }

    #hdrScheduleContent {
        position: relative;
        width: 100%;
        padding-top: 2.5rem;
        text-align: center;
    }

        #hdrScheduleContent span {
            position: relative;
            display: block;
            width: 100%;
            font-size: 1.5rem;
            color: #5d5e5e;
        }

    .hsl-name {
        font-family: 'proxima_nova_rgbold';
    }

    #scheduleFiltersWrap {
        position: relative;
        max-width: 100%;
        height: 2.6rem;
        margin: 0 auto;
        text-align: center;
        z-index: 2;
    }

        #scheduleFiltersWrap.sfw-three {
            width: 79.1rem;
        }

        #scheduleFiltersWrap.sfw-four {
            width: 104.8rem;
        }

    .schedule-filter-label {
        position: relative;
        display: inline-block;
        width: 24.5rem;
        height: 2.5rem;
        margin: 0 1rem 0 1rem;
        padding: 0 0 0 1rem;
        font-size: 1.6rem;
        color: #5d5e5e;
        line-height: 2.8rem;
        text-align: left;
        border-radius: 0.8rem;
        background: #e8e8e8;
        background-image: url('/images/filter-select-arrow.png');
        background-position: 22.5rem 1.1rem;
        background-repeat: no-repeat;
        cursor: pointer;
        z-index: 2;
    }

    #classesLabel.schedule-filter-label {
        margin: 0 1rem 0 0rem;
    }
    /*.schedule-filter-label:after {content:'\f0d7';position:absolute;top:0;right:0.5rem;display:block;width:0.7rem;height:2.5rem;font-size:1.2rem;line-height:2.5rem;font-family:'FontAwesome';color:#000;}*/
    .schedule-filter-wrap {
        position: absolute;
        top: 3rem;
        left: 1.5rem;
        display: none;
        width: 24.5rem;
        max-height: 29rem;
        overflow: hidden;
        padding: 1rem 1rem 1rem;
        box-shadow: 5px 5px 1px #d9d9d9;
        border-radius: 0.8rem;
        background: #e8e8e8;
        z-index: 3;
    }

    .sfw-inner {
        position: relative;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    #classes.schedule-filter-wrap {
        left: auto;
        right: 1.5rem;
    }

    #classTypes.schedule-filter-wrap {
        left: auto;
        right: 27.2rem;
    }

    .schedule-filter-wrap.sfw-two {
        left: 13.5rem;
    }

    #classes.schedule-filter-wrap.sfw-two {
        left: auto;
        right: 13.5rem;
    }

    #instructors.schedule-filter-wrap.sfw-drop-three {
        left: 1rem;
    }

    #classTypes.schedule-filter-wrap.sfw-drop-three {
        left: auto;
        right: 26.7rem;
    }

    #classes.schedule-filter-wrap.sfw-drop-three {
        left: auto;
        right: 1rem;
    }

    .schedule-filter-wrap.scroll {
        overflow-y: auto !important;
    }

    #scheduleFiltersWrap .filter-filt-wrap label.filter-filt {
        float: left;
        position: relative;
        display: block;
        width: 100%;
        min-height: 1.5rem;
        max-height: 3rem;
        height: auto;
        margin: 0 0 0.5rem;
        font-size: 1.5rem;
        line-height: 1em;
        z-index: 5;
    }

    #scheduleFiltersWrap #instructors.filter-filt-wrap label.filter-filt {
        display: none;
    }

    #scheduleFiltersWrap .filter-filt-wrap input[type="checkbox"] {
        position: absolute;
        top: 0.1rem;
        left: 0;
        width: 1rem;
        height: 1rem;
        z-index: 5;
        opacity: 0;
    }

    #scheduleFiltersWrap .filter-filt-wrap span.ffw-bg {
        float: left;
        position: relative;
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        margin: 0.1rem 1rem 0 0;
        border: 1px solid #686868;
        background: #e8e8e8;
        z-index: 6;
    }

    #scheduleFiltersWrap .filter-filt-wrap input[type="checkbox"]:checked + span.ffw-bg {
        border: 1px solid #000000;
        background: #000000;
    }

    #scheduleFiltersWrap .filter-filt-wrap label.filter-filt span.filt_label {
        float: left;
        position: relative;
        display: inline-block;
        width: calc(100% - 2.2rem);
        text-align: left;
        z-index: 6;
    }

    .pg-wp-schedule #ScheduleLocations, .wpdb-schedule-list #ScheduleLocations {
        position: relative;
        display: none; /*display:inline-block;*/
        width: 24.5rem;
        height: 2.5rem;
        padding-left: 1rem;
        font-size: 1.6rem;
        font-family: 'proxima_nova_rgregular';
        color: #5d5e5e;
        border-radius: 0.8rem;
        border: 0 none;
        background: #e8e8e8;
        cursor: pointer;
        margin: 0 0 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url('/images/filter-select-arrow.png');
        background-position: 22.5rem 1.1rem;
        background-repeat: no-repeat;
    }

    .schedule-calendar-head {
        display: none;
    }

    .schedule-wrap {
        position: relative;
        width: 100%;
        min-height: 30rem;
        padding-top: 3.5rem;
        z-index: 1;
    }

    #calendarMain {
        position: relative;
        width: 90%;
        margin: 0 auto;
        z-index: 1;
    }

    .schedule-wrap .schedule-header-wrap {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 0;
        border: 0 none !important;
        background: #fff;
        z-index: 4;
    }

    .schedule-wrap .wppc-most-recent-header, .schedule-wrap .wppc-most-recent-header:hover {
        float: left;
        display: inline-block;
        width: 13.85%;
        max-width: 13.85%;
        margin-right: 0.5%;
        border: 0 none !important;
    }

        .schedule-wrap .wppc-most-recent-header:nth-of-type(7) {
            margin-right: 0%;
        }

        .schedule-wrap .wppc-most-recent-header.off, .schedule-wrap .wppc-most-recent-header.off:hover {
            cursor: default;
        }

        .schedule-wrap .wppc-most-recent-header span {
            position: relative;
            display: block;
            width: 100%;
            clear: both;
        }

            .schedule-wrap .wppc-most-recent-header span.wmrh-date {
                padding-left: 0.4rem;
                font-size: 1.2rem;
                font-family: 'proxima_nova_rgbold';
                color: #b0afb0;
            }

    .schedule-wrap .schedule-header-wrap .wppc-most-recent-header:nth-of-type(3) span.wmrh-date, .schedule-wrap .schedule-header-wrap .wppc-most-recent-header:nth-of-type(5) span.wmrh-date {
        padding-left: 0.2rem;
    }

    .schedule-wrap .schedule-header-wrap .wppc-most-recent-header:nth-of-type(4) span.wmrh-date {
        padding-left: 0;
    }

    .schedule-wrap .wppc-most-recent-header.on span.wmrh-date {
        color: #000000;
    }

    .schedule-wrap .wppc-most-recent-header span.wmrh-day {
        font-size: 5.6rem;
        line-height: 0.8em;
        font-family: 'proxima_novathin';
        color: #dcdbdb;
        text-transform: uppercase;
    }

    .schedule-wrap div.wppc-most-recent-val-wrap {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        border: 0 none !important;
        z-index: 2;
    }

    .schedule-wrap .wppc-most-recent-val {
        float: left;
        display: inline-block;
        width: 13.85%;
        max-width: 13.85%;
        margin-right: 0.5%;
        padding-top: 1.5rem;
        border: 0 none !important;
    }

        .schedule-wrap .wppc-most-recent-val:nth-of-type(7) {
            margin-right: 0%;
        }

        .schedule-wrap .wppc-most-recent-val a:hover {
            text-decoration: none;
        }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block {
            position: relative;
            width: 100%;
            min-height: 12.3rem;
            height: auto;
            margin: 0 0 4%;
            background: #f1f1f2;
            cursor: pointer;
            z-index: 1;
        }

            .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block:hover {
                background: #d4d4d4;
            }

        .schedule-wrap .wppc-most-recent-val.off .wppc-most-recent-val-block {
            cursor: default;
        }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.off span {
            opacity: 0.4;
        }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.off:hover {
            background: #f1f1f2;
        }

    .sw-front {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0.6rem 1rem 1rem /*0.6rem 0.6rem 2rem 1rem*/;
        background: #efefef;
        transition: all 0.3s;
        z-index: 2;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked .sw-front {
        background: #000000;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked.off .sw-front {
        background: #efefef;
    }

    .cal-item-link:hover .sw-front {
        display: none;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.1rem;
        color: #686868;
        text-align: left;
        white-space: pre-wrap;
        z-index: 3;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked span {
        height: 1.5rem;
        color: #fff;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked.off span {
        color: #686868;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span.sw-classname {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 3.7rem; /*padding-top:0.5rem;*/
        line-height: 1.1em;
        font-family: 'proxima_nova_rgregular';
        color: #000000;
        white-space: normal;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked span.sw-classname {
        color: #fff;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked.off span.sw-classname {
        color: #686868;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span.sw-badge {
        position: absolute;
        top: /*0.8rem*/ 6.5rem;
        right: 0.7rem;
        padding: 0;
        z-index: 2;
        width: 1.4rem;
    }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span.sw-badge.swb-waitlist {
            width: 1.8rem;
            height: 1.8rem;
            padding: 0 0 0 1px;
            font-size: 1.2rem;
            line-height: 1.9rem;
            color: #fff;
            text-align: center;
            border-radius: 1rem;
            background: #686868;
            z-index: 3;
            clear: right;
        }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span.sw-badge.swb-left {
            width: 1.8rem;
            height: 1.8rem;
            padding: 0 0 0 1px;
            font-size: 1.2rem;
            line-height: 1.8rem;
            color: #fff;
            text-align: center;
            border-radius: 1rem;
            background: #686868;
            z-index: 2;
        }

    .schedule-wrap .wppc-most-recent-val.off .wppc-most-recent-val-block span {
        color: #686868;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.off {
        cursor: default;
    }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.off span {
            color: #666;
        }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.hide {
        display: none;
    }

    .sw-back {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
        background: #efefef;
        transition: all 0.3s;
        z-index: 3;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked .sw-back {
        background: #000000;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked.off .sw-back {
        background: #efefef;
    }

    .cal-item-link:hover .sw-back {
        display: block;
    }

    .schedule-tt {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 3rem;
        height: 3rem;
        padding: 0.5rem;
        font-size: 2rem;
        color: #686868;
    }

    .slc-col .schedule-tt {
        margin: 0.75rem 0 0 0.5rem;
    }

    .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block.booked .sw-back .schedule-tt {
        display: none;
    }

    .ui-tooltip.schtt {
        box-shadow: 0px 0px 0px transparent;
        border-radius: 0;
        border: 0 none;
        background: #686868;
    }

        .ui-tooltip.schtt:after {
            content: '';
            position: absolute;
            bottom: -0.7rem;
            left: 50%;
            width: 0;
            height: 0;
            margin: 0 0 0 -0.7rem;
            border-left: 0.75rem solid transparent;
            border-right: 0.75rem solid transparent;
            border-top: 0.75rem solid #686868;
        }

        .ui-tooltip.schtt.schtt-last:after {
            left: auto;
            right: 0.7rem;
        }

        .ui-tooltip.schtt .ui-tooltip-content {
            font-size: 1.3rem;
            line-height: 1.3rem;
            font-family: 'proxima_novasemibold';
            color: #fff;
            background: #686868;
        }

    .sw-back .swb-left-text {
        float: left;
        position: relative;
        padding: 0.5rem 1rem;
    }

    .swb-left-text {
        pointer-events: none;
    }

    .sw-back .sw-classdetails {
        position: relative;
        display: block;
        width: calc(100% - 3rem);
        margin: 0;
        padding: 0.8rem 1rem;
        font-size: 1.3rem;
        line-height: 1.1em;
        z-index: 4;
    }

        .sw-back .sw-classdetails.swcd-sm {
            width: 100%;
            font-size: 1.3rem;
        }

    .wppc-most-recent-val-block.booked .sw-back .sw-classdetails {
        color: #fff;
    }

    .sw-back .sw-classdetails:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .da-button.sched-da-button {
        position: absolute;
        bottom: 1rem;
        width: 10rem;
        height: 3.5rem;
        margin: 0;
        font-size: 1.6rem;
        font-family: 'proxima_nova_rgregular';
        line-height: 3.6rem;
        text-transform: uppercase;
        border-radius: 1.75rem;
        z-index: 5;
    }

    .slc-col .da-button.sched-da-button {
        width: 11rem;
    }
    /*.slc-col .da-button .slc-btn-loading {position:absolute;top:0;left:0;display:none;width:11rem;height:3.5rem;border-radius:1.75rem;background:rgba(255,255,255,0.6);z-index:5;}
                            .slcbl-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:5.5rem;height:1rem;}
                                .slcbl-dot-1 {fill:#000000;animation:slcblanim 1s ease-in-out infinite;animation-delay:0s;}
                                .slcbl-dot-2 {fill:#000000;animation:slcblanim 1s ease-in-out infinite;animation-delay:0.3s;}
                                .slcbl-dot-3 {fill:#000000;animation:slcblanim 1s ease-in-out infinite;animation-delay:0.6s;}
                                @-webkit-keyframes slcblanim {
                                    0% {opacity:0;}
                                    100% {opacity:1;}
                                }
                                @-moz-keyframes slcblanim {
                                    0% {opacity: 0;}
                                    100% {opacity:1;}
                                }
                                @keyframes slcblanim {
                                    0% {opacity:0;}
                                    100% {opacity:1;}
                                }*/
    .da-button.sched-da-button.wl-da-button {
        max-width: 90%;
        background: #686868;
    }

    .da-button.sched-da-button.booked-da-button {
        max-width: 90%;
        margin-left: -0.7rem;
        font-size: 1.65rem;
        color: #7d7e7e !important;
        background: #f2f2f3;
    }

    #scheduleBackToTop {
        position: relative;
        display: block;
        width: 11rem;
        margin: 0 auto;
        font-size: 1.4rem;
        color: #000000;
        text-align: center;
        cursor: pointer;
    }
    /* Schedule List */
    #mobileSchedListFiltTog {
        display: none;
    }

    .fmact-schedulelist .wpdb-schedule-list header.wpdb-schedule-header {
        z-index: 4;
    }

    .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap {
        max-width: 105rem;
        width: 100%;
        height: auto;
        z-index: 5;
    }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap .schedule-filter-wrap {
            z-index: 6;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap #instructors.schedule-filter-wrap.sfw-two.sfw-drop-three {
            left: 14rem;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap #classTypes.schedule-filter-wrap.sfw-two.sfw-drop-three {
            left: auto;
            right: 39.75rem;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap #classes.schedule-filter-wrap.sfw-two.sfw-drop-three {
            left: auto;
            right: 14rem;
        }
    /*#calendarListMain {position:relative;width:90%;margin:0 auto;z-index:2;}
    .slh-date-mobile {display:none;}
    .slh-date {display:block;}*/
    .slh-col, .slc-col {
        font-size: 1.4rem;
    }

        .slh-col.slc-date i {
            display: none;
        }
    /* Scheduling Messages */
    #schedMsgWrap {
        left: 50%;
        width: 52rem;
        height: 49rem;
        margin: 0 0 0 -26rem;
    }
    /* Packages */
    #wpPackagesInner {
        padding: 0;
    }

    #scheduleLocationsVal {
        left: 50%;
        height: 6rem;
        font-size: 4rem;
    }

    #slvVal {
        padding-right: 6rem;
        height: 6rem;
        line-height: 6rem;
    }

    .wpc-package {
        width: 25%;
    }

    .wpc-adv-package.wpc-package {
        width: 33%;
    }
    /* Upcoming Classes */
    .wogw-filter.wogw-filter-upcomingclasses {
        width: 63rem;
        margin-bottom: 2.5%;
        padding: 2.3rem 0 0 /*3.5rem*/;
    }

    #upcomongClassesWrap {
        margin-top: 0;
    }

    .uc-left {
        max-width: 74%;
        width: 94rem;
    }

    .ucl-col {
        float: left;
        display: inline-block;
        margin: 0 1.5rem 1.5rem 0;
    }

    .uc-left .ucl-col.ucl-col-equipment-number {
        margin-right: 0;
    }

    .uc-right {
        max-width: /*26%*/ 25rem; /*width:31.5rem;*/
        padding: 0 0 0 1.5rem;
    }

    .ucr-btn {
        margin: 0 1.5rem 1rem 0;
        padding: 1.6rem 1rem 0;
        font-size: 2rem;
    }

        .ucr-btn.ace_btn {
            margin-right: 0;
        }

    .ucr-btn-data {
        float: right;
        margin-top: 3.5rem;
    }

    .ucr-btn-data-no-top-margin {
        float: right;
    }

    .ucr-btn.ucr-btn-only {
        padding-top: 0.7rem;
    }

    .ucr-btn.class-invite-friends {
        padding-top: 0.8rem;
    }
    /* Instructors List */
    .wpil-instructor {
        float: left;
        display: inline-block;
        width: 23.12%;
        margin: 0 2.5% 2.5% 0;
    }

        .wpil-instructor:nth-of-type(4n+0) {
            margin-right: 0;
        }
    /* Instructor Details */
    #wpidiBack {
        margin: 0 0 1rem 0;
    }

    .wpidi-info {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50rem;
        width: 61%;
        min-height: 60rem;
        margin: 0;
    }

    .wpidi-name {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 1.5rem;
        font-size: 6.4rem;
        line-height: 12.1rem;
        font-family: 'proxima_novathin';
        color: #515251;
        text-align: center;
    }

    .wpidi-quote {
        margin-top: 0;
    }

    .wpidi-img-wrap, .wpidi-schedule {
        float: left;
        max-width: 35rem;
        width: 39%;
        margin: 0;
    }

    .wpidi-img-wrap {
        height: 38.5rem;
    }

    .wpidi-schedule {
        margin-top: 5%;
    }

    .wpidi-img-name {
        display: none;
    }
    /* Standard Messaging */
    #messageWrap {
        width: 60%;
    }

    #messageInner {
        position: relative;
        display: table;
        table-layout: fixed;
        max-width: 100%;
        width: 100%;
        min-height: 5rem;
        height: auto;
        margin: 2.5rem auto;
        padding: 1rem;
        font-size: 2.1rem;
        color: #fff;
        border-radius: 1.5rem;
        box-shadow: 7px 7px 1px #e4e6e7;
        background: #000000;
        z-index: 1;
    }

    #messageContent {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        min-height: 4rem;
        z-index: 2;
    }

    #messageClose {
        position: absolute;
        top: 50%;
        right: -1.5rem;
        width: 3.5rem;
        height: 3.5rem;
        margin: -1.75rem 0 0 0;
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: 'proxima_nova_rgbold';
        color: #000000;
        text-align: center;
        box-shadow: 7px 1px 1px #e4e6e7;
        border-radius: 1.75rem;
        border: 6px solid #000000;
        background: #fff;
        cursor: pointer;
        z-index: 4;
    }

    #messageInner .fa {
        top: 50%;
        left: 10px;
        display: block;
        margin: 0 -5rem 0 0;
        font-size: 4rem;
        transform: translateY(-50%);
        z-index: 4;
    }

    #messageInner span {
        display: block;
        max-width: 85%;
        margin: 0 auto;
        line-height: 1.1em;
        z-index: 3;
    }
    /* Classes List */
    .wpcl-class {
        float: left;
        display: inline-block;
        max-width: 47.75%;
        width: 47.75%;
        height: auto;
        margin: 0 0 4.5% 0;
    }

        .wpcl-class:nth-of-type(even) {
            float: right; /*margin-left:4.5%;*/
        }
    /* Class Details */
    #wpClassDetailsInner {
        position: relative;
    }

    #wpcdiBack {
        margin: 0 0 1rem 0;
    }

    .wpcdi-info {
        float: right;
        position: relative;
        max-width: 50rem;
        width: 59%;
        margin: 0;
    }

    .wpcdi-name {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 1.5rem;
        font-size: 6.4rem;
        line-height: 12.1rem;
        font-family: 'proxima_novathin';
        color: #515251;
        text-align: center;
    }

    .wpcdi-quote {
        margin-top: 0;
        font-size: 6.4rem;
        line-height: 5rem;
    }

    .wpcdi-schedule {
        float: left;
        max-width: /*30*/ 30rem;
        width: 41%;
        margin: 0;
    }

    .wp-classdetails-content #wpInstructorsListWrap h2 {
        padding-top: 5%;
        font-size: 2.15rem;
        text-align: left;
    }

    .wp-classdetails-content .wpil-instructor {
        height: 21.6rem;
    }
    /*Packages*/
    .wpc-adv-package.wpc-package {
        max-width: 30rem;
    }
}

    @media only screen and (min-width:737px) {
        #profileGiftCards {
            position: relative;
            z-index: 1;
        }

            #profileGiftCards h2 {
                float: left;
                position: relative;
                display: inline-block;
                width: auto;
                margin-top: 1rem;
                margin-bottom: 2rem;
            }

            #profileGiftCards #giftCardLookup {
                float: right;
                position: relative;
                display: inline-block;
                width: auto;
                z-index: 3;
            }

        .psc-row {
            z-index: 2;
        }

        #schedulePrevArrow {
            position: absolute;
            top: 0;
            left: 0;
            width: 5%;
            height: 100%;
            display: block;
        }

            #schedulePrevArrow span {
                position: absolute;
                top: 26.1rem;
                left: 50%;
                width: 3.3rem;
                height: 5rem;
                margin-left: -1.65rem;
                background: #a09f9f;
                cursor: pointer;
                opacity: 0.6;
            }

                #schedulePrevArrow span:hover {
                    opacity: 1;
                }

            #schedulePrevArrow i { /*position:absolute;top:50%;left:50%;margin-left:-0.9rem;*/
                position: relative;
                width: 3.3rem;
                height: 5rem;
                font-size: 4rem;
                line-height: 5rem;
                color: #fff;
                text-align: center; /*transform:translateY(-50%);*/
            }

                #schedulePrevArrow i:before {
                    margin-left: -0.5rem;
                }

        #scheduleNextArrow {
            position: absolute;
            top: 0;
            right: 0;
            width: 5%;
            height: 100%;
            display: block;
        }

            #scheduleNextArrow span {
                position: absolute;
                top: 26.1rem;
                left: 50%;
                width: 3.3rem;
                height: 5rem;
                margin-left: -1.65rem;
                background: #a09f9f;
                cursor: pointer;
                opacity: 0.6;
            }

                #scheduleNextArrow span:hover {
                    opacity: 1;
                }

            #scheduleNextArrow i { /*position:absolute;top:50%;left:50%;margin-left:-0.5rem;*/
                position: relative;
                width: 3.3rem;
                height: 5rem;
                font-size: 4rem;
                line-height: 5rem;
                color: #fff;
                text-align: center; /*transform:translateY(-50%);*/
            }

                #scheduleNextArrow i:before {
                    margin-right: -0.5rem;
                }

        .wpcp-buy {
            z-index: 4;
        }
        /** Mobile Check-in **/
        .show-for-small-only {
            display: none !important;
        }

        @media only screen and (max-width: 736px) {
            .hide-for-small-only {
                display: inline !important;
            }
        }

        #cawhTime #cawhtTxt, #cawMobileNavWrap, .caw-mobile-add-to-class {
            display: none !important;
        }
        /* Checkout */
        .fmact-checkout #cboxLoadedContent #termsTextInner {
            padding-left: 2.1rem;
            font-size: 1.5rem;
        }
        /* Schedule List */
        .sl-class.sl-class-click.off:not(.sl-class-touch) {
            cursor: default;
        }
    }

    @media only screen and (min-width:668px) and (max-width:1024px) {
        /* Dashboard */
        #dashboardPurchase i {
            top: 6rem;
            font-size: 5rem;
        }

        #dbpLeft {
            float: none;
            display: block;
            margin: 0 auto !important;
        }

        #dbpClasses:after {
            left: 40%;
            width: 20%;
        }

        #dbpRight {
            float: none;
            display: block;
            width: 100% !important;
            margin: 0 auto !important;
        }

        .dcr-col {
            font-size: 1.5rem;
        }

        #drlmDonut-top, #drlwDonut-top {
            margin: -3rem auto 0;
        }

        .dr-donut:before {
            margin: -2.2rem 0 0 -2.5rem;
        }
        /* Packages */
        .wpc-package {
            width: 50%;
        }

        .wpcp-val.wpcpv-qty {
            font-size: 7rem;
        }

        .wpcp-val.wpcpv-name {
            height: auto;
            margin-top: 1rem; /*font-size:2.5rem;line-height:3rem;*/
        }

        .wpcp-val.wpcpv-price {
            margin-top: 1.5rem;
        }

        .wpcp-val.wpcpv-spacer {
            height: 1rem;
        }
        /* Upcoming Classes */
        .uc-left {
            max-width: 73%;
        }

        .uc-right {
            max-width: 27%;
        }

        .ucr-btn {
            margin: 0 1rem 1rem 0 !important;
            padding: 1.5rem;
            font-size: 1.7rem; /*clear:both;*/
        }

            .ucr-btn:nth-of-type(2n+0) {
                margin-right: 0 !important;
            }

        .uc-right .ucr-btn.class-invite-friends {
            padding-top: 0.7rem;
        }

        .invite-friend label span {
            font-size: 1.3rem;
            line-height: 1.8rem;
        }

        .invite-friend-btn {
            width: 94.5%;
            font-size: 1.9rem;
            line-height: 4.8rem;
        }
        /* Performance */
        /*.wpprv2g-zing2 div[id^="donut_"] {margin:-8rem 0 0 -1.5rem;}*/
        .wppr-val-2-graphs .donutHeart {
            top: 16%;
        }
        /* Schedule */
        #scheduleFiltersWrap {
            width: 72.7rem;
        }

        .schedule-filter-label, .pg-wp-schedule #ScheduleLocations {
            width: 19rem;
            background-position: 17.2rem 1.1rem;
        }

        .schedule-filter-wrap {
            left: -0.3rem;
        }

        #classes.schedule-filter-wrap {
            right: -0.1rem;
        }

        .schedule-filter-wrap.sfw-two {
            left: 9.5rem;
        }

        #classes.schedule-filter-wrap.sfw-two {
            right: 9.5rem;
        }

        .schedule-wrap .wppc-most-recent-header span.wmrh-day {
            font-size: 4rem;
        }

        .sw-front {
            padding: 0.5rem;
        }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span.sw-classname {
            font-size: 1.1rem !important;
        }

        .da-button.sched-da-button.booked-da-button, .da-button.sched-da-button.wl-da-button {
            margin-left: -1rem;
            padding: 0;
            font-size: 1.2rem;
        }

        .da-button.sched-da-button.wl-da-button {
            padding: 0 1rem;
        }
        /* Payment */
        #checkoutInner {
            padding: 2.5%;
        }

        #checkoutWrap .db-box, #cswInner {
            padding: 1.5rem;
        }
        /* Instructors List */
        .wpil-instructor {
            height: 18rem;
        }

        .wpili-name, .wpilih-quote, .wpilih-profile {
            font-size: 1.6rem;
        }

        .wpili-name {
            line-height: 4.5rem;
        }
        /*.wpili-bg img.noimg, .wpidi-img.noimg {height:auto;margin-top:0;}
        .wpili-bg img.noimg.noimg-m, .wpidi-img.noimg.noimg-m {height:auto;margin-top:0;}*/
        /* Instructor Details */
        .wpidi-info {
            width: 58.5%;
        }
        /* Class Details */
        .wpcdi-info {
            width: 54%;
        }
        /* Schedule List */
        .wp-dashboard.wpdb-schedule-list header.wpdb-schedule-header {
            z-index: 4;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap {
            width: 70rem;
            height: auto;
            margin-top: 1.5rem;
            z-index: 5;
        }

        .wpdb-schedule-list .schedule-filter-label, .wpdb-schedule-list #ScheduleLocations {
            width: 16rem;
            background-position: 14rem 1.1rem;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap .schedule-filter-wrap {
            width: 16rem;
            z-index: 6;
        }

            .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap .schedule-filter-wrap.scroll {
                padding: 1rem 0 1rem 1rem;
            }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap #instructors.schedule-filter-wrap {
            left: 1rem;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap #classTypes.schedule-filter-wrap {
            right: 18.5rem;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap #classes.schedule-filter-wrap {
            right: 1rem;
        }

        .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap .filter-filt-wrap label.filter-filt, .fmact-schedulelist .wpdb-schedule-list #scheduleFiltersWrap #ScheduleLocations option {
            font-size: 1.3rem;
        }
        /* Locations */
        #wpdlCountry {
            width: 13.5rem !important;
        }

        #wpdlCity {
            width: 11rem !important;
        }

        #wpdlState {
            width: 11.5rem !important;
        }

        #wpdlZip {
            width: 14rem !important;
        }

        .pwl-results li {
            width: 24rem;
        }

        .pwl-result {
            padding: 0.7rem 2.5rem 0;
        }

            .pwl-result span.pwlr-val {
                font-size: 2.1rem;
            }

        #pwlSelectedWrap {
            width: 72.7rem;
        }

        .location-wrap {
            width: 24.2rem;
        }

        .location-name {
            font-size: 2.5rem;
            line-height: 1em;
        }

        .location-address {
            margin-top: 1rem;
        }

        .location-phone {
            margin-top: 0;
            margin-bottom: 2.7rem;
        }
    }

    @media only screen and (min-width:668px) and (max-width:1024px) and (orientation:portrait) {
        .wpidi-img-wrap {
            height: 30rem;
        }
        /* Performance - My Rank */
        #rankBotFilters {
            padding: 2rem 4rem;
        }

            #rankBotFilters label:nth-of-type(4), #rankBotFilters label:nth-of-type(5) {
                margin-top: 1rem;
            }
        /* Upcoming Classes */
        .uc-left {
            max-width: 82%;
        }

        .uc-right {
            max-width: 18%;
        }
        /* Check In */
        #cawhLogo {
            top: 50%;
            transform: translateY(-50%);
            max-width: 20rem;
        }

        #cawhTitle {
            top: 50%;
            transform: translateY(-50%);
            width: 15rem;
            height: 7.5rem;
            background-size: contain;
        }

        #caws2iLeft {
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50%;
        }

        #caws2ilImg {
            float: none;
            display: block;
            margin: 0 auto;
        }

        #caws2ilClassInfo {
            float: none;
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        #caws2ilInstructor {
            float: none;
            margin: 1rem auto 0;
            padding-left: 2rem;
            text-align: center;
        }

        #caws2iRight {
            width: 100%;
        }

        #deadBirdCoffin {
            margin-top: 3rem;
        }

        .caws2ir-email {
            position: absolute;
            top: 4.5rem;
            left: 12.5rem;
        }

        #cawfBack {
            float: left;
        }

        #caws3Left {
            width: 100%;
        }

        #caws3Right {
            width: 100%;
            padding: 0;
        }

        #cawStep2Inner {
            width: 98%;
        }
    }

    @media only screen and (min-width:668px) and (max-width:1024px) and (orientation:landscape) {
        #caws2iRight, #caws3Right {
            padding: 0 0 0 2.5rem;
        }

        .caws2ir-name, .caws2ir-email {
            width: calc(100% - 13.5rem);
        }

        .hrregr-screen {
            padding: 0 5rem;
        }

        h2#hrregrScreen1HdrAlt {
            width: 100%;
        }

            h2#hrregrScreen1HdrAlt span {
                margin-left: 0;
            }

        #hrregrScreen4Inner {
            width: 100%;
        }

        #hrregrs4iLeft {
            width: 48.5%;
        }

        #hrregrs4iRight {
            width: 48.5%;
        }

        .hrregrs4-check-text {
            width: calc(100% - 2.7rem);
        }
    }

    @media only screen and (min-width:737px) and (max-width:1024px) {
        .wah-locname, #alHeader #alhRange, #appointmentsLeft .accordion-title, .amc-type-wrap h2 {
            font-size: 1.9rem;
        }

        .wah-locinfo, #appointmentsLeft .filt_label, .amctrca-time {
            font-size: 1.4rem;
        }

        .amctrc-name, .amctrcc-reserve {
            font-size: 1.7rem;
        }

        .amh-day {
            font-size: 1.5rem;
        }

        .amh-date {
            font-size: 2.2rem;
        }

        #appointmentsLeft {
            min-height: 100%;
            height: auto;
            border-right: 0 none;
        }

            #appointmentsLeft .accordion-title {
                padding: 0 2rem 0 4.3rem;
            }

                #appointmentsLeft .accordion-title::before {
                    left: 2rem;
                }

            #appointmentsLeft .accordion-content {
                padding: 1.7rem 2rem 1.7rem 4.5rem;
            }

            #appointmentsLeft .ffw-bg {
                margin-right: 0.5rem;
            }

        #appointmentsMain {
            border-left: 1px solid #d9d8d7;
        }

        #amContentWrap {
            padding-top: 3.5rem;
        }

        .amc-type-wrap {
            padding-top: 0;
        }

        .amctr-img-wrap {
            margin-left: 0;
        }

        .amctr-content {
            width: calc(100% - 7.2rem);
        }
        /** Check-in **/
        .caws2ir-email {
            margin: -4rem 0 0 12.5rem;
            clear: left;
        }
    }

    @media only screen and (min-width:737px) and (max-width:1024px) and (orientation:portrait) {
        #alHeader {
            width: 18rem;
        }

            #alHeader #alhRange {
                margin: 0;
            }

        #appointmentsLeft .accordion-title {
            padding: 0 1rem 0 3.3rem;
        }

            #appointmentsLeft .accordion-title::before {
                left: 1rem;
            }

        #appointmentsLeft .filt_label {
            max-width: calc(100% - 1.9rem);
            overflow: hidden;
        }

        .afc-inner.scroll .mCSB_inside > .mCSB_container {
            margin-right: 1.5rem;
        }

        .amctrca-time {
            width: 8rem;
        }

        #aciLocInfo {
            margin-top: 2rem;
        }
    }

    @media only screen and (min-width:1024px) and (max-width:1200px) {
        #apptConfModalIcon {
            margin-left: 1.5rem;
        }

        #apptConfClose {
            right: 1.5rem;
        }

        .acm-btn {
            margin-right: 4.3rem;
        }

        #aciLocInfo .wah-locname {
            font-size: 1.4rem;
        }
    }

    @media only screen and (min-width:737px) and (max-width:1280px) {
        .slc-col:nth-of-type(6) span:nth-of-type(1) {
            position: relative;
            display: block;
            width: 100%;
            margin: 0.5rem auto 0;
            padding-right: 1.7rem;
            line-height: 1.4rem;
            text-align: right;
        }

        .slc-col .da-button.sched-da-button {
            margin-bottom: 1rem;
        }
    }

    @media only screen and (max-width:1300px) {
        #wpdLocationsHdr:before {
            background-position: top center;
        }
    }

    @media only screen and (max-width:1370px) {
        .amct-row {
            width: 100% !important;
        }
        /* Schedule List */
        .slc-col:nth-of-type(3) span:nth-of-type(1), a.sl-class .sw-classname, a.sl-class .sw-inst {
            display: inline-block;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        a.sl-class .sw-inst {
            float: left;
            width: calc(100% - 4.5rem);
        }

        a.sl-class .sw-inst-img {
            float: left;
        }

        #caws3Right {
            padding: 0;
        }
    }

    @media only screen and (min-width:1025px) {
        .wptw-val {
            line-height: 4.4rem;
        }
        /* Dashboard */
        #duUsername {
            font-size: 2.5rem;
            line-height: 5.2rem;
        }

        .db-box-head {
            font-size: 1.8rem;
        }

        .dnc-col i.faclasstype {
            max-width: 50%;
        }

        .dr-donut {
            float: left;
            position: relative;
            display: inline-block; /*min-width:25rem;max-width:22.5rem;*/
            width: /*45%*/ 25rem;
        }

        .dr-stats {
            float: right;
            position: relative;
            display: inline-block;
            width: /*54%*/ calc(100% - 25rem - 1%);
            min-height: 25rem;
            margin-left: 1%;
            padding-left: 2.5%;
            border-left: 1px solid #e2e2e2;
        }
        /*.drs-col {width:44%;margin:0 6% 4.5% 6%;}
    .drs-col:nth-of-type(2n+0) {margin-left:0;}*/
        /* Profile/Register */
        .form-item input, .birthday-fields input, .form-input select, .birthday-fields select, .form-item select {
            width: 50% !important;
        }

        .fmctl-WebPortal.fmact-Profile .form-item input[type="radio"] {
            width: auto !important;
        }
        /* Packages */
        #wpPackagesInner {
            padding: 0 5%;
        }
        /* Upcoming Classes */
        .uc-left {
            max-width: /*calc(100% - 25rem)*/ 75rem;
            width: calc(100% - 25rem);
            text-align: justify;
        }

            .uc-left:after {
                content: '';
                display: inline-block;
                width: 100%;
            }

            .uc-left .ucl-col {
                float: none;
            }

        .invite-friend label span {
            white-space: nowrap;
        }
        /* Schedule */
        #scheduleHeaderWrapperWrap {
            position: relative;
            height: 6.2rem;
            z-index: 3;
        }

        .schedule-wrap .wppc-most-recent-val .wppc-most-recent-val-block span {
            font-size: 1.5rem;
        }
        /* Schedule List */
        #calendarListMain {
            position: relative;
            width: 90%;
            margin: 0 auto;
            z-index: 2;
        }

        .slh-date-mobile {
            display: none;
        }

        .slh-date {
            display: block;
        }
        /* Pick A Seat */
        .pick-a-spot-inner .row {
            height: 5.8rem;
        }
        /* Performance - My Stats */
        #filt_class3, #filt_class2 { /*margin-right:5rem;*/
        }
        /* Classes List */
        .wpcl-class:nth-of-type(3n+0) {
            margin-right: 0;
        }
        /* Marketing */
        .wp-marketing-content {
            margin: 0 auto 11.5rem !important;
        }
        /* Appointments */
        .wp-appointments .afc-inner {
            padding-left: 5rem;
        }
    }

    @media only screen and (min-width:1200px) {
        /* My Classes */
        #upcomongClassesWrap .uc-left {
            max-width: calc(100% - 40rem);
        }
        /* Packages */
        #wpPackagesInner {
            max-width: 90rem;
            padding: 0;
            margin: 0 auto;
        }
        /*.wpc-adv-package {float:left;}*/
        /* Classes List */
    }

    @media only screen and (min-width:1500px) {
        /* Dashboard */
        #dashboardRight, #dashboardAnnouncementWrap {
            margin-right: 7.7rem;
        }
    }

    @media only screen and (max-width:700px) {

        .seat {
            max-width: 1.7rem;
        }
    }

    .input-validation-error, .reg-form-content input.txt-input.input-validation-error[type="text"], .reg-form-content input.txt-input.input-validation-error[type="password"],
    #registerFormFields .reg-form-content .form-item input.txt-input.fin.input-validation-error, #registerFormFields .form-item input.txt-input.input-validation-error,
    #registerFormFields .form-item select.input-validation-error, .reg-form-content input[type="radio"].input-validation-error + .radio-cover, .reg-form-content input[type="checkbox"].input-validation-error + input + .check-cover {
        /*background-repeat: no-repeat !important;
    background-position: right center !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNrElt1NwzAQx8+hFVLFA5Z44DlMgMwIYYQwQjpCOkJ5YADCCGED+tAByApZgAfzhIQKNZfqUrkh/qqi5i+d8uX4Z599d2ZKKRhDEYykSXtTMWZqk6CldI3pXU22QivQZN+PwuJN1rq6Bywgil5gu721Dp2xT1DqGe8WIWCTq3M2na6d0EZKXTbt0d7ReLCrNWVoS7XZHLzkaQrncbx//igK+JXy0EMAb2j3JtfbwDHO9KkLbTQTAq7zfP8sy7ILbuFLtHnYro6iV4Re9DXsgZiU0Wb0BguvNSWdce6Ce4PTkDj8qirbZz30hgV7KPEF84HB8Vhg7zWWpwRPOmDjrL/rehe7AaFVWzOtlqtzCv6hdIO5uvZx9crWy1WW7ZJ+aw6Vrhnr4IpKXP+a8KC99xh6EFjQAP7pxz9lGvtw1WNOVUYcsa6FXiBC67Gk0lYGACXNdH5MHHc7eiCrHMBmgHc+6+p79IFOVks090vatVaveJ25Tq0/AQYAGfCE+FXLh4QAAAAASUVORK5CYII=) !important; 
    border: 1px solid #c33 !important; 
    box-shadow: 0 0 2px #c33 !important; padding: 0 3em 0 0.5em !important;  */
        border: 1px solid #F7D2D3 !important;
        background-color: #F7D2D3 !important;
        background-image: none !important;
        padding: 0 1rem !important;
        box-shadow: 0 0 0 #F7D2D3 !important;
    }
    /*#registerFormFields .form-item select.input-validation-error {
    background-image: url(/css/images/reg-sel-bg.png), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNrElt1NwzAQx8+hFVLFA5Z44DlMgMwIYYQwQjpCOkJ5YADCCGED+tAByApZgAfzhIQKNZfqUrkh/qqi5i+d8uX4Z599d2ZKKRhDEYykSXtTMWZqk6CldI3pXU22QivQZN+PwuJN1rq6Bywgil5gu721Dp2xT1DqGe8WIWCTq3M2na6d0EZKXTbt0d7ReLCrNWVoS7XZHLzkaQrncbx//igK+JXy0EMAb2j3JtfbwDHO9KkLbTQTAq7zfP8sy7ILbuFLtHnYro6iV4Re9DXsgZiU0Wb0BguvNSWdce6Ce4PTkDj8qirbZz30hgV7KPEF84HB8Vhg7zWWpwRPOmDjrL/rehe7AaFVWzOtlqtzCv6hdIO5uvZx9crWy1WW7ZJ+aw6Vrhnr4IpKXP+a8KC99xh6EFjQAP7pxz9lGvtw1WNOVUYcsa6FXiBC67Gk0lYGACXNdH5MHHc7eiCrHMBmgHc+6+p79IFOVks090vatVaveJ25Tq0/AQYAGfCE+FXLh4QAAAAASUVORK5CYII=) !important;
    background-position: 98% 49%, right center !important;
    background-repeat: no-repeat !important;
}*/
    #promoSectionSuccess {
        color: #000000;
        font-weight: bold;
    }

    #promoAmount {
        color: #000000;
    }

    #promoDollar {
        color: #000000;
    }

    #monitorTT {
        font-size: 1.9rem;
        opacity: 0.5;
    }

        #monitorTT:hover {
            opacity: 1;
        }

    #USERNAME {
        margin-bottom: 1rem;
        margin-top: 2rem;
    }

    .chartFilter {
        float: left;
        display: block;
        width: 16rem;
        height: 2.7rem;
        margin: 0 auto;
        padding: 0 0.5rem 0 1rem;
        font-size: 1.6rem;
        color: #5d5e5e;
        border-radius: 0.75rem;
        border: 0 none;
        background: #e8e8e8;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url('/images/filter-select-arrow.png');
        background-position: 14rem 1rem;
        background-repeat: no-repeat;
    }

    .chartFilterLabel {
        float: left;
        margin-left: 17rem !important;
        margin-right: 1rem !important;
        display: block;
        margin: 0 auto;
        font-size: 1.6rem;
        line-height: 2.7rem;
        color: #000000;
        text-align: center;
    }

    #profileViewLoading {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 5rem 0 0;
        text-align: center;
        background: #fff;
        z-index: 6;
    }

/* LW Checkout Page Updates */

#checkoutPayWrap {
    display: flex;
}

@media only screen and (min-width: 0px) {
    #checkoutPayWrap { /* main container */
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    #checkoutPayTabsWrap { /* payment details container */
        position: relative;
        width: 95%;
        max-width: 550px;
        min-width: 300px;
    }

    #checkoutSummaryWrap { /* checkout summary container */
        position: relative;
        width: 95%;
        max-width: 550px;
        min-width: 300px;
    }

    #checkoutPayTabs {
        position: relative;
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    #checkoutPayWrap {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }

    #checkoutPayTabsWrap {
        width: 100%;
        max-width: 550px;
    }

    #checkoutSummaryWrap {
        width: 100%;
        max-width: 340px;
    }
}

@media only screen and (min-width:1170px) {
    #checkoutPayTabsWrap {
        max-width: 625px;
    }

    #checkoutSummaryWrap {
        max-width: 450px;
    }
}

@media only screen and (min-width:1300px) {
    #checkoutPayTabsWrap {
        max-width: 750px;
    }

    #checkoutSummaryWrap {
        max-width: 450px;
    }
}