html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

a:hover {
    text-decoration: none !important;
}

sub, sup {
    /* Specified in % so that the sup/sup is the
       right size relative to the surrounding text */
    font-size: 75%;

    /* Zero out the line-height so that it doesn't
       interfere with the positioning that follows */
    line-height: 0;

    /* Where the magic happens: makes all browsers position
       the sup/sup properly, relative to the surrounding text */
    position: relative;

    /* Note that if you're using Eric Meyer's reset.css, this
       is already set and you can remove this rule */
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    width: 100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.bluetitle{color:#0379c1 !important;}
.greytitle{color:#595959 !important;}
.smoothRed{color:#F25C62 !important;}
.darkGreen{color:#18B978 !important;}

.redH {color:#F25C62 !important;}

button {
    cursor: pointer;
    border-radius: 0.3rem;
    border: none;
    padding: .65rem 1rem;
    outline: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}

button.darkGreen{background-color:#18B978 !important; color: #fff !important;}
button.smoothRed{background-color:#F25C62 !important; color: #fff !important;}
button.blackbtn{background-color:#1E1E1E !important; color: #fff !important;}

.mainTitle2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #0B0B0B;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.t02{
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.om{
    display: none;
}

.tc02{
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.t03{
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}



.clear {
    padding: 0;
    margin: 0;
    height: 0;
    clear: both;
}

.fll{float: left;}
.flr{float: right;}

/* PALET */
/* RED: F25C62 */

/*

font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

 */


@font-face {
    font-family: 'Geist';
    src: url('fonts/Geist-Black.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('fonts/Geist-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('fonts/Geist-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Blender Pro Bold';
    src: local('Blender Pro Bold'), local('Blender-Pro-Bold'),
    url('fonts/BlenderPro-Bold.woff2') format('woff2'),
    url('fonts/BlenderPro-Bold.woff') format('woff'),
    url('fonts/BlenderPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Blender Pro Book';
    src: local('Blender Pro Book'), local('Blender-Pro-Book'),
    url('fonts/BlenderPro-Book.woff2') format('woff2'),
    url('fonts/BlenderPro-Book.woff') format('woff'),
    url('fonts/BlenderPro-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    background-color: #fff;
}

main {
    width: 100%;
    overflow: hidden;
}

.globalcontainer {
    display: block;
    max-width: 100%!important;
    padding-right: 2rem;
    padding-left: 2rem;
}



.short-text { display: none; }

header {
    z-index: 9;
    position: relative;
}

header.globalNav {
    min-height: 60px;
    align-items: center;
    display: flex;
    /*padding-top: 0.8rem;*/
    /*padding-bottom: 0.6rem;*/
    /* background: #fff; */
    /* opacity: .95; */
    background: hsla(0,0%,100%,.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(7,96,115,.07);
    border-bottom: 1px solid rgba(7,96,115,.07);
}

header.globalNav.displayed .logoheader {
    width: 110px;
}

.whiteLabelLogo {
    display: flex;
}

.whiteLabelLogoMobile {
    display: none;
}

header .languagePicker {
    user-select: none;
}

header .languagePicker .flagLanguagePicker,
header .dropdownLanguagePicker .dropdown-item img {
    border-radius: 3px;
}

header .dropdownLanguagePicker .dropdown-item {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
}

header .languagePicker svg.iconDropdown {
    max-width: 12px;
}

header .actionsHeader .accountImg {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: var(--ctertiary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    overflow: hidden;
    /*margin-left: 20px;*/
    /*margin-top: -3px;*/
}

header .actionsHeader #expandProfileMenu {
    /*float: right;*/
    display: flex;
    align-items: center;
    /*margin-top: -3px;*/
    cursor: pointer;
    gap: 5px;
    user-select: none;
}

header .actionsHeader #expandProfileMenu svg {
    max-width: 12px;
}

header .tabs {
    font-family: 'Roboto', sans-serif;
    -webkit-box-shadow: 0px 10px 50px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.1);
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 8px;
    display: none;
    padding: 8px;
    position: absolute;
    top: calc(80px - 30px);
    /*border: 1px solid var(--border-light);*/
    width: 200px;
    z-index: 1000;
    right: -5px;
}

header .tabs.menuDisplayed {
    display: block;
}

header .tabs li {
    clear: left;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 100ms;
    transition: background-color 100ms;
    width: 100%;
    border-radius: 6px;
    padding: 5px 0;
}

header .tabs li>a {
    display: block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: normal;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

header .tabs a, .tabs a:active, .tabs a:visited, .tabs a:link, .tabs a:hover {
    color: var(--csecondary);
    -webkit-transition: color 100ms;
    transition: color 100ms;
}

header .tabs li.rule {
    height: 1px;
    background-color: var(--border-default);
    width: 100%;
    padding: 0px;
    margin: 8px 8px;
    width: auto;
}

header .tabs li:hover {
    background-color: var(--background-secondary);
}
header .tabs li:hover a {
    color: #000;
}

header .tabs li#logoutSession a {
    color: #cd5757;
}

header .tabs li#logoutSession a:hover {
    color: #a83b3b !important;
}

#loginModal .modal-content .modal-header, #stripeCardModal .modal-content .modal-header, #stopSubscriptionModal .modal-content .modal-header, #signupModal .modal-content .modal-header,
#normalModal .modal-content .modal-header, .modalV2 #smallModal .modal-header {
    border-bottom: none;
    font-size: 20px;
    padding: 2rem 2rem 0.5rem 2rem;
    font-family: -apple-system, 'Roboto', sans-serif;
}

#stopSubscriptionModal .modal-content .modal-header, .modalV2 #smallModal .modal-header { font-size: 18px; }
#stopSubscriptionModal .modal-body p, .modalV2 #smallModal .modal-body p { color: #6f6f6f; line-height: 22px; }
#stopSubscriptionModal .modal-footer, #normalModal .modal-footer, .modalV2 #smallModal .modal-footer { border-top: none; }
#stopSubscriptionModal .modal-footer .btn-danger, #smallModal .modal-footer .btn-danger { background-color: #F25C62; position: relative;}
#stopSubscriptionModal .modal-footer #stopSubscription { position: relative;}
#stopSubscriptionModal .modal-footer #stopSubscription .spinner-border { position: relative; left: auto; margin-right: 10px;}
#stopSubscriptionModal .modal-footer .btn-error { outline: none;}

#resetPasswordModal .modal-content .modal-header {
    border-bottom: none;
    padding-top: 1.5rem;
    padding-right: 2rem;
}

#loginModal .modal-content, #resetPasswordModal .modal-content, #stripeCardModal .modal-content, #stopSubscriptionModal .modal-content, #signupModal .modal-content,
#normalModal .modal-content, .modalV2 #smallModal .modal-content {
    border: none;
    font-family: -apple-system, 'Roboto', sans-serif;
    border-radius: 0.8rem !important;
}

#loginModal .modal-body, #resetPasswordModal .modal-body, #stripeCardModal .modal-body, #stopSubscriptionModal .modal-body, #signupModal .modal-body,
#normalModal .modal-body, .modalV2 #smallModal .modal-body {
    padding: 2rem;
}

.programTerms .textConditions {
    margin-top: -30px;
    margin-bottom: 20px;
    color: #545454;
}

.programTerms p {
    line-height: 23px;
    font-size: 15px;
    color: #5f5f5f;
}

.programTerms h6 {
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 500;
}

.toast-message a {
    color: #000 !important;
}

#signupModal .dl-app img {
    max-height: 3rem;
}

#signupModal .modal-body .row {
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
}

#signupModal .dl-app {
    width: 100%;
    justify-content: center;
    /*margin-top: 1rem;*/
    margin-bottom: 1rem;
    display: flex;
}

#signupModal .dl-app .column {
    padding: 0 0.7rem;
}

#signupModal .modal-body {
    line-height: 22px;
    text-align: center;
}

#signupModal .scanInfo {
    color: #BF463F;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-top: 10px;
    padding: 0 20px;
}

#resetPasswordModal .modal-body {
    padding-top: 0.7rem;
}


#loginModal .forgotPassword {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #d4494f;
    cursor: pointer;
}

#loginModal .form-control, #resetPasswordModal .form-control {
    height: calc(1.7em + .75rem + 2px);
}

#loginModal #signupContainer {
    display: none;
}

/*#loginModal #signupContainer input, #loginModal #signupContainer select {*/
/*    border: none;*/
/*    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgb(0 0 0 / 5%), 0 1px 1.5px 0 rgb(0 0 0 / 3%);*/
/*}*/

#loginModal #signupContainer .typeButton {
    padding: 30px;
    border: 1px solid #F3F3F3;
    border-radius: 9px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 20px -2px;
    transition: box-shadow 0.3s;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none;
}

#loginModal #signupContainer .typeButton {
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgb(0 0 0 / 5%), 0 1px 1.5px 0 rgb(0 0 0 / 3%);
    border: none;
    width: 100%;
    padding: 15px 20px;
}

#loginModal #signupContainer .typeButton:hover {
    box-shadow: rgba(0, 0, 0, 0.14) 0 1px 20px -2px;
}

#loginModal #signupContainer .typeButton h4 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
}

#loginModal #signupContainer .genderOptions .typeButton svg {
    margin-top: 10px;
    max-height: 20px;
}

#loginModal #signupContainer .genderOptions .typeButton.active {
    box-shadow: 0 0 0 1px var(--success-default), 0 2px 4px 0 rgb(0 0 0 / 5%), 0 1px 1.5px 0 rgb(0 0 0 / 3%);
}

#loginModal #signupContainer .genderOptions .typeButton.active .genderIcon {
    fill: var(--success-default);
}

#loginModal #signupContainer .genderOptions .typeButton.active h4 {
    color: var(--success-default);
}

#loginModal #signupContainer .termsToCheck .customControlStyle .custom-control-label {
    padding-left: 25px;
    padding-top: 3px;
}

#loginModal #signupContainer .termsToCheck {
    margin-top: 10px;
    line-height: 20px;
}

#loginModal #signupContainer .termsToCheck label {
    font-size: 14px !important;
}

#loginModal #signupContainer input.input-error,
#loginModal #signupContainer .genderOptions .typeButton.input-error {
    box-shadow: 0 0 0 1px #d43d3d, 0 2px 4px 0 rgb(223 25 25 / 8%), 0 1px 1.5px 0 rgb(255 2 2 / 3%) !important;
}

#loginModal #signupContainer button.validationUserAccount {
    outline: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 9px;
    background-color: #000;
    color: #fff;
    height: 50px;
    width: 100%;
    user-select: none;
    position: relative;
}

#loginModal #signupContainer button.validationUserAccount.notYet {
    opacity: 0.5;
}

#resetPasswordModal p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
}

#resetPasswordModal button#resetPassword {
    position: relative;
    width: 100%;
    height: 44px;
    justify-content: center;
    margin-top: 20px;
}

#loginModal .connectButtons button {
    position: relative;
    width: 100%;
    height: 44px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
    border: none;
    margin-top: 20px;
    background-color: #d4494f !important;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, #d4494f 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}

#loginModal .orLimitation {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #3c4257;
    font-size: 14px;
}

#loginModal .connectButtons button.otherSignin {
    margin-top: 10px !important;
}

#loginModal .connectButtons button.facebookSignin {
    background-color: #5D7CAE !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px,
    #5D7CAE 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}

#loginModal .connectButtons button.appleSignin {
    background-color: #000 !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px,
    rgb(0, 0, 0) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}

#programs .uitabs {
    margin: 20px 0 40px 0;
}

.tabs-section {
    margin: 40px 0;
    border-bottom: 1px solid rgb(234 233 233);
}

.tabs-section ul {
    display: flex;
    flex-wrap: wrap;
}

.tabs-section li {
    user-select: none;
    /* display: inline-block; */
    font-size: 15px;
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    color: #84858a !important;
    cursor: pointer;
    line-height: 50px;
    margin-right: 50px;
    margin-bottom: -2px;
}

.tabs-section li.active, .tabs-section li:hover {
    border-bottom: 2px solid #e47878 !important;
    color: #000 !important;
}

.tabs-section .counterLabel {
    font-size: 13px;
    margin-left: 3px;
}

/*#stripeCardModal .modal-body label {*/
/*    margin-bottom: 15px;*/
/*    color: #808080;*/
/*}*/


/*#stripeCardModal .modal-body input[type="text"] {*/
/*    width: 100%;*/
/*    border: 1px solid #e2e2e2;*/
/*    box-shadow: 0 1px 3px 0 #f2f4f7;*/
/*    box-sizing: border-box;*/
/*    height: 40px;*/
/*    padding: 10px 12px;*/
/*    border-radius: 4px;*/
/*    background-color: white;*/
/*    -webkit-transition: box-shadow 150ms ease;*/
/*    transition: box-shadow 150ms ease;*/
/*}*/


#loginModal .signupPart {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 25px;
    /*color: #3c4257;*/
    font-size: 16px;
    gap: 10px;
    text-align: center;
}


#loginModal .signupPart .uibtn {
    border-color: #000;
    transition: background-color 0.2s;
}

#loginModal .signupPart .uibtn:hover {
    background-color: #000;
    color: #fff;
}

button .spinner-border {
    position: absolute;
    left: 15px;
    top: calc(50% - 0.5rem);
    -webkit-animation: spinner-border .5s ease-in-out infinite;
    animation: spinner-border .5s ease-in-out infinite;
}

button#updateCountryUser .spinner-border {
    position: initial;
}

button .spinner-border-sm {
    border-width: 0.1em;
}

#mainBanner {
    width: 100%;
    /*height: 500px;*/
    aspect-ratio: 1200/300;
    background: #4a4a4a center;
    background-size: cover;
    position: relative;
}

#gradientBanner {
    background: rgb(38,40,45);
    background: linear-gradient(0deg, rgba(38,40,45,0.9) 0%, rgba(38,40,45,0.6) 50%, rgba(38,40,45,0.9) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
}

#overlayBanner {
    background-color: #fff;
}

#loginSection {
    display: flex;
    height: 100%;
    min-height: 100vh;
}

#loginSection .bgContainer {
    height: 100%;
    width: 60%;
    background-color: #86704e;
    background-image: url('img/login-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    padding: 80px 0;
    min-height: 100vh;
    position: relative;
}

#loginSection .bgContainer .copyrightPhoto {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #ccc;
    font-size: 12px;
    opacity: 0.8;
}

#loginSection .bgContainer .copyrightPhoto a {
    color: #fff;
}

#loginSection #loginContainer {
    padding: 80px;
    height: 100%;
    width: 40%;
    z-index: 1;
    position: relative;
    background: white;
    box-sizing: border-box;
}

#loginSection #loginContainer h3 {
    margin-bottom: 30px;
    font-size: 20px;
    font-family: -apple-system, 'Roboto', sans-serif;
}

#loginSection #loginContainer form label {
    margin-bottom: 10px;
    font-size: 14px;
}

#loginSection #loginContainer .form-control {
    height: calc(1.7em + .75rem + 2px);
}

#loginSection #loginContainer .forgotPassword {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #d4494f;
    cursor: pointer;
}

#loginSection .connectButtons button {
    position: relative;
    width: 100%;
    height: 44px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
    border: none;
    margin-top: 20px;
    background-color: #d4494f !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, #d4494f 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}

#loginSection .orLimitation {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #3c4257;
    font-size: 14px;
}

#loginSection .connectButtons button.facebookSignin {
    background-color: #5D7CAE !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, #5D7CAE 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}

#loginSection .connectButtons button.appleSignin {
    background-color: #000 !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgb(0, 0, 0) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}

#loginSection .signupPart {
    margin-top: 25px;
    color: #3c4257;
    font-size: 14px;
    text-align: center;
}

#loginSection .signupPart a {
    color: #d4494f;
}

.register-page-layout ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B9C2C8;
    opacity: 1; /* Firefox */
}

.register-page-layout h3 {
    margin-bottom: 60px !important;
}

.register-page-layout select {
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background: url(img/icons/icon-dropdown.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 8px 5px;
    background-position-x: calc(100% - 15px);
    background-position-y: 18px;
}

.register-page-layout .agreement {
    line-height: 19px;
    font-size: 15px;
    color: #4a4a4a;
    margin-bottom: 40px;
}

.register-page-layout .agreement label {
    padding-top: 2px;
}

.register-page-layout .agreement label.is-invalid {
    color: #d4494f;
}

.register-page-layout .agreement label.is-invalid a {
    color: #721f23;
}

.register-page-layout .agreement a:hover {
    color: #d4494f;
}

.register-page-layout .choiceContainer .blocItem {
    height: 70px;
    -webkit-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.1);
    border-radius: 6px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    display: flex;
}

.register-page-layout .choiceContainer .blocItem .selector {
    width: 70px;
    text-align: center;
}

.register-page-layout .choiceContainer .blocItem .selector img {
    margin-top: 25px;
    margin-right: 5px;
}

.register-page-layout .choiceContainer .blocItem.active {
    background-color: #e05252;
    color: #fff;
}

.register-page-layout .choiceContainer .blocItem:hover {
    background-color: #fff6f6;
    -webkit-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.15);
}

.register-page-layout .choiceContainer .blocItem.active:hover {
    background-color: #d4494f;
}

.register-page-layout .choiceContainer .blocItem .information {
    padding-top: 18px;
}

.register-page-layout .choiceContainer .blocItem .titleLabel {
    font-weight: 500;
    font-size: 18px;
}

.register-page-layout .choiceContainer .blocItem .subtitleLabel {
    margin-top: 2px;
    color: #919191;
    font-size: 14px;
}

.register-page-layout .choiceContainer .blocItem.active .subtitleLabel {
    color: #FFCBCB;
}

.register-page-layout #registerForm {
    display: none;
}

#index-page-layout #mainBanner {
    width: 100%;
    height: 550px;
    background: #4a4a4a url('img/mkbg.jpg') center center;
    background-size: cover;
    position: relative;
}

#index-page-layout #mainBanner #overlayBanner {
    width: 100%;
    height: 100%;
    background-color: #242423;
    opacity: 0.7;
    position: absolute;
    z-index: 1;
}

#index-page-layout #mainBanner .globalcontainer {
    position: relative;
    height: 100%;
}

#index-page-layout #mainBanner .textContainer {
    position: absolute;
    left: 0;
    bottom: 120px;
}

#index-page-layout #mainBanner .aboveLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

#index-page-layout #mainBanner .mainTitle {
    font-size: 64px;
    font-weight: 800;
    color: #fff;
    font-family: 'Geist', 'Roboto Condensed', sans-serif;
}

#index-page-layout #mainBanner .baseline {
    margin-top: 10px;
    font-size: 15px;
    color: #ffffffd6;
    font-family: 'Geist', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
}


#index-page-layout #mainBanner .mainTitle span {
    color: #F25C62;
}

#index-page-layout #researchContainer {
    position: relative;
    margin-bottom: 40px;
}

#index-page-layout #researchContainer .spinner-border {
    width: 1rem;
    height: 1rem;
    position: absolute;
    border-width: 0.1em;
    right: 15px;
    top: 13px;
    opacity: 0.5;
}

#index-page-layout .searchPrograms {
    line-height: 30px;
    padding: 0 15px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #616161;
    font-size: 14px;
    padding-left: 44px;
    border: 1px solid var(--border-default);
    height: 40px;
    background-color: #f7f7f7;
    border-radius: 8px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 10px 9px !important;
    width: calc(100% - 44px - 15px);
}

#index-page-layout .searchPrograms:focus {
    border-color: var(--ctertiary);
}

#index-page-layout #researchContainer .autocomplete-items div.goToProgram {
    box-shadow: 0 0 0 1px #f0f0f0, 0 2px 4px 0 rgb(0 0 0 / 5%), 0 1px 1.5px 0 rgb(0 0 0 / 3%);
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

#index-page-layout #researchContainer .autocomplete-items div.goToProgram:hover {
    /*background-color: #ffffff;*/
    background-color: #e0f7e8;
    color: #4b9766;
}

#index-page-layout #researchContainer .autocomplete-items div.goToProgram:hover .imageContainer {
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%)
}

#index-page-layout #researchContainer .autocomplete-items .imageContainer {
    width: 22px;
    height: 22px;
    box-shadow: none;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ccc;
}

#index-page-layout #researchContainer .menuLink {
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    cursor: pointer;
}

#index-page-layout #mainSection {
    padding: 80px 0;
}

#index-page-layout #mainSection h6 {
    text-align: center;
    color: var(--secondary);
    font-size: 13px;
    font-family: 'Geist', sans-serif;
}

#index-page-layout #mainSection h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 5px;
    margin-bottom: 50px;
}

#index-page-layout #mainSection .trackOfTheMonth {
    margin-top: 60px;
    color: #e26060;
}

#index-page-layout #mainSection .trackName {
    font-size: 23px;
    font-weight: bold;
    color: #262829;
    margin: 16px 0 8px 0;
    font-family: 'Geist', 'Roboto Condensed', sans-serif;
}

#index-page-layout #mainSection .trackDescription {
    font-size: 16px;
    color: #6C6C6E;
    line-height: 22px;
}

#index-page-layout #mainSection .imgHighlight {
    width: 100%;
    height: 220px;
    background: #4a4a4a url('img/prog2.png') center center;
    background-size: cover;
    position: relative;
    border-radius: 10px;
}

#index-page-layout #mainSection .imgHighlight.bannert2c {
    /*background: #4a4a4a url('img/bannert2c.png') center center;*/
    background: #4a4a4a url(img/bannert2c.png) center center;
    background-size: cover;
    position: relative;
}

#index-page-layout #mainSection .imgHighlight.bannerMjollnir {
    background-image: url('https://firebasestorage.googleapis.com/v0/b/strivee-92c76.appspot.com/o/companies%2Fmjollnirprogramming%2FimgGrid1?alt=media&token=e3252b03-959b-420e-b9dd-a1235ad97012');
}

#index-page-layout #mainSection .imgHighlight.bannerVikings {
    background-image: url('https://strivee.app/markteplace/img/progs/vikings/V6.jpg');
}

#index-page-layout #mainSection .imgHighlight.bannerEGP {
    background-image: url('img/progs/EGP.jpg');
}

#index-page-layout #mainSection .imgHighlight.bannerHFS {
    background-image: url('../img/ALG_8012.jpg');
}

#index-page-layout #mainSection .imgHighlight.bannerFitprocess {
    background-image: url('https://firebasestorage.goog');
}





#index-page-layout #athome {
    padding: 80px 0;
}

#index-page-layout #athome {
    background-color: #F1F1F4;
}

#index-page-layout #athome .hs {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

#index-page-layout #athome .hs .item {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
}

#index-page-layout #athome h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 40px;
    font-family: 'Source Sans Pro', sans-serif;
}

#index-page-layout #athome .imageProgram {
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 20px 2px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 20px 2px rgba(0,0,0,0.2);
    width: 100%;
    height: 224px;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin: 0 25px;*/
    overflow: hidden;
}

#index-page-layout #athome .programInsight .imageProgram .gradient-layer {
    width: 100%;
    height: 100%;
    /* background: rgb(0,0,0); */
    /* box-shadow: 0 200px 100px -100px transparent inset; */
    transition: box-shadow 0.3s;
    background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    /* -webkit-transition: background 2s; */
    /* transition: background 2s; */
}

#index-page-layout .programInsight .imageProgram .priceLabel {
    position: absolute;
    color: #fff;
    bottom: 15px;
    right: 15px;
    font-weight: bold;
    font-size: 21px;
}

#index-page-layout .programInsight .imageProgram .priceLabel span {
    font-weight: normal;
    font-size: 18px;
    color: #B8B8B8;
}

#index-page-layout .programInsight .nameLabel {
    font-family: 'Geist', sans-serif;
    margin-top: 20px;
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 10px;
}

#index-page-layout .programInsight .modalityLabel {
    text-transform: uppercase;
    font-size: 16px;
    color: #5A5A5A;
}

#index-page-layout .design1 .programInsight .modalityLabel {
    text-transform: none;
    font-family: inherit;
    line-height: 20px;
    color: #464646;
}

#index-page-layout .design1 .programInsight .modalityLabel p {
    color: #707070;
}

#index-page-layout #buildSection {
    width: 100%;
    height: 400px;
    background: #000 url('img/victor.jpg') center center;
    background-size: cover;
    position: relative;
    color: #fff;
    text-align: center;
    padding: 80px 0;
}

#index-page-layout #buildSection .overlayLayer {
    background-color: #0f0f0f;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.7;
    z-index: 1;
    top: 0;
}

#index-page-layout #buildSection .globalcontainer {
    height: 100%;
    position: relative;
    z-index: 2;
}

#index-page-layout #buildSection h4 {
    font-size: 26px;
    font-weight: bold;
    font-family: 'Geist', 'Roboto Condensed', sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#index-page-layout #buildSection p {
    color: #D0D0D0;
    line-height: 25px;
}

#index-page-layout #buildSection button {
    margin-top: 40px;
    border: 1px solid #fff;
    padding: 10px 15px;
    color: #fff;
    background-color: transparent;
    font-family: 'Geist', 'Roboto Condensed', sans-serif;
    border-radius: 0;
    outline: none;
}



#infoSection {
    width: 100%;
    /*background-color: red;*/
    position: absolute;
    bottom: 30px;
}

#infoSection .globalcontainer {
    /*background-color: yellow;*/
    position: relative;
}

#profileSection .profileImage {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    margin-right: 30px;
    margin-top: -19px;
    background-color: #fff;
}

.placeholderAvatar {
    background-color: #FDEFE2;
    text-align: center;
    font-size: 35px;
    line-height: 80px;
    font-weight: 600;
    color: #C56511;
}

.placeholderAvatar.greenTint {
    background-color: #ECFAFE !important;
    color: #363548 !important;
}

.placeholderAvatar.blueTint {
    background-color: #D8E8F3 !important;
    color: #222A54 !important;
}

.placeholderAvatar.purpleTint {
    background-color: #EBE0FE !important;
    color: #192251 !important;
}

.placeholderAvatar.redTint {
    background-color: #FFEBEE !important;
    color: #BD0F2C !important;
}

.placeholderAvatar.orangeTint {
    background-color: #FDEFE2 !important;
    color: #C56511 !important;
}

#profileSection .profileImage.placeholder {
    background-color: #FDEFE2;
    text-align: center;
    font-size: 35px;
    line-height: 80px;
    font-weight: 600;
    color: #C56511;
    margin-top: -27px;
}

#subscriptions .imgProduct.placeholder {
    background-color: #FDEFE2;
    text-align: center;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-weight: 600;
    color: #C56511;
}

#prog-page-layout #profileSection .profileImage.placeholder {
    margin-top: -27px;
}

#profileSection .profileImage.placeholder.greenTint,
#subscriptions .imgProduct.placeholder.greenTint {
    background-color: #ECFAFE;
    color: #363548;
}

#profileSection .profileImage.placeholder.blueTint,
#subscriptions .imgProduct.placeholder.blueTint {
    background-color: #D8E8F3;
    color: #222A54;
}

#profileSection .profileImage.placeholder.purpleTint,
#subscriptions .imgProduct.placeholder.purpleTint {
    background-color: #EBE0FE;
    color: #192251;
}

#profileSection .profileImage.placeholder.redTint,
#subscriptions .imgProduct.placeholder.redTint {
    background-color: #FFEBEE;
    color: #BD0F2C;
}

#profileSection .profileImage.placeholder.orangeTint,
#subscriptions .imgProduct.placeholder.orangeTint {
    background-color: #FDEFE2;
    color: #C56511;
}



#profileSection .nameLabel {
    margin-top: 50px;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
}

#profileSection .byLabel {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 7px;
    font-family: 'Geist', 'Roboto Condensed', sans-serif;
}

#profileSection #socialBanner {
    float: right;
    display: flex;
    gap: 15px;
    margin-top: -30px;
}

#profileSection #socialBanner a {
    display: inline-block;
}

#profileSection #socialBanner .instaButton,
#profileSection #socialBanner .facebookButton,
#profileSection #socialBanner .twitterButton,
#profileSection #socialBanner .youtubeButton {
    /*background-color: rgba(0, 0, 0, 0.55);*/
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    height: 40px;
    width: 40px;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    float: left;
    position: relative;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#profileSection #socialBanner .instaButton:hover,
#profileSection #socialBanner .facebookButton:hover,
#profileSection #socialBanner .twitterButton:hover,
#profileSection #socialBanner .youtubeButton:hover{
    /*background-color: rgba(0, 0, 0, 0.95);*/
    background-color: rgba(255, 255, 255, 0.8);
}

#profileSection #socialBanner .instaButton img,
#profileSection #socialBanner .facebookButton img,
#profileSection #socialBanner .twitterButton img,
#profileSection #socialBanner .youtubeButton img{
    opacity: 0.9;
}

#profileSection #socialBanner .instaButton img,
#profileSection #socialBanner .twitterButton img,
#profileSection #socialBanner .youtubeButton img {
    max-width: 20px;
}

#profileSection #socialBanner .instaButton:hover img,
#profileSection #socialBanner .facebookButton:hover img,
#profileSection #socialBanner .twitterButton:hover img,
#profileSection #socialBanner .youtubeButton:hover img{
    opacity: 1;
}

#mainMenu {
    background-color: #fff;
    height: 60px;
    -webkit-box-shadow: 0px 2px 32px -4px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 32px -4px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 32px -4px rgb(0 0 0 / 15%);
}

#mainMenu .globalcontainer {

}

#mainMenu ul {
    display: flex;
    /*justify-content: space-around;*/
    flex-wrap: wrap;
    gap: 40px;
}

#mainMenu li {
    font-size: 16px;
    padding: 0;
    line-height: 60px;
    color: #262626;
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    /*transition: color 0.2s ease;*/
}

#mainMenu li .dot {
    opacity: 0;
    /* color: red; */
    background-color: #000;
    /* font-size: 40px; */
    /* text-align: center; */
    width: 100%;
    margin-top: -2px;
    height: 2px;
    /* position: absolute; */
    /* left: 0; */
    /* bottom: -5px; */
    transition: opacity 0.2s ease;
}


#mainMenu li:hover {
    color: #000;
    text-decoration: none;
}

#mainMenu li:hover > .dot {
    opacity: 1;
}

#mainMenu a {
    text-decoration: none;
}

#aboutCompany {
    padding: 60px 0 80px 0;
}

#company-page-layout h3, #prog-page-layout h3 {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
    margin-bottom: 30px;
    font-weight: bold;
}

#aboutCompany .descriptionContainer {
    color: #3e3e3e;
    line-height: 25px;
}

.markupText strong {
    font-weight: 500;
}

.markupText em {
    font-style: italic;
}

.markupText h1 {font-size: 21px;}
.markupText h2 {font-size: 18px;}

.markupText ol {
    list-style: decimal;
    padding-left: 30px;
}

.markupText ul {
    list-style: disc;
    padding-left: 30px;
}

.markupText blockquote {
    font-style: italic;
    color: #606060;
    border-left: 3px solid #e1e1e1;
    padding-left: 15px;
}

#aboutCompany .grid {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 20% 20% 20% 20% 20%;
}

#faq {
    margin-bottom: 80px;
}

#faq .faqElement {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
    padding: 20px 0;
}

#faq .faqElement .questionLabel {
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.2s;
    user-select: none;
    display: flex;
    gap: 15px;
}

#faq .faqElement .questionLabel:hover {
    color: #F25C62;
}

#faq .faqElement .questionLabel img.minusImg {
    margin-top: -5px;
    vertical-align: middle;
}

#faq .faqElement .answerLabel {
    color: #7C7C7C;
    font-size: 15px;
    line-height: 23px;
    margin-left: 30px;
    margin-top: 12px;
}

#aboutCompany .grid-container {
    margin-top: 50px;
    width: 100%;
    height: 425px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30px 30px;
    grid-template-areas: "image-1 image-1 image-1 image-2 image-2" "image-1 image-1 image-1 image-3 image-3";
}

.image-1 {
    border-radius: 8px;
    grid-area: image-1;
    background: #efefef center center;
    background-size: cover;
}
.image-2 {
    border-radius: 8px;
    grid-area: image-2;
    background: #efefef center center;
    background-size: cover;
}
.image-3 {
    border-radius: 8px;
    grid-area: image-3;
    background: #efefef center center;
    background-size: cover;
}

#programs {
    padding: 80px 0 60px 0;
    width: 100%;
    background-color: #F2F2F2;
}

#programs .globalcontainer {
    position: relative;
}

#programs .globalcontainer .activePrograms {
    position: absolute;
    right: 0;
    top: 0px;
    color: var(--success-default);
}

#programs .globalcontainer .containerButton {
    width: 100%;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#programs .placeholderProgImage {
    position: absolute;
    top: calc(50% - 24px);
    width: 220px;
    opacity: 0.2;
    left: calc(50% - 110px);
}

#mainBanner .placeholderProgImage {
    width: 100%;
    position: absolute;
    left: 0;
    top: 80px;
}

#programs .programInsight .imageProgram {
    width: 100%;
    /*height: 225px;*/
    aspect-ratio: 500/300;
    border-radius: 8px;
    background: #3C3C3C center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

#programs .programInsight .imageProgram .gradient-layer {
    width: 100%;
    height: 100%;
    /*background: rgb(0,0,0);*/
    /*box-shadow: 0 200px 100px -100px transparent inset;*/
    transition: box-shadow 0.3s;
    background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    /*-webkit-transition: background 2s;*/
    /*transition: background 2s;*/
}

#programs .programInsight .imageProgram .gradient-layer:hover {
    box-shadow: 0 500px 100px -100px rgba(0,0,0,0.3) inset;
    /*background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.2) 100%);*/
}

#programs .programInsight .imageProgram .priceLabel {
    /*position: absolute;*/
    /*color: #fff;*/
    /*bottom: 15px;*/
    /*right: 15px;*/
    /*font-weight: bold;*/
    /*font-size: 21px;*/
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
    user-select: none;
}

#programs .programInsight .imageProgram .priceLabel span {
    font-size: 13px;
    color: #C1C1C1;
    font-weight: 400;
    padding-left: 5px;
}

#programs .programInsight .infoPackLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 26px;
    padding: 0 6px;
    border-radius: 6px;
    background-color: #fff;
    color: #000;
    position: absolute;
    top: 10px;
    right: 10px;
    box-shadow: 0px 0px 5px 0px #00000061;
    user-select: none;
    transition: background-color 0.2s;
}

#programs .programInsight .nameLabel {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    margin-top: 17px;
    /*font-weight: bold;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: 21px;
    margin-bottom: 8px;
}

#programs .programInsight .modalityLabel {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--csecondary);
}

#shop {
    padding: 60px 0 60px 0;
    width: 100%;
    background-color: #fff;
}

#shop .productInsight .imageProduct {
    width: 100%;
    height: 225px;
    border-radius: 8px;
    background: #e5e5e5 center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

#shop .productInsight .nameLabel {
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 15px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

#shop .productInsight .modalityLabel {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--csecondary);
}

#coaches {
    padding: 80px 0;
}

#coaches .coachCard .profileInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#coaches .coachCard .profileInfo img.coachImage {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-right: 20px;
}

#coaches .coachCardsContainer {
    display: flex;
    gap: 20px;
    overflow-x: scroll;
    scroll-behavior: smooth;
}

#coaches .coachCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    /*max-height: 185px;*/
    width: 200px;
    padding: 20px;
    background-color: #F9F9F9;
    border-radius: 8px;
    flex-shrink: 0;
}

#coaches .coachCard .seeMoreCoach {
    font-size: 14px;
}

#coaches .coachCard .viewFullProfileButton {
    display: none;
}

#coaches .coachCardExpanded {
    height: inherit;

    margin-bottom: 30px;
    position: relative;
}

#coaches .coachCardExpanded p {
    max-height: 80px;
    overflow: hidden;
    line-height: 15px !important;
}

#coaches .coachCardExpanded .textContainer {
    position: relative;
}

#coaches .coachCardExpanded .overflowContainer {
    height: 50px;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 80%);
    bottom: 0;
    left: 0;
}

#coaches .coachCardExpanded .viewFullProfileButton {
    /*display: block;*/
    display: none;
    position: absolute;
    right: 40px;
    outline: none;
}

#coaches .coachCardExpanded .moreInfo {
    margin-top: 30px;
    display: flex
}

#coaches .coachCardExpanded .moreInfo .mediaPart {
    /*display: flex;*/
    width: 40%;
}

#coaches .coachCardExpanded .imgMedia {
    width: 38%;
    height: 100px;
    border-radius: 8px;
    background: #e5e5e5 center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    float: left;
}

#coaches .coachCardExpanded .img1 {
    margin-right: 6%;
}

#coaches .coachCardExpanded h6 {
    font-size: 18px;
    font-weight: 500;
    color: #313131;
    margin-bottom: 20px;
}

#coaches .coachCardExpanded .competitionPart img {
    max-height: 90px;
    margin-right: 15px;
}

#coaches .coachCard .profileInfo .coachImage {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CECECE;
    background-color: #fff;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
}


#coaches .coachCard .nameLabel {
    font-size: 14px;
    font-weight: 500;
    margin-top: 14px;
}

#coaches .coachCard .nameLabel.noSocialsLabel {
    margin-top: 25px;
}

#coaches .coachCard .social {
    display: flex;
    margin-top: 4px;
    gap: 10px;
}

#coaches .coachCard .social img {
    opacity: 0.6;
    max-height: 16px;
    transition: opacity 0.2s;
}

#coaches .coachCard .social img:hover {
    opacity: 0.8;
}

#coaches .coachCard p {
    font-size: 14px;
    text-align: center;
    color: var(--csecondary);
}

#prog-page-layout #coaches, #company-page-layout #aboutCompany, #company-page-layout #programs, #company-page-layout #coaches, #company-page-layout #benefits, #company-page-layout #testimonials {
    display: none;
}

#company-page-layout #globalSpinner, #prog-page-layout #globalSpinner {
    height: 50vh;
    width: 100%;
    position: relative;
}

#company-page-layout #globalSpinner .spinner-border, #prog-page-layout #globalSpinner .spinner-border {
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
}

#benefits {
    padding: 80px 0;
    width: 100%;
    background-color: #F2F2F2;
}

#benefits .card {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 32px -5px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 2px 32px -5px rgba(0,0,0,0.10);
    box-shadow: 0px 2px 32px -5px rgba(0,0,0,0.10);
    border: 1px solid rgba(0,0,0,.1);
}

#benefits .secondLine {
    margin-top: 30px;
}

#benefits .card .titleLabel {
    font-size: 19px;
    color: #313131;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 10px;
}

#benefits .card p {
    font-size: 15px;
    color: #7C7C7C;
    line-height: 22px;
}

#testimonials {
    padding: 80px 0;
    width: 100%;
}

#testimonials .card {
    position: relative;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #E5E5E5;
}

#testimonials .card .quoteIcon {
    position: absolute;
    right: 20px;
    top: 20px;
}

#testimonials .card .profileInfo {
    display: flex;
    margin-bottom: 10px;
}

#testimonials .card .profileInfo img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin-right: 15px;
}

#testimonials .card .profileInfo .profilInfoImg {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin-right: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #efefef;
    overflow: hidden;
    flex-shrink: 0;
}

#testimonials .card .profileInfo .nameLabel {
    font-weight: 500;
    font-size: 17px;
    color:#313131;
    line-height: 22px;
}

#testimonials .card .profileInfo .positionLabel {
    font-size: 15px;
    color:#7C7C7C;
}

#testimonials .card p {
    font-size: 15px;
    color: #7C7C7C;
    line-height: 22px;
}


/* STYLE STACKED */

#company-page-layout.style-stacked #sectionsContainer {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 60px 0;
}

#company-page-layout.style-stacked #programs,
#company-page-layout.style-stacked #benefits,
#company-page-layout.style-stacked #coaches,
#company-page-layout.style-stacked #aboutCompany,
#company-page-layout.style-stacked #testimonials {
    background-color: inherit;
    position: relative;
    padding: 0;
}

#company-page-layout.style-stacked #programs .globalcontainer,
#company-page-layout.style-stacked #benefits .globalcontainer {
    background-color: var(--background-secondary);
    padding: 28px;
    border-radius: 16px;
    border: 1px solid var(--border-light);
}

#company-page-layout.style-stacked #programs .globalcontainer .activePrograms {
    right: 28px;
    top: 28px;
}

.footerStacked {
    padding: 30px;
    margin-bottom: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    color: var(--ctertiary);
    line-height: inherit;
}

.footerStacked .leftPart {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

footer.footerStacked .copyright {
    float: inherit;
    line-height: 15px;
}

.footerStacked .linksContainer {
    display: flex;
    gap: 20px;
}

.footerStacked .linksContainer a {
    color: var(--ctertiary);
}

.footerStacked .linksContainer a:hover {
    color: var(--border-default);
}

.footerStacked .rightPart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
}

.footerStacked .dlButtons {
    display: flex;
    gap: 20px;
}

.footerStacked .storeBtn {
    width: 120px;
    height: 40px;
    border: 1px solid var(--csecondary);
    border-radius: 10px;
}

.modal-header button {
    outline: none !important;
}

#zoomImageModal .modal-header {
    border-bottom: none !important;
}

#zoomImageModal .modal-content {
    border: none !important;
    border-radius: 12px !important;
}

#zoomImageModal .modal-header {
    position: absolute !important;
    z-index: 9 !important;
    right: 10px !important;
}

#zoomImageModal .modal-body {
    padding: 0 !important;
    margin-bottom: -3px;
}

#zoomImageModal img {
    width: 100%;
    border-radius: 12px;
}

#zoomImageModal .modal-header .close {
    background: #0000004d;
    border-radius: 20px;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    font-weight: 100;
    height: 40px;
    padding: 0;
    width: 40px;
    margin: -0.5rem -1.1rem -1rem auto;
}

/* STRIPE MODAL */

#stripeModal .modal-body {
    padding: 0 !important;
}

/* PROG */

#prog-page-layout #mainBanner {
    /*height: 400px;*/
    aspect-ratio: 1200/300;
    background-image: inherit;
}

#prog-page-layout #backLink {
    display: none;
}

#mainBanner #backSection {
    position: absolute;
    left: 0;
    color: #fff;
    top:35px;
    transition: padding-left 0.2s;
    text-shadow: 1px 1px 20px #000;
}

#mainBanner #backSection:hover {
    padding-left: 4px;
}

#mainBanner #backSection img {
    width: 15px;
    margin-right: 5px;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

#prog-page-layout #infoSection {
    bottom: 35px;
}

/*#profileSection .profileImage {*/
/*    width: 120px;*/
/*    height: 120px;*/
/*    border-radius: 60px;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    float: left;*/
/*    margin-right: 30px;*/
/*    margin-top: -32px;*/
/*}*/

#prog-page-layout #profileSection .profileImage {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 40px;
    margin-right: 30px;
    margin-top: -18px;
    background-color: #fff;
}

/*#prog-page-layout #profileSection .profileImage img {*/
/*    width: 90px;*/
/*    height: 90px;*/
/*    border-radius: 45px;*/
/*    margin-right: 30px;*/
/*    margin-top: -18px;*/
/*}*/

/*#prog-page-layout #profileSection .nameLabel {*/
/*    font-size: 30px;*/
/*}*/

#prog-page-layout #profileSection .byLabel {
    font-size: 13px;
    margin-top: 5px;
    font-family: 'Geist', 'Roboto Condensed', sans-serif;
}

#quickInsight {
    height: 80px;
    width: 100%;
    -webkit-box-shadow: 0px 2px 32px -4px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 32px -4px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 32px -4px rgba(0,0,0,0.15);
}

#quickInsight.displayed {
    position: fixed;
    background: hsla(0,0%,100%,.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(7,96,115,.07);
    border-bottom: 1px solid rgba(7,96,115,.07);
    z-index: 9;
    top: 0;
}

#prog-page-layout.menuFixedDisplayed #progDetails {
    padding-top: 180px;
}

#quickInsight .quickInsightContainer {
    padding-top: 20px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 50px;
}

#quickInsight.withTrial .quickInsightContainer {
    gap: 45px;
}

#quickInsight .quickInsightContainer .quickInfo {
    /*flex-basis:  20%;*/
    /*margin: 0 30px;*/
}

#quickInsight .quickInsightContainer .quickInfo.priceInfo {
    margin-left: 0;
}

#infoSection .subscribeProg {
    margin-top: -40px;
    float: right;
}

#infoSection .cancelSubscription {
    /*float: right;*/
    color: #fff;
    margin-top: 10px;
    text-align: center;
}

#infoSection .subscribeFlexContainer {
    float: right;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#infoSection .subscribeProg button {
    background-color: var(--success-default);
    height: 40px;
    font-size: 16px;
}

#infoSection .subscribeProg button:hover {
    background-color: var(--success-default2);
}

#infoSection .subscribeProg button.alreadySubscribed,
#quickInsight .quickInsightContainer .subscribeProg button.alreadySubscribed {
    cursor: not-allowed;
    /*opacity: 0.8;*/
    /*background-color: #71bd8d !important;*/
    height: 34px;
    padding: 4px 12px;
    line-height: 15px;
    background-color: var(--disabled) !important;
    min-width: 120px;
}

#infoSection .subscribeProg button.alreadySubscribed.canceled,
#quickInsight .quickInsightContainer .subscribeProg button.alreadySubscribed.canceled {
    background-color: #FEF1E4 !important;
    color: #FA7400;
}

/*.menuFixedDisplayed #quickInsight .quickInsightContainer .subscribeProg {*/
/*    margin-top: -13px;*/
/*}*/

.menuFixedDisplayed #quickInsight .quickInsightContainer .subscribeProg.isFixed {
    margin-top: inherit;
}

#quickInsight.displayed .quickInsightContainer a.cancelSubscription {
    color: var(--disabled);
    transition: color 0.2s;
}

#infoSection .cancelSubscription {
    transition: color 0.2s;
}

#quickInsight.displayed .quickInsightContainer a.cancelSubscription:hover {
    color: #c95252;
}

#infoSection .cancelSubscription:hover {
    color: #ff6d6d;
}

#quickInsight.displayed .quickInsightContainer a.cancelSubscription.canceled:hover {
    color: #539f6f;
}

#infoSection .cancelSubscription.canceled:hover {
    color: #72dc99;
}


#quickInsight .quickInsightContainer .subscribeProg {
    flex-basis:  20%;
    display: none;
    /*background-color: rebeccapurple;*/
}

.menuFixedDisplayed #quickInsight .quickInsightContainer .subscribeProg {
    display: block;
}

#quickInsight .quickInsightContainer .subscribeProg button {
    margin-left: 30px;
    /*min-width: 150px;*/
    background-color: var(--success-default);
    height: 40px;
}

#quickInsight.displayed .quickInsightContainer .subscribeProg button {
    margin-left: 0;
}

#quickInsight .quickInsightContainer .subscribeProg button.subscriptionDisabled, #infoSection .subscribeProg button.subscriptionDisabled {
    font-size: 16px;
    background-color: var(--disabled);
    cursor: default;
}

#infoSection .subscribeProg button.subscriptionDisabled img {
    margin-right: 10px;
}

#quickInsight .quickInsightContainer .subscribeProg button:hover {
    background-color: var(--success-default2);
}

#quickInsight .quickInsightContainer .subscribeProg button.subscriptionDisabled:hover {
    background-color: var(--disabled);
}


#quickInsight .quickInsightContainer .infoLabel {
    font-size: 13px;
    color: var(--ctertiary);
    margin-bottom: 8px;
}

#quickInsight .quickInsightContainer .valueLabel {
    font-size: 17px;
    color: #464646;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-style: normal;
    display: flex;
}

#quickInsight .quickInsightContainer .markExperience {
    margin-left: 13px;
    margin-top: -2px;
}

#progDetails {
    padding: 80px 0;
    display:none;
}

#progDetails .descriptionContainer {
    color: #3e3e3e;
    line-height: 25px;
}

#progDetails p {
    color: #5F5F5F;
    line-height: 25px;
}

#prog-page-layout #coaches {
    background-color: #F2F2F2;
}

#prog-page-layout #programs {
    background-color: #fff;
}

/* SHOP */
.payment-page-layout-product #paymentSection #productBackgroundOverlay #backSection {
    color: #606060;
    font-size: 14px;
}

.payment-page-layout-product #paymentProcessOverlay .discountContainer {
    margin-bottom: 20px !important;
}

.payment-page-layout-product #paymentProcessOverlay .totalProductOrder {
    padding-top: 20px;
}

.payment-page-layout-product #paymentProcessOverlay .discountProductOrder {
    margin-top: 0;
}

.payment-page-layout-product #paymentProcessOverlay .discountContainer h7 {
    margin-top: 15px;
    margin-bottom: -30px;
    cursor: pointer;
    display: inline-block;
}

.payment-page-layout-product #paymentProcessOverlay .discountContainer h7:hover {
    color: #000;
}

.payment-page-layout-product #paymentSection #productBackgroundOverlay #backSection img {
    width: 13px;
}



#profile-page .cardContainer {
    background-color: var(--background-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 15px;
    position: relative;
}

#profile-page .cardContainer .uitag.defaultCard {
    display: none;
}

#profile-page .cardContainer.isDefault .uitag.defaultCard {
    display: flex;
}

#profile-page .cardContainer .uiradio {
    background-color: #fff;
    border: 1px solid var(--disabled);
}

#profile-page .cardContainer.isDefault .uiradio {
    border: 4.5px solid var(--primary);
}

#profile-page .cardContainer .cardNumberTitle .title {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: -3px;
}

#profile-page .cardContainer .cardFill {
    display: flex;
    align-items: center;
}

#profile-page .cardContainer .cardFill img {
    border-radius: 4px;
    height: 18px;
}

#profile-page .selectCardButton {
    outline: none;
    display: inline;
    margin: 0;
    padding: 0;
    background: transparent;
}

#profile-page .nopmcontainer {
    margin-bottom: 10px;
    color: #848484;
    font-size: 15px;
}

#profile-page #pm-global-container {
    display: none;
}

#profile-page .selectCardButton .spinner-border {
    position: relative;
    color: var(--success-default);
    left: inherit;
}

#profile-page .cardContainer .expirationCard {
    margin-left: 30px;
    color: var(--ctertiary);
}

#profile-page .cardContainer .expirationCard.isExpired {
    color: var(--danger-default);
}

#profile-page .cardContainer .selectedIcon {
    margin-right: 15px;
}

#profile-page #billinginfo-global-container {
    margin-bottom: 50px;
}

#profile-page .changeBillingInfo {
    cursor: pointer;
}

#profile-page #billinginfo-global-container .cardContainer {
    font-size: 15px;
    line-height: 20px;
}

#profile-page .addBlockGreen {
    background-color: var(--success-soft2);
    border: 1px dashed var(--success-default);
    border-radius: 8px;
    color: var(--success-default);
    padding: 20px;
    position: relative;
    cursor: pointer;
    user-select: none;
}



/*#normalModal input::placeholder { !* Chrome, Firefox, Opera, Safari 10.1+ *!*/
/*    color: #b3b9be !important;*/
/*    opacity: 1;*/
/*}*/

/*#normalModal input:-ms-input-placeholder { !* Internet Explorer 10-11 *!*/
/*    color: #b3b9be !important;*/
/*}*/

/*#normalModal input::-ms-input-placeholder { !* Microsoft Edge *!*/
/*    color: #b3b9be !important;*/
/*}*/

#normalModal.editBillingInfo .bs-searchbox input {
    margin-bottom: 0 !important;
    height: 30px;
    box-shadow: none !important;
}

#normalModal.editBillingInfo .btn-light {
    outline: none !important;
    background-color: transparent;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

#normalModal.editBillingInfo .btn-light:focus {
    box-shadow: none !important;
}

#normalModal.editBillingInfo .dropdown-item.active, #normalModal.editBillingInfo .dropdown-item:active {
    background-color: #f5f9fd;
    color: #0c0c0c;
}

#normalModal.editBillingInfo .bootstrap-select .dropdown-menu li.active small {
    color: rgb(0 0 0 / 50%)!important;
}

#normalModal.editBillingInfo .dropdown-item {
    padding: 0.45rem 1rem;
}

#normalModal.editBillingInfo .bs-actionsbox, #normalModal.editBillingInfo .bs-donebutton, #normalModal.editBillingInfo .bs-searchbox {
    padding-top: 0;
}

#normalModal.editBillingInfo .bs-searchbox .form-control:focus {
    border-color: #8b8c8d;
}

#normalModal.editBillingInfo .modal-footer {
    padding: 1rem 2rem 2rem;
}

#normalModal.editBillingInfo button .spinner-border, .removeBillingInfoModal button .spinner-border {
    position: relative;
    left: inherit;
    margin-right: 10px;
}

#normalModal.editBillingInfo .infoButton {
    background: transparent;
    padding: 0;
    margin-left: 5px;
    outline: none;
}

#normalModal.editBillingInfo .removeTax {
    margin-top: 25px;
    padding: 10px;
    background: transparent;
    outline: none;
    margin-left: -5px;
    opacity: 0.7;
}

#normalModal.editBillingInfo .removeTax:hover {
    opacity: 0.9;
}

#profile-page .mainSpinner {
    /*margin-left: 30px;*/
}

#profile-page .addBlockGreen:hover {
    border-color: var(--success-default2);
    color: var(--success-default2);
}

#profile-page .addBlockGreen:hover .svgFill {
    fill: var(--success-default2);
}


#profile-page #addNewCardContainer .addIcon, #profile-page  #addBillingInfo .addIcon {
    margin-right: 10px;
}

 #profile-page .cardContainer .cardNumberInsight {
    margin-top: 15px;
    display: flex;
}

#profile-page .cardContainer .cardNumberInsight .quarter {
    margin-right: 15px;
}

#profile-page .cardsRow {
    gap: 10px 0;
}

#profile-page .cardContainer .actionsPM {
    position: absolute;
    /*right: 20px;*/
    /*top: 20px;*/
    right: 16px;
    top: 14px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#profile-page .confirmPaymentContainer .actionsPM .changeCard {
    cursor: pointer;
}

#profile-page .confirmPaymentContainer .actionsPM .removeCard,
#profile-page .cardContainer .removeBillingInfo {
    display: flex;
    align-items: center;
    user-select: none;
    transition: background-color 0.2s;
    justify-content: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: #DE350C;
}
#profile-page .confirmPaymentContainer .actionsPM .removeCard img,
#profile-page .cardContainer .removeBillingInfo img {
    max-width: 13px;
}


#profile-page .confirmPaymentContainer .actionsPM .removeCard:hover,
#profile-page .cardContainer .removeBillingInfo:hover {
    background-color: #cb0c0c;
}


#profile-page #addNewCardContainer .spinner-border-sm {
    margin-left: 10px;
    border-width: .15em;
}

#profile-page #profileSection {
    display: flex;
    justify-content: start;
    margin-bottom: 30px;
}

#profile-page .uitabs {
    margin-bottom: 40px;
}

#profile-page .contentTab {
    display: none;
}

#profile-page .contentTab.active {
    display: block;
}


#profile-page #profileSection .profileInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#profile-page .mainSpinner {
    width: 1.2rem;
    height: 1.2rem;
    border-width: .15em;
}

#profile-page #profileSection .profileImageBig {
    width: 80px;
    height: 80px;
    background-color: #ccc;
    border-radius: 11px;
    margin-right: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#profile-page #profileSection .usernameLabel {
    font-size: 25px;
    font-weight: bold;
}

#profile-page #profileSection .emailLabel {
    margin-top: 4px;
    font-size: 14px;
    color: #808080;
}

#removeCardBtn .spinner-border-sm {
    border-width: 0.15em;
    position: relative;
    left: inherit;
    margin-right: 10px;
}


#profile-page .confirmPaymentContainer .changeCard .spinner-border-sm {
    width: 0.8rem;
    height: 0.8rem;
    border-width: .1em;
    margin-top: -4px;
    margin-right: 5px;
}

#profile-page .confirmPaymentContainer .changeCard .spinner-border {
    vertical-align: middle;
}

.uibtn#resetBtn .spinner-border {
    position: relative !important;
    left: inherit !important;
}

.customControlStyle .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 0 !important;
}

.customControlStyle .custom-control-input {
    position: absolute;
    left: 0;
    z-index: 1 !important;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
    cursor: pointer;
}

.customControlStyle .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.customControlStyle .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: 0rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.customControlStyle .custom-control-label::before, .customControlStyle .custom-file-label, .customControlStyle .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.customControlStyle .custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
}

.customControlStyle .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: 0rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/100% 100%;
}

.customControlStyle .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.customControlStyle .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}


.customControlStyle .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.customControlStyle .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff;
}

.customControlStyle .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.customControlStyle .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.5 10.1L4.4 8l-.7.7 2.8 2.8 6-6-.7-.7z'/%3E%3C/svg%3E");
}

/* Pack programs */
#prog-page-layout .selectedPrograms {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#programs .containerPrograms {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}

#prog-page-layout .selectedPrograms .programCard .imageProgram {
    border-radius: 8px;
    height: 150px;
    background: #3C3C3C center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

#prog-page-layout .selectedPrograms .programCard .priceProgram {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
    user-select: none;
}

#prog-page-layout .selectedPrograms .programCard .priceProgram span{
    font-size: 13px;
    color: #C1C1C1;
    font-weight: 400;
    padding-left: 5px;
}

#prog-page-layout .selectedPrograms .programCard .titleProgram{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}

#prog-page-layout .selectedPrograms .programCard .daysProgram{
    font-size: 13px;
    line-height: 16px;
    color: #555;
    margin-top: 2px;
}

#prog-page-layout .selectedPrograms .programCard .imageProgram .placeholderProgImage {
    position: absolute;
    top: calc(50% - 20px);
    width: 180px;
    opacity: 0.1;
    left: calc(50% - 90px);
}

.mainActionBtn {
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 8px;
    min-height: 40px;
    padding: 4px 13px;
    cursor: pointer;
    outline: none;
    font-family: -apple-system, "system-ui", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 0;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 7px;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s;
}

.mainActionBtn:hover {
    background-color: #262626;
}

.secondaryActionBtn {
    background-color: #F0F0F0;
    color: #555555;
    border: none;
    border-radius: 8px;
    min-height: 40px;
    padding: 4px 13px;
    cursor: pointer;
    outline: none;
    font-family: -apple-system, "system-ui", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 0;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 7px;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s;
    box-shadow: none !important;
}

.secondaryActionBtn.thin {
    border-radius: 6px;
    min-height: 32px;
}

.secondaryActionBtn:focus {
    outline: none !important;
}

.secondaryActionBtn:hover {
    background-color: #E2E2E2;
}

.tertActionBtn {
    background-color: transparent;
    color: #000;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    min-height: 40px;
    padding: 4px 13px;
    cursor: pointer;
    outline: none;
    font-family: -apple-system, "system-ui", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 0;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 7px;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s;
}

.tertActionBtn.show {
    display: flex !important;
}

.tertActionBtn:hover {
    background-color: #EFEFEF;
}

.trialformvalid p {
    /*text-align: center;*/
    /*opacity: 0.7;*/
    line-height: 1.5rem;
}

.trialformvalid p.warningText {
    color: #ce1c1c;
}

.trialformvalid p.success {
    font-weight: 500;
    margin: 20px 0 20px;
    font-size: 1.25em;
    color: #13893d;
    opacity: 1;
}

/*.trialformvalid button {*/
/*    background-color: #18B978 !important;*/
/*    color: #fff !important;*/
/*    font-weight: 500;*/
/*    font-size: 15px;*/
/*    margin-top: 1rem;*/
/*    margin-bottom: 3rem;*/
/*    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);*/
/*    box-shadow: 0 4px 6px rgba(50,50,93,.1), 0 1px 3px rgba(0,0,0,.03);*/
/*    cursor: pointer;*/
/*    border-radius: 0.3rem;*/
/*    border: none;*/
/*    padding: .65rem 1rem;*/
/*    outline: none;*/
/*    -webkit-transition: all .15s ease;*/
/*    transition: all .15s ease;*/
/*}*/

/*.trialformvalid button:hover {*/
/*    transform: translateY(-1px);*/
/*    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);*/
/*}*/

.fullscreenModal .modal {
    padding: 0 !important;
    top: 0;
    left: 0;
}
.fullscreenModal .modal .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}
.fullscreenModal .modal .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    margin: 0;
}
.fullscreenModal .modal .modal-body {
    overflow-y: auto;
}

.dayPreview .modal-content {
    background: #f5f6f8;
}

.dayPreview .modal-body {
    padding-top: 1rem !important;
}

.dayPreview .workoutBlock {
    background-color: #fff;
    margin-left: -2rem;
    margin-bottom: 1.5rem;
    margin-right: -2rem;
    padding: 1rem 2rem;
    border: 1px solid #f0f2f5;
    font-size: 15px;
    position: relative;
    user-select: none;
}

.dayPreview .workoutBlock p {
    line-height: 20px;
    color: #545454;
}

.dayPreview .workoutBlock h7 {
    font-size: 16px;
    display: block;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: 500;
}

.dayPreview .workoutBlock .coachingTipsSection {
    background-color: #FFF7EB;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 5px;
    color: #bb6c00;
    line-height: 20px;
}

.dayPreview .workoutBlock .borderLeftColor {
    position: absolute;
    width: 4px;
    height: 100%;
    left: -1px;
    top: 0;
}

#translationsContainer .containerBar {
    height: 10px;
    border-radius: 5px;
    width: 100%;
    background-color: #F9F8F9;
    position: relative;
}

#translationsContainer h3 {
    /* font-family: 'Roboto Condensed', sans-serif; */
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: bold;
}

#translationsContainer .containerBar .bar {
    transition: width 0.2s;
    width: 0;
    height: 10px;
    border-radius: 5px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
}
#translationsContainer .odd {
    background-color: #F9F8F9;
}

#translationsContainer textarea {
    border: none;
    font-size: 13px;
    background-color: transparent;
    box-shadow: none !important;
    height: calc(1.5em + 1.3rem + 2px);
}

#translationsContainer textarea:hover,
#translationsContainer textarea:focus {
    background-color: #fff;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgb(0 0 0 / 5%), 0 1px 1.5px 0 rgb(0 0 0 / 3%) !important;
}

/* Preview Program */
#settingsTv .onoffswitch, .defaultToggleButonContainer .onoffswitch {
    position: relative;
    width: 55px;
    display: inline-block;
    font-size: 80%;
}
#settingsTv .onoffswitch .onoffswitch-label, .defaultToggleButonContainer .onoffswitch .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid hsl(0, 0%, 90%);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 0;
}
#settingsTv .onoffswitch .onoffswitch-inner, .defaultToggleButonContainer .onoffswitch .onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.15s ease-in-out;
    -o-transition: margin 0.15s ease-in-out;
    -moz-transition: margin 0.15s ease-in-out;
    transition: margin 0.15s ease-in-out;
}
#settingsTv .onoffswitch .onoffswitch-inner:before,
#settingsTv .onoffswitch .onoffswitch-inner:after,
.defaultToggleButonContainer .onoffswitch .onoffswitch-inner:before,
.defaultToggleButonContainer .onoffswitch .onoffswitch-inner:after
{
    float: left;
    width: 50%;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 80%;
    color: hsl(0, 0%, 100%);
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#settingsTv .onoffswitch .onoffswitch-inner:before, .defaultToggleButonContainer .onoffswitch .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #007BFF;
    color: hsl(0, 0%, 100%);
}
#settingsTv .onoffswitch .onoffswitch-inner:after, .defaultToggleButonContainer .onoffswitch .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: hsl(0, 0%, 98%);
    color: hsl(0, 0%, 24%);
    text-align: right;
}
#settingsTv .onoffswitch .onoffswitch-switch, .defaultToggleButonContainer .onoffswitch .onoffswitch-switch {
    width: 22px;
    height: 22px;
    margin: 0;
    background: hsl(0, 0%, 100%);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 35px;
    -webkit-transition: right 0.15s ease-in-out;
    -o-transition: right 0.15s ease-in-out;
    -moz-transition: right 0.15s ease-in-out;
    transition: right 0.15s ease-in-out;
}
#settingsTv .toggle-group, .defaultToggleButonContainer .toggle-group {
    position: relative;
    height: 27px;
    display: inline-block;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*top: 50%;*/
    /*left: 20px;*/
    /*margin-top: -13.5px;*/
}
#settingsTv .toggle-group input[type=checkbox], .defaultToggleButonContainer .toggle-group input[type=checkbox]{
    position: absolute;
    left: 10px;
    display: none;
}

#settingsTv .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner,
.defaultToggleButonContainer .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
#settingsTv .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch,
.defaultToggleButonContainer .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
    right: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
#settingsTv .toggle-group input[type=checkbox]:focus ~ .onoffswitch,
.defaultToggleButonContainer .toggle-group input[type=checkbox]:focus ~ .onoffswitch {
    outline: thin dotted #333;
    outline: 0;
}
#settingsTv .toggle-group label,
.defaultToggleButonContainer .toggle-group label {
    position: absolute;
    cursor: pointer;
    padding-left: 65px;
    display: inline-block;
    text-align: left;
    line-height: 24px;
    width: 100%;
    z-index: 1;
    height: 24px;
    font-weight: 200;
    left: 0;
}

#togglePlanningMode .onoffswitch .onoffswitch-label, .toggleV2 .onoffswitch .onoffswitch-label {
    border: none;
}

#togglePlanningMode .onoffswitch .onoffswitch-inner:before, #togglePlanningMode .onoffswitch .onoffswitch-inner:after,
.toggleV2 .onoffswitch .onoffswitch-inner:before, .toggleV2 .onoffswitch .onoffswitch-inner:after {
    content: "";
    background-color: #CCEACF;
}

#togglePlanningMode .onoffswitch .onoffswitch-switch, .toggleV2 .onoffswitch .onoffswitch-switch {
    background-color: #34A93E;
    box-shadow: none;
    width: 18px;
    height: 18px;
    top: 3px;
    right: 28px;
}

.toggleV2 .onoffswitch .onoffswitch-switch {
    right: 24px;
}

.toggleV2 .toggleElement {
    display: flex;
    color: #9A9BA4;
    font-size: 14px;
}

.toggleV2 .element-choice {
    padding-top: 5px;
    cursor: pointer;
    -webkit-transition: color .1s ease-in;
    transition: color .1s ease-in;
}

.toggleV2.toggleV2Normal .option1 {
    margin-right: 7px;
}
.toggleV2.toggleV2Normal .option2 {
    margin-left: 7px;
}

.toggleV2 .element-choice-two {
    margin-left: 7px;
}

.toggleV2 .element-choice.active, .toggleV2 .element-choice:hover {
    color: #28292B;
}

.toggleV2.toggleV2OneChoice .onoffswitch .onoffswitch-switch {
    background-color: #aeb5bd;
}

.toggleV2.toggleV2OneChoice .onoffswitch .onoffswitch-inner:before, .toggleV2.toggleV2OneChoice .onoffswitch .onoffswitch-inner:after {
    background-color: #ecf0f5;
}

.toggleV2.toggleV2OneChoice .toggleElement.active .onoffswitch .onoffswitch-switch {
    background-color: #34A93E;
}

.toggleV2.toggleV2OneChoice .toggleElement.active .onoffswitch .onoffswitch-inner:before, .toggleV2.toggleV2OneChoice .toggleElement.active .onoffswitch .onoffswitch-inner:after {
    background-color: #CCEACF;
}

#togglePlanningMode .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch,
.toggleV2 .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch{
    right: 4px;
}

#togglePlanningMode .onoffswitch {
    width: 50px;
}

.toggleV2 .onoffswitch {
    width: 46px;
}

#settingsTv .aural, .defaultToggleButonContainer .aural {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
#settingsTv .aural:focus, .defaultToggleButonContainer .aural:focus {
    clip: rect(0, 0, 0, 0);
    font-size: 1em;
    height: auto;
    outline: thin dotted;
    position: static !important;
    width: auto;
    overflow: visible;
}


#programPreviewMainContainer {
    margin: 50px 0;
    min-height: calc(100vh - 290px - 50px);
}

#programPreviewMainContainer .topBar {
    justify-content: space-between;
    margin-bottom: 25px;
    display: none;
}

#programPreviewMainContainer .topBar .programNameLabel {
    font-weight: 500;
}

#programPreviewMainContainer #globalSpinner {
    text-align: center;
    margin-top: 100px;
}

#programPreviewMainContainer .weekInsightContainer {
    display: none;
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}
@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}

.mainActionBtn {
    position: relative;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 8px;
    min-height: 40px;
    padding: 4px 13px;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
    font-family: -apple-system, "system-ui", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 0;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 7px;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s;
}

.mainActionBtn:hover {
    background-color: #262626;
}

#cardholder-country, #cardholder-province, #smallModal .countrySelection {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(img/icons/chevron-down-grey.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 8px 5px;
    background-position-x: calc(100% - 15px);
    background-position-y: 15px;
}

/* ASCEND */

.ascendPage #languagePicker {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 8px;
    border-radius: 6px;
}

.ascendPage #languagePicker.active {
    box-shadow: rgb(0 0 0 / 7%) 0 1px 20px -2px;
}

.ascendPage #languagePicker .list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ascendPage #languagePicker img {
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
    padding: 4px;
}

.ascendPage .loadingAscendPage {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 160px);
}

.ascendPage #presentation {
    display: none;
}

.ascendPage #presentation.importFromOtherApp {
    display: block;
}

.ascendPage #presentation.importFromOtherApp .formContainer {
    margin-top: 30px;
}

/*.ascendPage #presentation.importFromOtherApp svg {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 12px;*/
/*    margin-top: -6px;*/
/*    pointer-events: none;*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    z-index: 3;*/
/*}*/

.ascendPage #presentation.importFromOtherApp #dropFile {
    position: relative;
    border-radius: 8px;
    width: 100%;
    height: 100px;
    border: 1px dashed var(--ctertiary);
    text-align: center;
    overflow: hidden;
    margin-top: 20px;
}

.ascendPage #presentation.importFromOtherApp #dropFile:hover {
    border: 1px dashed #000;
}

.ascendPage #presentation.importFromOtherApp #dropFile.active{
    border: 1px dashed var(--success-default);
}

.ascendPage #presentation.importFromOtherApp #dropFile .label {
    padding-top: 40px;
    color: var(--ctertiary);
}

.ascendPage #presentation.importFromOtherApp #dropFile.active .label {
    color: var(--success-default);
}

.ascendPage #presentation.importFromOtherApp #dropFile .hiddenInputFile {
    position: absolute;
    top: 0;
    left: 0;
    /* overflow: hidden; */
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.ascendPage #presentation.importFromOtherApp .topRightActions {
    float: right;
    display: flex;align-items: center; gap: 8px; justify-content: flex-end;
}

.ascendPage #presentation.importFromOtherApp button .spinner-border,
.confirmUploadScores .spinner-border {
    position: inherit;
    left: inherit;
}

.ascendPage.importFromOtherAppPage .step2,
.ascendPage.importFromOtherAppPage .step3 {
    display: none;
    position: relative;
}

.ascendPage.importFromOtherAppPage .step2 .confirmImportWorkouts {
    float: right;
}

.ascendPage.importFromOtherAppPage .step3 {
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
}

.ascendPage.importFromOtherAppPage .step3 .titleLabel {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
}

.ascendPage.importFromOtherAppPage .step3 p {
    font-size: 15px;
    line-height: 18px;
    color: #555;
}

.ascendPage .backButton {
    background-color: transparent;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #555;
    margin-bottom: 20px;
    margin-left: -10px;
    border-radius: 8px;
    font-size: 15px;
}

.ascendPage .backButton:hover {
    background-color: #EFEFEF;
}

.ascendPage .containerStatus {
    display: flex;
    justify-content: flex-start;
}

.ascendPage .backButtonLink {
    display: none;
}

.ascendPage .appleContainer {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    margin-top: 20px;
}

.ascendPage .statusBadge {
    background-color: #ECFEF3;
    font-size: 17px;
    font-weight: 500;
    color: #057A49;
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 26px;
    border-radius: 13px;
    gap: 10px;

}

.ascendPage .statusBadge .dotTag {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0FB86A;
}

.ascendPage #loginSection {
    min-height: calc(100vh - 60px);
}

.ascendPage #loginSection .bgContainer {
    width: 55%;
    background-image: url(img/briantAscend.jpg);
    min-height: calc(100vh - 60px);
}

.ascendPage #loginSection #loginContainer {
    width: 45%;
    padding-bottom: 0;
    max-height: calc(100vh - 60px);
    overflow: scroll;
}

.ascendPage.importFromOtherAppPage #loginSection #loginContainer {
    max-height: inherit;
    overflow: inherit;
    padding-bottom: 60px;
}

.ascendPage.importFromOtherAppPage .maintable tbody td {
    padding: 1rem 0.75rem !important;
}

.ascendPage #presentation .topContainer {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ascendPage #presentation .topContainer img {
    max-width: 150px;
}

.ascendPage #presentation h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 34px;
    color: #000;
    margin-bottom: 10px;
}

.ascendPage #presentation h3 {
    font-size: 18px !important;
    color:#13893d !important;
}

.ascendPage #presentation ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ascendPage #presentation ul li {
    padding-left: 25px;
    position: relative;
}

.ascendPage #presentation ul li:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /*margin: 3px 10px 0 -1px;*/
    background: url(img/icons/checkCircleBlack.svg) center;
    background-size: contain;
    left: 0;
    position: absolute;
}

.ascendPage #presentation .pricing {
    margin-top: 40px;
    margin-bottom: 70px;
    display: flex;
    gap: 30px;
}

.ascendPage #presentation .pricing .column {
    background-color: #EFEFEF;
    padding: 12px 12px 10px;
    border-radius: 8px;
    width: 50%;
    max-width: 260px;
}

.ascendPage #presentation .pricing .column button {
    width: 100%;
    justify-content: center;
}

.ascendPage #presentation .pricing .column .type {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #000;
}

.ascendPage #presentation .pricing .column .topLine {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #CBCBCB;
    padding: 0 3px 8px 3px;
}

.ascendPage #presentation .pricing .column .topLine .tagDiscount {
    font-size: 13px;
    color: #555;
    border-radius: 10px;
    height: 20px;
    border: 1px solid #555;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
}

.ascendPage #presentation .pricing .priceContainer {
    display: flex;
    margin: 20px 0;
    color: #555;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    align-items: baseline;
    gap: 3px;
    padding: 0 3px;
}

.ascendPage #presentation .pricing .priceContainer .price {
    font-size: 20px;
}

.ascendPage #presentation .pricing .priceContainer .permonth {
    font-size: 12px;
    font-weight: 600;
}

.ascendPage #presentation .mockupsAscend {
    margin-left: -70px;
    margin-right: -70px;
    text-align: center;
}

.ascendPage #presentation .mockupsAscend img {
    margin-bottom: -10px;
    width: 100%;
}

/* SUBSCRIPTIONS */

#subscriptions-page-layout #subscriptions, #profile-page #paymentmethods {
    padding: 80px 0;
    min-height: calc(100vh - 343px - 72px);
    position: relative;
}

#subscriptions-page-layout #subscriptions, #profile-page #paymentmethods {
    padding: 50px 0 80px;
}

#subscriptions-page-layout #subscriptions #globalSpinner .spinner-border, #profile-page #paymentmethods #globalSpinner .spinner-border {
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
}

#profile-page #paymentmethods #globalSpinner {
    background-color: #fff;
}

.modalV2 .modal-content {
    border: none !important;
    border-radius: 0.8rem !important;
}

.modalV2 .modal-header .close {
    background-color: #fff;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    /*margin-top: -0.5rem;*/
    justify-content: center;
    margin: -1rem -1rem -1rem auto;
}

.modalV2 .modal-header .close:hover {
    background-color: #EFEFEF;
}

.modalV2 .modal-title {
    margin-top: -0.5rem;
    color: #000;
    font-weight: 500;
}

#subscriptions-page-layout #subscriptions h1 {
    margin-bottom: 30px;
}

h1.simpleTitle {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #222329 !important;
    line-height: 34px !important;
}

#profile-page #paymentmethods h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

/*#subscriptions-page-layout .maintable tbody td {*/
/*    padding: 0.8rem .75rem;*/
/*    background-color: #fff;*/
/*    vertical-align: middle;*/
/*}*/

#subscriptions-page-layout .maintable td {
    border-bottom: none;
    border-color: var(--border-light) !important;
}


#subscriptions-page-layout .progContainer {
    display: flex;
    font-weight: 500;
    font-size: 17px;
    max-width: 280px;
    align-items: center;
}

#subscriptions-page-layout #subscriptionsTable {
    margin-top: 15px;
}

#subscriptions-page-layout .imgProduct {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #efefef;
    overflow: hidden;
    margin-right: 20px;
    flex-shrink: 0;
}

#subscriptions-page-layout .priceLabel {
    font-weight: 500;
    font-size: 15px;
}

#subscriptions-page-layout .byMonthLabel {
    font-size: 14px;
    color: var(--ctertiary);
}

#subscriptions-page-layout .purchasedLabel {
    color: var(--csecondary);
    font-size: 14px;
}

#subscriptions-page-layout .actionButton {
    flex-shrink: 0;
}

#subscriptionsTable_filter input, .withStyledInput .dataTables_wrapper .dataTables_filter input {
    padding-left: 44px;
    border-color: var(--border-default);
    height: 40px;
    width: 300px;
    background-color: #F7F7F7;
    border-radius: 8px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 10px 9px !important;
}

#subscriptionsTable_filter input::placeholder,
.withStyledInput .dataTables_wrapper .dataTables_filter input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9d9fa5;
    opacity: 1;
}

#subscriptionsTable_filter input:-ms-input-placeholder,
.withStyledInput .dataTables_wrapper .dataTables_filter input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #9d9fa5;
}

#subscriptionsTable_filter input::-ms-input-placeholder,
.withStyledInput .dataTables_wrapper .dataTables_filter input::-ms-input-placeholder{ /* Microsoft Edge */
    color: #9d9fa5;
}

#subscriptions-page-layout .actionButton img {
    vertical-align: middle;
    margin-left: 10px;
}

.badgepill {
    display: inline-block;
    /*background-color: #E6F9F3;*/
    /*color: #00BE82;*/
    /*padding: 5px 8px;*/
    /*font-size: 14px;*/
    /*border-radius: 4px;*/
    /*text-align: center;*/
    background-color: #d7f7c2;
    color: #05690d;
    gap: 3px;
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 3px;
}

.badgepill-warning {
    background-color: #FEF1E4;
    color: #FA7400;
}

.badgepill-info {
    background-color: #d6ecff;
    color: #3d4eac;
}

/* FAQ */

#faq-page-layout #mainSection {
    padding: 80px 0 120px 0;
}

#faq-page-layout #mainSection h6 {
    text-align: center;
    font-family: 'Blender Pro Book', sans-serif;
}

#faq-page-layout #mainSection h4 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Blender Pro Bold', sans-serif;
    margin-top: 5px;
    margin-bottom: 50px;
}

#faq-page-layout h3 {
    color: #0B0B0B;
    font-weight: 500;
    /*margin-bottom: 1rem;*/
    font-size: 1.3rem;
    cursor: pointer;
    transition: color 200ms ease-in-out;
    display: inline-block;
}

#faq-page-layout h3 svg {
    margin-right: 10px;
}

#faq-page-layout h3 path {
    transition: fill 200ms ease-in-out;
}

#faq-page-layout h3:hover .expandArrow > path {
    fill: #d03d3d;
}

#faq-page-layout h3:hover {
    color: #d03d3d;

}

#faq-page-layout .questionBlock {
    padding-top: 3rem;
}

#faq-page-layout p {
    color: #535662;
    font-size: 16px;
    padding-top: 20px;
    line-height: 26px;
}

#faq-page-layout p a {
    color: #be2d31;
    text-decoration: underline;
}

#faq-page-layout .mockupSubscribed {
    max-width: 650px;
    margin-bottom: 20px;
}

#faq-page-layout a.anchor {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
a.anchor {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url('img/icons/icon-anchor.svg');
    background-size: 100% 100%;
    margin-left: 4px;
    opacity: 0;
    transition: opacity 250ms ease-in-out;
}
.questionBlock:hover a.anchor {
    opacity: 1;
}

#company-page-layout .containerProducts .col-lg-4 {
    margin-bottom: 20px;
}

/* FOOTER */

footer {
    padding: 0 0 55px;
    color: #757575;
    line-height: 30px;
    font-size: 15px;
    white-space: nowrap;
    background-color: #151515;
}

footer .headerFooter {
    height: 3rem;
    line-height: 3rem;
    color: #6C6C6C;
    background-color: #303030;
}

footer .menu-r-mobile {
    display: none;
}

footer .headerFooter .menu-r {
    float: right;
}

footer .headerFooter .menu-r li {
    display: inline;
    margin-right: 2rem;
}

footer .headerFooter .menu-r li:last-child{
    margin-right: 0;
}

footer .headerFooter .menu-r li a {
    color: #6C6C6C;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

footer .headerFooter .menu-r li a:hover {
    color: #A2A2A2;
}

footer .headerFooter .changeLanguage {
    float: left;
}

footer .headerFooter .rootLink {
    color: #F25C62;
    user-select: none;
}

footer .select {
    position: relative;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    z-index: 499;
}

footer .popup:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 30px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 20px 0 3px 0;
    background: #fff;
}

footer .optionList .selected>span:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin: 0 6px 0 -2px;
    background: url('../img/icon-checkmark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

footer .optionList .selected {
    font-weight: 600;
    color: #32325d;
}

footer .globalPopupActive {
    z-index: 1000!important;
}

footer .optionList a {
    border-radius: 4px;
    display: block;
    line-height: 36px;
    padding: 0 15px;
    -webkit-transition: color .1s,background-color .1s;
    transition: color .1s,background-color .1s;
}

footer .globalPopupActive .popup {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

footer .languagePicker {
    padding: 10px 5px;
}

footer #selectLanguagePicker {
    cursor: pointer;
}

footer .globalPopupActive .popup {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

footer .popup {
    position: absolute;
    bottom: 40px;
    left: -5px;
    z-index: 1000;
    font-size: 15px;
    line-height: 26px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
    pointer-events: none;
    -webkit-transform: rotate3d(1,1,0,15deg);
    transform: rotate3d(1,1,0,15deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    will-change: transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
}

footer .metaNav .select {
    position: relative;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    z-index: 499;
}

footer .mainlist {
    margin-top: 2.5rem;
    justify-content: center;
    display: flex;
}

footer .mainlist li {
    display: inline;
    margin-right: 2rem;
}

footer .mainlist li:last-child, footer .mainlistMobile li:last-child{
    margin-right: 0;
}

footer .mainlist li a, footer .mainlistMobile li a{
    color: #C6C6C6;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

footer .mainlist li a:hover, footer .mainlistMobile li a:hover {
    color: #A2A2A2;
}

footer .mainlistMobile {
    display: none;
}

footer .copyright{
    float: right;
}

.subfooter {
    padding-top: 3rem;
    /*padding-left: 0 !important;*/
    /*padding-right: 0 !important;*/
}

footer .disclaimer p {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
    white-space: pre-wrap;
    padding: 0 18%;
}

footer .social {
    float: left;
}

footer .social li {
    display: inline;
    margin-right: 2rem;
}

/*footer .social li:last-child{*/
/*    margin-right: 0;*/
/*}*/

footer .social a {
    margin-right: 2rem;
    color: #888888;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

footer .social a:hover {
    color: #A2A2A2;
}

footer .social img {
    margin-right: 0.3rem;
}

footer .fb_link img {
    margin-bottom: -3px;
}

footer a.fb:hover  {
    color: #4267B2 !important;
}

footer a.insta:hover  {
    color: #CE327D !important;
}

footer .insta_link img {
    margin-bottom: -3px;
}

/* 404 */
.container404 {
    height: 100%;
    width: 100%;
    background-color: #86704e;
    background-image: url('img/marketplace404.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.container404 .title {
    position: absolute;
    top: calc(50% - 50px);
    color: #fff;
    font-weight: bold;
    font-size: 80px;
}

.container404 .title span.mainTitle {
    font-size: 150px;
}

.container404 .title span.goback {
    font-size: 20px;
}

.container404 .title span.goback a {
    color: #fff;
}

/* Toastr */

.toast {
    border: none;
}

.toast-title {
    color: #162939;
}

.toast-message {
    color: #3F566B;
    margin-top: 5px;
}

.toast-top-right {
    top:70px;
    right: 20px;
}

#toast-container>div {
    opacity: 1;
    -webkit-box-shadow: 0px 3px 20px -12px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 3px 20px -12px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 3px 20px -12px rgba(0,0,0,0.75) !important;
    background-color: #fff !important;
    border-radius: 6px !important;
    color: #272727 !important;
}

#toast-container>div.toast-info { border-left: 7px solid #007AFF; }
#toast-container>div.toast-success { border-left: 7px solid #18B978; }
#toast-container>div.toast-warning { border-left: 7px solid #e39e22; }
#toast-container>div.toast-error { border-left: 7px solid #F06469; }

#toast-container>.toast-success {
    background-image: url(img/icons/valid-toastr.png) !important;
    background-size: 23px 23px;
    background-position-y: 15px;
}

#toast-container>.toast-warning {
    background-image: url(img/icons/warning-toastr.png) !important;
    background-size: 23px 23px;
    background-position-y: 15px;
}

#toast-container>.toast-error {
    background-image: url(img/icons/error-toastr.png) !important;
    background-size: 23px 23px;
    background-position-y: 15px;
}

#toast-container>.toast-info {
    background-image: url(img/icons/info-toastr.png) !important;
    background-size: 23px 23px;
    background-position-y: 15px;
}

.close-toastr {
    width: 15px;
    margin-top: 3px;
    margin-right: 3px;
}

#subscriptions-page-layout #subscriptionsTable .allMobileInfo {
    display: none;
}

#subscriptions-page-layout #subscriptionsTable .programInfo {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

#subscriptions-page-layout #subscriptionsTable .programInfo .actionButton {
    display: none;
}

/* Dark mode */
body.darkMode {
    background-color: #0F0F10;
}

.darkMode .logoStriveeHeader {
    fill: #fff;
}

.darkMode header.globalNav,
.darkMode #mainMenu {
    background-color: #000;
}

.darkMode #company-page-layout {
    background-color: #0F0F10;
}

.darkMode #mainBanner {
    background-color: #141414;
}

.darkMode #gradientBanner {
    background: linear-gradient(0deg, rgb(24 24 24 / 90%) 0%, rgba(48, 48, 48, 0.6) 50%, rgb(25 26 27 / 90%) 100%);
}

.darkMode #programs,
.darkMode #benefits {
    background-color: #191919;
}

.darkMode #mainMenu li {
    color: #fff;
}

.darkMode #mainMenu li .dot {
    background-color: #fff;
}

.darkMode #company-page-layout h3, .darkMode #prog-page-layout h3 {
    color: #f0f4f8; /* #9fa6ad */
}

.darkMode #aboutCompany .descriptionContainer {
    color: var(--disabled);
}

.darkMode #aboutCompany .descriptionContainer a {
    color: #fff;
}

.darkMode #programs .programInsight .imageProgram {
    background-color: #090909;
}

.darkMode #coaches .coachCard,
.darkMode #benefits .card,
.darkMode #testimonials .card{
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.darkMode #testimonials .card {
    border: 1px solid #323232;
}

.darkMode #testimonials .card .profileInfo .nameLabel {
    color: var(--background-secondary);
}

.darkMode #coaches .coachCard p {
    color: #D0D0D0;
}

.darkMode .programInsight a {
    color: #fff;
}

.darkMode #benefits .card .titleLabel {
    color: var(--background-secondary);
}

.darkMode #programs .programInsight .modalityLabel {
    color: var(--ctertiary);
}

.darkMode .uitabs {
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}

.darkMode .uitabs li.active, .darkMode .uitabs li:hover {
    color: #fff !important;
    box-shadow: inset 0 -2px 0 0 #fff;
}

.darkMode #faq .faqElement {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}


/* White label */

.wlenabled .seeAllProgram {
    background-color: var(--wlprimary-color);
}

.wlenabled .seeAllProgram:hover {
    background-color: var(--wlprimary-color-hover);
}

.wlenabled #mainMenu li .dot {
    background-color: var(--wlprimary-color);
}

.wlenabled #faq .faqElement .questionLabel:hover {
    color: var(--wlprimary-color);
}

.wlenabled .uitabs li.active, .wlenabled .uitabs li:hover {
    box-shadow: inset 0 -2px 0 0 var(--wlprimary-color) !important;
}

.wlenabled #programs .globalcontainer .activePrograms {
    color: var(--wlprimary-color);
}

.wlenabled #testimonials .card .quoteIcon {
    color: var(--wlprimary-color);
}

.wlenabled #infoSection .subscribeProg button:not(.subscriptionDisabled) {
    background-color: var(--wlprimary-color);
}
.wlenabled #infoSection .subscribeProg button:not(.subscriptionDisabled):hover {
    background-color: var(--wlprimary-color-hover);
}

/*.wlenabled footer .headerFooter .rootLink {*/
/*    color: var(--wlprimary-color);*/
/*}*/

@media only screen and (min-width: 1200px){
    .globalcontainer {
        padding-right: 0;
        padding-left: 0;
        width: 1200px;
        margin-left: auto!important;
        margin-right: auto!important;
    }
}

@media only screen and (max-width: 1200px){
    header.globalNav .globalcontainer {
        width: 100%;
    }
}

@media only screen and (max-width: 1100px){

    #quickInsight .quickInsightContainer {
        gap: 30px;
    }

    .placeholderBanner {
        width: 80%;
        left: 10%;
    }

    #loginSection .bgContainer {
        width: 40%;
    }

    #loginSection #loginContainer {
        width: 60%;
    }

    #quickInsight .quickInsightContainer .quickInfo {
        margin: 0 5px;
    }
}

@media only screen and (max-width: 850px) {
    #quickInsight .quickInsightContainer {
        gap: 20px;
    }

    #quickInsight .quickInsightContainer .quickInfo {
        margin: 0;
    }
}

@media only screen and (max-width: 768px) {

    .footerStacked {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-bottom: 16px;
    }

    .footerStacked .copyright {
        padding-top: 12px;
    }

    .footerStacked .leftPart {
        align-items: center;
        gap: 0;
    }

    .footerStacked .rightPart {
        align-items: center;
    }

    #profile-page .cardContainer {
        display: block !important;
    }

    header.globalNav {
        width: 100%;
    }

    header.globalNav .whiteLabelLogo {
        display: none;
    }

    header.globalNav .whiteLabelLogoMobile {
        display: flex;
    }


    #index-page-layout #researchContainer {
        margin-bottom: 10px;
        margin-top: 25px;
    }

    #profileSection .profileImage.placeholder {
        font-size: 25px;
        line-height: 60px;
    }

    #profileSection .profileImage.placeholder {
        margin-top: -19px;
    }

    #prog-page-layout #profileSection .profileImage.placeholder {
        margin-top: -30px;
        font-size: 35px;
        line-height: 80px;
    }

    #subscriptions-page-layout .maintable .onlyForDesktop {
        display: none;
    }

    #subscriptions-page-layout #subscriptionsTable .programInfo .actionButton {
        display: block;
    }

    #subscriptions-page-layout #subscriptionsTable {
        width: calc(100% + 2rem) !important;
        margin-left: -1rem;
        margin-right: -1rem;
    }

    #subscriptions-page-layout #subscriptionsTable .progContainer {
        display: flex;
        align-items: flex-start;
    }

    #subscriptions-page-layout #subscriptionsTable .progContainer a {
        font-size: 16px;
        max-width: 240px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
        margin-bottom: 8px;
    }

    #subscriptions-page-layout .imgProduct {
        display: block;
        margin-bottom: 15px;
        width: 50px;
        height: 50px;
    }

    #subscriptions-page-layout #subscriptionsTable .programInfo {
        font-weight: 400;
    }

    #subscriptions-page-layout #subscriptionsTable .allMobileInfo {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    #subscriptions-page-layout #subscriptionsTable .allMobileInfo .startedMobile {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #subscriptions-page-layout .priceLabel {
        font-size: 15px;
    }

    #subscriptions-page-layout .byMonthLabel {
        font-size: 14px;
    }

    #subscriptions-page-layout .actionButton {
        margin-top: 20px;
        background-color: #c9595e;
        border-color: #dc3545;
        color: #fff;
    }

    #subscriptions-page-layout .actionButton.resub {
        margin-top: 20px;
        background-color: #84bf8e;
        border: 1px solid #82bb8b;
        color: #fff;
    }

    #subscriptions-page-layout .imgProduct {
        margin-top: 0;
        margin-right: 15px;
    }

    .full-text { display: none; }
    .short-text { display: inline-block; }

    #index-page-layout #athome {
        position: relative;
    }

    :root {
        --gutter: 20px;
        --placeholder-color: #B9C2C8;
    }

    #company-page-layout .containerProducts .col-lg-4 {
        margin-bottom: 20px;
    }


    .payment-page-layout-product #paymentSection .globalcontainer {
        display: block;
    }

    .payment-page-layout-product #paymentSection #productBackgroundOverlay {
        position: relative;
        min-height: inherit;
    }

    .payment-page-layout-product #productBackgroundOverlay .gridProductImages {
        margin: 1rem -2rem 0 -2rem;
        gap: 0 0;
    }

    .payment-page-layout-product #paymentSection .bg {
        display: none;
    }

    .payment-page-layout-product #paymentSection #productBackgroundOverlay #backSection {
        margin-left: 0;
    }

    #index-page-layout #athome .app {
        display: grid;
        grid-gap: var(--gutter) 0;
        /* grid-template-columns: var(--gutter) 1fr var(--gutter); */
        width: calc(100% + 4rem);
        margin-right: -2rem;
        padding-left: 0;
        margin-left: -2rem;
        align-content: start;
    }

    #index-page-layout #athome .app > * {
        grid-column: 2 / -2;
    }

    #index-page-layout #athome .app > .full {
        grid-column: 1 / -1;
    }


    #index-page-layout #athome .hs .item {
        width: inherit;
        padding-left: 0;
        padding-right: 0;
    }




    #index-page-layout #athome .hs {
        /*background: red;*/
        margin-left: 0;
        margin-right: 0;
        display: grid;
        margin-top: -20px;
        padding-top: 20px;
        grid-gap: calc(var(--gutter));
        grid-template-columns: 20px repeat(3, calc(55% - var(--gutter) * 2)) 20px;
        grid-template-rows: minmax(150px, 1fr);
        overflow-x: scroll;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        padding-bottom: calc(.75 * var(--gutter));
        margin-bottom: calc(-.25 * var(--gutter));
    }
    #index-page-layout #athome .hs::before,
    #index-page-layout #athome .hs::after {
        content: '';
    }
    #index-page-layout #athome #index-page-layout #athome .imageProgram {
        height: 200px;
    }

    #profile-page .cardContainer .selectedIcon {
        margin-top: -2px;
    }

    #profile-page .cardContainer .cardNumberTitle {
        margin-top: 15px;
    }

    #profile-page .cardContainer .cardNumberTitle .title {
        font-size: 15px;
    }

    #profile-page .cardContainer .cardFill img {
        margin-top: -2px;
    }

    #profile-page .cardContainer .cardNumberInsight {
        margin-top: 10px;
    }

    .trialformvalid .mockupSubscribed, #faq-page-layout .mockupSubscribed {
        width: 135%;
    }

    #prog-page-layout #coaches .coachCardExpanded {
        padding-top: 25px !important;
    }

    #index-page-layout #buildSection {
        height: inherit;
    }

    header.globalNav .globalcontainer {
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    #signupModal .dl-app .column {
        padding: 0 0.3rem;
    }

    #signupModal .dl-app img {
        max-height: 2.5rem;
    }

    #index-page-layout #mainBanner .mainTitle {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 54px;
    }
    #index-page-layout #mainBanner .baseline {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 0;
    }

    #index-page-layout #mainSection {
        padding: 50px 0;
    }

    #index-page-layout #mainSection h4 {
        margin-bottom: 5px;
    }

    #index-page-layout #mainSection .imgHighlight {
        margin-top: 20px;
    }

    #index-page-layout #buildSection h4 {
        margin-top: 0;
    }

    #loginSection .bgContainer {
        width: 30%;
    }

    .ascendPage #loginSection {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .ascendPage #loginSection .bgContainer {
        width: calc(100% - 30px);
        position: relative;
        height: 146px;
        min-height: 0;
        border-radius: 8px;
        margin: 15px;
    }

    #loginSection #loginContainer {
        width: 70%;
        padding: 40px;
    }

    .ascendPage #presentation .pricing {
        gap: 10px;
    }

    .ascendPage #loginSection #loginContainer {
        width: 100%;
        height: inherit;
        overflow: inherit;
        padding: 30px 30px 0 30px;
    }

    .ascendPage #presentation .mockupsAscend {
        margin-right: -40px;
        margin-left: -40px;
    }

    #mainBanner {
        height: 300px;
        background: #000 url('img/banner.jpg') center center;
        background-size: cover !important;
    }

    #mainBanner #profileSection .profileImage img {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        margin-right: 20px;
        margin-top: -15px;
    }

    #mainBanner #profileSection .nameLabel {
        font-size: 20px;
    }

    #mainBanner #profileSection .byLabel {
        font-size: 13px;
        margin-top: 7px;
        padding-left: 80px;
    }

    #coaches .coachCard {
        height: inherit;
        margin-bottom: 30px;
    }

    #mainBanner #profileSection #socialBanner {
        display:none;
    }

    #mainBanner #infoSection {
        bottom: 30px;
    }

    #mainMenu {
        height: inherit;
        padding: 10px 0;
    }

    #mainMenu li {
        line-height: 30px;
    }

    #profileSection .profileImage {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        margin-right: 20px;
        margin-top: -10px;
    }

    #mainMenu ul {
        flex-direction: column;
        column-gap: 20px;
        row-gap: 10px;
    }

    #aboutCompany, #programs, #coaches, #benefits, #testimonials {
        padding: 50px 0;
    }

    #aboutCompany .grid-container {
        height: 250px;
        gap: 20px 20px;
    }

    #programs .globalcontainer .activePrograms {
        right: 30px;
        top: 5px;
    }

    #programs .containerPrograms {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    #programs .programInsight {
        margin-bottom: 25px;
    }

    #programs .globalcontainer .containerButton {
        margin-top: 40px;
    }

    #coaches .coachCard .profileInfo img.coachImage {
        width: 60px;
        height: 60px;
        border-radius: 30px;
    }

    #coaches .coachCard .nameLabel {
        font-size: 17px;
        margin-top: 10px;
    }

    #coaches .coachCard .social {
        margin-top: 7px;
    }

    #benefits .card {
        margin-bottom: 25px;
    }

    #benefits .secondLine {
        margin-top: 0;
    }

    #testimonials .card {
        margin-bottom: 25px;
    }

    #quickInsight.displayed {
        position: relative;
        border-top: none;
        border-bottom: none;
        z-index: 2;
        top: inherit;
    }

    #prog-page-layout.menuFixedDisplayed #progDetails {
        padding-top: 50px;
    }

    /* PROG PAGE */
    #mainBanner #backSection {
        left: 30px;
    }

    #quickInsight {
        height: auto;
        padding-bottom: 30px;
    }

    #quickInsight .quickInsightContainer {
        display: block
    }

    #quickInsight .quickInsightContainer .infoLabel {
        font-size: 15px;
    }

    #quickInsight .quickInsightContainer .valueLabel {
        font-size: 18px;
    }

    #quickInsight .quickInsightContainer .subscribeProg {
        display: block;
    }

    #quickInsight .quickInsightContainer .subscribeProg button {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }

    #quickInsight .quickInsightContainer .quickInfo {
        display: flex;
        justify-content: space-between;
        flex-basis: 100%;
        margin: 0;
    }

    #infoSection .subscribeProg, #infoSection .cancelSubscription {
        display: none;
    }

    #progDetails {
        padding: 50px 0;
    }

    #coaches .coachCardExpanded {
        padding-top: 80px;
    }

    #coaches .coachCardExpanded .viewFullProfileButton {
        top:25px;
        display: none;
    }

    #coaches .coachCardExpanded .imgMedia {
        float: inherit;
        display: inline-block;
    }

    #coaches .coachCardExpanded .img1 {
        margin-right: 6%;
    }

    #coaches .coachCardExpanded .imgMedia {
        width: 46%;
    }

    #coaches .coachCardExpanded .moreInfo {
        display: block;
        margin-top: 0;
    }

    #coaches .coachCardExpanded .moreInfo .mediaPart {
        width: 100%;
    }

    #coaches .coachCardExpanded h6 {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 400px) {
    #index-page-layout #athome .hs {
        grid-template-columns: 20px repeat(3, calc(80% - var(--gutter) * 2)) 20px;
    }
}

@media only screen and (max-width: 370px) {
        #payment-page-layout .cardContainer .cardNumberTitle {
            margin-top: 30px;
        }
}

@media (min-width: 880px){
    footer .metaNav {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 20px;
    }

    footer .globalcontainer {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    footer .siteNav {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 4;
    }


}

@media (max-width: 670px){

    /* FOOTER */

    footer .headerFooter .changeLanguage {
        padding-left: 1.5rem;
    }

    footer .social {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    footer .social .insta {
        margin-right: 0;
        font-size: 0.9rem;
    }

    footer .copyright{
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 1rem;
        font-size: 0.8rem;
    }

    footer .headerFooter .menu-r li a {
        font-size: 0.8rem;
    }

    footer .headerFooter .menu-r li {
        margin-right: 0;
    }

    footer .mainlistMobile {
        display: block;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
        overflow: hidden;
        max-width: 100%;
        text-align: center;
    }

    footer .mainlist {
        display: none;
    }

    footer .mainlist li {
        display: inherit;
        margin-right: 0;
    }

    footer .disclaimer {
        display:none;
    }

    footer .subfooter {
        padding-top: 1rem;
    }

    footer .menu-r {
        display: none;
    }

    footer .menu-r-mobile {
        font-size: 0.75rem;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    footer .menu-r-mobile li {
        display: inline;
    }

    footer .menu-r-mobile li a{
        color: #6C6C6C;
    }

    #subscriptionsTable_filter input {
        width: 100%;
    }

    #loginSection {
        width: 100%;
        display: block;
    }

    #loginSection .bgContainer {
        /*width: 100%;*/
        /*height: 100px;*/
        /*min-height: 100px;*/
        width: 100%;
        position: absolute;
        height: 100%;
        min-height: 100vh;}

    #loginSection .bgContainer::before {
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        background-image: url(https://scontent-mrs2-1.xx.fbcdn.net/v/t1.0-9/62435485_372167283425452_5255744672592035840_o.jpg?_nc_cat=108&_nc_sid=e007fa&_nc_ohc=Uz4wNYCF4CQAX-G3eFT&_nc_ht=scontent-mrs2-1.xx&oh=968139c495f4f6ede635bb507aaaaed3&oe=5F5452A6);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        overflow: hidden;
        filter: grayscale(100%);
    }

    #loginSection #loginContainer {
        width: 100%;
        height: 100vh;
        padding: 40px;
        /*background: rgba(255,255,255,0.8);*/
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
    }
}