﻿body:not(.sfPageEditor) .text-white * {
    color: #FFF !important;
}

[class*="listing-"] [class*="col-"] nav,
[class*="listing-"] nav {
    display: none !important;
}

table {
    border-collapse: inherit !important;
}

body.sfPageEditor p,
body.sfPageEditor h1,
body.sfPageEditor h2,
body.sfPageEditor h3,
body.sfPageEditor h4,
body.sfPageEditor h5 {
    font-family: sans-serif !important;
}

:root:root:root:root:root .sfPageEditor .sf-backend-wrp .modal-dialog {
    width: 95% !important;
    max-width: 95% !important;
}

:root:root:root:root:root .sfPageEditor .sf-backend-wrp .modal-content .k-button-group,
.sfPageEditor .sf-backend-wrp .modal-content .k-button-group,
:root:root:root:root:root .sfPageEditor .sf-backend-wrp .k-button-group {
    box-shadow: none !important;
}

:root:root:root:root:root .sfPageEditor .sf-backend-wrp .modal-content .modal-body .k-editor-widget .k-editor-toolbar .k-tool,
.sfPageEditor .sf-backend-wrp .modal-content .modal-body .k-editor-widget .k-editor-toolbar .k-tool {
    color: #444 !important;
}

.CodeMirror {
    line-height: 1em !important;
    font-family: monospace !important;
}

[class*="news-"].collapsing {
    transition: none !important;
}

.text-center * {
    text-align: center !important;
}

.form-group label.h6 {
    font-size: 1rem !important;
}

.required.form-group label.h6::after {
    content: " *";
    color: red !important;
    font-weight: 700 !important;
}

.fa {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.sf-Captcha-button .sf-icon-xxs {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
}

.sf-backend-wrp .CodeMirror pre {
    font-family: Courier, monospace !important;
}

.is-block {
    display: block;
}


.full-screen-height {
    height: 100vh;
}

.dropdown-toggle {
    white-space: normal !important;
}


body.sfPageEditor input[type="text"],
body.sfPageEditor textarea {
    max-width: 100% !important;
}

.nav-link-inline {
    display: inline-block;
    padding: 5px !important;
}


.down-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px solid rgba(0, 0, 0, 1);
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
}


.left-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 2px;
    vertical-align: middle;
    border-top: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-left: 8px solid rgba(0, 0, 0, 1);
    border-right: 8px solid rgba(0, 0, 0, 0);
}

.up-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 2px;
    vertical-align: middle;
    border-top: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid rgba(0, 0, 0, 1);
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #000 !important;
    background-color: #999999 !important;
    border-color: #999999 !important;
}


ul.sf-autocomplete {
    max-width: 500px !important;
}


.responsive-embed,
.flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden;
}

.responsive-embed.widescreen,
.flex-video.widescreen {
    padding-bottom: 56.25%;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* New alignment - from bootstrap 5 */

.text-end,
.text-end * {
    text-align: right !important;
}

.text-start,
.text-start * {
    text-align: left !important;
}

/* // Font-sizes (from bootstrap 5) */

/* Display headings */

[class*="display-"]:not([class*="fa-"]) {
    font-weight: 300;
}

[class*="display-"] {
    line-height: 1.2;
}

.display-1 {
    font-size: 5rem;
}

.display-2 {
    font-size: 4.5rem;
}

.display-3 {
    font-size: 4rem;
}

.display-4 {
    font-size: 3.5rem;
}

.display-5 {
    font-size: 3rem;
}

.display-6 {
    font-size: 2.5rem;
}

/* Font-sizes - from bootstrap 5 */

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

/* letter spacing */

.ls-1,
.ls-1 * {
    letter-spacing: 1px !important;
}

.ls-1-3,
.ls-1-3 * {
    letter-spacing: 1.3px !important;
}

.ls-2,
.ls-2 * {
    letter-spacing: 2px !important;
}

.ls-3,
.ls-3 * {
    letter-spacing: 3px !important;
}

.ls-4,
.ls-4 * {
    letter-spacing: 4px !important;
}

.ls-5,
.ls-5 * {
    letter-spacing: 5px !important;
}

.ls-6,
.ls-6 * {
    letter-spacing: 6px !important;
}

.ls-7,
.ls-7 * {
    letter-spacing: 7px !important;
}

.ls-8,
.ls-8 * {
    letter-spacing: 8px !important;
}

.ls-9,
.ls-9 * {
    letter-spacing: 9px !important;
}

.ls-10,
.ls-10 * {
    letter-spacing: 10px !important;
}

/* Lead */

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.text-muted {
    color: #5A6168 !important;
}

/* font-weight */

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}



[class*="col-"] {
    position: relative;
}

.col-fifth {
    flex: 0 0 auto;
    width: 20%
}


img.full-img,
.full-img img {
    width: 100%;
    height: auto;
}

img,
video {
    max-width: 100%;
    height: auto;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}


/* this overides the fact there is and extra <div> in the containers */

.container.full-height .sf_cols,
.row.full-height,
.full-height,
.full-height .sf_cols {
    height: 100%;
}


/* Dropdown items */

.dropdown-menu {
    top: auto !important;
    margin: 0 !important;
}

.dropdown-submenu .dropdown-menu {
    top: 0 !important;
}

.dropdown-item {
    white-space: normal !important;
}


/* update on pages */

.update {
    padding: 10px;
}

.update p {
    margin: 0;
    padding: 0;
}


/* News Tabs General - to include .row reference, i.i. 'news-tabs-ul row text-center' */

.news-tabs .news-tabs-ul {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    list-style: none;
}

.news-tabs .news-tabs-ul .tablinks {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    list-style: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news-tabs .news-tabs-ul a {
    display: block;
    padding: 5px .8em;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

/* News items */

.news-list .row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3px;
    margin-left: 0;
    margin-right: 0;
}


.news-list .row:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}


/* Calendar items */

.calendar-links .row.field-header {
    padding: 5px 0;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    background-color: transparent !important;
}

.calendar-links .row.field,
.calendar-links .row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    margin-left: 0;
    margin-right: 0;
}


.calendar-links .row.field:nth-child(odd),
.calendar-links .row:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}

.calendar-links .row.field p,
.calendar-links .row p {
    margin: 0;
    padding: 0;
}


/* Quick Links */

.important-dates .row {
    margin: 0;
}

.important-dates span {
    display: block;
}

.important-dates span.day {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2rem;
}

.important-dates span.month {
    font-size: 1rem;
}

/* table items */

.table-list .row {
    margin-left: 0;
    margin-right: 0;
}

.table-list .col-12 {
    padding: 0;
}

.table-list .row [class*="col-"]:not(.col-12) {
    padding-right: 5px;
    padding-left: 5px;
}

.table-list .row.field-header {
    padding: 5px;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.table-list .row.field {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 5px;
    margin-left: 0;
    margin-right: 0;
}

.table-list .row.field [class*="col-"] {
    padding-top: 5px;
    padding-bottom: 5px;
}

.table-list .email-address {
    word-break: break-all;
}


.table-list .row.field:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}



.file-size,
.video-file {
    display: block;
    font-size: .857rem;
    color: #666;
    line-height: .857rem;
}

.sub-title {
    font-size: .857rem;
    color: #666;
    line-height: 1rem;
    margin-top: .5rem;
}

.table-list a[href]:not([href^="http"]):not([href^="mailto"]):not([href^="tel"]):not([href^="/docs/"]),
.results-links .webcast-link a[href]:not([href^="http"]):not([href^="mailto"]):not([href^="tel"]) {
    display: none;
}

.calendar-links a[href^="#"] {
    border: 0;
    text-decoration: none
}

/* Pagination */

.pagination {
    margin: 2rem 0;
}

.pagination a span {
    display: block;
}

.page-link {
    padding: 10px 15px;
    border-width: 0 1px;
    height: 100%;
}

.pagination a span {
    display: block !important;
}


/*-----------------------------------------------------------------------------------*/
/*	Timeline
/*-----------------------------------------------------------------------------------*/

.tm_timeline {
    position: relative;
    padding: 1em 1em 1em 1em;
    margin-bottom: 40px;
}

.tm_timeline .tm_timeline__tense {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 4px;
    height: 100%;
    background: #d4d3d3;
}

.tm_timeline .row:nth-of-type(odd) {
    text-align: left;
    flex-direction: row-reverse !important
}

.tm_timeline .row:nth-of-type(odd) * {
    text-align: left;
}

.tm_timeline .row:nth-of-type(even) {
    text-align: right;
}

.tm_timeline .row:nth-of-type(even) * {
    text-align: right;
}


.tm_timeline .row [class*="col-"]:first-child::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 4px #fff;
    border-radius: 100%;
    z-index: 1;
}

.tm_timeline .row:nth-of-type(odd) [class*="col-"]:first-child::before {
    left: -4px;
}

.tm_timeline .row:nth-of-type(even) [class*="col-"]:first-child::before {
    right: -4px;
}





/*-----------------------------------------------------------------------------------*/
/*	Margins / Paddings
/*-----------------------------------------------------------------------------------*/

.minus-top-margin {
    margin-top: -30px !important;
}

.minus-top-margin-2x {
    margin-top: -60px !important;
}

.minus-top-margin-3x {
    margin-top: -90px !important;
}

.minus-top-margin-4x {
    margin-top: -120px !important;
}

.minus-top-margin-5x {
    margin-top: -150px !important;
}

.top-margin {
    margin-top: 30px !important;
}

.top-margin-2x {
    margin-top: 60px !important;
}

.top-margin-3x {
    margin-top: 90px !important;
}

.top-margin-4x {
    margin-top: 120px !important;
}

.top-margin-5x {
    margin-top: 150px !important;
}

.bottom-margin {
    margin-bottom: 30px !important;
}

.bottom-margin-2x {
    margin-bottom: 60px !important;
}

.bottom-margin-3x {
    margin-bottom: 90px !important;
}

.bottom-margin-4x {
    margin-bottom: 120px !important;
}

.bottom-margin-5x {
    margin-bottom: 150px !important;
}

.minus-bottom-margin {
    margin-bottom: -30px !important;
}

.minus-bottom-margin-2x {
    margin-bottom: -60px !important;
}

.minus-bottom-margin-3x {
    margin-bottom: -90px !important;
}

.minus-bottom-margin-4x {
    margin-bottom: -120px !important;
}

.minus-bottom-margin-5x {
    margin-bottom: -150px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.top-padding {
    padding-top: 30px !important;
}

.top-padding-2x {
    padding-top: 60px !important;
}

.top-padding-3x {
    padding-top: 90px !important;
}

.top-padding-4x {
    padding-top: 120px !important;
}

.bottom-padding {
    padding-bottom: 30px !important;
}

.bottom-padding-2x {
    padding-bottom: 60px !important;
}

.bottom-padding-3x {
    padding-bottom: 90px !important;
}

.bottom-padding-4x {
    padding-bottom: 120px !important;
}


/*-----------------------------------------------------------------------------------*/
/*	Borders
/*-----------------------------------------------------------------------------------*/

.a {
    border-bottom: 1px solid
}

.aa {
    border-bottom: 2px solid
}

.aaa {
    border-bottom: 3px double
}

.at {
    border-top: 1px solid
}

.aat {
    border-top: 2px solid
}

.aat {
    border-top: 3px double
}

.al {
    border-left: 1px solid
}

.aal {
    border-left: 2px solid
}

.aaal {
    border-left: 3px double
}

.ar {
    border-right: 1px solid
}

.aar {
    border-right: 2px solid
}

.aaar {
    border-right: 3px double
}

.bt-5 {
    border-top: 5px solid
}

.bt-10 {
    border-top: 10px solid
}

.bb-5 {
    border-bottom: 5px solid
}

.bb-10 {
    border-bottom: 10px solid
}

.bl-5 {
    border-left: 5px solid
}

.bl-10 {
    border-left: 10px solid
}

.br-5 {
    border-right: 5px solid
}

.br-10 {
    border-right: 10px solid
}

.border-top-1 {
    border-top-width: .25rem !important;
}

.border-bottom-1 {
    border-bottom-width: .25rem !important;
}

.border-left-1 {
    border-left-width: .25rem !important;
}

.border-right-1 {
    border-right-width: .25rem !important;
}

.border-2 {
    border-width: .5rem !important;
}

.border-top-2 {
    border-top-width: .5rem !important;
}

.border-bottom-2 {
    border-bottom-width: .5rem !important;
}

.border-left-2 {
    border-left-width: .5rem !important;
}

.border-right-2 {
    border-right-width: .5rem !important;
}

.border-3 {
    border-width: 1rem !important;
}

.border-top-3 {
    border-top-width: 1rem !important;
}

.border-bottom-3 {
    border-bottom-width: 1rem !important;
}

.border-left-3 {
    border-left-width: 1rem !important;
}

.border-right-3 {
    border-right-width: 1rem !important;
}

.border-4 {
    border-width: 1.5rem !important;
}

.border-top-4 {
    border-top-width: 1.5rem !important;
}

.border-bottom-4 {
    border-bottom-width: 1.5rem !important;
}

.border-left-4 {
    border-left-width: 1.5rem !important;
}

.border-right-4 {
    border-right-width: 1.5rem !important;
}

.border-5 {
    border-width: 3rem !important;
}

.border-top-5 {
    border-top-width: 3rem !important;
}

.border-bottom-5 {
    border-bottom-width: 3rem !important;
}

.border-left-5 {
    border-left-width: 3rem !important;
}

.border-right-5 {
    border-right-width: 3rem !important;
}

/* Sections with images */

body:not(.sfPageEditor) .image-text-icon {
    margin: 30px 0;
    position: relative;
}

body:not(.sfPageEditor) .image-text-icon .img.area {
    background-size: cover;
    background-repeat: no-repeat;
    height: 480px;
    width: 100%;
}

body:not(.sfPageEditor) .image-text-icon .text.area {
    position: absolute;
    -webkit-box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.25);
    background: rgba(255, 255, 255, 0.9);
    padding: 30px 40px;
    width: 100%;
}

@media screen and (max-width: 767px) {

    body:not(.sfPageEditor) .image-text-icon .text.area {
        position: relative;
    }

    body:not(.sfPageEditor) .image-text-icon .img.area {
        position: absolute;
    }
}

@media screen and (min-width: 768px) {

    body:not(.sfPageEditor) .image-text-icon .text.area {
        top: 30px;
        background: #fff;
    }
}

@media screen and (min-width: 1024px) {

    body:not(.sfPageEditor) .image-text-icon .text.area {
        top: 60px;
    }

    body:not(.sfPageEditor) .image-text-icon .text.area.left {
        left: 80px;
    }

    body:not(.sfPageEditor) .image-text-icon .text.area.right {
        right: 80px;
    }
}

@media screen and (min-width: 1650px) {
    body:not(.sfPageEditor) .image-text-icon .text.area {
        top: 40px;
    }
}


/* Media */

@media (max-width: 768px) {
    .table-list .row.field-header {
        display: none;
    }

    .table-list .row.field [class*="col-"]:first-child {
        font-weight: 700;
    }
}


/* Latest News block - home page */

.latest-news ul li a {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    display: block;
}


/* Alternative News Block */

.news-block ul li {
    margin-bottom: 10px;
}

.news-block ul li:last-child {
    margin-bottom: 0;
}





/* Share Price tabs general - to include .row & .no-gutters */
.share-tabs-nav {
    margin: 1em 0 1rem 0 !important;
}

.tabDesktop {
    margin-right: 2px;
    line-height: 1.42857143;
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    -moz-transition: background 0.6s ease-in-out;
    -webkit-transition: background 0.6s ease-in-out;
    -o-transition: background 0.6s ease-in-out;
    transition: background 0.6s ease-in-out;
}


/* Search box defaults */

.search-box.form-inline {
    width: 100%;
}

.search-box .sf-search-input-wrapper {
    width: 100%;
}

.search-box .form-control {
    max-width: 75%;
}


/* gerenal position elements */

.is-relative {
    position: relative;
}

.is-absolute {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

a.is-absolute,
.is-absolute a,
.is-absolute button {
    text-indent: -999em
}

.is-absolute a {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.is-absolute button {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    background: transparent;
    border: 0 !important;
    cursor: pointer;
    box-shadow: none;
}

.is-absolute-full {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

a.is-absolute-full,
.is-absolute-full a {
    text-indent: -999em
}

.is-absolute-full a {
    display: block;
    height: 100%;
    width: 100%;
}

/* Border */

.rounded-4 {
    border-radius: 0.4rem !important;
}

.rounded-5 {
    border-radius: 0.5rem !important;
}

.rounded-6 {
    border-radius: 0.6rem !important;
}

.rounded-7 {
    border-radius: 0.7rem !important;
}

.rounded-8 {
    border-radius: 0.8rem !important;
}

.rounded-9 {
    border-radius: 0.9rem !important;
}

.rounded-10 {
    border-radius: 1rem !important;
}

.rounded-10-end {
    border-radius: 0 1rem 1rem 0 !important;
}

.rounded-10-start {
    border-radius: 1rem 0 0 1rem !important;
}

/* z-index */

.zindex-5 {
    z-index: 5 !important;
}

/* Columns */

.columns-1 {
    -moz-columns: 1;
    columns: 1;
    column-count: 1
}

.columns-2 {
    -moz-columns: 2;
    columns: 2;
    column-count: 2
}

.columns-3 {
    -moz-columns: 3;
    columns: 3;
    column-count: 3;
}

.column-gap-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.column-gap-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

[class*="columns-"]>.d-inline-block:first-child {
    display: block !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-n6 {
    margin: -3.5rem !important;
}

.mt-n6,
.my-n6 {
    margin-top: -3.5rem !important;
}

.mr-n6,
.mx-n6 {
    margin-right: -3.5rem !important;
}

.mb-n6,
.my-n6 {
    margin-bottom: -3.5rem !important;
}

.ml-n6,
.mx-n6 {
    margin-left: -3.5rem !important;
}


.m-n7 {
    margin: -4.5rem !important;
}

.mt-n7,
.my-n7 {
    margin-top: -4.5rem !important;
}

.mr-n7,
.mx-n7 {
    margin-right: -4.5rem !important;
}

.mb-n7,
.my-n7 {
    margin-bottom: -4.5rem !important;
}

.ml-n7,
.mx-n7 {
    margin-left: -4.5rem !important;
}


.m-n8 {
    margin: -5.5rem !important;
}

.mt-n8,
.my-n8 {
    margin-top: -5.5rem !important;
}

.mr-n8,
.mx-n8 {
    margin-right: -5.5rem !important;
}

.mb-n8,
.my-n8 {
    margin-bottom: -5.5rem !important;
}

.ml-n8,
.mx-n8 {
    margin-left: -5.5rem !important;
}


.m-n9 {
    margin: -6.5rem !important;
}

.mt-n9,
.my-n9 {
    margin-top: -6.5rem !important;
}

.mr-n9,
.mx-n9 {
    margin-right: -6.5rem !important;
}

.mb-n9,
.my-n9 {
    margin-bottom: -6.5rem !important;
}

.ml-n9,
.mx-n9 {
    margin-left: -6.5rem !important;
}


.p-6 {
    padding: 3.5rem !important;
}

.pt-6,
.py-6 {
    padding-top: 3.5rem !important;
}

.pr-6,
.px-6 {
    padding-right: 3.5rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 3.5rem !important;
}

.pl-6,
.px-6 {
    padding-left: 3.5rem !important;
}

/* viewport height */

.vh-25 {
    height: 25vh !important;
    min-height: 250px;
}

.vh-50 {
    height: 50vh !important;
    min-height: 250px;
}

.vh-75 {
    height: 75vh !important;
    min-height: 250px;
}

.vh-100 {
    height: 100vh !important;
    min-height: 250px;
}


@media (min-width: 576px) {

    .vh-sm-25 {
        height: 25vh !important;
    }

    .vh-sm-50 {
        height: 50vh !important;
    }

    .vh-sm-75 {
        height: 75vh !important;
    }

    .vh-sm-100 {
        height: 100vh !important;
    }

    .position-sm-absolute {
        position: absolute !important;
    }

    .end-sm-0 {
        right: 0;
    }

    .bottom-sm-0 {
        bottom: 0;
    }

    .top-sm-0 {
        top: 0;
    }

    .start-sm-0 {
        left: 0;
    }

    .end-sm-auto {
        right: auto;
    }

    .bottom-sm-auto {
        bottom: auto;
    }

    .top-sm-auto {
        top: auto;
    }

    .start-sm-auto {
        left: auto;
    }

    .text-sm-end,
    .text-sm-end * {
        text-align: right !important;
    }

    .text-sm-start,
    .text-sm-start * {
        text-align: left !important;
    }


    .col-sm-fifth {
        flex: 0 0 auto;
        width: 20%;
    }

    .column-gap-sm-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .column-gap-sm-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .columns-sm-2 {
        -moz-columns: 2;
        columns: 2;
        column-count: 2
    }

    .columns-sm-3 {
        -moz-columns: 3;
        columns: 3;
        column-count: 3;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
}

@media (min-width: 768px) {

    /* 2 column text */

    .columns-two {
        columns: 2;
        column-gap: 1rem;
    }

    .vh-md-25 {
        height: 25vh !important;
    }

    .vh-md-50 {
        height: 50vh !important;
    }

    .vh-md-75 {
        height: 75vh !important;
    }

    .vh-md-100 {
        height: 100vh !important;
    }

    .position-md-absolute {
        position: absolute !important;
    }

    .end-md-0 {
        right: 0;
    }

    .bottom-md-0 {
        bottom: 0;
    }

    .top-md-0 {
        top: 0;
    }

    .start-md-0 {
        left: 0;
    }

    .end-md-auto {
        right: auto;
    }

    .bottom-md-auto {
        bottom: auto;
    }

    .top-md-auto {
        top: auto;
    }

    .start-md-auto {
        left: auto;
    }

    .text-md-end,
    .text-md-end * {
        text-align: right !important;
    }

    .text-md-start,
    .text-md-start * {
        text-align: left !important;
    }

    .column-gap-md-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .column-gap-md-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .columns-md-2 {
        -moz-columns: 2;
        columns: 2;
        column-count: 2
    }

    .columns-md-3 {
        -moz-columns: 3;
        columns: 3;
        column-count: 3;
    }

    .col-md-fifth {
        flex: 0 0 auto;
        width: 20%
    }

    body:not(.sfPageEditor) .navbar-expand-md .column-menu .dropdown-menu ul {
        list-style: none;
        flex-direction: column;
        text-align: left;
    }

    body:not(.sfPageEditor) .navbar-expand-md .column-menu li {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body:not(.sfPageEditor) .navbar-expand-md .column-menu .dropdown-menu-inner li {
        width: 100%;
    }

    body:not(.sfPageEditor) .navbar-expand-md .column-menu .dropdown-menu-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    body:not(.sfPageEditor) .navbar-expand-md .column-menu {
        height: 100%;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }
}

@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .nav-link.dropdown-caret {
        padding-left: 0;
    }

    .vh-lg-25 {
        height: 25vh !important;
    }

    .vh-lg-50 {
        height: 50vh !important;
    }

    .vh-lg-75 {
        height: 75vh !important;
    }

    .vh-lg-100 {
        height: 100vh !important;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

    .end-lg-0 {
        right: 0;
    }

    .bottom-lg-0 {
        bottom: 0;
    }

    .top-lg-0 {
        top: 0;
    }

    .start-lg-0 {
        left: 0;
    }

    .end-lg-auto {
        right: auto;
    }

    .bottom-lg-auto {
        bottom: auto;
    }

    .top-lg-auto {
        top: auto;
    }

    .start-lg-auto {
        left: auto;
    }

    .text-lg-end,
    .text-lg-end * {
        text-align: right !important;
    }

    .text-lg-start,
    .text-lg-start * {
        text-align: left !important;
    }

    .column-gap-lg-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .column-gap-lg-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .columns-lg-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .columns-lg-3 {
        -moz-columns: 3;
        column-count: 3;
    }

    .col-lg-fifth {
        flex: 0 0 auto;
        width: 20%
    }

    body:not(.sfPageEditor) .navbar-expand-lg .column-menu .dropdown-menu ul {
        list-style: none;
        flex-direction: column;
        text-align: left;
    }

    body:not(.sfPageEditor) .navbar-expand-lg .column-menu .dropdown-menu ul {
        column-count: 2;
        margin-left: 4.16667%;
        width: 750px;
    }

    body:not(.sfPageEditor) .navbar-expand-lg .column-menu li {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body:not(.sfPageEditor) .navbar-expand-lg .column-menu .dropdown-menu-inner li {
        width: 100%;
    }

    body:not(.sfPageEditor) .navbar-expand-lg .column-menu .dropdown-menu-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    body:not(.sfPageEditor) .navbar-expand-lg .column-menu {
        height: 100%;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }
}

@media (min-width: 1200px) {

    .vh-xl-25 {
        height: 25vh !important;
    }

    .vh-xl-50 {
        height: 50vh !important;
    }

    .vh-xl-75 {
        height: 75vh !important;
    }

    .vh-xl-100 {
        height: 100vh !important;
    }

    .position-xl-absolute {
        position: absolute !important;
    }

    .end-xl-0 {
        right: 0;
    }

    .bottom-xl-0 {
        bottom: 0;
    }

    .top-xl-0 {
        top: 0;
    }

    .start-xl-0 {
        left: 0;
    }

    .end-xl-auto {
        right: auto;
    }

    .bottom-xl-auto {
        bottom: auto;
    }

    .top-xl-auto {
        top: auto;
    }

    .start-xl-auto {
        left: auto;
    }

    .text-xl-end,
    .text-xl-end * {
        text-align: right !important;
    }

    .text-xl-start,
    .text-xl-start * {
        text-align: left !important;
    }

    .column-gap-xl-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .column-gap-xl-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .columns-xl-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .columns-xl-3 {
        -moz-columns: 3;
        column-count: 3;
    }

    .col-xl-fifth {
        flex: 0 0 auto;
        width: 20%
    }

    body:not(.sfPageEditor) .navbar-expand-xl .column-menu .dropdown-menu ul {
        list-style: none;
        flex-direction: column;
        text-align: left;
    }

    body:not(.sfPageEditor) .navbar-expand-xl .column-menu li {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body:not(.sfPageEditor) .navbar-expand-xl .column-menu .dropdown-menu-inner li {
        width: 100%;
    }

    body:not(.sfPageEditor) .navbar-expand-xl .column-menu .dropdown-menu-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    body:not(.sfPageEditor) .navbar-expand-xl .column-menu {
        height: 100%;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
}

/* Extra sizes */

@media (min-width: 1600px) {

    .vh-xxl-25 {
        height: 25vh !important;
    }

    .vh-xxl-50 {
        height: 50vh !important;
    }

    .vh-xxl-75 {
        height: 75vh !important;
    }

    .vh-xxl-100 {
        height: 100vh !important;
    }

    .position-xxl-absolute {
        position: absolute !important;
    }

    .end-xxl-0 {
        right: 0;
    }

    .bottom-xxl-0 {
        bottom: 0;
    }

    .top-xxl-0 {
        top: 0;
    }

    .start-xxl-0 {
        left: 0;
    }

    .end-xxl-auto {
        right: auto;
    }

    .bottom-xxl-auto {
        bottom: auto;
    }

    .top-xxl-auto {
        top: auto;
    }

    .start-xxl-auto {
        left: auto;
    }

    .text-xxl-end,
    .text-xxl-end * {
        text-align: right !important;
    }

    .text-xxl-start,
    .text-xxl-start * {
        text-align: left !important;
    }

    .column-gap-xxl-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .column-gap-xxl-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .columns-xxl-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .columns-xxl-3 {
        -moz-columns: 3;
        column-count: 3;
    }

    .columns-xxl-4 {
        -moz-columns: 4;
        column-count: 4;
    }

    .text-xxl-left,
    .text-xxl-left * {
        text-align: left !important;
    }

    .text-xxl-right,
    .text-xxl-right * {
        text-align: right !important;
    }

    .col-xxl-fifth {
        flex: 0 0 auto;
        width: 20%
    }

    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 13
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .navbar-expand-xxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-xxl .navbar-collapse {
        display: -webkit-box !important;
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 3rem !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -1rem !important
    }

    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -1rem !important
    }

    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -3rem !important
    }

    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -3rem !important
    }

    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -3rem !important
    }

    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important
    }
}

@media (max-width: 1199.98px) {

    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}



/* MVC Forms */


.form-group.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.alert-danger {
    color: #721c24;
    background-color: #ffff7f !important;
    border-color: #f5c6cb;
    border: dashed 1px #f00 !important;
    padding: 5px;
}


/* navbar xxl */

@media (max-width: 1599.98px) {

    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1600px) {
    .navbar-expand-xxl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
}