html {
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    font-family: muli, sans-serif;
    margin: 0;
    font-size: 1.4rem;
}

hr {
    height: 0;
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
select {
    text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type='button']::-moz-focus-inner,
    [type='reset']::-moz-focus-inner,
    [type='submit']::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring,
    [type='button']:-moz-focusring,
    [type='reset']:-moz-focusring,
    [type='submit']:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    padding: 0;
}

progress {
    vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type='search']::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

blockquote,
ul,
ol {
    margin: 0;
}

ul,
ol {
    padding: 0;
}

img {
    max-width: 100%;
    display: block;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: currentColor;
    stroke: currentColor;
}

.u_bg-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.u_text-center {
    text-align: center;
}

.u_text-hide {
    font: 0/1 a;
    text-shadow: none;
    color: transparent !important;
}

.u_btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: transparent;
}

    .u_btn-icon:hover, .u_btn-icon:focus {
        outline: 0;
    }

.u_padding-top-none {
    padding-top: 0 !important;
}

.u_padding-bottom-none {
    padding-bottom: 0 !important;
}

.u_align-right {
    text-align: right;
}

.u_justify-start {
    justify-content: flex-start;
}

.u_justify-end {
    justify-content: flex-end;
}

.u_justify-center {
    justify-content: center;
}

.u_justify-between {
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .u_hide-mobile {
        display: none;
    }
}

.u_image-cover, .flockler__item img, .three-column .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center center;
}

.u_text-lighter {
    color: #333333;
}

.u_text-light {
    color: #6E6E6F;
}

.u_button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: all .3s ease;
    background-color: rgba(0, 0, 0, 0);
}

.u_text-muted {
    color: #8D8D93;
}

.u_text-primary {
    color: #E30137;
}

.no-wrap {
    white-space: nowrap;
}

.bg-video {
    transition: none !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.image-scale-on-load {
    transform: scale(1.2, 1.2);
    -webkit-animation: imageScale 1.4s cubic-bezier(0.5, 0, 0, 1) forwards;
    animation: imageScale 1.4s cubic-bezier(0.5, 0, 0, 1) forwards;
}

.u_bottom-auto {
    bottom: auto;
}

/**/

@-webkit-keyframes showHero {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes showHero {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeUp {
    0% {
        transform: translateY(32px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeUp {
    0% {
        transform: translateY(32px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeUpSmall {
    0% {
        transform: translateY(16px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeUpSmall {
    0% {
        transform: translateY(16px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hideFaqContent {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hideFaqContent {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes imageScale {
    0% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes imageScale {
    0% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes swipeGesture {
    0% {
        transform: translate(0, 0);
    }

    33% {
        transform: translate(-16px, 0);
    }

    66% {
        transform: translate(16px, 0);
    }
}

@keyframes swipeGesture {
    0% {
        transform: translate(0, 0);
    }

    33% {
        transform: translate(-16px, 0);
    }

    66% {
        transform: translate(16px, 0);
    }
}

/**/

button:focus {
    outline: unset;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}

h1,
h2 {
    font-weight: 700;
}

.h1,
.h2,
.h3,
.h4,
.h5 {
    font-weight: 300;
}

    .h1 strong,
    .h2 strong,
    .h3 strong,
    .h4 strong,
    .h5 strong {
        font-weight: 400;
    }

h1, .h1 {
    font-size: 3.5rem;
    line-height: 1.254545454545455;
    letter-spacing: 0.01em;
}

@media (min-width: 375px) {
    .h1 {
        font-size: 28px;
    }
}

@media screen and (min-width: 375px) and (min-width: 375px) {
    .h1 {
        font-size: calc(28px + 14 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 375px) and (min-width: 820px) {
    .h1 {
        font-size: 42px;
    }
}

@media (min-width: 820px) {
    .h1 {
        font-size: 42px;
    }
}

@media screen and (min-width: 820px) and (min-width: 820px) {
    .h1 {
        font-size: calc(42px + 13 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .h1 {
        font-size: 55px;
    }
}

h2, .h2 {
    font-size: 2.4rem;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

@media (min-width: 375px) {
    .h2 {
        font-size: 24px;
    }
}

@media screen and (min-width: 375px) and (min-width: 375px) {
    .h2 {
        font-size: calc(24px + 6 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 375px) and (min-width: 820px) {
    .h2 {
        font-size: 30px;
    }
}

@media (min-width: 820px) {
    .h2 {
        font-size: 30px;
    }
}

@media screen and (min-width: 820px) and (min-width: 820px) {
    .h2 {
        font-size: calc(30px + 10 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .h2 {
        font-size: 40px;
    }
}

h3, .h3 {
    font-size: 2.2rem;
    line-height: 2.7rem;
    letter-spacing: 0.01em;
}

@media (min-width: 375px) {
    .h3 {
        font-size: 22px;
    }
}

@media screen and (min-width: 375px) and (min-width: 375px) {
    .h3 {
        font-size: calc(22px + 6 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 375px) and (min-width: 820px) {
    .h3 {
        font-size: 28px;
    }
}

@media (min-width: 820px) {
    .h3 {
        font-size: 28px;
    }
}

@media screen and (min-width: 820px) and (min-width: 820px) {
    .h3 {
        font-size: calc(28px + 4 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .h3 {
        font-size: 30px;
    }
}

h4, .h4 {
    font-size: 2.1rem;
    line-height: 3rem;
    color: #333;
    font-weight: 500;
} 

@media (min-width: 375px) {
    .h4 {
        font-size: 20px;
    }
}

@media screen and (min-width: 375px) and (min-width: 375px) {
    .h4 {
        font-size: calc(20px + 6 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 375px) and (min-width: 820px) {
    .h4 {
        font-size: 26px;
    }
}

@media (min-width: 820px) {
    .h4 {
        font-size: 26px;
    }
}

@media screen and (min-width: 820px) and (min-width: 820px) {
    .h4 {
        font-size: calc(26px + 4 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .h4 {
        font-size: 30px;
    }
}

h5, .h5 {
    font-size: 1.8rem;
    margin-bottom: 1.8rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .h5 {
        font-size: 18px;
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .h5 {
        font-size: calc(18px + 4 * ((100vw - 768px) / 52));
    }
}

@media screen and (min-width: 768px) and (min-width: 820px) {
    .h5 {
        font-size: 22px;
    }
}

h6, .h6 {
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    font-weight: 400;
    text-transform: uppercase;
}

    .h6 strong {
        font-weight: 500;
    }

p,
.p {
    font-family: "muli",Arial,sans-serif !important;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
}

    p strong,
    .p strong {
        font-weight: 700;
    }

    p.small,
    .p.small {
        font-size: 1.5rem;
        line-height: 1.6;
    }

blockquote,
.lead {
    font-size: 1.6rem;
    letter-spacing: 0.01em;
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
    margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
    blockquote,
    .lead {
        font-size: 1.6rem;
    }
}

@media (min-width: 992px) {
    blockquote,
    .lead {
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) and (min-width: 980px) {
    blockquote,
    .lead {
        font-size: calc(16px + 2 * ((100vw - 980px) / 420));
    }
}

@media screen and (min-width: 992px) and (min-width: 1400px) {
    blockquote,
    .lead {
        font-size: 18px;
    }
}

blockquote {
    padding-left: 2.4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    border-left: 4px solid #E30137;
}

    blockquote p {
        margin-bottom: 0;
        font-size: inherit;
    }

.detail {
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.5;
}

.detail-medium {
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.3;
}

    .detail-medium strong {
        font-weight: 400;
    }

.detail-small {
    font-size: 1.5rem;
    line-height: 1.25;
    letter-spacing: 0.01em;
}

.detail-minor {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.02em;
}

.rte h1,
.rte h2,
.rte h3,
.rte h5 {
    font-weight: 300;
}

    .rte h1 strong,
    .rte h2 strong,
    .rte h3 strong,
    .rte h4 strong,
    .rte h5 strong {
        font-weight: 400;
    }

.rte h1 {
    font-size: 2.8rem;
    line-height: 1.254545454545455;
    letter-spacing: 0.01em;
}

@media (min-width: 375px) {
    .rte h1 {
        font-size: 28px;
    }
}

@media screen and (min-width: 375px) and (min-width: 375px) {
    .rte h1 {
        font-size: calc(28px + 14 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 375px) and (min-width: 820px) {
    .rte h1 {
        font-size: 42px;
    }
}

@media (min-width: 820px) {
    .rte h1 {
        font-size: 42px;
    }
}

@media screen and (min-width: 820px) and (min-width: 820px) {
    .rte h1 {
        font-size: calc(42px + 13 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .rte h1 {
        font-size: 55px;
    }
}

.rte h2 {
    font-size: 2.4rem;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

@media (min-width: 375px) {
    .rte h2 {
        font-size: 24px;
    }
}

@media screen and (min-width: 375px) and (min-width: 375px) {
    .rte h2 {
        font-size: calc(24px + 6 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 375px) and (min-width: 820px) {
    .rte h2 {
        font-size: 30px;
    }
}

@media (min-width: 820px) {
    .rte h2 {
        font-size: 30px;
    }
}

@media screen and (min-width: 820px) and (min-width: 820px) {
    .rte h2 {
        font-size: calc(30px + 10 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .rte h2 {
        font-size: 40px;
    }
}

.rte h3 {
    font-size: 2.2rem;
    line-height: 1.3125;
    letter-spacing: 0.01em;
}

@media (min-width: 375px) {
    .rte h3 {
        font-size: 22px;
    }
}

@media screen and (min-width: 375px) and (min-width: 375px) {
    .rte h3 {
        font-size: calc(22px + 6 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 375px) and (min-width: 820px) {
    .rte h3 {
        font-size: 28px;
    }
}

@media (min-width: 820px) {
    .rte h3 {
        font-size: 28px;
    }
}

@media screen and (min-width: 820px) and (min-width: 820px) {
    .rte h3 {
        font-size: calc(28px + 4 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .rte h3 {
        font-size: 30px;
    }
}

.rte h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #333;
}

.rte h4 {
    font-weight: 600;
}

@media (min-width: 375px) {
    .rte h4 {
        font-size: 20px;
    }
}

@media screen and (min-width: 375px) {
    .rte h4 {
        font-size: calc(16px + 6 * ((100vw - 375px) / 445));
        line-height: calc(20px + 6 * ((100vw - 375px) / 445));
    }
}

@media screen and (min-width: 576px) {
    .rte h4 {
        font-size: calc(18px + 4 * ((100vw - 576px) / 580));
        line-height: calc(23px + 4 * ((100vw - 576px) / 580));
    }
}

@media screen and (min-width: 820px) {
    .rte h4 {
        font-size: calc(18px + 4 * ((100vw - 820px) / 580));
        line-height: calc(23px + 4 * ((100vw - 820px) / 580));
    }
}

@media screen and (min-width: 820px) and (min-width: 1400px) {
    .rte h4 {
        font-size: 2.1rem;
        line-height: 3rem;
    }
}

.rte h5 {
    margin-bottom: 1.8rem;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 700;
    color: #404040;
}

@media (min-width: 768px) {
    .rte h5 {
        font-size: 18px;
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .rte h5 {
        font-size: calc(18px + 4 * ((100vw - 768px) / 52));
    }
}

@media screen and (min-width: 768px) and (min-width: 820px) {
    .rte h5 {
        font-size: 22px;
    }
}

.rte h6 {
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    font-weight: 400;
    text-transform: uppercase;
}

    .rte h6 strong {
        font-weight: 500;
    }

.rte ul,
.rte ol {
    margin-top: 2rem;
    margin-bottom: 2.4rem;
}

@media (min-width: 768px) {
    .rte ul,
    .rte ol {
        margin-bottom: 3rem;
    }

        .rte ul:last-child,
        .rte ol:last-child {
            margin-bottom: 0;
        }
}

.rte ul li,
.rte ol li {
    line-height: 1.5;
    font-size: 1.6rem;
    margin-bottom: .9rem;
}

    .rte ul li:last-child,
    .rte ol li:last-child {
        margin-bottom: 0;
    }

.rte ol > li > ul {
    margin-top: 0;
}

.rte ol > li {
    margin-bottom: 3.5rem !important;
}

.rte a:not(.button) {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}

.contact-text {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.5;
    color: #000000;
}

    .contact-text strong {
        font-weight: 600;
    }

    .contact-text a {
        color: #E30137;
        text-decoration: none;
        transition: color .35s ease;
        border-bottom: 1px solid #e30137;
    }

.generic-table {
    width: 100%;
    border-collapse: collapse;
}

    .generic-table th {
        text-align: left;
        font-size: 1.4rem;
        font-weight: 400;
    }

    .generic-table td {
        border-bottom: 1px solid #D9DADB;
    }

    .generic-table th,
    .generic-table td {
        padding: 1.6rem 1.2rem;
    }

@media (max-width: 1199.98px) {
    .generic-table th:first-child,
    .generic-table td:first-child {
        padding-left: 0;
    }

    .generic-table th:last-child,
    .generic-table td:last-child {
        padding-right: 0;
    }
}

/* Core */

.will-reveal {
    visibility: hidden;
}

.image-reveal-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Grid */

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    /*padding-right: 15px;
    padding-left: 15px;*/
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 460px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 8px;
    padding-left: 8px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}

/* Layout */

body,
html {
    position: relative;
    height: 100%;
    min-height: 100%;
}

body {
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    body.menu-is-open {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

.l_content-container {
    background-color: #FBFBFB;
}

.main {
    position: relative;
    z-index: 10;
    flex: 1;
    background-color: #FFFFFF;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

/*.container {
    padding-left: 0;
    padding-right: 0;
}*/

.u_row-center {
    justify-content: center;
}

.u_row-start {
    justify-content: flex-start;
}

.u_row-end {
    justify-content: flex-end;
}

.l_content-container {
    z-index: 1;
    flex: 1;
    position: relative;
    z-index: 1;
}

.l_content-spacer {
    pointer-events: none;
}

footer.site-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

.navigation ul {
    list-style-type: none;
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .l_content-container,
    .template__content,
    .l_sidebar-content {
        flex: auto !important;
    }
}

.ie11 body {
    display: block;
}

.l_left-light-bg {
    min-height: 600px;
    position: relative;
    background-color: #FBFBFB;
    padding-bottom: 10rem;
    padding-top: 3rem;
}

@media (min-width: 768px) {
    .l_left-light-bg {
        padding-top: 9rem;
    }
}

@media (min-width: 992px) {
    .l_left-light-bg {
        padding-top: 10rem;
    }
}

.l_left-light-bg:before {
    content: '';
    display: block;
    background-color: #FBFBFB;
    position: absolute;
    top: 0;
    left: -50vw;
    height: 100%;
    width: 50vw;
}

.l_left-light-bg:after {
    content: '';
    display: block;
    background-color: #FBFBFB;
    position: absolute;
    top: 0;
    right: -50vw;
    height: 100%;
    width: 50vw;
}

@media (min-width: 768px) {
    .l_left-light-bg:after {
        display: none;
    }
}

.l_left-light-bg .pattern .fill {
    fill: #D9DADB;
}

@media (min-width: 768px) {
    .template--left-light {
        padding-bottom: 12rem;
    }
}

.l_handicap-row .l_right-col {
    display: flex;
    align-items: center;
}

    .l_handicap-row .l_right-col .stat {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

/* Content Blocks */

.block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .block-header {
        padding-bottom: 3vw;
    }
}

@media (min-width: 1440px) {
    .block-header {
        padding-bottom: 4.5rem;
    }
}

.block-header.block-header--swiper .block-header__cta {
    padding-left: 6.2rem;
}

@media (max-width: 640px) {
    .block-header.block-header--swiper .block-header__cta {
        padding-left: .5rem;
    }
}

@media (max-width: 640px) {
    .block-header .swiper-button {
        display: none;
    }
}

.block-header .button--text {
    white-space: nowrap;
}

.block-header__title {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-right: .8rem;
}

.block-header__title-icon {
    display: block;
    margin-right: 1.8rem;
}

    .block-header__title-icon svg {
        width: 40px;
        height: 40px;
        display: block;
    }

.l-block-header__right {
    display: flex;
    align-items: center;
}

.tiles__carousel .swiper-slide,
.events__carousel .swiper-slide,
.videos__carousel .swiper-slide,
.partners__carousel .swiper-slide {
    transition: transform .6s ease;
    will-change: transform;
}

/* Button */

.button {
    font-size: 1.5rem;
    line-height: 1.3;
    display: inline-flex;
    align-items: center;
    height: 5rem;
    outline: 0;
    border: 0;
    background-color: #e30137;
    text-decoration: none;
    padding: 1.5rem 2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 3rem;
    font-weight: 700;
}

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

.button--primary {
    color: #ffffff;
    padding: 0;
    position: relative;
}

    .button--primary .button__icon {
        position: relative;
        display: flex;
        width: 6rem;
        height: 6rem;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        z-index: 1;
        transition: transform 0.3s cubic-bezier(0.75, 0, 0.25, 1);
    }

    .button--primary .button__text {
        position: relative;
        z-index: 1;
        padding-top: 0.3rem;
        padding-left: 2.3rem;
        transition: all 0.3s ease;
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

@media all and (min-width:321px) and (max-width: 480px) {
    .button--primary .button__text {
        padding-bottom: .5rem;
    }
}

@media (min-width: 576px) {
    .button--primary .button__text {
        font-size: 1.5rem;
        line-height: 1.7rem;
    }
}

    .button--primary:hover, .button--primary:focus {
        color: #ffffff !important;
        background-color: #530937;
    }

        .button--primary:hover:before, .button--primary:focus:before {
            width: 100%;
        }

        .button--primary:hover .button__icon, .button--primary:focus .button__icon {
            transform: translateX(3px);
        }

.button--text-arrow {
    padding-left: 0;
    color: #E30137;
}

    .button--text-arrow .button__text {
        padding-right: 2rem;
    }

    .button--text-arrow:hover .button__text, .button--text-arrow:focus .button__text {
        font-weight: 500;
    }

    .button--text-arrow:hover .arrow--inline path, .button--text-arrow:focus .arrow--inline path {
        stroke-width: 2;
    }

.arrow--inline path {
    transition: stroke-width .2s ease;
    stroke: currentColor;
}

.button--cta {
    position: absolute;
    bottom: -6rem;
    right: -6rem;
    height: 6rem;
    padding: 0;
    color: #051219;
    background-color: transparent;
    transition: all 0.3s ease;
}

    .button--cta:hover .button__text, .button--cta:focus .button__text {
        background-color: #72E7C9;
    }

    .button--cta:hover .arrow--inline path, .button--cta:focus .arrow--inline path {
        stroke-width: 2;
    }

    .button--cta .button__text {
        position: relative;
        z-index: 1;
        padding: 1.5rem 2rem;
        cursor: pointer;
        height: 6rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #E30137;
        opacity: 1;
        transition: width .75s ease, background .35s ease;
        width: 60px;
        will-change: width;
    }

        .button--cta .button__text span {
            opacity: 0;
            transition: opacity .8s ease;
            white-space: nowrap;
        }

    .button--cta.is-animating .button__text {
        right: 0;
        opacity: 1;
        width: 180px;
    }

        .button--cta.is-animating .button__text span {
            opacity: 1;
        }

.button--cta-icon {
    position: absolute;
    top: -3rem;
    right: 0;
    width: 6rem;
    height: 6rem;
    color: #051219;
    background-color: #FFFFFF;
    opacity: 0;
    transition: opacity 1s ease, top .6s ease;
    will-change: opacity;
}

.is-animating .button--cta-icon {
    top: -6rem;
    opacity: 1;
}

.button--cta-icon .button__icon {
    color: #051219 !important;
}

.button--secondary {
    position: relative;
    color: #ffffff;
    padding: 0;
    background-color: #530937;
}

    .button--secondary:hover:before, .button--secondary:focus:before {
        width: 100%;
    }

    .button--secondary:hover .button__icon svg, .button--secondary:focus .button__icon svg {
        transform: translateX(3px);
    }

    .button--secondary .button__icon {
        position: relative;
        display: flex;
        width: 6rem;
        height: 6rem;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        z-index: 1;
    }

        .button--secondary .button__icon svg {
            transition: transform 0.3s cubic-bezier(0.75, 0, 0.25, 1);
        }

    .button--secondary .button__text {
        position: relative;
        z-index: 1;
        padding-left: 2.3rem;
        padding-top: 0.3rem;
        transition: all 0.3s ease;
        line-height: normal;
    }

@media all and (min-width:321px) and (max-width: 480px) {
    .button--secondary .button__text {
        padding-top: 0rem;
    }
}

    .button--secondary:hover,
    .button--secondary:active,
    .button--secondary:focus {
        color: #ffffff;
        background-color: #3f052c;
    }

.button--text {
    padding-left: 0;
    padding-right: 0;
    color: #e30137;
}

    .button--text:hover, .button--text:focus {
        color: #E30137;
    }

        .button--text:hover .button__text:before, .button--text:focus .button__text:before {
            width: 100%;
        }

    .button--text .button__text {
        position: relative;
    }

        .button--text .button__text:before {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            height: 1px;
            left: 0;
            width: 0;
            z-index: 0;
            background-color: #E30137;
            transition: all 0.3s cubic-bezier(0.75, 0, 0.25, 1);
        }

/*Template Tiles*/
.tile-grid {
    display: flex;
    max-width: 1440px;
    flex-wrap: wrap;
    margin: 0 auto;
}

/*@media (min-width: 1088px) {
    .tile-grid {
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        justify-content: flex-start;
    }
}*/

.tile-grid__item {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: .8rem;
    padding-right: .8rem;
    padding-bottom: 3.2rem;
    border-radius: 3rem;
}

@media (min-width: 720px) {
    .tile-grid__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1088px) {
    .tile-grid__item {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.tile-grid__item .tile {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    max-width: 380px;
    margin: 0 auto;
}

/* Tiles */

.tiles {
    overflow: hidden;
}

    .tiles .container {
        position: relative;
    }

.tiles__wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: .8rem;
    padding-right: .8rem;
}

@media (min-width: 768px) {
    .tiles__wrapper {
        padding-top: 9rem;
    }
}

@media (min-width: 992px) {
    .tiles__wrapper {
        margin-left: -14px;
        margin-right: -14px;
        padding-left: .8rem;
        padding-right: .8rem;
        padding-top: 9.6rem;
    }
}

.tile-container {
    position: relative;
    z-index: 1;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: .8rem;
    padding-right: .8rem;
}

@media (min-width: 768px) {
    .tile-container {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .tile-container {
        padding-left: 1.4rem;
        padding-right: 1.4rem;
    }
}

@media (min-width: 768px) {
    .tile-container:first-child {
        top: -9rem;
    }
}

@media (min-width: 992px) {
    .tile-container:first-child {
        top: -9.6rem;
    }
}

.col--tiles-container {
    max-width: 732px;
}

.tile {
    box-shadow: 3.34px 3.34px 16.72px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    display: flex;
    margin-bottom: 1.6rem;
    flex-direction: column;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
}

@media (min-width: 992px) {
    .tile {
        margin-bottom: 3rem;
    }
}

.tile .button {
    color: #e30137;
}

.tile .tile__footer {
    display: flex;
    align-items: flex-end;
    margin-top: auto;
}

.tile img {
    transition: transform 0.35s cubic-bezier(0.75, 0, 0.25, 1);
}

.tile__body {
    background-color: white;
}

.tile__footer {
    background-color: white;
}

.tile:not(.no-hover):hover img, .tile:not(.no-hover):active img {
    transform: scale(1.08, 1.08);
}

.tile:not(.no-hover):hover .button__text, .tile:not(.no-hover):active .button__text {
    font-weight: 700;
    color: #e30137;
}

.tile:not(.no-hover):hover .arrow--inline path, .tile:not(.no-hover):active .arrow--inline path {
    stroke-width: 2;
}

.tiles__cta {
    padding-top: 5.6rem;
    padding-bottom: 9.6rem;
}

@media (max-width: 767.98px) {
    .tiles__cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 2rem;
    }
}

@media (max-width: 767.98px) and (min-width: 768px) {
    .tiles__cta {
        padding-bottom: 3vw;
    }
}

@media (max-width: 767.98px) and (min-width: 1440px) {
    .tiles__cta {
        padding-bottom: 4.5rem;
    }
}

@media (max-width: 767.98px) {
    .tiles__cta .title {
        margin-bottom: 0;
    }

    .tiles__cta .button {
        padding: 1.5rem 0;
        border: 0 !important;
        color: #E30137;
        background-color: 0;
    }

        .tiles__cta .button:before,
        .tiles__cta .button .button__icon {
            display: none;
        }

        .tiles__cta .button:hover, .tiles__cta .button:focus {
            color: #E30137 !important;
        }

            .tiles__cta .button:hover .button__text:before, .tiles__cta .button:focus .button__text:before {
                width: 100%;
            }

        .tiles__cta .button .button__text {
            position: relative;
        }

            .tiles__cta .button .button__text:before {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                height: 1px;
                left: 0;
                width: 0;
                z-index: 0;
                background-color: #E30137;
                transition: all 0.3s cubic-bezier(0.75, 0, 0.25, 1);
            }
}

@media (min-width: 992px) {
    .tiles__cta {
        padding-top: 30.5rem;
    }
}

.tile__image {
    position: relative;
    overflow: hidden;
}

.tile__image-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tile__title {
    font-weight: 400;
}

.tile__date {
    color: #e30137;
    display: block;
    margin-bottom: .9rem;
}

.tile__text {
    margin-bottom: 0;
}

.tile--v1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3rem;
    width: 1px;
    background-color: #D9DADB;
    z-index: 1;
    pointer-events: none;
}

.tile--v1 .fill {
    fill: white !important;
}

.tile--v1 .tile__image {
    height: 310px;
}

    .tile--v1 .tile__image .pattern {
        position: absolute;
        bottom: 0;
        right: 0;
    }

.tile--v1 .tile__body {
    padding: 3rem 5rem 1.9rem 3.6rem;
}

.tile--v1 .tile__footer {
    padding: 0 3.6rem 2rem 3.6rem;
}

.tile--v1 .tile__title {
    margin-bottom: .3rem;
    color: #051219;
}

.tile--v1 .tile__text {
    color: #051219;
}

.tile--v2 {
    border-radius: 3rem;
}

.tile--v2 .tile__image {
    height: 245px;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
}

.tile--v2 .tile__body {
    padding: 3rem 5rem 1.9rem 3rem;
    position: relative;
}

.tile--v2 .tile__footer {
    padding: .8rem 3rem 3.2rem 3rem;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
}

.tile--v2 .tile__title {
    margin-bottom: 1.5rem;
    color: #e30137;
    font-weight: 700;
}

.tile--v2 .tile__subtitle {
    color: #e30137;
    margin-bottom: 2rem;
    display: block;
}

.tile--v2 .tile__text {
    color: #000000;
}

/* Video Button */

.button--play {
    border: 0;
    outline: 0;
    background-color: transparent;
    position: absolute;
    width: 6rem;
    height: 6rem;
    background-color: rgba(2, 72, 77, 0.7);
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    padding: 0;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
}

@media (min-width: 768px) {
    .button--play {
        width: 10rem;
        height: 10rem;
    }
}

.button--play:hover, .button--play:focus {
    background-color: #e30037;
}

.button--play:before {
    content: '';
    display: block;
    margin-left: 12px;
    border-left: 24px solid #FFFFFF;
    border-right: 19px solid transparent;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: border .35s ease;
}

@media (min-width: 768px) {
    .button--play:before {
        margin-left: 21px;
        border-left: 40px solid #FFFFFF;
        border-right: 36px solid transparent;
        border-top: 24px solid transparent;
        border-bottom: 24px solid transparent;
    }
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
    .button--play {
        border: 4px solid #fff;
        background-color: transparent;
    }
}

.embed-responsive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #FBFBFB;
}

    .embed-responsive iframe {
        width: 100%;
        height: 100%;
    }

/* Video Modal */

.video-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
}

    .video-modal .container {
        position: relative;
        z-index: 2;
    }

    .video-modal .container,
    .video-modal .row {
        height: 100%;
    }

    .video-modal .row {
        align-items: center;
    }

.video-modal__inner {
    position: relative;
    z-index: 1;
}

.video-modal__overlay {
    display: none;
    pointer-events: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(5, 18, 25, 0.9);
    z-index: 100;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .video-modal__overlay.no-bg {
        background-color: rgba(0, 0, 0, 0);
    }

.video-modal-is-active .video-modal__overlay {
    display: block;
}

.video-modal-is-active {
    position: fixed;
    width: 100%;
    height: 100%;
}

    .video-modal-is-active .video-modal {
        display: block;
    }

.video-modal__close {
    position: absolute;
    color: white;
    z-index: 2;
    top: -5.6rem;
    right: -26px;
    height: 5.9rem;
}

    .video-modal__close.small-screens {
        display: none;
    }

    .video-modal__close.large-screens {
        top: 2rem;
        right: 2rem;
    }

@media (min-width: 1440px) {
    .video-modal__close.large-screens {
        top: 3.2rem;
        right: 3.2rem;
    }
}

.video-modal__close-container {
    position: relative;
    max-width: 135vh;
    margin: 0 auto;
}

.video-modal__video {
    border: 0;
    background-color: #000000;
}

.video-modal__video-container {
    position: relative;
    width: 100%;
    max-width: 136vh;
    margin: 0 auto;
    overflow: hidden;
}

    .video-modal__video-container:before {
        display: block;
        padding-bottom: 56%;
        content: '';
    }

    .video-modal__video-container .embed-responsive {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        left: -1px;
        right: -1px;
        top: -1px;
        bottom: -1px;
    }

/* Swiper JS */

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height;
    }

/* 3D Effects */
.swiper-container-3d {
    perspective: 1200px;
}

    .swiper-container-3d .swiper-wrapper,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-cube-shadow {
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-button-prev,
.swiper-button-next {
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        visibility: hidden;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    transform: rotate(180deg);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #E30137;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 41%;
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: 200ms transform, 200ms top;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms transform, 200ms left;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #E30137;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-vertical > .swiper-pagination-progressbar,
    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > img,
    .swiper-zoom-container > svg,
    .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid #E30137;
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-prev,
    .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-button:hover {
    color: #000000;
}

    .swiper-button:hover .arrow--inline path {
        stroke-width: 2;
    }

.swiper-slide {
    box-sizing: border-box;
}

.swiper-pagination-bullet {
    flex-shrink: 0;
}

/* RTE */

.rte-block {
    overflow: hidden;
}

.rte__content {
    padding-top: 0;
}

@media (min-width: 768px) {
    .rte__content {
        padding-top: 2.2rem;
        padding-bottom: 4rem;
    }
}

@media (min-width: 1200px) {
    .rte__content {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 375px) and (max-width: 576px) {
    .rte__content h4 {
        max-width: 370px;
    }
}

.rte__content h1, .rte__content h2, .rte__content h3, .rte__content h4, .rte__content h5, .rte__content h6, .rte__content span, .rte__content blockquote,
.rte__content ul,
.rte__content li,
.rte__content p {
    max-width: 594px;
}

    .rte__content h1:last-child, .rte__content h2:last-child, .rte__content h3:last-child, .rte__content h4:last-child, .rte__content h5:last-child, .rte__content h6:last-child, .rte__content span:last-child, .rte__content blockquote:last-child,
    .rte__content ul:last-child,
    .rte__content li:last-child,
    .rte__content p:last-child {
        margin-bottom: 0;
    }

.rte {
    position: relative;
}

    .rte .h3,
    .rte h3 {
        margin-bottom: 2rem;
    }

    .rte .h4,
    .rte h4 {
        margin-bottom: 2rem;
    }

    .rte ul,
    .rte ol {
        padding-left: 1.6rem;
    }

    .rte a {
        transition: color .35s ease;
    }

        .rte a:hover, .rte a:focus {
            color: #E30137;
        }

    .rte p {
        color: #404040;
    }

    .rte blockquote p {
        color: #e30137;
        font-weight: 700;
        font-size: 2.3rem;
        line-height: 2.7rem;
    }

    .rte h6 {
        color: #8D8D93;
    }

.rte__pattern {
    position: absolute;
    pointer-events: none;
    display: none;
}

@media (min-width: 992px) {
    .rte__pattern {
        display: block;
    }
}

.rte__pattern--1 {
    top: -60px;
}

@media (min-width: 768px) {
    .rte__pattern--1 {
        right: 8.333333%;
    }
}

@media (min-width: 1200px) {
    .rte__pattern--1 {
        right: 26%;
    }
}

.rte__pattern--2 {
    bottom: -56px;
}

@media (min-width: 768px) {
    .rte__pattern--2 {
        left: 50%;
    }
}

@media (min-width: 1200px) {
    .rte__pattern--2 {
        left: auto;
        right: 10.33333%;
    }
}

.rte__cta {
    margin-top: 4rem;
}

@media (min-width: 768px) {
    .rte__cta {
        margin-top: 5rem;
    }
}

/**/

.rte .rte__content li {
    margin-bottom: 1.5rem;
    padding-left: 3rem;
    position: relative;
    list-style: none;
}

    .rte .rte__content li::before {
        background-color: #E70036;
        border-radius: 50%;
        content: '';
        left: 0;
        position: absolute;
    }

.rte .rte__content ul > li::before {
    height: 1.4rem;
    width: 1.4rem;
    top: 0.2rem;
}

.rte .rte__content ol > li {
    list-style-type: none;
    counter-increment: li;
}

    .rte .rte__content ol > li::before {
        top: 0;
        height: 2rem;
        width: 2rem;
        text-align: center;
        content: counter(li);
        color: #ffffff;
        font-size: 1.2rem;
        font-weight: 700;
        padding-top: 2.6px;
    }

@media all and (min-width:321px) and (max-width: 480px) {
    .rte .rte__content ol li::before {
        padding-top: 0;
    }
}

.rte hr {
    margin-top: 4.6rem;
    margin-bottom: 4.2rem;
}

.rte h2 {
    font-weight: 700;
    color: #e30137;
}

.rte .table-responsive {
    display: initial;
    color: #000000;
}

.rte .table thead {
    background-color: #e30137;
    color: #ffffff;
}

    .rte .table thead th {
        border-bottom: none;
        border: 0;
    }

.rte .table th:first-child {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
}

.rte .table th:last-child {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}

.rte .table th,
.rte .table td {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.1rem;
    padding-bottom: 1.6rem;
}

.rte .table td {
    border-top: 0;
    border-bottom: 1px solid #e30137;
    text-align: left;
}

/* Table with Left Header */

.table-left-header tr > td {
    border-bottom: 2px solid #e30137;
}

    .table-left-header tr > td:first-child {
        color: #e30137;
        font-weight: 700;
    }

/* Contact Tiles */

.contact-tiles {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-left: -.8rem;
    margin-right: -.8rem;
}

    .contact-tiles .tile-container {
        top: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: .8rem;
        padding-right: .8rem;
        padding-bottom: 1.6rem;
    }

@media (min-width: 992px) {
    .contact-tiles .tile-container {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1440px) {
    .contact-tiles .tile-container {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.contact-tiles .contact-tiles__pattern {
    position: absolute;
}

@media (max-width: 991.98px) {
    .contact-tiles .contact-tiles__pattern {
        display: none;
    }
}

.contact-tiles .contact-tiles__pattern--01 {
    top: 95px;
    right: -34px;
}

.contact-tiles .contact-tiles__pattern--02 {
    right: 42%;
    bottom: 155px;
}

.contact-tiles .contact-tiles__pattern--03 {
    bottom: -12px;
    left: 238px;
}

address {
    font-style: normal;
    font-size: 1.4rem;
    font-weight: 300;
}

.contact-form__club {
    display: none;
}

.form__group--contact {
    padding-top: .8rem;
}

.form__contact-item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 1rem;
    flex-wrap: wrap;
}

    .form__contact-item .form__label {
        padding-right: 2rem;
        margin-bottom: 0;
    }

@media (min-width: 576px) {
    .form__contact-item .form__label {
        margin-bottom: 1em;
    }
}

.form__contact-item p {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .form__contact-item p {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.form__contact-item .contact-text {
    color: #000000;
}

.tile--contact {
    position: relative;
    padding: 3.8rem 6.8rem 2.8rem 4rem;
    margin-bottom: 0;
    color: #000000;
    height: 100%;
    width: 100%;
}

    .tile--contact:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 3rem;
        height: 100%;
        width: 1px;
        background-color: #F3F4F5;
    }

    .tile--contact .tile__title {
        margin-bottom: .8rem;
    }

    .tile--contact .tile__body {
        padding-top: 4rem;
        flex-grow: 1;
    }

        .tile--contact .tile__body:after {
            content: '';
            height: 100%;
            min-height: 100px;
            display: inline-block;
            vertical-align: bottom;
        }

        .tile--contact .tile__body .contact-text {
            display: inline-block;
            vertical-align: bottom;
            max-width: calc(100% - 6px);
        }

@media (min-width: 768px) {
    .l_content-10 {
        padding-right: 10.125%;
    }
}

.contact__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.contact__template {
    position: relative;
}

.contact__banner {
    padding-bottom: 6.8rem;
    padding-top: 21rem;
}

@media (min-width: 768px) {
    .contact__banner {
        padding-top: 22rem;
        padding-bottom: 6.4rem;
    }
}

@media (min-width: 1200px) {
    .contact__banner {
        padding-top: 23.3rem;
        padding-bottom: 9rem;
    }
}

@media (max-width: 767.98px) {
    .contact__banner .h6 {
        display: none;
    }
}

.contact-template__bg {
    position: absolute;
    height: 560px;
    top: 0;
    left: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .contact-template__bg {
        height: 590px;
    }
}

@media (min-width: 1200px) {
    .contact-template__bg {
        height: 800px;
    }
}

.contact-template__bg img {
    -o-object-position: top center;
    object-position: top center;
}

.contact-template__bg:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #02090D 0%, rgba(2, 19, 13, 0) 100%);
}

.contact__details__info {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: calc(8.33333% + 8px);
    padding-right: calc(8.33333% + 8px);
}

@media (min-width: 768px) {
    .contact__details__info {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .contact__details__info {
        padding-left: 0;
    }
}

.contact__details {
    overflow: hidden;
    margin-left: calc((8.33333% + 16px) * -1);
    margin-right: calc((8.33333% + 16px) * -1);
}

@media (min-width: 768px) {
    .contact__details {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .contact__details {
        margin-left: 0;
    }
}

.contact__details .row {
    align-items: center;
}

.contact__details address {
    padding-bottom: 2.8rem;
}

.contact__details .image {
    padding-top: 11rem;
    position: relative;
    margin-right: -8.333333%;
    z-index: 10;
}

@media (max-width: 767.98px) {
    .contact__details .image {
        padding-top: 5.2rem;
    }
}

@media (min-width: 768px) {
    .contact__details .image {
        right: -1px;
    }
}

@media (min-width: 992px) {
    .contact__details .image {
        padding-top: 0;
    }
}

.contact__details .image-reveal-container {
    position: relative;
    height: 280px;
}

@media (min-width: 768px) {
    .contact__details .image-reveal-container {
        height: 525px;
    }
}

@media (min-width: 992px) {
    .contact__details .image-reveal-container {
        height: 532px;
    }
}

.contact__details .image__pattern {
    position: absolute;
    top: 50px;
    left: 196px;
}

@media (max-width: 767.98px) {
    .contact__details .image__pattern {
        left: -20px;
        top: 12px;
    }

        .contact__details .image__pattern .pattern {
            width: 80px;
            height: 80px;
        }
}

@media (min-width: 992px) {
    .contact__details .image__pattern {
        top: auto;
        left: -60px;
        bottom: 174px;
    }
}

.contact__details .image__pattern .fill {
    fill: #E30137;
}

/* Find course, Find news */

@media (min-width: 1200px) {
    .l_sidebar-content {
        display: flex;
        flex: 1;
    }

        .l_sidebar-content .l_sidebar {
            flex: 0 0 30%;
            max-width: 470px;
        }
}

.l_sidebar-content .template__content {
    flex: 1;
}

.l_sidebar {
    margin-top: 0;
}

    .l_sidebar .help-text {
        padding-right: 16px;
    }

@media (min-width: 1200px) {
    .l_sidebar .container {
        height: 100%;
    }

    .l_sidebar .row {
        display: block;
        margin-left: 0;
        margin-right: 0;
        height: 100%;
    }

    .l_sidebar .col-10 {
        padding-left: 0;
        padding-right: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        height: 100%;
    }

    .l_sidebar .filter {
        height: auto;
        margin-left: 0;
        height: 100%;
        margin-right: 0;
        display: block;
        padding-top: 8rem;
    }

    .l_sidebar .filter-content-mobile {
        min-height: 100%;
    }

    .l_sidebar .filter__item {
        margin: 0 auto;
    }
}

.find-course__results {
    min-height: 800px;
    padding-top: 4rem;
}

@media (min-width: 768px) {
    .find-course__results {
        padding-top: 5.8rem;
    }
}

@media (min-width: 992px) {
    .find-course__results {
        padding-top: 9rem;
    }
}

@media (min-width: 992px) {
    .course-tiles {
        padding-top: 3.2rem;
    }
}

.tile--course {
    padding: 3.2rem 3.2rem 3.2rem 3.2rem;
    display: flex;
    margin-bottom: 1.6rem;
}

@media (max-width: 767.98px) {
    .tile--course br {
        display: none;
    }
}

@media (min-width: 768px) {
    .tile--course {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: 4rem 0 4rem 4.4rem;
        margin-bottom: 2rem;
    }
}

@media (min-width: 992px) {
    .tile--course {
        margin-bottom: 1.2rem;
    }
}

.tile--course .tile__title {
    color: #051219;
}

.tile--course .tile__text {
    color: #6E6E6F;
    font-size: 1.4rem;
}

.tile--course .tile__footer {
    margin-top: 0;
    display: flex;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .tile--course .tile__footer {
        padding-top: 2rem;
    }

        .tile--course .tile__footer .button {
            height: 4rem;
            padding-left: .8rem;
            padding-right: .8rem;
        }

            .tile--course .tile__footer .button:before {
                display: none;
            }

        .tile--course .tile__footer .button__text {
            padding: 0;
        }

        .tile--course .tile__footer .button__icon {
            display: none;
        }
}

@media (min-width: 768px) {
    .tile--course .tile__footer {
        flex-direction: column;
    }
}

@media (min-width: 992px) {
    .tile--course .tile__footer {
        flex-direction: row;
    }
}

.tile--course .tile__footer div:first-child {
    border-right: 1px solid #D9DADB;
    padding-right: 3rem;
}

@media (min-width: 768px) {
    .tile--course .tile__footer div:first-child {
        border-right: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .tile--course .tile__footer div:first-child {
        border-right: 1px solid #D9DADB;
        padding-right: 4rem;
    }
}

@media (max-width: 767.98px) {
    .tile--course .tile__footer div:last-child {
        padding-left: 2.4rem;
    }
}

@media (min-width: 768px) {
    .tile--course .tile__footer div {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

@media (min-width: 992px) {
    .tile--course .tile__footer div {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.tile--course .tile__footer .bat:before {
    background-color: transparent;
}

@media (min-width: 768px) {
    .tile--course .tile__footer .bat--smlg {
        display: none;
    }
}

@media (min-width: 992px) {
    .tile--course .tile__footer .bat--smlg {
        display: inline-flex;
    }
}

.tile--course .tile__footer .bat--md {
    display: none;
}

@media (min-width: 768px) {
    .tile--course .tile__footer .bat--md {
        display: inline-flex;
    }
}

@media (min-width: 992px) {
    .tile--course .tile__footer .bat--md {
        display: none;
    }
}

.tile--course .tile__footer .bat--md:before {
    background-color: #F3F4F5;
}

.help-text {
    color: #8D8D93;
    font-size: 1.4rem;
    font-weight: 400;
}

.news__search,
.course__search {
    flex: 1;
    padding-left: 12.5%;
    position: relative;
}
        
    .course__search ::-webkit-input-placeholder {
        color: #FFFFFF;
        font-weight: 300;
    }

    .course__search ::-moz-placeholder {
        color: #FFFFFF;
        font-weight: 300;
    }

    .course__search :-ms-input-placeholder {
        color: #FFFFFF;
        font-weight: 300;
    }

    .course__search :-moz-placeholder {
        color: #FFFFFF;
        font-weight: 300;
    }

.news__search__input,
.course__search__input {
    flex: 1 1 0%;
    background-color: #e30137;
    border: 0;
    outline: 0;
    width: 100%;
    padding-top: 2.2rem;
    padding-bottom: 2rem;
    padding-left: 3.2rem;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .02rem;
    transition: all 0.35s ease;
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
}

@media all and (min-width:321px) and (max-width: 480px) {
    .news__search__input,
    .course__search__input {
        padding-top: 1.8rem;
    }
}

    /*.news__search__input:active,
    .news__search__input:hover,
    .course__search__input:active,
    .course__search__input:hover {
        background-color: #e41c3a;
        border: 1px solid #e41c3a;
        box-shadow: 0 0 0 0.2rem rgb(228 28 58 / 50%);
    }*/

@media (min-width: 768px) {
    .news__search__input,
    .course__search__input {
        padding-left: 4rem;
    }
}

@media (min-width: 992px) {
    .news__search__input,
    .course__search__input {
        padding-left: 4.6rem;
    }
}

.news__search-container,
.course__search-container {
    position: relative;
}

    .news__search-container .input-group-append,
    .course__search-container .input-group-append {
        cursor: pointer;
        background-color: #e30137;
        border-top-right-radius: 3rem;
        border-bottom-right-radius: 3rem;
    }

.news__search__icon,
.course__search__icon {
    color: #ffffff !important;
    padding-right: 3rem;
    padding-top: 35%;
}

.filter-accordion__content {
    display: none;
}

.filter-accordion__content-inner {
    padding-top: 2.2rem;
    padding-bottom: 2rem;
}

/*.news__search__icon,
.course__search__icon {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    right: 2.4rem;
    top: 50%;
    margin-top: -1.2rem;
    pointer-events: none;
    color: #ffffff;
}

@media (min-width: 992px) {
    .news__search__icon,
    .course__search__icon {
        right: 2.6rem;
    }
}*/

.apply-filter-container .button {
    width: 100%;
    justify-content: center;
}

@media (min-width: 1200px) {
    .apply-filter-container {
        display: none;
    }
}

.filter-accordion__title {
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    margin-bottom: 0;
    border-bottom: 1px solid #E6E7E8;
    cursor: pointer;
}

.filter-accordion__title-text {
    font-size: 1.6rem;
    font-weight: 400;
}

.filter-accordion__indicator {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 1.2rem;
    margin-top: -5px;
}

@media (min-width: 768px) {
    .filter-accordion__indicator {
        width: 10px;
        height: 10px;
        margin-top: -5px;
    }
}

.filter-accordion__indicator:before, .filter-accordion__indicator:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    background-color: #8D8D93;
    opacity: .65;
}

.filter-accordion__indicator:before {
    transition: background .35s ease;
}

.filter-accordion__indicator:after {
    transform: rotate(90deg);
    transition: all .35s ease;
}

.is-active .filter-accordion__indicator:after {
    transform: rotate(0deg);
}

.help-text--lg {
    display: none;
    margin-bottom: .5rem;
}

@media (min-width: 992px) {
    .help-text--lg {
        display: block;
    }
}

.find-a-course__banner {
    height: 300px;
    padding-bottom: 3.8rem;
}

@media (min-width: 768px) {
    .find-a-course__banner {
        height: 358px;
        padding-bottom: 5rem;
    }
}

.find-a-course__banner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #051219 0%, rgba(5, 18, 25, 0) 100%);
    z-index: 1;
    opacity: .75;
}

@media (max-width: 767.98px) {
    .find-a-course__banner .template__banner-inner {
        flex-wrap: wrap;
    }

        .find-a-course__banner .template__banner-inner .course__search {
            padding-top: .8rem;
            padding-left: 0;
            flex: 0 0 100%;
            max-width: 100%;
        }
}

/* Find Course, Find News - Custom */

.toggle__filters,
.toggle__filters:hover {
    color: #808080;
    font-size: 1.3rem;
}

    .toggle__filters svg {
        width: 1.4rem;
        height: 1.4rem;
    }

.show-filters svg {
    transform: rotate(180deg);
}

.news__search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

.btn-search {
    text-transform: uppercase;
}

/* Pagination */

.pagination {
    width: 100%;
    max-width: 1083px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .6rem;
    padding-bottom: 13.4rem;
    margin: 0 auto;
    font-size: 1.5rem;
    font-weight: 300;
}

@media (min-width: 768px) {
    .pagination {
        padding-top: 2.6rem;
        padding-bottom: 7.8rem;
    }
}

@media (min-width: 992px) {
    .pagination {
        padding-top: 5.6rem;
        padding-bottom: 12rem;
    }
}

@media (min-width: 1200px) {
    .pagination {
        padding-bottom: 15rem;
    }
}

.button--pagination {
    color: #e30137;
    font-size: 1.4rem;
}

    .button--pagination:hover, .button--pagination:focus {
        color: #000000;
        font-weight: 500;
    }

        .button--pagination:hover .arrow--inline path, .button--pagination:focus .arrow--inline path {
            stroke-width: 2;
        }

    .button--pagination .button__text {
        padding-left: 2.2rem;
        padding-right: 2.2rem;
    }

@media (max-width: 560px) {
    .button--pagination .button__text {
        display: none;
    }
}

.button--pagination:first-child .button__icon {
    transform: rotate(-180deg);
}

.pagination__text {
    display: block;
    padding-left: 3rem;
    padding-right: 3rem;
    white-space: nowrap;
}

.pagination .button {
    color: #ffffff;
    background-color: transparent;
}

.pagination .pagination__text {
    color: #ffffff;
}

/* Template Banner */

.template__banner {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 315px;
    padding-bottom: 9.6rem;
    color: #FFFFFF;
    /*background-color: #0A161D;*/   
}

@media (min-width: 768px) {
    .template__banner {
        height: 400px;
        padding-bottom: 10rem;
    }
}

@media (min-width: 992px) {
    .template__banner {
        height: 470px;
        padding-bottom: 12.4rem;
    }
}

@media (max-width: 767.98px) {
    .template__banner.template__banner--no-filter-tabs {
        height: 270px;
        padding-bottom: 4.4rem;
    }
}

.template__banner .h1 {
    margin-bottom: 0;
}

.template__banner__pattern {
    display: none;
    margin-right: 6.8rem;
}

@media (min-width: 992px) {
    .template__banner__pattern {
        display: block;
    }
}

.template__banner__pattern .fill {
    fill: #E30137;
}

.template__banner__title {
    position: relative;
    align-items: baseline;
}

@media (min-width: 576px) {
    .template__banner__title {
        display: flex;
        flex: 1;
    }
}

.template__banner__title.has-icon {
    position: relative;
}

@media (min-width: 768px) {
    .template__banner__title.has-icon {
        padding-left: 7.4rem;
    }
}

@media (min-width: 1200px) {
    .template__banner__title.has-icon {
        padding-left: 8.4rem;
    }
}

.banner__title-icon {
    display: block;
    transform: translateY(10px);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

    .banner__title-icon svg {
        display: none;
    }

@media (min-width: 768px) {
    .banner__title-icon svg {
        display: block;
        width: 6rem;
        height: 6rem;
    }
}

.template__banner-inner {
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    z-index: 1;
}

    .template__banner-inner .md-only {
        display: none;
    }

@media (min-width: 576px) {
    .template__banner-inner .md-only {
        display: block;
    }
}

.template__banner__cta--mobile {
    margin-bottom: -2rem;
}

@media (min-width: 576px) {
    .template__banner__cta--mobile {
        display: none;
    }
}

.template__banner__image:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(5, 18, 25, 0) 0%, #051219 100%);
    opacity: .75;
}

@media (min-width: 768px) {
    .template__banner__image:after {
        content: '';
    }
}

.template__banner__image .image__scrim-1,
.template__banner__image .image__scrim-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

.template__banner__image .image__scrim-1 {
    left: 0;
    right: 50%;
    background: radial-gradient(circle at center left, #051219 0%, rgba(5, 18, 25, 0) 100%);
    opacity: .8;
}

@media (min-width: 992px) {
    .template__banner__image .image__scrim-1 {
        display: block;
    }
}

.template__banner__image .image__scrim-2 {
    left: 50%;
    right: 0;
    background: radial-gradient(circle at center right, #051219 0%, rgba(5, 18, 25, 0) 100%);
    opacity: .9;
}

@media (min-width: 768px) {
    .template__banner__image .image__scrim-2 {
        display: block;
    }
}

.is-register .template__banner__image .image__scrim-2 {
    display: block;
    left: 0;
}

@media (min-width: 768px) {
    .is-register .template__banner__image .image__scrim-2 {
        left: 50%;
    }
}

.template__banner.show-scrim:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #530937;
    z-index: 0;
}

/* Breadcrumbs */

.template__banner-inner .breadcrumbs {
    position: absolute;
    top: -62px;
    left: 8px;
    display: none;
}

@media (min-width: 1200px) {
    .template__banner-inner .breadcrumbs {
        display: block;
    }
}

.breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.breadcrumb:nth-child(2) {
    color: #ffffff;
}

    .breadcrumb:nth-child(2):before {
        position: relative;
        top: 2px;
        left: -2px;
        content: ' /';
        font-size: 1.8rem;
    }

.breadcrumb:nth-child(3) {
    color: #72E7C9;
    position: relative;
    display: inline-block;
    padding-left: 44px;
}

    .breadcrumb:nth-child(3):before {
        position: relative;
        top: 2px;
        left: -2px;
        content: '';
        display: inline-block;
        width: 30px;
        height: 1px;
        background-color: currentColor;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 5px;
    }

.breadcrumb__text {
    position: relative;
}

    .breadcrumb__text:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        height: 1px;
        left: 0;
        width: 0;
        z-index: 0;
        background-color: currentColor;
        transition: all 0.3s cubic-bezier(0.75, 0, 0.25, 1);
    }

.breadcrumb a:hover .breadcrumb__text:before, .breadcrumb a:focus .breadcrumb__text:before {
    width: 100%;
}

.breadcrumb {
    display: initial;
    flex-wrap: initial;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

/* Custom utility classes */
@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

/* m-6 */

.m-6 {
    margin: 5rem !important;
}

.mt-6, .my-6 {
    margin-top: 5rem !important;
}

.mr-6, .mx-6 {
    margin-right: 5rem !important;
}

@media (min-width:576px) {
    .mb-6, .my-6 {
        margin-bottom: 5rem !important;
    }

    .ml-6, .mx-6 {
        margin-left: 5rem !important;
    }

    .m-sm-6 {
        margin: 5rem !important;
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 5rem !important;
    }

    .mr-sm-6, .mx-sm-6 {
        margin-right: 5rem !important;
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 5rem !important;
    }

    .ml-sm-6, .mx-sm-6 {
        margin-left: 5rem !important;
    }
}

@media (min-width:768px) {
    .m-md-6 {
        margin: 5rem !important;
    }

    .mt-md-6, .my-md-6 {
        margin-top: 5rem !important;
    }

    .mr-md-6, .mx-md-6 {
        margin-right: 5rem !important;
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 5rem !important;
    }

    .ml-md-6, .mx-md-6 {
        margin-left: 5rem !important;
    }
}

@media (min-width:992px) {
    .m-lg-6 {
        margin: 5rem !important;
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 5rem !important;
    }

    .mr-lg-6, .mx-lg-6 {
        margin-right: 5rem !important;
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 5rem !important;
    }

    .ml-lg-6, .mx-lg-6 {
        margin-left: 5rem !important;
    }
}

@media (min-width:1200px) {
    .m-xl-6 {
        margin: 5rem !important;
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 5rem !important;
    }

    .mr-xl-6, .mx-xl-6 {
        margin-right: 5rem !important;
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 5rem !important;
    }

    .ml-xl-6, .mx-xl-6 {
        margin-left: 5rem !important;
    }
}

/**/

.mb-5-5 {
    margin-bottom: 5.5rem !important;
}

.mt-5r {
    margin-top: 5rem !important;
}

.mb-5r {
    margin-bottom: 5rem !important;
}

.mb-6r {
    margin-bottom: 6rem !important;
}

.mb-7r {
    margin-bottom: 7rem !important;
}

.mt-10r {
    margin-top: 10rem !important;
}

.my-5r {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.my-10r {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}

@media (min-width: 992px) {
    .mt-lg-7r {
        margin-top: 7rem !important;
    }
    .mt-lg-10r {
        margin-top: 10rem !important;
    }
    .mb-lg-6r {
        margin-bottom: 6rem !important;
    }
    .mb-lg-7r {
        margin-bottom: 6rem !important;
    }
    .my-lg-10,
    .my-lg-10r {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

.py-5r {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pb-5r {
    padding-bottom: 5rem;
}

.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.button--sm {
    height: 3.6rem;
    font-weight: 400;
}

    .button--sm,
    .button--sm .button__text {
        font-size: 1.2rem;
    }

.select--custom:disabled {
    background-color: #e9ecef;
}

.bg-purple {
    background-color: #530937;
}

.fleximember.page-myenglandgolfaccess .bg-purple,
.fleximember.page-becomeamember .bg-purple,
.fleximember.page-hole-in-oneclub .bg-purple,
.fleximember.page-myoverview .bg-purple,
.fleximember.page-myscores .bg-purple,
.fleximember.page-myfriends .bg-purple,
.fleximember.page-myprofile .bg-purple,
.fleximember.page-myaccount .bg-purple {
    background-color: #0f0f0f;
}

.max-800 {
    max-width: 800px;
}

@media (max-width: 576px) {
    .table-mobile-hidecol3 tr th:nth-child(3),
    .table-mobile-hidecol3 tr td:nth-child(3),
    .table-mobile-hidecol4 tr th:nth-child(4),
    .table-mobile-hidecol4 tr td:nth-child(4) {
        display: none;
    }
}

/* EG Branding */
a,
a:hover,
a:active,
a:focus {
    color: #e30137;
}

.text-red {
    color: #E30137 !important;    
}

.text-gold {
    color: #d6b974 !important;
}

.page-intro-text {
    max-width: 560px;
    margin: 0 auto;
}

.tile .h6 {
    color: #e30137;
    letter-spacing: unset;
    margin-bottom: 1.1rem;
}

.text__link {
    color: #e30137;
    font-weight: 700;
}

.btn-success,
.btn-danger,
.btn-primary {
    color: #ffffff !important;
    background-color: #e41c3a;
    border: 1px solid #e41c3a;
    border-radius: 30px;
    font-size: 100%;
    padding: .65em 1.5em .4em 1.5em;
}

.btn-default {
    border-radius: 30px;
    font-size: 100%;
    padding: .65em 1.5em .4em 1.5em;
}

@media all and (min-width:321px) and (max-width: 480px) {
    .btn-primary {
        padding-top: 0.4em;
        padding-bottom: 0.5em;
    }
}

    .btn-success:focus,
    .btn-danger:focus,
    .btn-primary:focus,
    .btn-success:hover,
    .btn-danger:hover,
    .btn-primary:hover,
    .btn-success:active,
    .btn-danger:active,
    .btn-primary:active,
    .btn-success:not(:disabled):not(.disabled):active,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled):active:focus {
        background-color: #e41c3a;
        border: 1px solid #e41c3a;
        box-shadow: 0 0 0 0.2rem rgb(228 28 58 / 50%);
    }

.btn-secondary {
    background-color: #530937;
    border: 1px solid #530937;
    border-radius: 30px;
    font-size: 100%;
    padding: .5em 1.5em .4em 1.5em;
}

    .btn-secondary:focus,
    .btn-secondary:hover {
        background-color: #530937;
        border: 1px solid #530937;
        box-shadow: 0 0 0 0.2rem rgb(228 28 58 / 50%);
    }

.btn-edit-content,
.btn-admin {
    color: #000000 !important;
    background-color: #01E3AD !important;
    border: 1px solid #01E3AD !important;
}

    .btn-edit-content:hover,
    .btn-edit-content:active,
    .btn-edit-content:focus,
    .btn-admin:hover,
    .btn-admin:active,
    .btn-admin:focus {
        box-shadow: 0 0 0 0.2rem rgb(1 227 173 / 50%);
    }

.checkbox label {
    font-size: 1.3rem;
}

.btn-lg,
.btn-lg:hover {
    background-color: #e30137;
    border-color: #e30137;
    padding: 1.1rem 1.5rem 0.8rem 1.7rem;
}

a:hover {
    /*color: initial;*/
    text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #e30137;
}

/* EG Member vs iGolf subscriber */

.alert-signupfirst,
.egmember .ni-my-account,
.gcmember .ni-my-account,
.egmember-component,
.igolfer-component {
    display: none !important;
}

.egmember .egmember-component,
.gcmember .egmember-component,
.igolfer .igolfer-component,
.fleximember .igolfer-component {
    display: block;
}

/* All iGolf members should get my-account, even if they have club memberships */
.egmember.igolf-or-flexi .ni-my-account,
.gcmember.igolf-or-flexi .ni-my-account {
    display: initial !important;
}

/* EG Admin */
.page-adminlogin .ulogin-wrapper .form-group:nth-child(2) {
    margin-top: 1.7rem;
}

.button-wrapper {
    margin-top: 1.5rem;
}

#centerFullWidthPanel .uControlDivider {
    display: block !important;
    position: relative;
    text-align: center;
    z-index: 999;
}

.uControlDivider::before {
    content: ' ';
    position: absolute;
    z-index: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed rgba(128,128, 128, 0.5);
    left: 0;
    top: 50%;
}

.uControlDivider .badge {
    color: #333;
    background-color: #ccc;
    font-weight: 100;
    z-index: 1;
    position: relative;
    padding: 7px;
}

.uControlDivider .uAddControlBtn,
.uControlDivider .uEditControlBtn {
    margin-left: 5px;
    z-index: 1;
    position: relative;
}

.uControlDivider .uAddControlBtn {
    position: absolute;
    top: -30px;
    left: calc(50% - 68px);
    font-size: 75%;
}

.btn-fm {
    max-width: 200px;
}

/* Admin Controls */
.admin-save-container .badge {
    padding: 1rem 1.6rem 0.8rem 1.6rem;
    font-size: 1.1rem;
    font-weight: normal;
}

/* Find and Play */

.bg-color {
    background-color: #e30137;
}

.bg-color label {
    color: #fff;
}

.btn--black {
    background-color: #202020;
    border-color: #202020;
    border: 2px solid #202020;
}

.btn--black:hover, .btn--black:focus,
.btn--black:not(:disabled):not(.disabled):active {
    background-color: #fff;
    color: #202020;
    border: 2px solid #202020;
    box-shadow: none;
    text-decoration: underline;
}

/* Vacancy Filler */

#VF_vacancies .no-results {
    font-size: 1.6rem !important;
}

@media (min-width: 768px) {
    #VF_vacancies .grid-margin-x > .medium-6 {
        width: calc(50% - 4rem);
    }
}

@media (min-width: 992px) {
    #VF_vacancies .grid-margin-x > .large-4 {
        width: calc(33.33333% - 4rem);
    }
}

@media (min-width: 1440px) {
    #VF_vacancies .grid-margin-x > .large-4 {
        width: calc(25% - 4rem);
    }
}

/* Vacancy Filler - Homepage */
#VF_vacancies .card--job {
    background-color: #FFFFFF;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 3rem;
}

#VF_vacancies .card--job a.card__block_link {
    color: #202020;
    font-family: "muli",Arial,sans-serif;
}

#VF_vacancies .card--job h3.card__heading {
    color: #e30137;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    font-family: "muli",Arial,sans-serif;
}

#VF_vacancies .card--job h3.card__heading:hover {
    text-decoration: none;
}

#VF_vacancies .card--job .card__summary .vf-summary {
    font-size: 1.4rem;
    font-family: "muli",Arial,sans-serif;
}

#VF_vacancies .card--job .card__summary .card__summary__link {
    font-size: 1.4rem;
    font-weight: bold;
    color: #e30137;
}

    #VF_vacancies .card--job .card__summary .card__summary__link .icon {
        display: none;
    }

#VF_vacancies div#VF_insert_jobs {
    padding-top: 0px;
}

div#subscribeToJobAlertsSubmit {
    padding-right: 0px !important;
    padding-left: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    color: #FFFFFF !important;
    line-height: 46px;
    background-color: #E70036 !important;
    font-weight: bold;
    font-family: "muli",Arial,sans-serif;
}

@media only screen and (max-width: 767px) {
    #VF_vacancies .ui.stackable.cards {
        display: inline-flex !important;
    }
}

/* Vacancy Filler - Listing */
#VF-vacancies-wrapper {
    width: 100%;
    display: inline-block;
}

    #VF-vacancies-wrapper,
    #VF-vacancies-wrapper h1,
    #VF-vacancies-wrapper h2,
    #VF-vacancies-wrapper h3,
    #VF-vacancies-wrapper h4,
    #VF-vacancies-wrapper h5 {
        font-family: "muli",Arial,sans-serif !important;
    }

#VF_vacancies .vacancies-nav__link {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "muli",Arial,sans-serif;
    background-color: #FFFFFF !important;
    color: #202020 !important;
}

    #VF_vacancies .vacancies-nav__link.active {
        background-color: #E70036 !important;
        color: #FFFFFF !important;
    }

/* Vacancy Filler - Single
================================== */
#vacancyfiller_single {
    width: 100%;
    display: inline-block;
}

    #vacancyfiller_single .vd_wrapper {
        width: 100%;
        display: inline-block;
    }

    #vacancyfiller_single .vd_main_wrapper {
        width: 66.66%;
        display: inline-block;
    }

    #vacancyfiller_single .vd_sidebar_wrap {
        width: calc(33.33% - 40px);
        display: inline-block;
        float: right;
    }

    #vacancyfiller_single .vf-jobtitle {
        width: 100%;
        display: block;
        font-size: 2.4rem;
        margin-bottom: 2.4rem;
    }

@media (max-width: 1023px) {
    #vacancyfiller_single .vd_main_wrapper {
        width: 90% !important;
        margin: 0 5%;
    }

    #vacancyfiller_single .vd_sidebar_wrap {
        width: 90% !important;
        margin: 0 5%;
    }

    #vacancyfiller_single .vf-jobtitle {
        width: 90% !important;
        margin-left: 5%;
        margin-right: 5%;
    }
}

#vacancyfiller_single .vd_sidebar_wrap {
    margin-left: 40px;
    background: #f2f2f2;
    padding: 2rem 3rem;
}

#vacancyfiller_single div#map {
    height: 220px;
    margin-bottom: 20px;
}

#vacancyfiller_single .item {
    margin-bottom: 5px;
}

#vacancyfiller_single .vf-Attachments {
    margin: 10px 0 20px 10px;
}

    #vacancyfiller_single .vf-Attachments li {
        list-style: none;
    }

#vacancyfiller_single .sidebar-block-adv {
    font-size: 16px;
}

#vacancyfiller_single .vf-apply-button {
    background-color: #E70036 !important;
    color: #FFFFFF !important;
    margin-right: 0px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    font-weight: bold;
    font-family: "muli",Arial,sans-serif;
    font-size: 1.6rem !important;
    border-radius: 3rem;
    padding-top: 1.8rem;
}

    #vacancyfiller_single .vf-apply-button:hover,
    #vacancyfiller_single .vf-apply-button:active,
    #vacancyfiller_single .vf-apply-button:focus {
        background-color: #C7002E !important;
    }

#vacancyfiller_single .vf-SocialButtons a {
    cursor: pointer;
    font-size: 22px;
    color: #e30137;
}

    #vacancyfiller_single .vf-SocialButtons a:hover,
    #vacancyfiller_single .vf-SocialButtons a:active,
    #vacancyfiller_single .vf-SocialButtons a:focus {
        color: #C7002E !important;
    }

#vacancyfiller_single a#vacancy-page-back-search-button {
    width: 100%;
    background-color: #202020;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "muli",Arial,sans-serif;
    font-size: 1.6rem !important;
    border-radius: 3rem;
    padding-top: 1.8rem;
}

/**/
#VF_vacancies .card {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5rem;
    width: 100%;
}

#VF_vacancies .bg--dark_grey .card {
    color: #302F2E;
}

@media print, screen and (min-width: 64em) {
    #VF_vacancies .card {
        margin-bottom: 4rem;
    }
}

.card__block_link {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: normal;
}

    .card__block_link:focus, .card__block_link:hover {
        color: inherit;
        text-decoration: none;
    }

        .card__block_link:focus .card__heading, .card__block_link:hover .card__heading {
            text-decoration: underline;
        }

.card__media {
    width: 100%;
}

.card__embed {
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    width: 100%;
}

.card__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.card__content {
    line-height: 1.5;
    padding: 6rem 5rem 4rem 5rem;
}

    .card__content:last-child {
        padding-bottom: 2rem;
    }

.card__footer {
    margin-top: auto;
    padding: 0 2rem 2rem;
}

.card__heading {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

    .card__heading:last-child {
        margin-bottom: 0;
    }

.card__date {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

/*
Card horizontal
*/
.card--horizontal .card__embed {
    padding-bottom: 75%;
}

.card--horizontal .cta-link {
    margin-top: 2rem;
}

@media print, screen and (min-width: 40em) {
    .card--horizontal .card__block_link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
    }

    .card--horizontal .card__media {
        width: calc(41.66667% - 4rem);
    }

    .card--horizontal .card__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    .card--horizontal .card__content {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: calc(58.33333% - 4rem);
        padding-left: 4rem;
        padding-right: 0;
    }

    .card--horizontal .card__footer {
        bottom: 0;
        left: 0;
        padding-left: 0;
        position: absolute;
        margin-left: calc(41.66667% + 0.03125rem);
    }
}

/*Card card--benefit*/
.card--benefit .card__embed {
    padding-bottom: 100%;
}

@media print, screen and (min-width: 64em) {
    .card--benefit .card__content {
        padding-left: 2rem;
    }
}

/*Job*/
.card--job {
    text-align: center;
}

.card__summary__link {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

/*Form*/

.select--custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid transparent;
    padding: 1.3rem 2.4rem 1rem 1.6rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5.64645 5.64645C5.84171 5.84171 6.15829 5.84171 6.35355 5.64645L11 1' stroke='%238D8D93' stroke-linecap='round'/%3e%3c/svg%3e");
    background-position: right 11px center;
    line-height: 1.6;
    font-size: 1.6rem;
    transition: all 0.35s ease;
    background-color: transparent;
    cursor: pointer;
    box-shadow: inset 0 -1px 0 0 #EAEBEB;
}

@media (min-width: 768px) {
    .select--custom {
        font-size: 1.6rem;
    }
}

.select--custom:focus {
    border-bottom: 1px solid transparent !important;
    box-shadow: inset 0 -1px 0 0 #EAEBEB !important;
    outline: 0;
}

.filter .select--custom {
    box-shadow: inset 0 -1px 0 0 #EAEBEB;
}

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

.select--light {
    background-color: #FBFBFB;
}

.checkbox-container,
.radio-container {
    position: relative;
    display: block;
    min-height: 2rem;
    margin-right: 1.4rem;
}

    .checkbox-container + .checkbox-container,
    .checkbox-container + .radio-container,
    .radio-container + .checkbox-container,
    .radio-container + .radio-container {
        margin-bottom: 1rem;
    }

.checkbox--custom,
.radio--custom {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2rem;
    opacity: 0;
}

    .checkbox--custom ~ .form-field__error,
    .radio--custom ~ .form-field__error {
        padding-left: 3.8rem;
    }

    .checkbox--custom ~ .label,
    .radio--custom ~ .label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        display: block;
        padding-left: 3.8rem;
        padding-top: .1rem;
    }

@media (max-width: 767.98px) {
    .checkbox--custom ~ .label,
    .radio--custom ~ .label {
        font-size: 1.4rem;
    }
}

.checkbox--custom ~ .label:before,
.radio--custom ~ .label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    content: "";
    border: solid 1px #8D8D93;
}

.checkbox--custom ~ .label:after,
.radio--custom ~ .label:after {
    position: absolute;
    display: block;
    content: "";
    background: no-repeat;
    background-position: center center;
}

.checkbox--custom.is-error ~ .label:before,
.radio--custom.is-error ~ .label:before {
    border-color: #FE4F47;
}

.checkbox--custom ~ .label:after {
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
}

.checkbox--custom:checked ~ .label:before {
    color: #fff;
    border-color: #E30137 !important;
    background-color: #E30137;
}

.checkbox--custom:checked ~ .label:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 12.947L8.8375 15.6379C8.97892 15.8558 9.21368 15.9899 9.46778 15.9977C9.72187 16.0055 9.96397 15.8862 10.1178 15.6773L16 7.99805' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.radio--custom ~ .label:before {
    border-radius: 50%;
}

.radio--custom ~ .label:after {
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    background-color: transparent;
    border-radius: 50%;
}

.radio--custom:checked ~ .label:before {
    color: #fff;
    border-color: #E30137;
    background-color: #E30137;
}

.radio--custom:checked ~ .label:after {
    background-color: #FFFFFF;
}

.label {
    max-width: 444px;
}

    .label .small {
        display: block;
        font-weight: 300;
        margin-top: 1rem;
        line-height: 1.5;
    }

        .label .small strong {
            font-weight: 500;
        }

.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    width: 100%;
    font-size: 1.6rem;
    outline: 0;
    transition: all 0.35s ease;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 -1px 0 0 #EAEBEB;
}

    .input:focus {
        border-bottom: 1px solid #E30137 !important;
        box-shadow: inset 0 -1px 0 0 #E30137 !important;
    }

textarea.input {
    height: 150px;
    resize: none;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.form__group {
    margin-bottom: 2.4rem;
}

    .form__group img {
        flex-shrink: 0;
        margin-bottom: 2.2rem;
    }

    .form__group .radio-container + .radio-container {
        margin-top: 4rem;
    }

.form__label {
    display: block;
    color: #222222;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.form__title {
    margin-bottom: 4.8rem;
    font-size: 2.6rem;
}

.form--light ::-webkit-input-placeholder {
    color: rgba(7, 4, 4, 0.5);
    font-size: 1.4rem;
    font-weight: 300;
}

.form--light ::-moz-placeholder {
    color: rgba(7, 4, 4, 0.5);
    font-size: 1.4rem;
    font-weight: 300;
}

.form--light :-ms-input-placeholder {
    color: rgba(7, 4, 4, 0.5);
    font-size: 1.4rem;
    font-weight: 300;
}

.form--light :-moz-placeholder {
    color: rgba(7, 4, 4, 0.5);
    font-size: 1.4rem;
    font-weight: 300;
}

.form--dark .form__label {
    color: #E30137;
}

.form--dark .input,
.form--dark .select--custom {
    color: #FFFFFF;
    box-shadow: inset 0 -1px 0 0 rgba(243, 244, 245, 0.5);
}

.form--dark select.select--custom:focus {
    box-shadow: inset 0 -1px 0 0 rgba(243, 244, 245, 0.5) !important;
}

.form--dark select.select--custom.is-error {
    border-bottom: 1px solid #FE4F47;
}

.form__group--field {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
}

    .form__group--field input,
    .form__group--field textarea,
    .form__group--field select {
        order: 2;
    }

    .form__group--field .form-field__error {
        order: 3;
    }

.form__group .is-error {
    border-bottom: 1px solid #FE4F47;
    box-shadow: inset 0 -1px 0 0 #FE4F47;
}

    .form__group .is-error ~ .form-field__error {
        display: block;
    }

.form-field__error {
    display: none;
    padding-top: .4rem;
    color: #FE4F47;
    font-size: 1.2rem;
}

.contact-form {
    padding-top: 2.4rem;
}

@media (min-width: 768px) {
    .contact-form {
        padding-top: 0;
    }
}

@media (min-width: 1200px) {
    .contact-form {
        padding-top: 4rem;
    }
}

.l_row-contact-form .l_col {
    padding-left: .8rem;
    padding-right: .8rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 6.4rem;
}

@media (min-width: 992px) {
    .l_row-contact-form .l_col {
        flex: 0 0 44.3666%;
        max-width: 44.3666%;
    }
}

.l_row {
    display: flex;
    margin-left: -.8rem;
    margin-right: -.8rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.button .button__loader-text,
.button .button__loader {
    display: none;
}

.button.is-loading {
    pointer-events: none;
}

    .button.is-loading .button__text,
    .button.is-loading .button__icon {
        display: none;
    }

    .button.is-loading .button__loader-text,
    .button.is-loading .button__loader {
        display: block;
    }

    .button.is-loading:before {
        background-image: none;
    }

.button--secondary .button__loader-text {
    padding-right: 2.8rem;
    padding-left: 2rem;
}

.button--secondary .button__loader {
    margin-right: 19px;
    color: #004489;
}

.button--secondary.is-loading:focus:before {
    width: 6rem;
}

@-webkit-keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.button__loader {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
    margin-left: 27px;
    position: relative;
}

    .button__loader:before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px;
        border-radius: 50%;
        border: 1px solid transparent;
        border-top-color: currentColor;
        border-right-color: currentColor;
        border-bottom-color: currentColor;
        -webkit-animation: spinner .8s linear infinite;
        animation: spinner .8s linear infinite;
    }

.text-loader {
    position: relative;
}

    .text-loader .text-loader__loader-text,
    .text-loader .text-loader__loader {
        display: none;
    }

.text-loader__loader {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
    margin-left: 27px;
    position: relative;
    vertical-align: middle;
}

    .text-loader__loader:before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px;
        border-radius: 50%;
        border: 1px solid transparent;
        border-top-color: currentColor;
        border-right-color: currentColor;
        border-bottom-color: currentColor;
        -webkit-animation: spinner .8s linear infinite;
        animation: spinner .8s linear infinite;
    }

.text-loader.is-loading .text-loader__text {
    display: none;
}

.text-loader.is-loading .text-loader__loader-text,
.text-loader.is-loading .text-loader__loader {
    display: inline-block;
}

/* VF Custom*/

.featured-content__cell {
    margin-left: 2rem;
    margin-right: 2rem;
}

.vf-JobDescription ul {
    margin-left: 1.8rem;
    margin-bottom: 2rem;
}

.vf-JobDescription p {
    margin-bottom: 2rem;
}

.vc_column-inner .wpb_wrapper hr {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/* End of Vacancy Filler CSS*/

/*Content Tiles*/
.content__tiles .content__tile-header h3 {
    font-size: 2.8rem;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 2.8rem;
}

@media (min-width: 1088px) {
    .content__tiles .tile-grid__item {
        /*padding-left: 1.6rem;
        padding-right: 1.6rem;*/
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.content__tiles .tile__image-container svg {
    position: absolute;
    bottom: calc(100% + -1350px);
    left: -450px;
    width: calc(100% + 900px);
    height: calc(100% + 900px);
}

/* Content Tiles Override */
/*.content__tiles .tile-grid {
    max-width: 1360px !important;
}*/

.content__tiles .button {
    background-color: transparent;
}

.content__tiles .btn-success,
.content__tiles .btn-danger.btn-delete {
    border-radius: initial;
    font-size: 1rem;
    padding: .375rem .75rem;
}

.content__tiles .btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.content__tiles .btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.content__tiles {
    background: -webkit-gradient(radial,39.74% 23.45%,0, 39.74% 23.45%, 1960.38,color-stop(0,rgba(227, 1, 55, 1) ),color-stop(1,rgba(127, 0, 55, 1) ));
    margin-bottom: initial !important;
}

    .content__tiles .template__tiles {
        background: url(https://static.whsplatform.englandgolf.org/clubs/1000/images/eg-rose.svg) no-repeat;
        background-size: 3900px 3900px;
        background-position-y: -600px;
        background-position-x: -1170px;
        padding-top: 8rem;
        padding-bottom: 5rem;
    }

@media (min-width: 992px) {
    .content__tiles .template__tiles {
        padding-top: 12rem;
        padding-bottom: 9rem;
    }
}

/* Content Tiles - Contact Us */

.content__tiles-contact .tile--v2 .tile__image .tile__image-container,
.content__tiles-contact .tile--v2 .icon-arrow {
    display: none;
}

.content__tiles-contact .tile--v2 .tile__image {
    height: 25px;
}

.content__tiles-contact .tile--v2 .tile__body {
    padding-top: 2rem;
}

/* Content Tiles - Grey BG e.g. About Us */

.content__tiles-greybg {
    background: #f2f2f2;
}

.content__tiles-greybg .template__tiles {
    background: none;
}

    .content__tiles-greybg.no-pt .template__tiles {
        padding-top: 0;
    }

.content__tiles-greybg .content__tile-header h3 {
    color: #e30137;
}

/* Content Tiles - Admin */
.content__tiles .form-group label,
.content__tiles .form-check label {
    color: #ffffff;
}

.content__tiles .form-group.col-md-4 {
    display: flex;
    align-items: center;
}

.content__tiles .form-group .btn-info {
    background-color: #000000;
    border-color: #000000;
    border-radius: 3rem;
}

.timeline-scroll__container .btn-save,
.content__tiles .btn-save,
.timeline-scroll__container .btn-cancel,
.content__tiles .btn-cancel {
    padding: 0.5rem 2rem .4rem 2rem;
    border-radius: 2rem;
}

    .timeline-scroll__container .btn-save:before,
    .content__tiles .btn-save:before {
        content: 'SAVE';
    }

    .timeline-scroll__container .btn-save:hover,
    .content__tiles .btn-save:hover {
        background-color: #1e7e34 !important;
        border-color: #1c7430 !important;
    }

.timeline-scroll__container .fa-save:before,
.content__tiles .fa-save:before {
    content: '';
}

.timeline-scroll__container .btn-cancel:before,
.content__tiles .btn-cancel:before {
    content: 'CANCEL';
}

.timeline-scroll__container .btn-cancel:hover,
.content__tiles .btn-cancel:hover {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.timeline-scroll__container .fa-redo:before,
.content__tiles .fa-redo:before {
    content: '';
}

/* Message */

.message .alert-dismissible .close {
    padding-top: 1.2rem;
    color: white;
    opacity: .9;
}

/* Social Media */

ul.social-media-links li {
    display: inline-block !important;
    padding-left: 0 !important;
}

    ul.social-media-links li::before {
        background-color: unset !important;
    }

    ul.social-media-links li a {
        border-bottom: none !important;
        background: #333;
        display: block;
        width: 3rem;
        height: 3rem;
        color: #fff;
        border-radius: 3rem;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        padding-top: 0.6rem;
    }

@media all and (min-width:321px) and (max-width: 480px) {
    ul.social-media-links li a {
        padding-top: 0.46rem;
    }
}
    
ul.social-media-links .li-linkedin a {
    padding-left: 0.08rem;
}

ul.social-media-links .li-youtube a {
    padding-left: 0.09rem;
}

.follow-us {
    line-height: 3.4rem;
    margin-right: 1rem;
}

.flockler-carousel_v2-items[tabindex='0']:focus {
    outline: none !important;
}

/* Meet the board */

.page-meettheboard .tile__title {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.page-meettheboard .tile__description p {
    font-size: 1.6rem;
}

/* Nav Tabs */

#competitionsTab {
    border-bottom: 2px solid #e30137;
}

    #competitionsTab .nav-link.active {
        font-weight: 700;
        color: #ffffff;
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
        background-color: #e30137;
        border-color: #e30137;
    }

    #competitionsTab .nav-link:hover {
        border-color: #e30137;
        border-top-right-radius: 2rem;
        border-top-left-radius: 2rem;
    }

#competitionsTab .nav-link {
    font-size: 1.6rem;
    padding: 1rem 2.5rem;
}

/* Table */

.row-container {
    width: 83%;
    margin: 0 auto;
    max-width: 1348px;
}

    .row-container .table__row {
        padding-left: 2rem;
        padding-right: 2rem;
    }

.table__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D9DADB;
    padding-top: 1.1rem;
    padding-bottom: .9rem;
}

    .table__row:before {
        content: '';
        display: block;
        height: 41px;
        width: 1px;
        margin-left: -1px;
    }

.stats__title {
    color: #e30137;
}

.stat {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 70px;
    display: none;
    text-align: center;
}

@media (min-width: 992px) {
    .stat {
        min-width: 78px;
    }
}

.stat--sm {
    display: flex;
}

@media (min-width: 768px) {
    .stat--md {
        display: flex;
    }
}

.stat .table-text, .stat .generic-table td, .generic-table .stat td {
    margin-bottom: .6rem;
    font-size: 1.4rem;
}

@media (min-width: 1200px) {
    .stat .table-text, .stat .generic-table td, .generic-table .stat td {
        font-size: 1.5rem;
    }
}

.table-block {
    padding-top: 9rem;
    padding-bottom: 3.2rem;
}

@media (min-width: 768px) {
    .table-block {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (min-width: 1200px) {
    .table-block {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }
}

.table-block:last-child {
    padding-bottom: 7rem;
}

.table__header {
    padding-top: 2.2rem;
}

.table-text, .generic-table td {
    color: #000000;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .table-text, .generic-table td {
        font-size: 1.6rem;
        line-height: 1.25;
        line-height: 1.4;
    }
}

.table-text.is-up, .generic-table td.is-up {
    color: #FE4F47;
}

.table-text.is-down, .generic-table td.is-down {
    color: #00C087;
}

.table-text-small {
    color: #8D8D93;
    font-size: 1.2rem;
    letter-spacing: 0.01em;
}

.under-par {
    color: #D00000 !important;
}

@media (max-width: 1199.98px) {
    .table-text--name {
        font-size: 1.4rem;
    }
}

.table .banner {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

@media (min-width: 768px) {
    .table .banner {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

.table__header {
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    color: #8D8D93;
    font-size: 1.4rem;
    padding-bottom: 1rem;
}

    .table__header .md-only {
        display: none !important;
    }

@media (min-width: 768px) {
    .table__header .md-only {
        display: block !important;
    }
}

.table__header .lg-only {
    display: none;
}

@media (min-width: 992px) {
    .table__header .lg-only {
        display: inline;
    }
}

.button--sort {
    color: #ffffff;
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    text-align: left;
    padding-left: 0;
    white-space: nowrap;
    cursor: pointer;
    background-position: right 4px top 7px;
    background-repeat: no-repeat;
    transition: color .3s ease;
    font-size: 1.5rem;
    font-weight: 600;
}

    .button--sort.is-active {
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
    }

        .button--sort.is-active:after {
            content: '\f107';
            font-family: 'Font Awesome 5 Pro';
            margin-left: 5px;
        }

        .button--sort.is-active.is-reverse-order:after {
            content: '\f106';
            font-family: 'Font Awesome 5 Pro';
            margin-left: 5px;
        }

    .button--sort:hover, .button--sort:focus {
        color: #ffffff;
    }

.table__row .pga,
.table__row .country {
    flex-shrink: 0;
}

    .table__row .pga img,
    .table__row .country img {
        display: block;
        width: 2.4rem;
        height: 2.4rem;
    }


/* Player Stats */

.ps__position {
    display: block;
    width: 4.6rem;
}

.ps__year {
    color: #e30137;
    display: block;
    width: 6.2rem;
}

._l-flex,
.l_flex {
    display: flex;
    align-items: center;
    flex: 1;
}

@media (min-width: 992px) {
    .player-stats-container {
        display: flex;
        align-items: flex-start;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }
}

@media (min-width: 1200px) {
    .player-stats-container {
        margin-left: -3.2rem;
        margin-right: -3.2rem;
    }
}

@media (min-width: 1440px) {
    .player-stats-container {
        margin-left: -4rem;
        margin-right: -4rem;
    }
}

.player-stats__group {
    padding-bottom: 4rem;
}

    .player-stats__group:last-child {
        padding-bottom: 0;
    }

@media (min-width: 992px) {
    .player-stats__group {
        padding-bottom: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

@media (min-width: 1200px) {
    .player-stats__group {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }
}

@media (min-width: 1440px) {
    .player-stats__group {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (max-width: 991.98px) {
    .template--player-stats .table__row {
        display: none;
    }

        .template--player-stats .table__row:nth-child(2), .template--player-stats .table__row:nth-child(3), .template--player-stats .table__row:nth-child(4), .template--player-stats .table__row:nth-child(5), .template--player-stats .table__row:nth-child(6) {
            display: flex;
        }
}

.group__load-more {
    padding-top: 2rem;
}

@media (min-width: 992px) {
    .group__load-more {
        display: none;
    }
}

.group__load-more .button {
    width: 100%;
    justify-content: center;
}

/* My Account */
.myaccount-details {
    background-color: #e30137 !important;
    color: #fff;
}

.myaccount-label,
.myaccount-details-info-main h2 {
    color: #ffffff !important;
}

.myaccount-details-actions.bg-info {
    background-color: unset !important;
}

.myaccount-details-info-main h2 {
    font-weight: 300;
    font-size: 26px;
    padding: 15px 0 5px;
}

.table-outstanding-invoices > thead > tr > th {
    border-top: 0;
}

.myaccount-value {
    padding: 8px 0;
}

.rmyaccount-container .text-warning {
    color: #8a6d3b !important;
}

.rmyaccount-container .bg-warning {
    background-color: #fcf8e3 !important;
}

.icon-creditcard {
    width: auto;
    height: auto;
    display: revert;
}

.myaccount-section h3 {
    font-weight: 300;
    font-size: 20px;
    padding: 15px 0;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    font-size: 1.2rem;
}

.bs-callout-warning {
    border-left-color: #e30137;
}

.billingcard-membership {
    display: flex;
    line-height: 28px;
}

.rmyaccount-container .btn {
    font-size: 14px;
}

.rmyaccount-container .control-label {
    margin-bottom: 10px;
}

.rmyaccount-container .btn-default {
    background-color: #fff;
    border: 1px solid #ddd;
}

.rmyaccount-container .btn-warning {
    color: #fff;
}

.rmyaccount-container .btn-default,
.rmyaccount-container .btn-warning {
    border-radius: 3rem;
    padding: 0.8rem 2rem 0.5rem 2rem;
}

.rmyaccount-container .btn-success {
    background-color: #28a745;
}

    .rmyaccount-container .btn-success label {
        margin-bottom: 0;
    }

.myaccountpay-wrapper table {
    width: calc(100% - 60px);
}

.rmyaccount-container .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.rmyaccount-container .panel-default > .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    background-color: #F0EEEE !important;
    border-color: #ddd;
}

.rmyaccount-container .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.rmyaccount-container .imgpaymentmethod {
    margin-top: 10px;
}

.rmyaccount-container table {
    margin-bottom: 0;
}

.myaccountpaymentconfirmation-wrapper .btn {
    margin-top: 16px;
    font-size: 14px;
}

.rmyaccount-container .footer-message {
    margin-bottom: 100px;
}

@media (max-width: 576px) {
    .membership-no {
        float: unset !important;
        display: inline-flex;
        font-size: 2rem !important;
        padding-top: 0 !important;
    }
}

/* Member Signup */

.birthday-picker select {
    width: 33.33333% !important;
    float: left;
}

.gender-radio {
    border-bottom: none !important;
}

.rmembersignupv2-container .subtitle-container {
    font-family: azo-sans-web, sans-serif !important;
    font-weight: 400;
    margin-bottom: 0;
}

.rmembersignupv2-container .btn-success {
    background-color: #E30137 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    font-size: 16px;
    height: 6rem;
    border-radius: 3rem !important;
}


.rmembersignupv2 .button-container {
    margin: 20px 0 60px;
}

.rmembersignupv2 .panel-heading,
.rmembersignupconfirmationv2 .panel-heading {
    font-size: 18px !important;
    background-color: #F0EEEE !important;
    padding: 10px;
}

.rmembersignupv2 .checkbox.has-error label,
.rmembersignupv2 .has-error .control-label {
    color: #FE4F47;
}

.rmembersignupv2 .form-control {
    font-size: 1.6rem;
}

.rmembersignupv2 .has-error .form-control {
    border-bottom: 1px solid #FE4F47 !important;
    box-shadow: inset 0 -1px 0 0 #FE4F47 !important;
}

.rmembersignupv2 .alert {
    margin: 20px 0;
}

    .rmembersignupv2 .alert ul,
    .rmembersignupconfirmationv2 .alert ul {
        padding-left: 20px;
    }

.rmembersignupv2 fieldset {
    padding-top: 0;
    padding-bottom: 0;
}

.rmembersignupv2 .div-voucher,
.rmembersignupconfirmationv2 .div-voucher {
    width: 100%;
    margin-bottom: 15px;
}

.btn-apply-voucher,
.btn-apply-voucher:hover,
.btn-apply-voucher:focus,
.btn-apply-voucher:active {
    background-color: #e30137;
    color: #ffffff;
    font-size: 1.4rem;
    border-radius: 3rem;
    padding: 7px 24px 6px 24px;
    border: 2px solid transparent;
    margin-left: 1rem;
}

    .btn-apply-voucher:hover {
        border: 2px solid transparent;
        box-shadow: 0 0 0 0.2rem rgb(228 28 58 / 50%);
    }

.rmembersignupv2 .gender-radio .radio-inline {
    margin-right: 15px;
}

.rmembersignupv2 .gender-radio input[type=radio] {
    margin-top: -4px;
    vertical-align: middle;
}

.form-group-payment-summary {
    margin-bottom: 80px;
}

.rmembersignupconfirmationv2 h3 {
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 26px !important;
}

.rmembersignupconfirmationv2 .btn-pay {
    margin: 20px 0;
}

.rmembersignupv2 .table-payment-summary,
.rmembersignupconfirmationv2 .table-payment-summary {
    margin-top: 40px;
}

.rmembersignupv2 .form-group label {
    font-style: normal;
    font-weight: normal;
    font-size: 1.3rem !important;
    line-height: 31px;
    align-items: center;
    text-transform: uppercase;
    color: #222222;
    margin-top: 20px;
}

.rmembersignupv2 .fa-info-circle {
    color: #e30137 !important;
}

.form-group-email-communication label {
    text-transform: initial !important;
    font-size: 1.4rem !important;
}

.terms-and-conditions label {
    margin-top: 0 !important;
    margin-bottom: 1rem;
}

/* Video Gallery */

.carousel__pagination {
    padding-top: 12px;
    display: flex;
    align-items: center;
    width: 100%;
}

    .carousel__pagination .swiper-pagination-progressbar {
        position: static;
        flex: 1;
        height: 1px;
        background: #D9DADB;
    }

        .carousel__pagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #e30137;
        }

    .carousel__pagination .carousel__count {
        display: block;
        font-size: 1.1rem;
    }

    .carousel__pagination .carousel__count--current {
        padding-right: 1.6rem;
        color: #e30137;
    }

    .carousel__pagination .carousel__count--total {
        padding-left: 1.7rem;
        color: #8D8D93;
    }

.videos {
    overflow: hidden;
}

.videos__carousel {
    overflow: visible;
}

    .videos__carousel .swiper-slide {
        width: 309px;
    }

@media (min-width: 768px) {
    .videos__carousel .swiper-slide {
        width: 442px;
    }
}

@media (min-width: 992px) {
    .videos__carousel .swiper-slide {
        width: 469px;
    }
}

.videos__carousel .swiper-slide:nth-child(1n) .tile {
    -webkit-animation-delay: 0.1s !important;
    animation-delay: 0.1s !important;
}

.videos__carousel .swiper-slide:nth-child(2n) .tile {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
}

.videos__carousel .swiper-slide:nth-child(3n) .tile {
    -webkit-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important;
}

.videos__carousel .swiper-slide:nth-child(4n) .tile {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
}

.videos__carousel .swiper-slide:nth-child(5n) .tile {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}

.videos__carousel .swiper-slide:nth-child(6n) .tile {
    -webkit-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
}

.videos__carousel .swiper-slide:nth-child(7n) .tile {
    -webkit-animation-delay: 0.7s !important;
    animation-delay: 0.7s !important;
}

.videos__carousel .swiper-slide:nth-child(8n) .tile {
    -webkit-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
}

.videos__carousel .swiper-slide:nth-child(9n) .tile {
    -webkit-animation-delay: 0.9s !important;
    animation-delay: 0.9s !important;
}

.videos__carousel .swiper-slide:nth-child(10n) .tile {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important;
}

.videos__carousel .swiper-slide:nth-child(11n) .tile {
    -webkit-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important;
}

.videos__carousel .swiper-slide:nth-child(12n) .tile {
    -webkit-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important;
}

.videos__carousel .tile {
    opacity: 0;
    transform: translateY(16px);
}

.videos__carousel.is-animating .tile {
    -webkit-animation: fadeUpSmall 0.6s ease forwards;
    animation: fadeUpSmall 0.6s ease forwards;
}

.tile.tile--video {
    display: flex;
    color: white;
}

    .tile.tile--video .tile__image {
        position: relative;
        width: 100%;
    }

        .tile.tile--video .tile__image:before {
            display: block;
            padding-bottom: 67.167%;
            content: '';
        }

    .tile.tile--video .tile__body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        padding: 2.4rem 2.4rem 2.2rem 2.4rem;
        background-color: transparent;
    }

@media (min-width: 768px) {
    .tile.tile--video .tile__body {
        padding: 3.2rem 3.2rem 2.8rem 3.2rem;
    }
}

.tile.tile--video .tile__body:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(2, 9, 13, 0.75) 0%, rgba(2, 9, 13, 0) 100%);
}

.tile.tile--video .tile__title {
    position: relative;
    margin-bottom: .6rem;
    font-size: 1.6rem;
}

@media (min-width: 768px) {
    .tile.tile--video .tile__title {
        font-size: 2.2rem;
    }
}

.tile.tile--video .tile__text {
    position: relative;
    font-size: 1.2rem;
}

@media (min-width: 768px) {
    .tile.tile--video .tile__text {
        font-size: 1.6rem;
    }
}

.tile.tile--video .tile__pattern {
    position: absolute;
    top: 3.2rem;
    left: 3.2rem;
}

/* Video Gallery - EG */

.swiper-button-prev, .swiper-button-next {
    display: inline-flex;
}

.swiper-button:hover {
    color: #ffffff;
}

/**/

.partner--logos p {
    margin: 1.5rem 1rem;
}

.partner--logos img {
    max-width: 100px;
    max-height: 40px;
}

@media (min-width: 768px) {
    .partner--logos p {
        margin: 2.5rem 4rem;
    }

    .partner--logos img {
        max-width: 220px;
        max-height: 60px;
    }
}

@media (min-width: 992px) {
    .partner--logos p {
        margin: 3rem 5rem;
    }
    .partner--logos img {
        max-width: 300px;
        max-height: 100px;
    }
}

/* Member Login */

.golfnz-login {
    padding-top: 0;
    padding-bottom: 80px;
}

@media (min-width: 576px) {
    .golfnz-login {
        padding-top: 30px;
    }
}

.golfnz-login label {
    margin-right: 4px;
}

.golfnz-login .alert-primary {
    margin-bottom: 60px;
}

.golfnz-login .alert-warning {
    margin-bottom: 60px;
}

.golfnz-login h2 {
    text-align: center;
    margin-bottom: 12px;
    line-height: 30px;
}

.golfnz-login .subtitle {
    margin-bottom: 40px;
    text-align: center;
}

.golfnz-login .form-group.password input {
    margin-bottom: 12px;
}

.golfnz-login .form-group a {
    font-size: 12px;
    line-height: 24px;
    text-decoration: underline;
}

.golfnz-login .remember-me {
    margin-bottom: 50px;
}

.golfnz-login .form-check-input {
    font-size: 12px;
    line-height: 24px;
    color: #222222;
}

.golfnz-login input[type=checkbox] {
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -3px;
}

.golfnz-login .login-footer {
    margin-top: 24px;
}

.golfnz-login .btn-submit {
    margin-top: 40px;
}

.golfnz-login .table td,
.golfnz-login .table th {
    border-top: 0;
}

.forgot-password-message input {
    margin-top: 20px;
    margin-bottom: 20px;
}

.td-icon-container {
    vertical-align: top;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    max-width: 320px;
    font-size: 14px;
    background-color: #0b2228;
    border-radius: 4px;
    padding: 15px;
}

.bs-tooltip-top .arrow::before {
    border-top-color: #00313F;
}

.zpasswordreset-container {
    margin-top: 60px;
    margin-bottom: 100px;
}

    .zpasswordreset-container input[type=checkbox] {
        margin-top: 5px;
    }

    .zpasswordreset-container .form-check-label {
        margin-left: 5px;
    }

    .zpasswordreset-container .instructions {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .zpasswordreset-container .login-footer {
        margin-top: 24px;
    }

    .zpasswordreset-container .alert-danger {
        margin-top: 24px;
    }

/* Scores */

.table--leaderboard .table__row {
    cursor: pointer;
}

    .table--leaderboard .table__row:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        display: block;
        background-color: transparent;
        position: absolute;
        bottom: -1px;
        left: 0;
        transition: background .3s ease;
    }

    .table--leaderboard .table__row:hover, .table--leaderboard .table__row:focus {
        background-color: #F3F4F5;
    }

        .table--leaderboard .table__row:hover:after, .table--leaderboard .table__row:focus:after {
            background-color: #D9DADB !important;
        }

.table--leaderboard ._l-left-col {
    display: flex;
    align-items: center;
    flex: 1;
}

.table--leaderboard ._l-right-col {
    display: flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    .table--leaderboard .stat {
        min-width: 0;
        width: 4rem;
        padding-right: 0;
        min-width: 0;
    }
}

@media (min-width: 992px) {
    .table--leaderboard .stat {
        min-width: 5.6rem;
        padding-left: .8rem;
        padding-right: .8rem;
    }
}

@media (min-width: 1200px) {
    .table--leaderboard .stat {
        min-width: 6.4rem;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.table--leaderboard .stat .table-text, .table--leaderboard .stat .generic-table td, .generic-table .table--leaderboard .stat td {
    font-weight: 500;
}

.table--leaderboard .country {
    padding-right: .8rem;
    flex-shrink: 0;
}

@media (min-width: 992px) {
    .table--leaderboard .country {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media (max-width: 480px) {
    .table--leaderboard .country {
        display: none;
    }
}

.table--leaderboard .pga {
    padding-left: .8rem;
    padding-right: .8rem;
}

@media (min-width: 992px) {
    .table--leaderboard .pga {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media (max-width: 580px) {
    .table--leaderboard .pga {
        display: none;
    }
}

.table--leaderboard .table-text, .table--leaderboard .generic-table td, .generic-table .table--leaderboard td {
    padding-left: .8rem;
    padding-right: .8rem;
}

.table--leaderboard .table-text--position {
    width: 32px;
}

@media (min-width: 1200px) {
    .table--leaderboard .table-text--position {
        width: 48px;
    }
}

@media (min-width: 992px) {
    .table--leaderboard .table-text, .table--leaderboard .generic-table td, .generic-table .table--leaderboard td {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.table__row-content {
    display: none;
}

@media (min-width: 768px) {
    .table__row-content.content-is-active {
        border-bottom: 1px solid #8D8D93;
    }
}

.table__row-content__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 992px) {
    .table__row-content__inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.row-content__body {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 2rem;
}

.row-content__col {
    width: 40px;
    flex: 0 0 40px;
    max-width: 40px;
}

@media (min-width: 992px) {
    .row-content__col {
        width: 55px;
        flex: 0 0 55px;
        max-width: 55px;
    }
}

.row-content__col--left {
    border-right: 2px solid #D9DADB;
}

@media (min-width: 992px) {
    .row-content__col--left {
        border-right: 1px solid #D9DADB;
    }
}

.row-content__col--left .score {
    justify-content: flex-start;
}

.row-content__col--left .is-total {
    font-weight: 400;
}

.row-content__col--right {
    background-color: #F5F5F6;
    border-left: 2px solid #D9DADB;
    text-align: center;
}

@media (min-width: 992px) {
    .row-content__col--right {
        border-left: 1px solid #D9DADB;
    }
}

.row-content__col--right .score {
    color: #051219;
}

@media (max-width: 767.98px) {
    .row-content__col--right .score {
        width: 3.6rem;
        height: 3.6rem;
    }
}

.row-content__col--right .score-container {
    width: 100%;
}

@media (max-width: 991.98px) {
    .row-content__col--right .score-container:first-child .score {
        text-transform: uppercase;
        font-weight: 500;
        color: #8D8D93;
    }
}

@media (max-width: 767.98px) {
    .row-content__col--right .score-container {
        width: 3.8rem;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .row-content__col--right .sm-only {
        display: none;
    }
}

.row-content__col--right .lg-only {
    display: none;
}

@media (min-width: 992px) {
    .row-content__col--right .lg-only {
        display: block;
    }
}

.row-content__col--right.is-in {
    display: none;
}

@media (min-width: 768px) {
    .row-content__col--right.is-in {
        display: none;
    }
}

@media (min-width: 768px) {
    .row-content__col--right.is-out {
        display: none;
    }
}

.score-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.score-container {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1200px) {
    .score-container {
        width: 48px;
        height: 48px;
    }
}

@media (min-width: 1440px) {
    .score-container {
        width: 52px;
        height: 52px;
    }
}

@media (max-width: 767.98px) {
    .score-container--out-in,
    .score-container--in,
    .score-container--out,
    .row-content__col--right.is-in,
    .row-content__col--right.is-out {
        display: none;
    }
}

@media (min-width: 768px) {
    .row-content__col--right.is-in,
    .row-content__col--right.is-out {
        display: none !important;
    }
}

.data-holes-is-out .score-container--out {
    display: flex;
}

.data-holes-is-out .row-content__col--right.is-out {
    display: block;
}

.data-holes-is-in .score-container--in {
    display: flex;
}

.data-holes-is-in .row-content__col--right.is-in {
    display: block;
}

.row-content__scroll {
    position: relative;
    width: calc(100% - (40px * 3));
    flex: 0 0 calc(100% - (40px * 3));
    max-width: calc(100% - (40px * 3));
    overflow: auto;
}

@media (min-width: 768px) {
    .row-content__scroll {
        width: calc(100% - (40px * 2));
        flex: 0 0 calc(100% - (40px * 2));
        max-width: calc(100% - (40px * 2));
    }
}

@media (min-width: 992px) {
    .row-content__scroll {
        width: calc(100% - (55px * 2));
        flex: 0 0 calc(100% - (55px * 2));
        max-width: calc(100% - (55px * 2));
    }
}

.row-content__scroll .score {
    position: relative;
}

.show-leaderboard-mobile-swipe .row-content__scroll .score:before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    pointer-events: none;
}

@media (min-width: 639px) and (max-width: 767px) {
    .show-leaderboard-mobile-swipe .row-content__scroll .score:before {
        display: none;
    }
}

@media (min-width: 1328px) {
    .show-leaderboard-mobile-swipe .row-content__scroll .score:before {
        display: none;
    }
}

.remove-swipe .row-content__scroll .score:before {
    opacity: 0;
    visibility: hidden;
    transition: all .5s linear 2s;
}

.row-content__scroll.hide-mobile-gesture .score:before {
    display: none !important;
}

.row-content__scroll__mobile-swipe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 639px) and (max-width: 767px) {
    .row-content__scroll__mobile-swipe {
        display: none;
    }
}

@media (min-width: 1328px) {
    .row-content__scroll__mobile-swipe {
        display: none;
    }
}

.hide-mobile-gesture .row-content__scroll__mobile-swipe {
    display: none !important;
}

.show-leaderboard-mobile-swipe .row-content__scroll__mobile-swipe {
    opacity: 1;
    visibility: visible;
}

.show-leaderboard-mobile-swipe.remove-swipe .row-content__scroll__mobile-swipe {
    opacity: 0;
    visibility: hidden;
    transition: all .5s linear 2s;
}

.mobile-swipe__icon {
    -webkit-animation: swipeGesture 1s linear infinite;
    animation: swipeGesture 1s linear infinite;
}

    .mobile-swipe__icon svg {
        width: 4rem;
        height: 4rem;
    }

.row-content__header {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

@media (max-width: 767.98px) {
    .row-content__header {
        order: 2;
        padding-top: 0;
        padding-bottom: 3.2rem;
    }
}

.score {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    font-weight: 500;
    font-size: 1.4rem;
}

    .score.is-eagle {
        border: 1px solid #49D190;
        background-color: #49D190;
        font-weight: 400;
    }

    .score.is-birdie {
        border: 1px solid #FE4F47;
        background-color: #FE4F47;
        font-weight: 400;
    }

    .score.is-par {
        color: #051219;
        border: 1px solid #8D8D93;
        background-color: rgba(0, 0, 0, 0);
        font-weight: 400;
    }

    .score.is-bogey {
        border: 1px solid #188DE2;
        background-color: #188DE2;
        font-weight: 400;
    }

    .score.is-bogey2 {
        border: 1px solid #051219;
        background-color: #051219;
        font-weight: 400;
    }

    .score.is-total {
        color: #051219;
    }

.score--text {
    color: #8D8D93;
    font-size: 1.2rem;
    font-weight: 400;
}

.score-container--out-in .score--text {
    color: #051219;
}

.score-row--footer .score--text {
    color: #051219;
}

.row-content__key {
    display: flex;
}

@media (max-width: 767.98px) {
    .row-content__key {
        flex-wrap: wrap;
    }
}

.key {
    display: flex;
    align-items: center;
    padding-right: 2.6rem;
    flex-shrink: 0;
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.key__icon {
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.3rem;
    letter-spacing: 0.01em;
    font-weight: 300;
}

    .key__icon span {
        width: 100%;
        text-align: center;
        padding-top: 1px;
        line-height: 1;
    }

.key__text {
    font-size: 1.2rem;
    letter-spacing: 0.01em;
    padding-left: 1rem;
}

.hole-tabs {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 40px;
}

@media (min-width: 768px) {
    .hole-tabs {
        display: none;
    }
}

.hole-tab {
    color: #051219;
    margin-left: .6rem;
    margin-right: .6rem;
    border: 0;
    padding: .4rem .6rem;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    font-size: 1.4rem;
    outline: 0;
    cursor: pointer;
}

    .hole-tab.is-active {
        pointer-events: none;
        font-weight: 500;
        border-bottom: 2px solid currentColor;
    }

@media (max-width: 767.98px) {
    .row-content__col,
    .row-content__scroll {
        border-bottom: 1px solid #D9DADB;
    }
}

.table__row-content__close {
    position: absolute;
    right: -12px;
    top: 0;
    color: #02484D;
}

@media (min-width: 992px) {
    .table__row-content__close {
        right: 0;
    }
}

.score-divider {
    border-bottom: 2px solid #616161;
}

/**/

.scorecard-minimum {
    display: none;
}

@media (max-width: 768px) {
    .scorecard-full, .score-legend {
        display: none !important;
    }
    .scorecard-minimum {
        display: block;
    }

        .scorecard-minimum table {
            font-size: 14px;
            text-align: center;
        }

            .scorecard-minimum table tr.bg-grey {
                background-color: #c7c7c7;
            }

            .scorecard-minimum table tr.bg-light-grey {
                background-color: #f3f3f3;
            }

            .scorecard-minimum table td {
                vertical-align: middle;
                /*padding: 5px 3px 5px 2px;*/
                padding: 6px 2px;
            }

                .scorecard-minimum table td span.is-eagle {
                    background-color: #49D190;
                    color: #333;
                    border: 2px solid #00964e;
                    border-radius: 50%;
                    width: 22px;
                    height: 22px;
                    display: inline-grid;
                    line-height: 18px;
                    text-align: center;
                }

                .scorecard-minimum table td span.is-birdie {
                    background-color: #FE4F47;
                    color: #fff;
                    border: 1px solid #840600;
                    border-radius: 50%;
                    width: 22px;
                    height: 22px;
                    display: inline-grid;
                    line-height: 21px;
                    text-align: center;
                }

                .scorecard-minimum table td span.is-par {
                    background-color: #fff;
                    width: 22px;
                    height: 22px;
                    text-align: center;
                }

                    .scorecard-minimum table td span.is-par.bordered {
                        border: 1px solid #e8e8e8;
                        display: inline-grid;
                        line-height: 21px;
                    }

                .scorecard-minimum table td span.is-bogey {
                    background-color: #188DE2;
                    color: #fff;
                    border: 1px solid #003d69;
                    width: 22px;
                    height: 22px;
                    display: inline-grid;
                    line-height: 21px;
                    text-align: center;
                }

                .scorecard-minimum table td span.is-bogey2,
                .scorecard-minimum table td span.is-na {
                    background-color: #051219;
                    color: #fff;
                    border: 2px solid #777;
                    width: 22px;
                    height: 22px;
                    display: inline-grid;
                    line-height: 18px;
                    text-align: center;
                }     
}

.banner {
    overflow: hidden;
}

.banner__content {
    position: relative;
    background-color: #D9DADB;
    width: 320px;
    height: 100px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .banner__content {
        width: 980px;
        height: 120px;
    }
}

.banner__content-container {
    padding-top: 0rem;
    padding-bottom: 3rem;
    background-color: #FFF;
}

@media (min-width: 768px) {
    .banner__content-container {
        padding-top: 4rem;
        padding-bottom: 0;
    }
}

/**/

.mygolf-section {
    border: 1px solid #ececec;
    padding: 10px 40px 40px;
    background-color: #ffffff;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
}

/**/

.form-inline label,
.form-group label,
.section-filters [class^="col-"] > label {
    font-family: Rubik, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 31px;
    /* or 258% */
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #004489;
    margin-top: 20px;
}

.form__group input[type=text],
.form__group input[type=number],
.form__group input[type=password],
.form__group input[type=email],
.form-group input[type=text],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=email],
.input-group .form-control {
    height: 60px;
    border-bottom: 1px solid #D9DADB;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background-color: transparent;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

    .form-group input[type=text].form-control-sm,
    .form-group input[type=number].form-control-sm,
    .form-group input[type=password].form-control-sm,
    .form-group select.form-control-sm,
    .input-group .form-control {
        height: inherit;
        font-size: 14px;
        color: #000000;
        font-weight: 400;
    }

    .form-group input[type=text].required,
    .form-group input[type=number].required,
    .form-group input[type=password].required,
    .form-group input[type=email].required {
        border-bottom: 3px solid #FE4F47;
    }

.form-check.required input[type=text] {
    border-bottom: 1px solid #D9DADB;
}

    .form-check.required input[type=text].has-error {
        border-bottom: 1px solid #FE4F47 !important;
        box-shadow: inset 0 -1px 0 0 #fe4f47 !important;
    }

.form-group select.form-control-sm {
    line-height: 24px;
    height: 30px;
}

select.form-control {
    height: 60px;
    border-bottom: 1px solid #D9DADB;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background-color: initial;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.gcmember-component,
.fleximember-component,
.casualgolfer-component {
    display: none;
}

.gcmember .gcmember-component,
.fleximember .fleximember-component,
.casualgolfer .casualgolfer-component {
    display: block !important;
}

.no-header-footer header,
.no-header-footer footer {
    display: none;
}

.no-header-footer #centerFullWidthLowerPanel .l_content-spacer {
    display: none;
}