/*974edb234a79fcd42e324a7cf5b9b33a*/
.g-logo {
    display: flex;
    justify-content: right;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1vw;
    box-shadow: none !important;
    line-height: normal;
    max-width: 400px;
    align-items: center;
    white-space: nowrap
}

.g-content {
    margin: 0.625rem;
    padding: 0.3rem
}

.g-main-nav .g-toplevel>li>.g-menu-item-container,
.g-main-nav .g-sublevel>li>.g-menu-item-container {
    padding: 0.325rem 1.5rem;
    font-size: 0.8vw;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    transition: 0.35s ease
}

#g-navigation .g-main-nav .g-toplevel>li:hover>.g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel>li.active>.g-menu-item-container {
    color: #28B9FF
}

.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
    word-break: normal;
    line-height: normal;
    text-transform: capitalize
}

#g-top {
    color: #EEEEEE;
    text-shadow: 1px 1px 2px #ff0000;
    font-size: 1.7rem;
    font-weight: bold;
    background-image: url('../../../../images/topback.jpg')
}

.section-horizontal-paddings {
    padding-left: 5%;
    padding-right: 5%
}

.g-main-nav .g-toplevel {
    width: 100%;
    display: block
}

.g-main-nav .g-sublevel>li>.g-menu-item-container {
    color: #559ED3 !important;
    background: #6B203C
}

.g-main-nav .g-sublevel>li:hover>.g-menu-item-container {
    color: #FFFFFF !important;
    background: #559ED4
}

.size-50 {
    flex: 0 100%;
    width: 100%
}

/* 4-apr-2024 */
section#g-container-main .platform-content.container {
    padding: 0;
}

form#chronoform-membership {
    max-width: 100%;
    margin: 30px auto 0 140px;
    position: relative;
    row-gap: 8px;
}

form#chronoform-membership .field.holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 450px;
}

input#required {
    display: none;
}

form#chronoform-membership .field.holder label {
    width: 160px;
    color: #4d4d4d;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    padding-left: 13px;
}

form#chronoform-membership .field.holder:first-child label {
    color: #4d4d4d94;
}

form#chronoform-membership .field.holder label span {
    position: absolute;
    left: 0;
    top: 0;
}

form#chronoform-membership .field.holder input:focus-visible {
    outline: unset;
}

form#chronoform-membership .field.holder input, form#chronoform-membership .field.holder .select.selection, form#chronoform-membership .field.holder .input.iconed {
    width: 63%;
    border: 1px solid #999;
    border-radius: unset;
    padding: 2px 6px;
    font-size: 12px;
}

form#chronoform-membership .field.holder .input.iconed input#birthdate, form#chronoform-membership .field.holder .input.iconed input#phone {
    width: 100%;
    border: unset;
    padding: 0;
}

form#chronoform-membership a.chronocredits {
    display: none;
}

form#chronoform-membership button#submit {
    background-color: #1e7fe3;
    color: #fff;
    border-radius: unset;
    font-weight: 600;
    border: 2px solid #1e7fe3 !important;
    margin-top: 20px;
}

form#chronoform-membership button#cancel {
    position: absolute;
    bottom: 0;
    left: 110px;
    background-color: transparent;
    border: 2px solid #1e7fe3 !important;
    color: #1e7fe3 !important;
    border-radius: unset;
}

form#chronoform-membership .field.holder span.errormsg {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 50px;
}

form#chronoform-membership hr {
    background-color: #ccc;
    height: 1px;
}

@media (max-width:991px){
    form#chronoform-membership {
        margin: 30px auto 0 0px;
    }
}

@media (max-width:600px){
    form#chronoform-membership .field.holder {
        flex-direction: column;
    }
    form#chronoform-membership .field.holder label {
        width: 100%;
        margin: 0;
    }
    form#chronoform-membership .field.holder input, form#chronoform-membership .field.holder .select.selection, form#chronoform-membership .field.holder .input.iconed {
        width: 100%;
    }
    form#chronoform-membership .field.holder span.errormsg {
        text-align: start;
        padding-left: 0;
    }
}