﻿/*#region Fonts*/
@font-face {
    font-family: GTAmerica;
    src: local("GtAmerica"),url(../fonts/GT-America/GT-America-Extended-Bold.woff2) format("woff2"),url(../fonts/GT-America/GT-America-Extended-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: OpenSans;
    src: local("OpenSans"),url(../fonts/Open-Sans/OpenSans-Regular.woff2) format("woff2"),url(../fonts/Open-Sans/OpenSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: OpenSans;
    src: local("OpenSans"),url(../fonts/Open-Sans/OpenSans-Bold.woff2) format("woff2"),url(../fonts/Open-Sans/OpenSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: OpenSans;
    src: local("OpenSans"),url(../fonts/Open-Sans/OpenSans-BoldItalic.woff2) format("woff2"),url(../fonts/Open-Sans/OpenSans-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: OpenSans;
    src: local("OpenSans"),url(../fonts/Open-Sans/OpenSans-Italic.woff2) format("woff2"),url(../fonts/Open-Sans/OpenSans-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}
/*#endregion*/

/*#region Html*/
html {
  font-size: 62.5%;
}
body {
    height: 100%;
    color: #333;
    font-family: OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    line-height: 1.71428571;
    text-align: inherit;
    margin: 0;
}
a {
    color: #ff00bd;
    text-decoration: none;
}
    a:hover, a:active {
        color: #ff00bd;
        text-decoration: none;
    }
hr {
    border-top-color: #ababab
}
strong {
    font-weight: 600;
}

ul, ol {
    padding-left: 20px;
}
/*#endregion*/

/*#region Bootstrap Extensions and Overrides*/

.btn-proceed:hover {
    color: #fff !important;
    background-color: #000 !important;
}
.checkbox input[type=checkbox] {
    margin-top: 3px;
    margin-left: 2px;
}
.alert {
    font-size: 1.4rem;
    line-height: 1.71428571;
    padding: 10px 15px;
    border-radius: 0.375rem;
}
.alert p:last-child {
    margin-bottom: 0;
}
.cf:after, .cf:before {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.table .thead-inverse th {
    background-color: #ededed;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 920px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
/*#endregion*/

/*#region Responsive Utility*/
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.text-xs-left {
    text-align: left;
}
.text-xs-center {
    text-align: center;
}
.text-xs-right {
    text-align: right;
}
.margin-top-neg-60 {
    margin-top: -60px;
}
.margin-top-neg-45 {
    margin-top: -45px;
}
.margin-top-neg-40 {
    margin-top: -40px;
}
.margin-top-neg-35 {
    margin-top: -35px;
}
.margin-top-neg-30 {
    margin-top: -30px;
}
.margin-top-neg-25 {
    margin-top: -25px;
}
.margin-top-neg-20 {
    margin-top: -20px;
}
.margin-top-neg-15 {
    margin-top: -15px;
}
.margin-top-neg-10 {
    margin-top: -10px;
}
.margin-top-neg-5 {
    margin-top: -5px;
}
.margin-top-0 {
    margin-top: 0;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-25 {
    margin-top: 25px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-35 {
    margin-top: 35px;
}
.margin-top-40 {
    margin-top: 50px;
}
.margin-top-45 {
    margin-top: 45px;
}
.margin-bottom-neg-45 {
    margin-bottom: -45px;
}
.margin-bottom-neg-40 {
    margin-bottom: -40px;
}
.margin-bottom-neg-35 {
    margin-bottom: -35px;
}
.margin-bottom-neg-30 {
    margin-bottom: -30px;
}
.margin-bottom-neg-25 {
    margin-bottom: -25px;
}
.margin-bottom-neg-20 {
    margin-bottom: -20px;
}
.margin-bottom-neg-15 {
    margin-bottom: -15px;
}
.margin-bottom-neg-10 {
    margin-bottom: -10px;
}
.margin-bottom-neg-5 {
    margin-bottom: -5px;
}
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-35 {
    margin-bottom: 35px;
}
.margin-bottom-40 {
    margin-bottom: 50px;
}
.margin-bottom-45 {
    margin-bottom: 45px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin-bottom-70 {
    margin-bottom: 70px;
}
.margin-bottom-80 {
    margin-bottom: 80px;
}
@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }
    .text-sm-center {
        text-align: center;
    }
    .text-sm-right {
        text-align: right;
    }
    .margin-top-sm-neg-45 {
        margin-top: -45px;
    }
    .margin-top-sm-neg-40 {
        margin-top: -40px;
    }
    .margin-top-sm-neg-35 {
        margin-top: -35px;
    }
    .margin-top-sm-neg-30 {
        margin-top: -30px;
    }
    .margin-top-sm-neg-25 {
        margin-top: -25px;
    }
    .margin-top-sm-neg-20 {
        margin-top: -20px;
    }
    .margin-top-sm-neg-15 {
        margin-top: -15px;
    }
    .margin-top-sm-neg-10 {
        margin-top: -10px;
    }
    .margin-top-sm-neg-5 {
        margin-top: -5px;
    }
    .margin-top-sm-0 {
        margin-top: 0;
    }
    .margin-top-sm-5 {
        margin-top: 5px;
    }
    .margin-top-sm-10 {
        margin-top: 10px;
    }
    .margin-top-sm-15 {
        margin-top: 15px;
    }
    .margin-top-sm-20 {
        margin-top: 20px;
    }
    .margin-top-sm-25 {
        margin-top: 25px;
    }
    .margin-top-sm-30 {
        margin-top: 30px;
    }
    .margin-top-sm-35 {
        margin-top: 25px;
    }
    .margin-top-sm-40 {
        margin-top: 40px;
    }
    .margin-top-sm-45 {
        margin-top: 45px;
    }
    .margin-bottom-sm-neg-45 {
        margin-bottom: -45px;
    }
    .margin-bottom-sm-neg-40 {
        margin-bottom: -40px;
    }
    .margin-bottom-sm-neg-35 {
        margin-bottom: -35px;
    }
    .margin-bottom-sm-neg-30 {
        margin-bottom: -30px;
    }
    .margin-bottom-sm-neg-25 {
        margin-bottom: -25px;
    }
    .margin-bottom-sm-neg-20 {
        margin-bottom: -20px;
    }
    .margin-bottom-sm-neg-15 {
        margin-bottom: -15px;
    }
    .margin-bottom-sm-neg-10 {
        margin-bottom: -10px;
    }
    .margin-bottom-sm-neg-5 {
        margin-bottom: -5px;
    }
    .margin-bottom-sm-0 {
        margin-bottom: 0;
    }
    .margin-bottom-sm-5 {
        margin-bottom: 5px;
    }
    .margin-bottom-sm-10 {
        margin-bottom: 10px;
    }
    .margin-bottom-sm-15 {
        margin-bottom: 15px;
    }
    .margin-bottom-sm-20 {
        margin-bottom: 20px;
    }
    .margin-bottom-sm-25 {
        margin-bottom: 25px;
    }
    .margin-bottom-sm-30 {
        margin-bottom: 30px;
    }
    .margin-bottom-sm-35 {
        margin-bottom: 25px;
    }
    .margin-bottom-sm-40 {
        margin-bottom: 40px;
    }
    .margin-bottom-sm-45 {
        margin-bottom: 45px;
    }
    .margin-bottom-sm-50 {
        margin-bottom: 50px;
    }
    .margin-bottom-sm-55 {
        margin-bottom: 55px;
    }
    .margin-bottom-sm-60 {
        margin-bottom: 60px;
    }
    .margin-bottom-sm-70 {
        margin-bottom: 70px;
    }
    .margin-bottom-sm-75 {
        margin-bottom: 75px;
    }
    .margin-bottom-sm-80 {
        margin-bottom: 80px;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }
    .text-md-center {
        text-align: center;
    }
    .text-md-right {
        text-align: right;
    }
    .margin-top-md-neg-60 {
        margin-top: -60px;
    }
    .margin-top-md-neg-45 {
        margin-top: -45px;
    }
    .margin-top-md-neg-40 {
        margin-top: -40px;
    }
    .margin-top-md-neg-35 {
        margin-top: -35px;
    }
    .margin-top-md-neg-30 {
        margin-top: -30px;
    }
    .margin-top-md-neg-25 {
        margin-top: -25px;
    }
    .margin-top-md-neg-20 {
        margin-top: -20px;
    }
    .margin-top-md-neg-15 {
        margin-top: -15px;
    }
    .margin-top-md-neg-10 {
        margin-top: -10px;
    }
    .margin-top-md-neg-5 {
        margin-top: -5px;
    }
    .margin-top-md-0 {
        margin-top: 0;
    }
    .margin-top-md-5 {
        margin-top: 5px;
    }
    .margin-top-md-10 {
        margin-top: 10px;
    }
    .margin-top-md-15 {
        margin-top: 15px;
    }
    .margin-top-md-20 {
        margin-top: 20px;
    }
    .margin-top-md-25 {
        margin-top: 25px;
    }
    .margin-top-md-30 {
        margin-top: 30px;
    }
    .margin-top-md-35 {
        margin-top: 35px;
    }
    .margin-top-md-40 {
        margin-top: 40px;
    }
    .margin-top-md-45 {
        margin-top: 20px;
    }
    .margin-bottom-md-neg-45 {
        margin-bottom: -45px;
    }
    .margin-bottom-md-neg-40 {
        margin-bottom: -40px;
    }
    .margin-bottom-md-neg-35 {
        margin-bottom: -35px;
    }
    .margin-bottom-md-neg-30 {
        margin-bottom: -30px;
    }
    .margin-bottom-md-neg-25 {
        margin-bottom: -25px;
    }
    .margin-bottom-md-neg-20 {
        margin-bottom: -20px;
    }
    .margin-bottom-md-neg-15 {
        margin-bottom: -15px;
    }
    .margin-bottom-md-neg-10 {
        margin-bottom: -10px;
    }
    .margin-bottom-md-neg-5 {
        margin-bottom: -5px;
    }
    .margin-bottom-md-0 {
        margin-bottom: 0;
    }
    .margin-bottom-md-5 {
        margin-bottom: 5px;
    }
    .margin-bottom-md-10 {
        margin-bottom: 10px;
    }
    .margin-bottom-md-15 {
        margin-bottom: 15px;
    }
    .margin-bottom-md-20 {
        margin-bottom: 20px;
    }
    .margin-bottom-md-25 {
        margin-bottom: 25px;
    }
    .margin-bottom-md-30 {
        margin-bottom: 30px;
    }
    .margin-bottom-md-35 {
        margin-bottom: 35px;
    }
    .margin-bottom-md-40 {
        margin-bottom: 40px;
    }
    .margin-bottom-md-45 {
        margin-bottom: 45px;
    }
    .margin-bottom-md-50 {
        margin-bottom: 50px;
    }
    .margin-bottom-md-55 {
        margin-bottom: 55px;
    }
    .margin-bottom-md-60 {
        margin-bottom: 60px;
    }
    .margin-bottom-md-65 {
        margin-bottom: 65px;
    }
    .margin-bottom-md-70 {
        margin-bottom: 70px;
    }
    .margin-bottom-md-75 {
        margin-bottom: 75px;
    }
    .margin-bottom-md-80 {
        margin-bottom: 80px;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }
    .text-lg-center {
        text-align: center;
    }
    .text-lg-right {
        text-align: right;
    }
    .margin-top-lg-neg-120 {
        margin-top: -120px;
    }
    .margin-top-lg-neg-45 {
        margin-top: -45px;
    }
    .margin-top-lg-neg-40 {
        margin-top: -40px;
    }
    .margin-top-lg-neg-35 {
        margin-top: -35px;
    }
    .margin-top-lg-neg-30 {
        margin-top: -30px;
    }
    .margin-top-lg-neg-25 {
        margin-top: -25px;
    }
    .margin-top-lg-neg-20 {
        margin-top: -20px;
    }
    .margin-top-lg-neg-15 {
        margin-top: -15px;
    }
    .margin-top-lg-neg-10 {
        margin-top: -10px;
    }
    .margin-top-lg-neg-5 {
        margin-top: -5px;
    }
    .margin-top-lg-0 {
        margin-top: 0;
    }
    .margin-top-lg-5 {
        margin-top: 5px;
    }
    .margin-top-lg-10 {
        margin-top: 10px;
    }
    .margin-top-lg-15 {
        margin-top: 10px;
    }
    .margin-top-lg-20 {
        margin-top: 20px;
    }
    .margin-top-lg-25 {
        margin-top: 20px;
    }
    .margin-top-lg-30 {
        margin-top: 20px;
    }
    .margin-top-lg-35 {
        margin-top: 20px;
    }
    .margin-top-lg-40 {
        margin-top: 20px;
    }
    .margin-top-lg-45 {
        margin-top: 20px;
    }
    .margin-bottom-lg-neg-45 {
        margin-bottom: -45px;
    }
    .margin-bottom-lg-neg-40 {
        margin-bottom: -40px;
    }
    .margin-bottom-lg-neg-35 {
        margin-bottom: -35px;
    }
    .margin-bottom-lg-neg-30 {
        margin-bottom: -30px;
    }
    .margin-bottom-lg-neg-25 {
        margin-bottom: -25px;
    }
    .margin-bottom-lg-neg-20 {
        margin-bottom: -20px;
    }
    .margin-bottom-lg-neg-15 {
        margin-bottom: -15px;
    }
    .margin-bottom-lg-neg-10 {
        margin-bottom: -10px;
    }
    .margin-bottom-lg-neg-5 {
        margin-bottom: -5px;
    }
    .margin-bottom-lg-0 {
        margin-bottom: 0;
    }
    .margin-bottom-lg-5 {
        margin-bottom: 5px;
    }
    .margin-bottom-lg-10 {
        margin-bottom: 10px;
    }
    .margin-bottom-lg-15 {
        margin-bottom: 10px;
    }
    .margin-bottom-lg-20 {
        margin-bottom: 20px;
    }
    .margin-bottom-lg-25 {
        margin-bottom: 25px;
    }
    .margin-bottom-lg-30 {
        margin-bottom: 30px;
    }
    .margin-bottom-lg-35 {
        margin-bottom: 35px;
    }
    .margin-bottom-lg-40 {
        margin-bottom: 40px;
    }
    .margin-bottom-lg-45 {
        margin-bottom: 45px;
    }
    .margin-bottom-lg-50 {
        margin-bottom: 50px;
    }
    .margin-bottom-lg-55 {
        margin-bottom: 55px;
    }
    .margin-bottom-lg-60 {
        margin-bottom: 60px;
    }
    .margin-bottom-lg-65 {
        margin-bottom: 65px;
    }
    .margin-bottom-lg-70 {
        margin-bottom: 70px;
    }
    .margin-bottom-lg-75 {
        margin-bottom: 75px;
    }
    .margin-bottom-lg-80 {
        margin-bottom: 80px;
    }
}
/*#endregion*/

/*#region Preload*/
div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
/*#endregion*/

/*#region Top Header*/
.top-header {
    height: 51px;
    display: flex;
    border-bottom: solid 1px #a2a2a2;
}
.top-header a {
    font-family: GTAmerica,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 1.3rem;
    line-height: 51px;
    text-transform: uppercase;
    color: #000000;
 }
.top-header a:hover {
    text-decoration: underline;
}
.top-header .events {
    display: none;
    flex-flow: row wrap;
    gap: 30px;
}
.top-header a .separator {
    margin: 0 .375rem;
}
.top-header a .mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
}
.top-header a .mat-icon {
    transform: scale(.75) translateY(-3px);
    vertical-align: middle;
}
.top-header .dropdown:hover .dropdown-menu {
    display: block;
}
.top-header .dropdown-menu {
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.2);
    max-height: 600px;
    transition: .5s;
    width: 230px;
    border: none;
    list-style: none;
    margin-top: -8px;
    padding: 7px 0;
    border-radius: 3px;
    right: 0;
    left: auto;
}
.top-header .dropdown-menu > li {
    padding: 7px 30px;
    width: 230px;
    box-sizing: border-box;
}

.top-header .dropdown-menu > li > a {
    text-transform: initial;
    color: #000;
    display: block;
    font-size: 15px;
    line-height: 1.4;
}
.top-header .dropdown-menu > li > a:hover, 
.top-header .dropdown-menu > li > a:focus {
    text-decoration: underline;
    background-color: transparent;
}
.top-header #top-header-sign-in:hover {
    text-decoration: none;
}
@media (min-width: 768px) {
    .top-header .events {
        display: flex;
    }
}
/*#endregion*/

/*#region NavBar Fixed */
.navbar-fixed-compensate {
    margin-top: 108px;
}

@media (min-width: 768px) {
    .navbar-fixed-compensate {
        margin-top: 128px;
    }
}

@media (min-width: 992px) {
    .navbar-fixed-compensate {
        margin-top: 173px;
    }
}

@media (min-width: 1200px) {
    .navbar-fixed-compensate {
        margin-top: 183px;
    }
}
/*#endregion*/

/*#region NavBar */
.navbar {
    border-right: none;
    border-left: none;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    background: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #a2a2a2;
}
.navbar > .container {
    justify-content: normal;
}
.navbar .navbar-toggler {
    margin-left: auto;
    border: none;
}
.navbar .navbar-toggler:focus {
    box-shadow: none;
}
.navbar .navbar-toggler .navbar-toggler-icon {
    width: 3em;
    height: 3.5em;width: 3em;
}
.navbar-brand {
    padding: 0;
}

.navbar img {
    max-height: 38px;
    max-width: 95px;
    transition: width .5s ease,height .5s ease;
}
.navbar .navbar-header {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin: 0;
}
.navbar .navbar-header button {
    background-color: transparent !important;
    border: none;
    margin: 31px 0;
}
.navbar .navbar-header button span.icon-bar {
    background-color: #000;
}
.navbar .navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
}
.navbar .nav {
    padding: 15px 15px;
    margin-top: 0;
    margin-bottom: 0;
}
.navbar .nav li a {
    color: #000;
}
.navbar .nav li a .glyphicon {
    font-weight: 400;
    font-size: 12px;
    top: 0;
    margin-left: 6px;
}
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    position: absolute;
}
.navbar .dropdown-menu {
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.2);
    max-height: 600px;
    transition: .5s;
    width: 250px;
    border: none;
    list-style: none;
    padding: 7px 0;
    border-radius: 0;
}
.navbar .dropdown-menu > li {
    padding: 7px 30px;
    width: 250px;
    box-sizing: border-box;
}

.navbar .dropdown-menu > li > a {
    text-transform: initial;
    color: #000;
    display: block;
    font-size: 15px;
    line-height: 1.4;
    padding: 0;
}
.navbar .dropdown-menu > li > a:hover, 
.navbar .dropdown-menu > li > a:focus {
    text-decoration: underline;
    background-color: transparent;
}
@media (min-width: 768px) {
    .navbar img {
        max-height: 58px;
        max-width: 174px;
    }
    .navbar > .container {
        align-items: stretch;
    }
    .navbar .navbar-header button {
        margin: 43px 0;
    }
    .navbar .nav {
        padding: 0;
        border-top: none;
    }
    .navbar .nav > li > a {
        line-height: 95px;
    }
    .navbar .nav > li:last-child > a {
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .navbar img {
        max-height: 65px;
        max-width: 180px;
    }
    .navbar > .container {
        justify-content: space-between;
    }
    .navbar-nav {
        float: right;
        margin: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .navbar-nav > li > .dropdown-menu {
    }
}
@media (min-width: 1200px) {
    .navbar {
        height: 120px;
    }
    .navbar img {
        max-height: 80px;
        max-width: 240px;
    }
}

/*#endregion*/

/*#region NavBar Event Info*/
.navbar .event-info {
    display: none;
}
@media (min-width: 768px) {
    .navbar .event-info {
        align-items: center;
        border-left: 1px solid #a2a2a2;
        display: flex;
        font-family: GtAmerica,helvetica neue,Helvetica,Arial,sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        margin-left: 15px;
        min-height: 100%;
        padding-left: 10px;
        width: 260px;
    }
    .navbar .event-info > div > div:not(:last-child) {
        margin-bottom: 10px;
    }
    .navbar .event-info > div > div > span {
        text-align: center;
        width: 1.28571429em;
        font-size: 1.33333333em;
        line-height: .75em;
        vertical-align: -15%;
    }
}
@media (min-width: 992px) {
     .navbar .event-info {
        font-size: 12px;
    }
}
/*#endregion*/

/*#region NavBar Item*/
.nav-item a {
    font-family: GtAmerica,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    color: #2d2d2d;
    line-height: normal;
    text-transform: uppercase;
}
.nav-item a:hover {
    background: none;
    box-shadow: none;
    text-decoration: underline;
}
.nav-item a i {
    font-weight: 400;
    font-size: 12px;
    top: 0;
    margin-left: 6px;
}
@media (min-width: 992px) {
    .nav-item a {
        padding: 0 10px;
    }
    .nav-item a:last-child {
        padding-right: 0;
    }
}
/*#endregion*/

/*#region NavBar DropDown Menu*/
/*#endregion*/

/*#region Headings*/
h1, h2, h3 .h1, .h2, .h3, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: GtAmerica, helvetica neue, Helvetica, Arial, sans-serif;
    color: #000;
}
.h1,h1 {
    
    font-size: 2.8rem;
    line-height: normal;
    text-transform: uppercase;
}
@media(max-width: 437px) {
    .h1,h1 {
        font-size:6.5vw
    }
}
.h2,h2 {
    font-family: OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.71428571;
    font-weight: 700;
    text-transform: none
}
@media(max-width: 437px) {
    .h2,h2,.legend {
        font-size:4.5vw
    }
}

.h3,h3 {
    font-family: OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.71428571;
    font-weight: 700;
    text-transform: none
}

@media(max-width: 437px) {
    .h3,h3 {
        font-size:4.2vw
    }
}
/*#endregion*/

/*#region Header Title*/
body.africa .header-title {
    background-color: #FF00BD;
    color: #ffffff;
    text-shadow: none;
    border-bottom: solid 1px #FF00BD;
    padding: 1px 0 11px;
    margin-bottom: 20px;
}

    body.africa .header-title a {
        color: #ffffff;
    }

    body.africa .header-title h1,
    body.africa .header-title h2,
    body.africa .header-title h3,
    body.africa .header-title h4,
    body.africa .header-title h5 {
        color: #ffffff;
    }

body.cape-town .header-title {
    background-color: #FF00BD;
    color: #ffffff;
    text-shadow: none;
    border-bottom: solid 1px #FF00BD;
    padding: 1px 0 11px;
    margin-bottom: 20px;
}

body.cape-town .header-title a {
    color: #ffffff;
}

body.cape-town .header-title h1,
body.cape-town .header-title h2,
body.cape-town .header-title h3,
body.cape-town .header-title h4,
body.cape-town .header-title h5 {
    color: #ffffff;
}

body.joburg .header-title {
    background-color: #ff00bd;
    color: #ffffff;
    text-shadow: none;
    border-bottom: solid 1px #ff00bd;
    padding: 1px 0 11px;
    margin-bottom: 20px;
}

body.joburg .header-title a {
    color: #ffffff;
}

body.joburg .header-title h1,
body.joburg .header-title h2,
body.joburg .header-title h3,
body.joburg .header-title h4,
body.joburg .header-title h5 {
    color: #ffffff;
}

@media (min-width: 768px) {
    body.africa .header-title {
        padding: 10px 0 20px;
        margin-bottom: 20px;
    }
    body.joburg .header-title {
        padding: 10px 0 20px;
        margin-bottom: 20px;
    }
    body.cape-town .header-title {
        padding: 10px 0 20px;
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) {
    body.africa .header-title {
        padding: 20px 0 30px;
        margin-bottom: 30px;
    }
    body.joburg .header-title {
        padding: 20px 0 30px;
        margin-bottom: 30px;
    }
    body.cape-town .header-title {
        padding: 20px 0 30px;
        margin-bottom: 30px;
    }
}
@media (min-width: 1200px) {
    body.africa .header-title {
        padding: 30px 0 40px;
        margin-bottom: 40px;
    }
    body.joburg .header-title {
        padding: 30px 0 40px;
        margin-bottom: 40px;
    }
    body.cape-town .header-title {
        padding: 30px 0 40px;
        margin-bottom: 40px;
    }
}
/*#endregion*/

/*#region Content Section*/
.content {
    border-bottom: 1px solid #2c2216;
}
.content a {
    text-decoration: underline;
}
.content-section,
.form-section {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .content-section,
    .form-section {
        margin-bottom: 30px;
    }
}

/*@media (min-width: 992px) {
    .content-section,
    .form-section {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .content-section,
    .form-section {
        margin-bottom: 50px;
    }
}*/
/*#endregion */

/*#region Footer */
footer {
}
footer .glyphicon,
footer .list-unstyled li .glyphicon {
    margin-right: 4px;
    font-size: 20px;
    top: 0;
    color: #ff00bd; 
}
    footer a,
    footer a:visited {
        color: #2d2d2d;
    }
footer a:hover {
    text-decoration: underline;
}
footer h3 {        
    margin: 0 0 6px 0;
}
footer .disclaimer {
    font-size: 12px;
    line-height: 19px;
}
footer .events {
    display: flex;
    flex-flow: column;
}
footer .copy {
    font-size: 12px;
}
footer .links {
    display: flex;
    flex-flow: row wrap;
    gap: 0 10px;
}
footer .links div:not(:last-child):after {
    content: "|";
    margin-left: 10px;
}
/*#endregion */

/*#region Terms & Conditions*/
.terms {
    border: 1px solid #f1f1f1;
    background-color: #f6f6f6;
    margin: 0;
    font-size: 13px;
    color: #000;
    font-family: Courier;
}

    .terms h3 {
        font-size: 14px;
        font-weight: 700;
    }
/*#endregion */

/*#region Button*/
.btn {
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-family: GtAmerica, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.71428571;
    margin-bottom: 0;
    padding: 8px 20px;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none !important;

}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #fff;
    text-decoration: none
}

.btn.active,.btn:active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    outline: 0
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn--default {
    background-color: #2d2d2d;
    border-color: transparent;
    color: #fff
}

.btn--default.active,.btn--default.focus,.btn--default:active,.btn--default:focus,.btn--default:hover,.open>.dropdown-toggle.btn--default {
    background-color: #141414;
    border-color: transparent;
    color: #fff
}

.btn--default.active.focus,.btn--default.active:focus,.btn--default.active:hover,.btn--default:active.focus,.btn--default:active:focus,.btn--default:active:hover,.open>.dropdown-toggle.btn--default.focus,.open>.dropdown-toggle.btn--default:focus,.open>.dropdown-toggle.btn--default:hover {
    background-color: #020202;
    border-color: transparent;
    color: #fff
}

.btn--default.active,.btn--default:active,.open>.dropdown-toggle.btn--default {
    background-image: none
}

.btn--default.disabled,.btn--default.disabled.active,.btn--default.disabled.focus,.btn--default.disabled:active,.btn--default.disabled:focus,.btn--default.disabled:hover,.btn--default[disabled],.btn--default[disabled].active,.btn--default[disabled].focus,.btn--default[disabled]:active,.btn--default[disabled]:focus,.btn--default[disabled]:hover,fieldset[disabled] .btn--default,fieldset[disabled] .btn--default.active,fieldset[disabled] .btn--default.focus,fieldset[disabled] .btn--default:active,fieldset[disabled] .btn--default:focus,fieldset[disabled] .btn--default:hover {
    background-color: #2d2d2d;
    border-color: transparent
}

.btn--default .badge {
    background-color: #fff;
    color: #2d2d2d
}

.btn--primary {
    background-color: #337ab7;
    border-color: #2d6da3
}

    .btn--primary.focus, .btn--primary:focus {
        background-color: #285f8f;
        border-color: #ff00bd;
        color: #fff
    }

.btn--primary.active,.btn--primary:active,.btn--primary:hover,.open>.dropdown-toggle.btn--primary {
    background-color: #285f8f;
    border-color: #204d73;
    color: #fff
}

.btn--primary.active.focus,.btn--primary.active:focus,.btn--primary.active:hover,.btn--primary:active.focus,.btn--primary:active:focus,.btn--primary:active:hover,.open>.dropdown-toggle.btn--primary.focus,.open>.dropdown-toggle.btn--primary:focus,.open>.dropdown-toggle.btn--primary:hover {
    background-color: #204d73;
    border-color: #122a3f;
    color: #fff
}

.btn--primary.active,.btn--primary:active,.open>.dropdown-toggle.btn--primary {
    background-image: none
}

    .btn--primary.disabled, .btn--primary.disabled.active, .btn--primary.disabled.focus, .btn--primary.disabled:active, .btn--primary.disabled:focus, .btn--primary.disabled:hover, .btn--primary[disabled], .btn--primary[disabled].active, .btn--primary[disabled].focus, .btn--primary[disabled]:active, .btn--primary[disabled]:focus, .btn--primary[disabled]:hover, fieldset[disabled] .btn--primary, fieldset[disabled] .btn--primary.active, fieldset[disabled] .btn--primary.focus, fieldset[disabled] .btn--primary:active, fieldset[disabled] .btn--primary:focus, fieldset[disabled] .btn--primary:hover {
        background-color: #ff00bd;
        border-color: #ff00bd
    }

    .btn--primary .badge {
        background-color: #fff;
        color: #ff00bd
    }

.btn-success {
    background-color: #3c763d;
    border-color: #336534;
    color: #fff
}

.btn-success.focus,.btn-success:focus {
    background-color: #2b542c;
    border-color: #081109;
    color: #fff
}

.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success {
    background-color: #2b542c;
    border-color: #1f3d1f;
    color: #fff
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    background-color: #1f3d1f;
    border-color: #081109;
    color: #fff
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #3c763d;
    border-color: #336534
}

.btn-success .badge {
    background-color: #fff;
    color: #3c763d
}

.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff
}

.btn-info.focus,.btn-info:focus {
    background-color: #31b0d5;
    border-color: #1b6d85;
    color: #fff
}

.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    background-color: #269abc;
    border-color: #1b6d85;
    color: #fff
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    background-color: #fff;
    color: #5bc0de
}

.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff
}

.btn-warning.focus,.btn-warning:focus {
    background-color: #ec971f;
    border-color: #985f0d;
    color: #fff
}

.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    background-color: #d58512;
    border-color: #985f0d;
    color: #fff
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    background-color: #fff;
    color: #f0ad4e
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff
}

.btn-danger.focus,.btn-danger:focus {
    background-color: #c9302c;
    border-color: #761c19;
    color: #fff
}

.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    background-color: #ac2925;
    border-color: #761c19;
    color: #fff
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    background-color: #fff;
    color: #d9534f
}

.btn-link {
    border-radius: 0;
    color: #337ab7;
    font-weight: 400
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: initial;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    background-color: initial;
    color: #22527b;
    text-decoration: underline
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg {
    border-radius: 0;
    font-size: 1.7rem;
    line-height: 1.3333333;
    padding: 18px 30px
}

.btn-group-sm>.btn,.btn-sm {
    border-radius: 0;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 5px 10px
}

.btn-group-xs>.btn,.btn-xs {
    border-radius: 0;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 1px 5px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

.btn:focus,.btn.focus {
    outline-color: #2c2216
}

.btn,.btn-border-radius {
    border-radius: 3px
}

.btn--primary,.btn--secondary,.showplan--btnFontColor {
    color: #fff
}

.showplan--svg-fill-icon__btnFontColor {
    fill: #fff
}

.showplan--svg-border-icon__btnFontColor {
    stroke: #fff
}

.btn--primary {
    background: 0 0;
    border: 1px solid #ff00bd;
    color: #ff00bd !important;
    Background-color: #fff;
    padding: .9rem 1.6rem 0.8rem;
}

    .btn--primary:hover, .btn--primary.hover, .btn--primary:focus, .btn--primary.focus {
        background-color: #ce0099;
        border-color: #ce0099;
        outline-color: #ce0099;
        color: #ffffff !important;
    }

        .btn--primary:hover::after, .btn--primary.hover::after, .btn--primary:focus::after, .btn--primary.focus::after {
            background-color: #ce0099;
            border-color: #ce0099;
            outline-color: #ce0099;
            color: #ffffff;
        }

        .btn--primary:hover:active, .btn--primary.hover:active, .btn--primary:focus:active, .btn--primary.focus:active, .btn--primary:hover.active, .btn--primary.hover.active, .btn--primary:focus.active, .btn--primary.focus.active {
            background-color: #ce0099;
            border-color: #ce0099;
            outline-color: #ce0099;
            color: #ffffff !important;
        }

            .btn--primary:hover:active::after, .btn--primary.hover:active::after, .btn--primary:focus:active::after, .btn--primary.focus:active::after, .btn--primary:hover.active::after, .btn--primary.hover.active::after, .btn--primary:focus.active::after, .btn--primary.focus.active::after {
                background-color: #ce0099;
                border-color: #ce0099
            }

    .btn--primary:active, .btn--primary.active {
        background-color: #ce0099;
        border-color: #ce0099
    }

        .btn--primary:active::after, .btn--primary.active::after {
            background-color: #ce0099;
            border-color: #ce0099;
            box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
        }

.btn--primary .showplan--svg-fill-icon__btnFontColor {
    fill: #2c2216
}

.btn--primary:hover .showplan--svg-fill-icon__btnFontColor {
    fill: #fff
}

.btn--secondary {
    background: 0 0;
    border: 1px solid #2c2216;
    color: #2c2216
}

.btn--secondary:hover,.btn--secondary.hover,.btn--secondary:focus,.btn--secondary.focus {
    color: #fff;
    background-color: #0b0906;
    border-color: #0b0906
}

.btn--secondary:hover::after,.btn--secondary.hover::after,.btn--secondary:focus::after,.btn--secondary.focus::after {
    color: #fff;
    background-color: #0b0906;
    border-color: #0b0906
}

.btn--secondary:hover:active,.btn--secondary.hover:active,.btn--secondary:focus:active,.btn--secondary.focus:active,.btn--secondary:hover.active,.btn--secondary.hover.active,.btn--secondary:focus.active,.btn--secondary.focus.active {
    background-color: #0b0906;
    border-color: #0b0906;
    outline-color: #2c2216
}

.btn--secondary:hover:active::after,.btn--secondary.hover:active::after,.btn--secondary:focus:active::after,.btn--secondary.focus:active::after,.btn--secondary:hover.active::after,.btn--secondary.hover.active::after,.btn--secondary:focus.active::after,.btn--secondary.focus.active::after {
    background-color: #0b0906;
    border-color: #0b0906
}

.btn--secondary:active,.btn--secondary.active {
    background-color: #0b0906;
    border-color: #0b0906
}

.btn--secondary:active::after,.btn--secondary.active::after {
    background-color: #0b0906;
    border-color: #0b0906;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn--secondary .showplan--svg-fill-icon__btnFontColor {
    fill: #2c2216
}

.btn--secondary:hover .showplan--svg-fill-icon__btnFontColor {
    fill: #fff
}
/*#endregion */

/*#region Link */
.link {
    color: #000;
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    padding-left: .0625rem;
    padding-right: .0625rem;
    border: 0
}
.link:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #555 0, #555 100%);
    bottom: 0;
    left: 0;
    position: absolute
}
.link:focus,
.link:hover {
    color: inherit;
    text-decoration: none
}
@supports (-webkit-background-clip:text) {
.link {
    background-image: linear-gradient(90deg, #ff9c00 0, #FFC72C 50%, #000 50.001%, #000 100%);
    background-size: 200% auto;
    background-position: 100% 0;
    transition: all .4s cubic-bezier(.39, .575, .28, .995)
}
@supports (-webkit-background-clip:text) {
    .link {
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent
    }
}
    .link:hover {
        /*background-position: 0 0*/
    }
}
@supports not (-webkit-background-clip:text) {
    .link {
        color: #FFC72C;
        background: 0 0
    }
    .link:after {
        display: none
    }
}
.link--inverse {
    color: #000;
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    padding-left: .0625rem;
    padding-right: .0625rem;
    border: 0
}
.link--inverse:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #ff9c00 0, #FFC72C 100%);
    bottom: 0;
    left: 0;
    position: absolute
}
.link--inverse:focus,
.link--inverse:hover {
    color: inherit;
    text-decoration: none
}
@supports (-webkit-background-clip:text) {
    .link--inverse {
        background-image: linear-gradient(90deg, #ff9c00 0, #FFC72C 50%, #fff 50.001%, #fff 100%);
        background-size: 200% auto;
        background-position: 100% 0;
        transition: all .4s cubic-bezier(.39, .575, .28, .995)
    }
    @supports (-webkit-background-clip:text) {
        .link--inverse {
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent
        }
    }
    .link--inverse:hover {
        background-position: 0 0
    }
}

@supports not (-webkit-background-clip:text) {
    .link--inverse {
        color: #FFC72C;
        background: 0 0
    }
    .link--inverse:after {
        display: none
    }
}
.link--secondary {
    color: #000;
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    padding-left: .0625rem;
    padding-right: .0625rem;
    border: 0
}
.link--secondary:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute
}
.link--secondary:focus,
.link--secondary:hover {
    color: inherit;
    text-decoration: none
}
@supports (-webkit-background-clip:text) {
    .link--secondary {
        background-image: linear-gradient(90deg, #ff9c00 0, #fff 50%, #fff 50.001%, #fff 100%);
        background-size: 200% auto;
        background-position: 100% 0;
        transition: all .4s cubic-bezier(.39, .575, .28, .995)
    }
    @supports (-webkit-background-clip:text) {
        .link--secondary {
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent
        }
    }
    .link--secondary:hover {
        background-position: 0 0
    }
}
@supports not (-webkit-background-clip:text) {
    .link--secondary {
        color: #FFC72C;
        background: 0 0
    }
    .link--secondary:after {
        display: none
    }
}
.link--secondary:after {
    background: linear-gradient(90deg, #ff9c00 0, #fff 100%)
}
/*#endregion */

/*#region Terms and Conditions*/
.terms-and-conditions {
    border: solid 1px gainsboro;
    background: #f0f0f0;
    padding: 0 20px;
    height: 500px;
    overflow: auto;
}
/*#endregion */

/*#region App Breadcrumbs*/
.app-crumbs { 
    display: flex;
    flex-direction: column;
    margin: 20px 0 10px;
}
.app-crumbs>li { 
}
.app-crumbs>li>a { 
    border-radius: 0;  
    font-family: GTAmerica,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: 400; 
    border-radius: 3px; 
    text-decoration: none;
    line-height: 1;
    display: block;
    width: 100%;    
    padding: 8px 10px;
}
.app-crumbs>li>a:hover,
.app-crumbs>li>a:active,
.app-crumbs>li>a:focus { 
    background: none;
}
.app-crumbs .active a {
    pointer-events: none;
    cursor: default;
    background-color: #000 !important;
    color: #fff !important;
}
.app-crumbs .inactive a { 
    pointer-events: none; 
    cursor: default 
}
@media (min-width: 768px) {
    
    .app-crumbs>li {
        float: left
    }
    .app-crumbs>li>a { 
        margin-bottom: 10px
    }
}
@media (min-width: 992px) {
    .app-crumbs { 
        flex-direction: row;
        margin-bottom: 0;
    }
    .app-crumbs>li>a { 
        padding: 15px; 
    }
}
@media (min-width: 1200px) {
    .app-crumbs>li>a { 
        padding-right: 20px;
        padding-left: 20px;
    }
}
/*#endregion */

.dialog {
    z-index: 101 !important;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, .5);
    box-shadow: 0 0 18px rgba(0, 0, 0, .5);
    zoom: 1;
    padding: 25px;
    font-family: 'Open Sans' Sans-Serif;
}

.form-group {
    margin-bottom: 15px;
}

.true-right {
    font-size: 23px;
    color: #000000;
    padding-right: 10px
}

    .true-right:last-of-type {
        padding-right: 0;
    }

.false-right {
    font-size: 23px;
    color: #6c757d;
    padding-right: 10px
}

    .false-right:last-of-type {
        padding-right: 0;
    }

.linkstaffmenu {
    display: inline-block;
    font-size: 15px;
    text-decoration: none !important;
}

::placeholder {
    color: #D3D3D3;
}
.caution {
    font-family: new-atten-round, Arial, sans-serif, 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0px;
    line-height: 19px;
    padding: 10px 15px;
    display: block;
    color: #a6740c;
    border: solid 1px #a6740c;
    background-color: #fae4b8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
}

.noscript-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.js-nocookies-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.js-noscript-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}