.ql-login-widget,
    .ql-login-widget *,
    .ql-login-widget :after,
    .ql-login-widget :before {
        box-sizing: border-box
    }

    .ql-login-body {
        font-family: Ciutadella, Ciutadella-Regular, sans-serif !important;
        font-size: 16px
    }

    .ql-login-grey-bg {
        margin: 1rem 0;
        background-color: #f4f5f6;
        width: 100%
    }

    .ql-login-grey-bg:after {
        content: " ";
        display: block;
        clear: both
    }

    .ql-login-transparent-bg {
        margin: 1rem 0;
        background-color: transparent;
        width: 100%
    }

    .ql-login-transparent-bg:after {
        content: " ";
        display: block;
        clear: both
    }

    .ql-login-wrapper {
	  margin:0 auto;
	  padding-bottom:30px
	}
	@media(min-width:480px) {
	  .ql-login-wrapper {
		min-height:calc(80vh - 220px);
		width:400px;
		background:#fff
	  }
	}
	.ql-login-wrapper .ql-login-widget {
	  border-top:5px solid #e00000;
	  background-color:#fff;
	  padding:30px;
	  box-shadow:0 15px 25px -8px rgba(0,0,0,.35);
	  border-radius:0 0 4px
	}
	.ql-login-wrapper.ql-login-wrapper--wide {
	  background-color:#f4f5f6;
	  -ms-flex-pack:center;
	  justify-content:center;
	  display:-ms-flexbox;
	  display:flex
	}
	@media(min-width:768px) {
	  .ql-login-wrapper.ql-login-wrapper--wide {
		width:unset;
		-ms-flex-align:center;
		align-items:center;
		position:relative
	  }
	}
	@media(min-width:376px) {
	  .ql-login-wrapper.ql-login-wrapper--wide {
		margin:0;
		width:100%
	  }
	}
	.ql-login-black-bg {
	  color:#fff!important;
	  margin:1rem 0;
	  background-color:#323232;
	  width:100%
	}
	.ql-login-black-bg:after {
	  content:" ";
	  display:block;
	  clear:both
	}
	.ql-login-widget {
	  color:#222;
	  margin:15px 0 0;
	  font-weight:400;
	  font-style:normal;
	  line-height:1.5;
	  position:relative;
	  cursor:auto;
	  clear:both
	}
	.ql-login-widget.ql-login-widget--wide {
	  box-shadow:0 1px 3px rgba(0,0,0,.2)
	}
	@media(min-width:768px) {
	  .ql-login-widget.ql-login-widget--wide {
		width:400px;
		min-height:600px
	  }
	}
	.ql-login-widget input[type=email],
	.ql-login-widget input[type=password],
	.ql-login-widget input[type=tel],
	.ql-login-widget input[type=text] {
	  font-family:Ciutadella-Regular,sans-serif;
	  -webkit-appearance:none;
	  appearance:none
	}

    .ql-login-row {
        width: 100%;
        margin: 0 auto;
        max-width: 62.5rem
    }

    .ql-login-row:after {
        content: "";
        display: block;
        clear: both
    }

    .ql-login-row .ql-login-row {
        width: auto;
        margin: 0 -.9375rem;
        max-width: none
    }

    .ql-login-column {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
        width: 100%
    }

    .ql-login-subheader {
        font-size: 20px
    }

    @media only screen and (min-width:48em) {
        .ql-login-4 {
            width: 33.3333333333%
        }
    }

    @media only screen and (min-width:60em) {
        .ql-login-offset-5 {
            margin-left: 41.6666666667% !important
        }
    }

    @media only screen and (min-width:60em) {
        .ql-login-7 {
            width: 58.3333333333%
        }

        .ql-login-8 {
            width: 66.3333333333%
        }
    }

    @media only screen and (min-width:48em) {
        .ql-login-5 {
            width: 41.6666666667%
        }
    }

    @media only screen and (max-width:48em) {
        .ql-login-force-width {
            width: 100% !important
        }
    }

    .ql-login-12 {
        width: 100%
    }

    .ql-login-2 {
        width: 16.6666666667%
    }

    .ql-login-4 {
        width: 33.3333333333%
    }

    .ql-login-8 {
        width: 66.6666666667%
    }

    .ql-login-10 {
        width: 83.3333333333%
    }

    .ql-login-link {
        color: #e30000;
        text-decoration: none;
        font-size: 14px
    }

    .ql-login-link:link {
        color: #e30000
    }

    .ql-login-link:hover {
        text-decoration: underline
    }

    .ql-login-link-inline-label {
        position: absolute;
        right: 16px;
        top: 0
    }

    .ql-login-black-bg .ql-login-link {
        color: #fff
    }

    .ql-login-widget>.ql-login-parent-container>.ql-login-row>.ql-login-column,
    .ql-login-widget>.ql-login-row>.ql-login-column {
        margin-bottom: 16px
    }

    .ql-login-widget>.ql-login-parent-container>.ql-login-row>.ql-login-column-margin-top,
    .ql-login-widget>.ql-login-row>.ql-login-column-margin-top {
        margin-top: 16px
    }

    .ql-login-widget .ql-login-row .small {
        font-size: 80%
    }

    .ql-login-widget-heading {
        text-align: center;
        font-size: 16px
    }

    .ql-login-widget-heading h1 {
        padding-bottom: 0;
        padding-top: 16px;
        font-size: 24px;
        font-weight: 400;
        line-height: 1.3333;
        margin-bottom: 0;
        margin-top: 0
    }

    .ql-login-widget-heading-text-continue {
        letter-spacing: .1px;
        line-height: 1.5;
        padding-bottom: 0;
        padding-top: 8px
    }

    .ql-login-facebook-button,
    .ql-login-submit-button,
    .ql-pinreset-submit-button {
        cursor: pointer;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.5px;
        color: #fff;
        font-weight: 700;
        height: 48px;
        width: 100%;
        text-align: center;
        border: none;
        transition: background-color .2s
    }

    .ql-login-submit-button,
    .ql-pinreset-submit-button {
        background-color: #e00
    }

    .ql-login-facebook-button {
        background-color: #2553b4;
        position: relative;
        padding: 10px 0;
        margin: 15px 0
    }

    .facebook-icon {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%)
    }

    .ql-login-submit-button:hover,
    .ql-pinreset-submit-button:hover {
        background-color: #cd0000
    }

    .ql-login-submit-button:active,
    .ql-pinreset-submit-button:active {
        background-color: #870000
    }

    button.ql-login-submit-button:disabled,
    button.ql-login-submit-button[disabled],
    button.ql-pinreset-submit-button:disabled,
    button.ql-pinreset-submit-button[disabled] {
        background-color: #ccc
    }

    .ql-login-input,
    body div.wrapper div#main .LSLLoginForm-container form input {
        width: 100%;
        height: 48px;
        font-size: 16px !important;
        color: #323232;
        line-height: 20px;
        padding: 10.5px 14px 12px !important;
        border: 2px solid #dadada !important;
        border-radius: 0;
		direction: ltr;
    }

    .ql-login-input::-ms-clear,
    body div.wrapper div#main .LSLLoginForm-container form input::-ms-clear {
        display: none
    }

    .ql-login-input:focus,
    body div.wrapper div#main .LSLLoginForm-container form input:focus {
        outline: none;
        border-color: #90e2df !important;
        box-shadow: inset 0 0 0 1px #8de2e0
    }

    .ql-login-input--validation-error {
        outline: none;
        border-color: #ed710b
    }

    .ql-login-widget__label {
        float: left;
        font-size: 14px
    }

    .ql-login-pin-row {
        max-width: 168px
    }

    .ql-login-error {
        background: #fcebcd
    }

    .ql-login-error,
    .ql-login-success {
        padding: 15px;
        color: #222 !important;
        margin-top: 10px
    }

    .ql-login-success {
        background: #bff4f2
    }

    .ql-login-exclamation-icon {
        float: left
    }

    .ql-login-tick-icon {
        float: left;
        margin-top: 5px
    }

    .ql-login-error-text,
    .ql-login-success-text {
        margin-left: 30px
    }

    .ql-login-aem-links a {
        font-size: 18px;
        color: #323232;
        text-decoration: none;
        cursor: pointer
    }

    .ql-login-aem-links a:hover {
        text-decoration: underline
    }

    .ql-login-widget ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .ql-login-widget li {
        margin: 0 0 5px;
        list-style: none
    }

    .ql-login-widget li a:focus {
        outline: 5px auto -webkit-focus-ring-color
    }

    .ql-login-member-details {
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        padding: 20px;
        margin-top: 0 !important;
        z-index: 2;
        overflow: hidden
    }

    .ql-login-member-details-body {
        position: relative;
        z-index: 1
    }

    .ql-login-diamond-decal {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .ql-login-background-bronze {
        background: #d20000;
        background: linear-gradient(90deg, #d20000 0, #f70500);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d20000", endColorstr="#f70500", GradientType=1)
    }

    .ql-login-background-silver .ql-login-diamond-decal {
        fill: #f70500
    }

    .ql-login-background-silver {
        background: #aaa;
        background: linear-gradient(90deg, #aaa 0, #c8c8c8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aaaaaa", endColorstr="#c8c8c8", GradientType=1)
    }

    .ql-login-background-silver .ql-login-diamond-decal {
        fill: #c8c8c8
    }

    .ql-login-background-gold {
        background: #bea675;
        background: linear-gradient(90deg, #bea675 0, #dcbe87);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bea675", endColorstr="#dcbe87", GradientType=1)
    }

    .ql-login-background-gold .ql-login-diamond-decal {
        fill: #dcbe87
    }

    .ql-login-background-platinum {
        background: #282828;
        background: linear-gradient(90deg, #282828 0, #3c3c3c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282828", endColorstr="#3c3c3c", GradientType=1)
    }

    .ql-login-background-platinum .ql-login-diamond-decal {
        fill: #3c3c3c
    }

    .ql-login-background-platinum-one {
        background: #e1e1e1;
        background: linear-gradient(90deg, #e1e1e1 0, #f0f0f0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e1e1", endColorstr="#f0f0f0", GradientType=1)
    }

    .ql-login-background-platinum-one .ql-login-diamond-decal {
        fill: #f0f0f0
    }

    .ql-login-background-chairmans-lounge {
        background: #1e1e1e;
        background: linear-gradient(90deg, #1e1e1e 0, #323232);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e1e1e", endColorstr="#323232", GradientType=1)
    }

    .ql-login-background-chairmans-lounge .ql-login-diamond-decal {
        fill: #323232
    }

    .ql-login-background-gold,
    .ql-login-background-platinum-one,
    .ql-login-background-silver {
        color: #323232
    }

    .ql-login-background-gold .ql-person-circle-icon .ql-login-icon-body,
    .ql-login-background-platinum-one .ql-person-circle-icon .ql-login-icon-body,
    .ql-login-background-silver .ql-person-circle-icon .ql-login-icon-body {
        fill: #323232
    }

    .ql-login-background-gold .ql-person-circle-icon .ql-login-icon-outline,
    .ql-login-background-platinum-one .ql-person-circle-icon .ql-login-icon-outline,
    .ql-login-background-silver .ql-person-circle-icon .ql-login-icon-outline {
        stroke: #323232
    }

    .ql-login-logout-button {
        cursor: pointer;
        background-color: #f4f5f6;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.5px;
        color: #e00;
        font-weight: 700;
        height: 48px;
        width: 100%;
        text-align: center;
        border: 1px solid #e3000b;
        transition: background-color .2s;
        margin-bottom: 20px
    }

    .ql-login-logout-button:hover {
        color: #fff;
        background-color: #cd0000;
        border: 2px solid #cd0000
    }

    .ql-login-logout-button:active {
        color: #fff;
        border: 2px solid #870000;
        background-color: #870000
    }

    .ql-login-logout-button:focus {
        color: #fff
    }

    .ql-login-points-count {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ql-login-no-margin {
        margin: 0 !important
    }

    .ql-login-triangle__outer {
        border-bottom: 10px solid #fcebcd;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        left: 50%;
        position: absolute;
        top: 3px;
        left: 20px
    }

    .ql-login-triangle__inner {
        border-bottom: 8px solid #fcebcd;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        left: 50%;
        position: absolute;
        top: 4px;
        left: 20px
    }

    .ql-login-border-orange {
        /* border: 2px solid #ed710b !important; */
    }

    .ql-login-required {
        background-color: #fcebcd;
        border: .5px solid hsla(0, 0%, 59%, 0);
        font-size: 14px;
        color: #323232;
        padding: 10px 13px
    }

    .ql-login-required-container {
        padding-top: 20px;
        position: relative
    }

    .ql-login-not-member-text,
    .ql-login-not-member-text a {
        font-size: 16px
    }

    .ql-login-footnote svg {
        margin-left: 5px
    }

    .ql-login-error-heading {
        font-size: 16px;
        font-weight: 700
    }

    .ql-login-error-sub-heading {
        font-size: 14px
    }

    .checkbox-icon {
        display: inline-block;
        margin-right: 8.5px;
        position: absolute
    }

    .checkbox-icon__box {
        margin-bottom: -7px
    }

    .checkbox-icon__box:active,
    .checkbox-icon__box:focus {
        outline: none
    }

    .checkbox-icon__tick {
        left: 0;
        position: absolute;
        top: 0
    }

    .checkbox-icon__tick:active,
    .checkbox-icon__tick:focus {
        outline: none
    }

    .checkbox-icon__box-border {
        stroke: #dadada
    }

    .checkbox-icon__box-border--focused {
        stroke: #90e2df
    }

    .ql-login-checkbox-container {
        min-height: 48px;
        padding: 11px 15px 11px 0
    }

    .ql-login-checkbox-label {
        font-size: 14px;
        position: relative
    }

    .ql-login-checkbox-label-text {
        background-repeat: no-repeat;
        background-size: 24px 24px;
        display: inline-block;
        font-size: 14px;
        height: 24px;
        margin-top: 2px;
        padding-left: 35px
    }

    .ql-login-checkbox {
        height: 10px;
        position: absolute;
        width: 10px
    }

    .ql-login-checkbox:focus {
        outline: none
    }

    .ql-login-checkbox-wrapper {
        margin: 0 0 1em
    }

    .TChkbox .ql-login-checkbox-wrapper {
        margin-bottom: 0
    }

    .ql-login-lightbox-open {
        overflow: hidden
    }

    .ql-login-lightbox {
        display: none;
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        -webkit-overflow-scrolling: touch;
        outline: 0
    }

    .ql-login-lightbox.fade .ql-login-lightbox-dialog {
        transform: translateY(-25%);
        transition: transform .3s ease-out
    }

    .ql-login-lightbox.in .ql-login-lightbox-dialog {
        transform: translate(0)
    }

    .ql-login-lightbox-open .ql-login-lightbox {
        overflow-x: hidden;
        overflow-y: auto
    }

    .ql-login-lightbox-dialog {
        position: relative;
        max-width: 360px;
        margin: 10px auto
    }

    .ql-login-lightbox button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none
    }

    .ql-login-lightbox .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
        filter: alpha(opacity=20)
    }

    .ql-login-lightbox .close:focus,
    .ql-login-lightbox .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .ql-login-lightbox-content {
        position: relative;
        background-color: #f4f5f6;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        background-clip: padding-box;
        outline: 0
    }

    .ql-login-lightbox-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000
    }

    .ql-login-lightbox-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .ql-login-lightbox-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .ql-login-lightbox .modal-header {
        padding: 10px 15px 0
    }

    .ql-login-lightbox .modal-header .close {
        margin-top: -2px
    }

    .ql-login-lightbox .modal-title {
        margin: 0;
        line-height: 1.42857143;
        text-align: center;
        margin-top: 20px;
        font-size: 24px
    }

    .ql-login-lightbox .modal-body {
        position: relative;
        padding: 0 15px
    }

    .ql-login-lightbox .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5
    }

    .ql-login-lightbox .modal-footer .btn+.btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .ql-login-lightbox .modal-footer .btn-group .btn+.btn {
        margin-left: -1px
    }

    .ql-login-lightbox .modal-footer .btn-block+.btn-block {
        margin-left: 0
    }

    .ql-login-lightbox-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    @media (min-width:768px) {
        .ql-login-lightbox-dialog {
            max-width: 360px;
            margin: 30px auto
        }

        .ql-login-lightbox-content {
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
        }

        .ql-login-lightbox-sm {
            width: 300px
        }
    }

    @media (min-width:992px) {
        .ql-login-lightbox-lg {
            width: 900px
        }
    }

    .ql-login-lightbox .modal-footer:after,
    .ql-login-lightbox .modal-footer:before,
    .ql-login-lightbox .modal-header:after,
    .ql-login-lightbox .modal-header:before {
        content: " ";
        display: table
    }

    .ql-login-lightbox .modal-footer:after,
    .ql-login-lightbox .modal-header:after {
        clear: both
    }

    .ql-login-security-link {
        font-size: 14px;
        min-height: 48px;
        padding: 11px 15px 11px 0;
        position: relative
    }

    .ql-login-security-link,
    .ql-login-security-link a:link,
    .ql-login-security-link a:visited {
        color: #767676;
        text-decoration: none
    }

    .ql-login-security-link a:active,
    .ql-login-security-link a:hover {
        color: #767676;
        text-decoration: underline
    }

    .ql-login-security-link img {
        background: url("") no-repeat transparent;
        margin-right: 5px;
        height: 13px;
        width: 11px
    }

    .ql-login-pull-right {
        float: right
    }

    .ql-login-pull-left {
        float: left
    }

    .ql-login-text-center {
        text-align: center
    }

    .ql-login-clearfix {
        overflow: auto
    }

    .ql-login-button-reset {
        border: none;
        background: none;
        padding: 0;
        margin: 0
    }

    .ql-login-button-link {
        color: #e00;
        cursor: pointer
    }

    .ql-login-button-link:hover {
        color: #e00;
        background: none
    }

    .ql-login-mandatory {
        font-weight: 700
    }

    .ql-login-mandatory:after {
        content: "*"
    }

    .ql-login-dropdown-component {
        float: left
    }

    .ql-login-dropdown-component-day {
        width: 28%;
        max-width: 90px
    }

    .ql-login-dropdown-component-month {
        width: 42%;
        max-width: 110px
    }

    .ql-login-dropdown-component-year {
        width: 30%;
        max-width: 100px
    }

    .ql-login-dropdown-component-select {
        background-color: #fff;
        position: relative;
        height: 48px;
        width: 100%;
        line-height: 40px;
        border: 2px solid #dadada;
        padding: 5px 10px;
        border-radius: 0
    }

    .ql-login-dropdown-component-select .ql-login-dropdown-component-select-placeholder {
        position: relative;
        width: 100%;
        height: 100%;
        display: block
    }

    .ql-login-dropdown-component-select .ql-login-dropdown-component-select-placeholder:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 0;
        height: 0;
        margin-top: -4px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #999
    }

    .ql-login-dropdown-component-select select {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        background: #fff;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

    .ql-login-dropdown-component-day .ql-login-dropdown-component-select,
    .ql-login-dropdown-component-month .ql-login-dropdown-component-select {
        border-right: 0
    }

    .ql-login-dropdown-component-select-focus {
        outline: none;
        border: 2px solid #dadada !important;
        border-color: #90e2df !important;
        box-shadow: inset 0 0 0 1px #8de2e0
    }

    .ql-login-lightbox-content span.sr-only {
        display: none
    }

    .ql-login-radio>label {
        display: block
    }

    .ql-login-radio>label>input[type=radio] {
        margin-right: 10px
    }

    .seperator {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ddd;
        line-height: .1em;
        margin: 15px 0 0
    }

    .seperator span {
        background: #f2f3f5;
        padding: 0 10px;
        font-size: 12.8px;
        color: #323232
    }

    .verify-another-way {
        font-size: 14px;
        font-weight: 500
    }

    .disabled-link {
        cursor: not-allowed;
        color: #ccc
    }

    .mfa-option-row {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .mfa-option-row-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        height: 4rem;
        margin-top: 0 !important;
        margin-bottom: 0;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .ql-login-wrapper .mfa-option-row div:hover {
        background-color: #f2f2f2
    }

    .mfa-option-row div:hover {
        margin-top: 10px;
        background-color: #fff;
        background-clip: border-box;
        border-top-color: #000;
        border-top-style: dashed;
        border-top-width: 1px;
        border-bottom-color: #000;
        border-bottom-style: dashed;
        border-bottom-width: 1px
    }

    .mfa-option-row .mfa-option-row-active:hover {
        cursor: pointer
    }

    .mfa-option-row.dark .mfa-option-row-active:hover {
        cursor: pointer;
        color: #000
    }

    .mfa-option-row .mfa-option-row-inactive:hover {
        cursor: not-allowed
    }

    .mfa-option-row-inactive {
        cursor: not-allowed;
        color: grey
    }

    .ql-login-email-icon {
        padding: 10px 20px 10px 15px
    }

    .mfa-option-row-message {
        -ms-flex-preferred-size: 68%;
        flex-basis: 68%
    }

    .mfa-method-message {
        float: none
    }

    .widget__theme--dark .qfa1-ffLogin_container .ql-login-widget .mfa-option-row .mfa-option-row-active:hover {
        color: #000
    }
    
    
    #optanon ul#optanon-menu li {
        background-color: #F4F5F6 !important
    }

    #optanon ul#optanon-menu li.menu-item-selected {
        background-color: #DADADA !important
    }

    #optanon #optanon-popup-wrapper .optanon-white-button-middle {
        background-color: #E40000 !important
    }

    .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
        background-color: #E40000 !important;
        border-color: #E40000 !important;
    }

    #optanon #optanon-popup-wrapper .optanon-white-button-middle button {
        color: #ffffff !important
    }

    .optanon-alert-box-wrapper .optanon-alert-box-button-middle button {
        color: #ffffff !important
    }

    #optanon #optanon-popup-bottom {
        background-color: #FFFFFF !important
    }

    #optanon.modern #optanon-popup-top,
    #optanon.modern #optanon-popup-body-left-shading {
        background-color: #FFFFFF !important
    }

    .optanon-alert-box-wrapper {
        background-color: #90e2df !important
    }

    .optanon-alert-box-wrapper .optanon-alert-box-bg p {
        color: #323232 !important
    }

    .optanon-alert-box-wrapper .banner-content {
        font-family: "Ciutadella", Helvetica, Arial, sans-serif;
        font-size: 1.125rem !important;
    }

    .optanon-alert-box-wrapper .banner-content .banner-policy-link {
        font-family: "Ciutadella", Helvetica, Arial, sans-serif;
        font-size: 1.125rem !important;
        color: #323232 !important
    }

    .optanon-alert-box-wrapper .banner-content .banner-policy-link:before {
        content: 'View our ';
        color: #323232 !important
    }

    .optanon-alert-box-wrapper .banner-content .banner-policy-link:after {
        content: '.';
        color: #323232 !important
    }

    .optanon-alert-box-wrapper .optanon-alert-box-button-middle,
    .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
        padding: 0;
        border: none !important;
        background: none !important;
    }

    .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle .cookie-settings-button {
        border: none;
        padding: 8px 18px;
        font-size: 9pt;
        font-weight: bold;
        border: 1px solid #323232 !important;
        border-radius: .1875rem;
        text-transform: uppercase;
        color: #323232 !important;
        font-size: 1rem;
    }

    .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:before {
        display: none;
    }

    .optanon-alert-box-wrapper .optanon-alert-box-button-middle .accept-cookies-button {
        border: none;
        padding: 8px 18px;
        font-size: 9pt;
        font-weight: bold;
        background-color: #E40000;
        border: 1px solid #E40000 !important;
        border-radius: .1875rem;
        text-transform: uppercase;
        font-size: 1rem;
    }

    .optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle button:before {
        display: none;
    }

    .optanon-alert-box-wrapper .optanon-alert-box-bg p {
        padding-right: 40px;
    }
    
    
    .lp_mouseover_container>.lp_qantas_invitation>.lp_qantas_image img {
        width: 20px;
        height: 20px;
        position: relative;
        top: 15px;
        left: 15px
    }

    .lp_mouseover_container>.lp_qantas_invitation>.lp_qantas_text {
        font-size: 14px;
        font-weight: 500;
        line-height: 50px;
        color: #FFF;
        opacity: 0;
        transition: opacity 0.1s ease-out 0.05s;
        position: relative;
        top: -20px;
        left: 42px;
        font-family: Helvetica
    }

    .lp_mouseover_container>.lp_qantas_invitation:hover>.lp_qantas_image+.lp_qantas_text {
        opacity: 1;
        transition: opacity 0.4s ease-in 0.2s
    }

    .lp_mouseover_container>.lp_qantas_invitation:hover {
        width: 225px !important;
        transition: width 0.3s ease-in-out 0.1s
    }

    .lp_mouseover_container>.lp_qantas_invitation {
        height: 50px !important;
        width: 50px !important;
        background-color: #EE0000 !important;
        border-radius: 25px;
        box-shadow: 2px 3px 13px -1px rgba(0, 0, 0, .25);
        position: fixed;
        bottom: 68px;
        right: 28px;
        transition: width 0.3s ease-in-out 0.1s
    }

    .lp_mouseover_container {
        position: fixed;
        bottom: 68px;
        right: 28px
    }
    
    
    /* Qantas Mixins */
    /* Animation Mixin */
    /* Boxshadow Mixin */
    /* Global Nav Breakpoints */
    /* Variables for Global Nav. */
    /* Colours */
    /* Animations */
    /* Nav Items */
    /* Z Indexing */
    /* Fonts */
    /* Weights and Measures */
    /* Styles for Global Navigation wrapper. */
    .global_features_navigation {
        position: relative;
        padding-top: 16px;
        line-height: 12px;
        z-index: 9000;
        background-color: #323232;
        width: 100%;
        display: block;
    }

    .global_features_navigation.__no_render {
        display: none !important;
    }

    .global_features_navigation ul {
        padding: 0;
        margin: 0;
        padding-bottom: 20px;
    }

    .global_features_navigation ul.__dtbp {
        padding-bottom: 0;
        -webkit-box-shadow: inset 0 -1px 0 0 #eeeeee;
        box-shadow: inset 0 -1px 0 0 #eeeeee;
    }

    .global_features_navigation ul li {
        margin: 0;
    }

    .global_features_navigation.__dtbp {
        top: unset;
        padding-top: 0;
        bottom: unset;
        top: 0;
        text-align: center;
        background-color: #fff;
    }

    .widget__container {
        -webkit-transition: all 0.35s 0s ease-in-out;
        transition: all 0.35s 0s ease-in-out;
    }

    /* Styles for Naivgation items. */
    .global_features_navigation {
        /* Custom IE Focus Within */
    }

    .global_features_navigation .primary_navigation_item {
        z-index: 1;
        vertical-align: top;
        cursor: pointer !important;
        position: relative;
        font-size: 12px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        text-align: left;
        height: 48px;
        overflow: hidden;
        background-color: #323232;
        background: #323232;
        list-style: none;
        /* li hover / active / focus states */
        /* Active States */
        /* Mobile Toggeling */
        /* Dropdown controlls */
    }

    .global_features_navigation .primary_navigation_item.__icon_remove {
        padding-left: 16px;
    }

    .global_features_navigation .primary_navigation_item.__icon_remove .secondary_navigation {
        margin-left: -16px;
    }

    .global_features_navigation .primary_navigation_item.__icon_remove .secondary_navigation .secondary_navigation_item a {
        padding-left: 32px;
    }

    .global_features_navigation .primary_navigation_item.__dtbp {
        height: 40px;
        padding-left: 16px;
        padding-right: 16px;
        display: inline-block;
        text-align: center;
        background-color: unset;
        background-color: transparent;
        background: unset;
        overflow: hidden;
        overflow: -moz-hidden-unscrollable;
    }

    .global_features_navigation .primary_navigation_item.__dtbp.__icon_remove {
        padding-left: 16px;
    }

    .global_features_navigation .primary_navigation_item.__dtbp.__icon_remove .secondary_navigation {
        min-height: 0px;
        margin-left: 0;
        border: 1px solid #eeeeee;
        border-top: none;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        z-index: -1;
    }

    .global_features_navigation .primary_navigation_item.__dtbp.__icon_remove .secondary_navigation .secondary_navigation_item a {
        padding-left: 16px;
    }

    .global_features_navigation .primary_navigation_item.__dtbp .secondary_navigation {
        opacity: 0;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:focus {
        overflow: visible;
        outline: none;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:focus .secondary_navigation {
        visibility: visible;
        opacity: 1;
        top: 40px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .global_features_navigation .primary_navigation_item.__dtbp:focus .chevron {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .global_features_navigation .primary_navigation_item.__dtbp:focus .chevron:before {
        border-color: #e40000;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:focus .__decoration {
        background-color: #e40000;
        width: 100%;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:focus-within {
        overflow: visible;
        outline: none;
    }

    .global_features_navigation .primary_navigation_item.__dtbp._focus_within {
        overflow: visible;
        outline: none;
    }

    .global_features_navigation .primary_navigation_item.__dtbp._focus_within .secondary_navigation {
        visibility: visible;
        opacity: 1;
        top: 40px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .global_features_navigation .primary_navigation_item.__dtbp._focus_within .chevron {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .global_features_navigation .primary_navigation_item.__dtbp._focus_within .chevron:before {
        border-color: #e40000;
    }

    .global_features_navigation .primary_navigation_item.__dtbp._focus_within .__decoration {
        background-color: #e40000;
        width: 100%;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:hover {
        outline: none;
        overflow: visible;
        overflow-y: visible;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:hover .secondary_navigation {
        visibility: visible;
        opacity: 1;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:hover .chevron {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .global_features_navigation .primary_navigation_item.__dtbp:hover .chevron::before {
        border-color: #e40000;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:hover .__decoration {
        width: 100%;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:hover .__link {
        color: #e40000;
    }

    .global_features_navigation .primary_navigation_item.__dtbp:hover .__link,
    .global_features_navigation .primary_navigation_item.__dtbp:focus .__link {
        color: #e40000;
    }

    .global_features_navigation .primary_navigation_item.__dtbp._focus_within .__link {
        color: #e40000;
    }

    .global_features_navigation .primary_navigation_item .__secondary {
        margin-right: 12px !important;
    }

    .global_features_navigation .primary_navigation_item .__secondary a {
        padding-right: 11px;
    }

    .global_features_navigation .primary_navigation_item a {
        font-size: 14px;
        line-height: 2.86px;
        letter-spacing: 1px;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }

    .global_features_navigation .primary_navigation_item .__link {
        opacity: 0;
        display: inline-block;
        width: calc(100% - 48px);
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 0;
        line-height: 14px;
        font-size: 14px;
        letter-spacing: 1px;
        vertical-align: top;
        color: #f4f5f6;
        text-decoration: none;
        -webkit-animation: fadeIn 0.19s ease-in-out;
        animation: fadeIn 0.19s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        outline: none;
    }

    .global_features_navigation .primary_navigation_item .__link.__dtbp {
        font-size: 12px;
        line-height: 12px;
        padding: 14px 0;
        width: 100%;
        color: #323232;
    }

    .global_features_navigation .primary_navigation_item .__decoration {
        display: none;
    }

    .global_features_navigation .primary_navigation_item .__decoration.__dtbp {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #e40000;
        height: 2px;
        width: 0%;
        -webkit-transition: all 0.1s 0s ease-in-out;
        transition: all 0.1s 0s ease-in-out;
    }

    .global_features_navigation .primary_navigation_item:hover .__decoration,
    .global_features_navigation .primary_navigation_item:focus .__decoration,
    .global_features_navigation .primary_navigation_item._focus_within .__decoration {
        width: 100%;
    }

    .global_features_navigation .primary_navigation_item.active {
        background: #323232;
    }

    .global_features_navigation .primary_navigation_item.active:focus .__link {
        color: #f4f5f6;
    }

    .global_features_navigation .primary_navigation_item.active._focus_within .__link {
        color: #f4f5f6;
    }

    .global_features_navigation .primary_navigation_item.active.__secondary .__link {
        width: auto;
        border-bottom: 1px solid #e40000;
        padding-bottom: 3px;
        margin-bottom: 16px;
    }

    .global_features_navigation .primary_navigation_item.active.__secondary .__link.__dtbp {
        margin-bottom: 11px;
        width: 100%;
        border: none;
    }

    .global_features_navigation .primary_navigation_item.active .__link span {
        padding-bottom: 3px;
        border-bottom: 1px solid #e40000;
    }

    .global_features_navigation .primary_navigation_item.active .__link.__dtbp {
        text-decoration: unset;
        color: #323232;
    }

    .global_features_navigation .primary_navigation_item.active .__link.__dtbp span {
        border-bottom: none;
    }

    .global_features_navigation .primary_navigation_item.active .__decoration {
        background-color: #e40000;
        width: 100%;
    }

    .global_features_navigation .primary_navigation_item.active.__dtbp {
        background: transparent;
    }

    .global_features_navigation .primary_navigation_item.active.__dtbp:focus .__link,
    .global_features_navigation .primary_navigation_item.active.__dtbp:hover .__link {
        color: #e40000;
    }

    .global_features_navigation .primary_navigation_item.__mobile {
        min-height: 48px;
        height: 145px;
    }

    .global_features_navigation .primary_navigation_item.__mobile .chevron {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .global_features_navigation .primary_navigation_item.__mobile .chevron::before {
        border-color: #f4f5f6;
    }

    .global_features_navigation .primary_navigation_item.__mobile.__dtbp {
        min-height: 40px;
        height: 40px;
    }

    .global_features_navigation .primary_navigation_item.__mobile.__dtbp .chevron {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .global_features_navigation .primary_navigation_item.__mobile.__dtbp .chevron::before {
        border-color: #e40000;
    }

    .global_features_navigation .primary_navigation_item.__secondary {
        -webkit-transition: all 0.3s 0.2s ease-in-out;
        transition: all 0.3s 0.2s ease-in-out;
    }

    .global_features_navigation .primary_navigation_item.__secondary.__dtbp {
        padding-left: 16px;
        padding-right: 33px;
    }

    .global_features_navigation .primary_navigation_item.__secondary .secondary_navigation li {
        display: block;
    }

    .global_features_navigation .primary_navigation_item.__secondary .secondary_navigation.__dtbp {
        display: block;
    }

    .global_features_navigation .primary_navigation_item.__secondary .__expand {
        -webkit-transition: all 0.3s 0.2s ease-in-out;
        transition: all 0.3s 0.2s ease-in-out;
        opacity: 1;
        display: block;
    }

    .global_features_navigation .primary_navigation_item:nth-child(1) .__link {
        -webkit-animation-delay: 0.03s;
        animation-delay: 0.03s;
    }

    .global_features_navigation .primary_navigation_item:nth-child(2) .__link {
        -webkit-animation-delay: 0.06s;
        animation-delay: 0.06s;
    }

    .global_features_navigation .primary_navigation_item:nth-child(3) .__link {
        -webkit-animation-delay: 0.09s;
        animation-delay: 0.09s;
    }

    .global_features_navigation .primary_navigation_item:nth-child(4) .__link {
        -webkit-animation-delay: 0.12s;
        animation-delay: 0.12s;
    }

    .global_features_navigation .primary_navigation_item:nth-child(5) .__link {
        -webkit-animation-delay: 0.15s;
        animation-delay: 0.15s;
    }

    .global_features_navigation .primary_navigation_item:nth-child(6) .__link {
        -webkit-animation-delay: 0.18s;
        animation-delay: 0.18s;
    }

    .global_features_navigation .primary_navigation_item:nth-child(7) .__link {
        -webkit-animation-delay: 0.21s;
        animation-delay: 0.21s;
    }

    .global_features_navigation .primary_navigation_item:nth-child(8) .__link {
        -webkit-animation-delay: 0.24s;
        animation-delay: 0.24s;
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_removed {
        overflow: hidden;
        -ms-scroll-limit: 0 0 0 0;
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_removed:hover {
        overflow: visible !important;
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_removed:focus {
        overflow: visible !important;
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_within {
        overflow: visible;
        outline: none;
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_within .secondary_navigation {
        visibility: visible;
        opacity: 1;
        top: 40px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_within .chevron {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_within .chevron:before {
        border-color: #e40000;
    }

    .global_features_navigation._isIE .primary_navigation_item.__secondary.__dtbp._focus_within .__decoration {
        background-color: #e40000;
        width: 100%;
    }

    /* Desktop only - Fade in navigation items one by one. Noice! */
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        75% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
        }
    }

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

        75% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
        }
    }

    /* Font Imports for Qantas. - NB: Font families differ on each partner site. */
    .global_features_navigation p,
    .global_features_navigation a,
    .global_features_navigation span,
    .global_features_navigation h1,
    .global_features_navigation h2,
    .global_features_navigation h3,
    .global_features_navigation h4,
    .global_features_navigation h5 {
        font-family: "Ciutadella", "Ciutadella-Regular", "Ciutadella Regular", "BrauerNeueRegular", "flama_condensedbasic", "Helvetica Neue", "Helvetica", "Arial";
        /* Fallback 5 */
        letter-spacing: 1px;
    }

    /* Styles for New Button. */
    .primary_navigation.__dtbp .global_navigation_new {
        position: static;
    }

    .global_navigation_new {
        display: inline-block;
        position: absolute;
        top: 13px;
        right: 20px;
        z-index: 2;
        line-height: 1.5;
    }

    .global_navigation_new .__new {
        position: absolute;
        top: 16px;
        right: 8px;
        font-weight: bold;
        text-transform: uppercase;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background-color: #8de2e0;
        color: #323232;
        font-family: global_features_font_family;
        z-index: 10;
    }

    .global_navigation_new .__new.__dtbp {
        display: inline-block;
        position: relative;
        top: 7px;
    }

    .global_navigation_new .__new .__new_copy {
        font-size: 14px;
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Styles for Secondary Naivgation items. */
    .global_features_navigation .secondary_navigation {
        -webkit-transition: all 0.2s 0s ease-in-out;
        transition: all 0.2s 0s ease-in-out;
        background: transparent;
        padding-bottom: 0 !important;
        background-color: #494949;
    }

    .global_features_navigation .secondary_navigation.__dtbp {
        position: absolute;
        left: 0;
        display: inline-block;
        background-color: #f4f5f6;
        border: solid 1px #f4f5f6;
        border-top: none;
    }

    .global_features_navigation .secondary_navigation.__dtbp li:last-of-type {
        border-bottom: none;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item {
        display: block;
        list-style: none;
        overflow: hidden;
        -webkit-transition: all 0.2s 0s ease-in-out;
        transition: all 0.2s 0s ease-in-out;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item.__dtbp {
        background-color: #fff;
        border-bottom: 1px solid #f4f5f6;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item.__dtbp:hover {
        background-color: #fff;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item.__dtbp:hover a {
        color: #e40000;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item.__dtbp:focus {
        outline: none;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item.__dtbp:focus a {
        color: #e40000;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item.__dtbp:focus-within {
        outline: none;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item.__dtbp:focus-within a {
        color: #e40000;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item .__secondary_link {
        font-family: "Ciutadella";
        font-size: 14px;
        line-height: 14px;
        padding: 20px;
        padding-left: 48px;
        padding-top: 17px;
        padding-bottom: 17px;
        display: block;
        color: #f4f5f6;
        text-decoration: none;
        background: #666666;
        -webkit-transition: all 0.2s 0s ease-in-out;
        transition: all 0.2s 0s ease-in-out;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item .__secondary_link.active {
        text-decoration: underline;
        -webkit-text-decoration-color: #e40000;
        text-decoration-color: #e40000;
        text-underline-position: under;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item .__secondary_link:focus,
    .global_features_navigation .secondary_navigation .secondary_navigation_item .__secondary_link:focus-within {
        outline: none;
        color: #e40000;
    }

    .global_features_navigation .secondary_navigation .secondary_navigation_item .__secondary_link.__dtbp {
        word-break: keep-all;
        white-space: nowrap;
        font-size: 12px;
        line-height: 12px;
        padding: 16px;
        padding-top: 14px;
        padding-bottom: 14px;
        text-align: left;
        color: #323232;
        background: #fff;
    }

    /* Styles for Chevron within primary navigation. */
    .global_features_chevron {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 19px;
        right: 16px;
        -webkit-box-sizing: unset;
        box-sizing: unset;
    }

    .global_features_chevron.__dtbp {
        width: 12px;
        height: 12px;
        top: 14px;
    }

    .global_features_chevron.__dtbp .chevron:before {
        height: 4px;
        width: 4px;
        border-width: 1px 1px 0 0;
        border-color: #323232;
        top: -2px;
    }

    .global_features_chevron .chevron {
        position: absolute;
        -webkit-transition: all 0.2s 0s ease-in-out;
        transition: all 0.2s 0s ease-in-out;
    }

    .global_features_chevron .chevron::before {
        content: '';
        position: relative;
        border-style: solid;
        border-color: #f4f5f6;
        border-width: 2px 2px 0 0;
        display: inline-block;
        height: 8px;
        width: 8px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transform-origin: 50% 37.5%;
        transform-origin: 50% 37.5%;
        -webkit-transition: all 0.2s 0s ease-in-out;
        transition: all 0.2s 0s ease-in-out;
    }

    /* Icons */
    .global_features_icon {
        display: inline-block;
        height: 16px;
        width: 16px;
        padding: 16px;
        -webkit-box-sizing: unset !important;
        box-sizing: unset !important;
    }

    .global_features_icon.__dtbp {
        display: none;
    }

    .global_features_icon .qantas__icon {
        -webkit-transition: all 0.09s 0.09s ease-in-out;
        transition: all 0.09s 0.09s ease-in-out;
        fill: #f4f5f6;
    }

    /* Overrides tailored for each qantas site. */
    .global_features_navigation.q {
        /* Qantas */
    }

    .global_features_navigation.q .secondary_navigation_item .__secondary_link {
        background: #666666;
    }

    .global_features_navigation.q .secondary_navigation_item .__secondary_link.__dtbp {
        background: #fff;
    }

    .global_features_navigation.h {
        /* Hotels */
    }

    .global_features_navigation.f {
        /* Frequent */
    }

    .global_features_navigation.f ul li {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .global_features_navigation.f .global_features_chevron.__dtbp {
        top: 11px;
    }

    .global_features_navigation.se {
        /* Online mall */
    }

    .global_features_navigation.su {
        /* Qantas store */
    }

    .global_features_navigation.su.global_features_navigation.__dtbp {
        left: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }

    .global_features_navigation.su.global_features_navigation {
        width: auto;
    }

    .global_features_navigation.w {
        /* Wine */
        /* zindex too high ( z-index: 1040;)*/
    }

    .global_features_navigation.w.global_features_navigation {
        z-index: 1030;
    }

    .global_features_navigation.mm {
        /* Qantasmoney */
    }

    .global_features_navigation.mc {
        /* Partner Cards */
    }

    .global_features_navigation.i {
        /* Qanta Assure */
    }

    /* Site Overrides List */
    
    
    .mboxDefault {
        visibility: hidden;
    }
    
    #loading-overlay {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0, 0, 0, 0.5); /* dim screen */
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 9999;
    }

    .spinner {
                    border: 6px solid #f3f3f3;
                    border-top: 6px solid #3498db;
                    border-radius: 50%;
                    width: 60px;
                    height: 60px;
                    animation: spin 1s linear infinite;
    }

    @keyframes spin {
                    0% { transform: rotate(0deg); }
                    100% { transform: rotate(360deg); }
    }