.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

.w-checkbox::before {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.w-checkbox::after {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    clear: both;
}

.w-checkbox-input {
    float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-embed-youtubevideo {
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
    background-size: cover;
    background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
    min-height: 75px;
    padding-bottom: 56.25%;
}

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.w-form-formradioinput--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
}

body {
    color: #636363;
    font-size: 18px;
    line-height: 1.5;
}

h1 {
    font-size: 4.209rem;
    line-height: 1;
    font-weight: 400;
}

h2 {
    font-size: 3.156rem;
    line-height: 1.1;
    font-weight: 500;
}

h3 {
    font-size: 2.369rem;
    line-height: 1.1;
    font-weight: 500;
}

h4 {
    font-size: 1.777rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0.5px;
}

h5 {
    font-size: 1.333rem;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 1px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

p {
    margin-bottom: 10px;
    font-size: 18px;
}

a {
    color: #00426a;
    text-decoration: none;
}

img {
    display: inline-block;
}

label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

.container {
    display: block;
    width: 1140px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.row.align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.row.row-example {
    min-height: 175px;
    background-color: #f7f4ff;
}

.row.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.row.align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.row.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.row.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.row.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.row.justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.col {
    display: block;
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.col.col-1 {
    max-width: 8.333333%;
    -webkit-flex-basis: 8.33%;
    -ms-flex-preferred-size: 8.33%;
    flex-basis: 8.33%;
}

.col.col-11 {
    max-width: 91.666667%;
    -webkit-flex-basis: 91.67%;
    -ms-flex-preferred-size: 91.67%;
    flex-basis: 91.67%;
}

.col.col-2 {
    max-width: 16.666667%;
    -webkit-flex-basis: 16.67%;
    -ms-flex-preferred-size: 16.67%;
    flex-basis: 16.67%;
}

.col.col-10 {
    max-width: 83.333333%;
    -webkit-flex-basis: 83.33%;
    -ms-flex-preferred-size: 83.33%;
    flex-basis: 83.33%;
}

.col.col-3 {
    max-width: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.col.col-9 {
    max-width: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
}

.col.col-4 {
    max-width: 33.333333%;
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
}

.col.col-8 {
    max-width: 66.666667%;
    -webkit-flex-basis: 66.67%;
    -ms-flex-preferred-size: 66.67%;
    flex-basis: 66.67%;
}

.col.col-5 {
    max-width: 41.666667%;
    -webkit-flex-basis: 41.67%;
    -ms-flex-preferred-size: 41.67%;
    flex-basis: 41.67%;
}

.col.col-7 {
    max-width: 58.333333%;
    -webkit-flex-basis: 58.33%;
    -ms-flex-preferred-size: 58.33%;
    flex-basis: 58.33%;
}

.col.col-6 {
    max-width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.col.col-12 {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.col.no-gutters {
    padding-right: 0px;
    padding-left: 0px;
}

.col.self-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.col.self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.col.self-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.col.order-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.col.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.inner-div-example {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #c0e5ff;
    background-color: #f3faff;
    text-align: center;
}

.section {
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}

.section.fade {
    background-color: #f8fcff;
}

.section.intro {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #4daaec;
}

.section.accent {
    background-color: #f0f5ff;
}

.section.half-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section.full-height-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.section.login {
    min-height: 100vh;
}

.section.img-top-compressed {
    padding-top: 0px;
}

.section.homepage-hero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e2e5e6;
    background-color: #f0f5ff;
}

.section.orange {
    background-color: #e96605;
}

.section.blue {
    background-color: #4daaec;
}

.section.webshop {
    padding-top: 0px;
    padding-bottom: 50px;
    border-top: 1px solid rgba(35, 72, 99, 0.25);
    border-bottom: 1px solid rgba(35, 72, 99, 0.25);
    background-color: #f0f5ff;
    background-image: radial-gradient(circle farthest-corner at 0% 50%, #fff, rgba(77, 170, 236, 0.1));
    color: #000;
}

.section.volunteer {
    background-image: url('../images/ripples.png');
    background-position: 0px 0px;
    background-size: auto;
}

.emp {
    color: #4daaec;
}

.container-fluid {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.light {
    color: #fff;
}

.button {
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 15px;
    border-radius: 3px;
    background-color: #846ffb;
    font-weight: 700;
}

.button.button_secondary {
    background-color: #4353ff;
}

.button.button_secondary.button_fixed {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9147483647;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 160px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #3461b6;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
}

.version-grid {
    opacity: 0.75;
    color: #fff;
    font-size: 20px;
}

.text-center {
    line-height: 1.1;
    text-align: center;
}

.floating-badge {
    position: fixed;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 50px;
    z-index: 9999;
    width: 140px;
    height: 25px;
    padding: 4px 8px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    font-weight: 700;
}

.floating-badge-img {
    display: inline-block;
}

.style-guide-wrap {
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #f3f3f5;
}

.hori-logo {
    width: 100%;
    max-width: 300px;
}

.type-column-1 {
    padding-right: 20px;
}

.input {
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    line-height: 44px;
}

.input:hover {
    border-color: #636363;
}

.input:focus {
    border-color: #3898ec;
}

.input.cc-long {
    height: auto;
    min-height: 150px;
    line-height: 24px;
}

.style-guide-logo-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-image: url('../images/transparent_1transparent.gif');
    background-position: 0px 0px;
    background-size: 16px;
}

.style-guide-logo-box.cc-dark {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0.72)),
        to(rgba(0, 0, 0, 0.72))
    );
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72));
}

.style-guide-logo-box.cc-light {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(hsla(0, 0%, 100%, 0.5)),
        to(hsla(0, 0%, 100%, 0.5))
    );
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5));
}

.type-column-2 {
    padding-top: 30px;
    padding-left: 20px;
}

.style-guide-label {
    margin-top: 10px;
    margin-bottom: 40px;
    color: #aaa;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.style-guide-label.cc-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    text-decoration: none;
}

.card.contact-form-card {
    position: relative;
    margin-left: -75px;
}

.card.no-shadow.hover-shadow {
    box-shadow: 0 0 0 0 transparent;
}

.card.no-shadow.hover-shadow:hover {
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.1);
}

.card.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.card.h-100 {
    height: 100%;
}

.tab-link {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: transparent;
    color: #aaa;
}

.tab-link:hover {
    color: #222;
}

.tab-link.w--current {
    background-color: transparent;
    box-shadow: inset 0 -1px 0 0 #333;
    color: #222;
}

.tab-menu {
    padding-right: 5px;
    padding-left: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: inset 0 -1px 0 0 #ccc;
}

.inline-text {
    display: inline;
}

.color-block {
    height: 70px;
    margin-top: 30px;
    border-radius: 4px;
    background-color: #ebebeb;
}

.color-block.cc-brand-color-3 {
    background-color: #63ecc0;
}

.color-block.cc-font-color-light {
    background-color: #aaa;
}

.color-block.accent_default {
    background-color: #e96605;
}

.color-block.accent_dark {
    background-color: #df4d05;
}

.color-block.cc-dark-grey-2 {
    background-color: #333;
}

.color-block.cc-font-color-dark {
    background-color: #222;
}

.color-block.cc-dark-grey-1 {
    background-color: #636363;
}

.color-block.cc-light-grey-2 {
    background-color: #ccc;
}

.color-block.cc-brand-color-4 {
    background-color: #ffb08b;
}

.color-block.cc-light-grey-1 {
    background-color: #f3f3f5;
}

.color-block.accent_light {
    background-color: #f58706;
}

.style-guide-section {
    position: relative;
    padding: 60px 30px;
}

.success-message {
    padding: 30px;
    border-radius: 4px;
    background-color: rgba(32, 206, 123, 0.1);
    color: #56b947;
}

.success-message.volunteer {
    padding: 50px;
}

.card-paragraph {
    margin-bottom: 0px;
}

.card-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.vert-logo {
    max-width: 250px;
}

.tab-pane {
    padding: 30px 40px 40px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tabs {
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #ccc;
}

.style-guide-divider {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #f3f3f5;
}

.style-guide-subhead {
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 4px;
    background-color: rgba(236, 56, 114, 0.1);
    color: #ec3872;
}

.error-message {
    margin-bottom: 7px;
    border-radius: 4px;
    color: #f43b37;
    font-size: 16px;
}

.card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f3f3f5;
}

.button-2 {
    height: 44px;
    padding: 0px 20px;
    border-radius: 4px;
    background-color: #3898ec;
    box-shadow: 0 1px 1px 0 transparent;
    -webkit-transition: box-shadow 200ms ease;
    transition: box-shadow 200ms ease;
    color: #fff;
    line-height: 43px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.button-2:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.style-guide-label-link {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    text-decoration: none;
}

.style-guide-label-link:hover {
    text-decoration: underline;
}

.card-title {
    margin-top: 0px;
}

.style-guide-content {
    padding-top: 40px;
}

.style-guide-title {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    margin-top: 0px;
    padding-top: 5px;
    padding-left: 18px;
    color: #222;
    font-size: 22px;
    line-height: 44px;
    font-weight: 500;
    text-transform: uppercase;
}

.sidenav__scroll-wrap {
    overflow: auto;
    height: 80vh;
    padding-bottom: 5rem;
}

.header__name-span {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300;
}

.sidenav-btn__wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #171717;
    -webkit-transition: background-color 250ms ease;
    transition: background-color 250ms ease;
}

.sidenav-btn__wrap:hover {
    background-color: #3d3d3d;
}

.header__name {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    z-index: 999;
    display: inline-block;
    height: 3rem;
    margin-left: 50px;
    padding-right: 2rem;
    padding-left: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f3f3f3;
    text-decoration: none;
}

.sidenav-btn__line {
    width: 23px;
    height: 2px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.sidenav-btn__line.line-middle {
    width: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #f3f3f3;
}

.sidenav-btn__line.line-bottom {
    width: 20px;
    background-color: #f3f3f3;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.sidenav-btn__line.line-top {
    width: 20px;
    background-color: #f3f3f3;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.content-switcher__border-mask {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 1px;
    margin-bottom: -1px;
    background-color: #171717;
    opacity: 0;
}

.sidenav-switcher__wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #171717;
    background-image: url('../images/app-switcher-icon.svg');
    background-position: 50% 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 90ms ease;
    transition: background-color 90ms ease;
}

.sidenav-switcher__wrap:hover {
    background-color: #3d3d3d;
}

.sidenav {
    width: 254px;
    height: 100vh;
    margin-top: 48px;
    background-color: #171717;
}

.sidenav.sidenav__right {
    width: 16rem;
    margin-top: 3rem;
    padding-top: 1rem;
    padding-right: 0px;
    padding-bottom: 0px;
    border-left: 1px solid #3d3d3d;
}

.sidenav.sidenav__left {
    overflow: visible;
    width: 16rem;
    height: auto;
    margin-top: 3rem;
    padding-top: 1rem;
    padding-bottom: 6rem;
    border-right: 1px solid #3d3d3d;
}

.logo-span {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
}

.sidenav-list__divider {
    position: static;
    padding-right: 1rem;
    padding-left: 1rem;
    border-left-style: none;
    border-left-color: #000;
}

.header {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 999;
    width: 100vw;
    height: 3rem;
    border-bottom: 1px solid #3d3d3d;
    background-color: #171717;
}

.sidenav-switcher {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 2;
    display: block;
    width: 3rem;
    height: 100%;
    margin-right: 10px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #171717;
    background-color: #171717;
    text-align: center;
}

.top-nav__menu {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
    background-color: transparent;
}

.sidenav-list {
    position: relative;
    margin-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
}

.sidenav-list.indented {
    margin-left: 20px;
}

.sidenav-list__item {
    position: static;
    border-left-style: none;
    border-left-color: #000;
}

.sidenav-btn__left-fixed {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    z-index: 2;
    display: block;
    width: 3rem;
    height: 3rem;
    margin-top: -1px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid transparent;
    background-color: #171717;
    text-align: center;
    cursor: pointer;
}

.sidenav-btn__left-fixed:hover {
    background-color: #171717;
}

.sidenav-btn__left-fixed.w--open {
    background-color: #171717;
}

.header__name-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sidenav-divider {
    width: auto;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #353535;
}

.sidenav-list__item-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.25rem;
    padding-left: 1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 3px solid transparent;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    color: #bebebe;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.sidenav-list__item-link:hover {
    background-color: #2b2b2b;
    color: #f3f3f3;
}

.sidenav-list__item-link.w--current {
    border-left-color: #0062ff;
    background-color: #282828;
    color: #f3f3f3;
}

.top-nav__switcher {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: none;
    width: auto;
    height: 100%;
    background-color: transparent;
}

.grid {
    width: 100%;
    max-width: 99rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.website-footer__nav {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 2.5rem;
}

.target-page-name {
    margin-top: 0.25rem;
    font-size: 1.25rem;
    line-height: 125%;
}

.page-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 15rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #000;
    color: #fff;
}

.website-footer {
    position: relative;
    z-index: 2;
    background-color: #000;
    color: #bebebe;
}

.card-2 {
    position: relative;
    height: 0px;
}

.card-2.card__component-preview {
    padding-bottom: 100%;
}

.aspect-ratio__object {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.next-previous-controls.row {
    min-height: 8rem;
}

.website-footer__divider {
    display: none;
}

.website-footer__content {
    padding-bottom: 1rem;
    line-height: 1.125rem;
}

.page-h2 {
    position: relative;
    display: inline-block;
    font-size: 1.75rem;
    line-height: 125%;
    font-weight: 300;
}

.ds_page-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 3rem;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.component-name {
    position: absolute;
    left: 1rem;
    top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #171717;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.32px;
}

.page-content {
    padding: 5rem 2rem 8.5rem;
}

.page-content.grid {
    max-width: 99rem;
}

.component-overview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    padding-left: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
}

.next-previous-wrapper {
    position: relative;
    min-height: 8rem;
    padding-left: 25%;
    background-color: #282828;
    color: #fff;
}

.col-12 {
    width: 100%;
    max-width: 75%;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}

.col-12.offset-4 {
    margin-left: 25%;
}

.website-footer__list {
    margin-bottom: 0px;
    padding-left: 0rem;
    list-style-type: none;
}

.page-p {
    padding-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
}

.page-header__title {
    margin-top: auto;
    margin-bottom: 1.5rem;
    color: #fff;
    font-size: 3.75rem;
    line-height: 117%;
    font-weight: 300;
    text-align: center;
}

.website-footer__link {
    display: inline-block;
    margin-bottom: 0.5rem;
    -webkit-transition: all 90ms ease;
    transition: all 90ms ease;
    color: #f3f3f3;
    line-height: 1.125;
    text-decoration: none;
}

.website-footer__link:hover {
    text-decoration: underline;
}

.component-item {
    position: relative;
    width: 24%;
    margin-bottom: 1.5%;
    background-color: #fff;
    -webkit-transition: all 90ms ease;
    transition: all 90ms ease;
}

.component-item:hover {
    background-color: #e5e5e5;
}

.component-item__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.next-previous-link {
    position: relative;
    width: 50%;
    padding: 1rem 1rem 2rem;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.next-previous-link:hover {
    background-color: #3d3d3d;
}

.row-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -1rem;
    margin-left: -1rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.row-2.website-footer__row {
    padding-top: 1.5rem;
}

.col-8 {
    width: 100%;
    max-width: 50%;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.tabs-wrap.tabs-wrap__page-content {
    margin-right: -1rem;
    margin-left: -1rem;
}

.btn-inner-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-tabs {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 3rem;
    min-height: 40px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.16px;
}

.page-tabs.page-tabs__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
    z-index: 998;
    border-top-style: none;
}

.component-example {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2.5rem;
}

.tabs-content-2 {
    padding-top: 5rem;
    padding-bottom: 8.5rem;
}

.btn-svg {
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/plus-icon.svg');
    background-position: 50% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
}

.btn-svg.btn-svg__tertiary {
    background-image: url('../images/blue-plus-icon.svg');
}

.btn-svg.btn-svg__ghost {
    position: absolute;
    right: 1rem;
    margin-left: 13px;
    background-image: url('../images/blue-plus-icon.svg');
}

.btn-svg.btn-svg__ghost.btn-svg__ghost-disabled {
    background-image: url('../images/plus-icon-disable.svg');
}

.btn-svg.btn-svg__ghost.open_new {
    background-image: url('../images/open_in_new-24px.svg');
}

.btn-svg.btn-svg__ghost.edit {
    background-image: url('../images/create-24px-2.svg');
}

.btn-svg.small {
    right: 0.75rem;
}

.btn-svg.left {
    left: 1rem;
    right: auto;
    background-image: url('../images/left.svg');
}

.btn-svg__disabled {
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/plus-icon-disable.svg');
    background-position: 50% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
}

.btn-svg__disabled.small {
    right: 0.75rem;
}

.btn.btn-disabled {
    background-color: #bebebe;
    opacity: 0.31;
    color: #636363;
    cursor: not-allowed;
}

.btn.btn-disabled.btn-small {
    min-height: 2rem;
    padding: 6px 16px;
    line-height: 1rem;
}

.btn.btn-disabled.btn-small._w-icon {
    padding-right: 40px;
}

.btn.btn-outline:active {
    background-color: #0530ad;
    box-shadow: 0 0 0 1px transparent, 0 0 0 1px #0530ad;
}

.btn.btn-outline.btn-disabled {
    box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px #bebebe;
    color: #bebebe;
}

.btn.btn-outline.btn-disabled:hover {
    background-color: transparent;
}

.btn.btn-outline.btn-small._w-icon {
    padding-right: 40px;
}

.btn.btn-outline.dark {
    box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px #000;
    color: #000;
}

.btn.btn-outline.dark:hover {
    background-color: #000;
    color: #fff;
}

.btn.btn-primary {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    color: #fff;
}

.btn.btn-primary:hover {
    background-color: #df4d05;
}

.btn.btn-primary:active {
    border-color: #0353e9;
    background-color: #df4d05;
}

.btn.btn-primary:focus {
    box-shadow: inset 0 0 0 1px #fff;
}

.btn.btn-primary.btn-small {
    min-height: 2rem;
    padding: 6px 16px;
    line-height: 1rem;
}

.btn.btn-primary.btn-small._w-icon {
    padding-right: 40px;
}

.btn.btn-primary.btn-small.main-nav {
    margin-left: 1rem;
}

.btn.btn-ghost {
    padding-top: 11px;
    padding-bottom: 11px;
    color: #0062ff;
}

.btn.btn-ghost:hover {
    background-color: #f0f5ff;
}

.btn.btn-ghost:active {
    background-color: #0353e9;
    color: #fff;
}

.btn.btn-ghost.btn-ghost__disabled {
    color: #bebebe;
    cursor: not-allowed;
}

.btn.btn-ghost.btn-ghost__disabled:hover {
    background-color: transparent;
}

.btn.btn-ghost.btn-ghost__disabled:focus {
    border-color: transparent;
}

.btn.btn-ghost.btn-small {
    min-height: 2rem;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1rem;
}

.btn.btn-ghost.btn-small._w-icon {
    padding-right: 40px;
}

.btn.btn-danger {
    background-color: #dc222b;
    color: #fff;
}

.btn.btn-danger:hover {
    background-color: #ba1b23;
}

.btn.btn-danger:active {
    border-color: #ba1b23;
    background-color: #750e13;
}

.btn.btn-danger:focus {
    box-shadow: inset 0 0 0 1px #fff;
}

.btn.btn-danger.btn-small {
    min-height: 2rem;
    padding: 6px 16px;
    line-height: 1rem;
}

.btn.btn-danger.btn-small._w-icon {
    padding-right: 40px;
}

.btn.btn-secondary {
    background-color: #00426a;
    color: #fff;
}

.btn.btn-secondary:hover {
    background-color: #013250;
}

.btn.btn-secondary:active {
    border-color: #4c4c4c;
}

.btn.btn-secondary:focus {
    box-shadow: inset 0 0 0 1px #fff;
}

.btn.btn-secondary.btn-small {
    min-height: 2rem;
    padding: 6px 16px;
    line-height: 1rem;
}

.btn.btn-secondary.btn-small._w-icon {
    padding-right: 40px;
}

.btn.btn-secondary._w-icon.left {
    padding-right: 24px;
    padding-left: 45px;
}

.btn.webshop-footer {
    padding-top: 11px;
    padding-right: 41px;
    padding-bottom: 11px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-radius: 0px;
    box-shadow: none;
    color: #0062ff;
}

.btn.webshop-footer:hover {
    background-color: rgba(0, 98, 255, 0.11);
}

.btn.webshop-footer:active {
    background-color: #0353e9;
    color: #fff;
}

.btn.webshop-footer.btn-ghost__disabled {
    color: #bebebe;
    cursor: not-allowed;
}

.btn.webshop-footer.btn-ghost__disabled:hover {
    background-color: transparent;
}

.btn.webshop-footer.btn-ghost__disabled:focus {
    border-color: transparent;
}

.btn.webshop-footer.btn-small {
    min-height: 2rem;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1rem;
}

.component-example__white-theme {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 12.5rem;
    margin-bottom: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1rem solid #fff;
    background-color: #fff;
}

.component-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #171717;
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.page-tabs__nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 100%;
    margin-left: 0px;
    padding: 0rem 3rem 0rem 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 3px solid transparent;
    border-bottom: 0px none #bebebe;
    background-color: transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
    color: #fff;
    font-size: 1rem;
    line-height: 1.375rem;
    text-decoration: none;
}

.page-tabs__nav-item:hover {
    border-bottom-color: #6f6f6f;
    background-color: #353535;
    color: #fff;
}

.page-tabs__nav-item.w--current {
    border-top-color: #0062ff;
    border-bottom-color: #0062ff;
    background-color: #3d3d3d;
    color: #fff;
    font-weight: 300;
}

._w-icon {
    padding-right: 45px;
}

.accordion {
    margin-bottom: 0px;
    padding-left: 0px;
    border-top: 1px solid #dcdcdc;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #171717;
    font-size: 0.875rem;
    list-style-type: none;
}

.accordion-item {
    border-bottom: 1px solid #dcdcdc;
}

.accordion-trigger {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0.675rem 1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none #dcdcdc;
    border-bottom: 1px none #dcdcdc;
    -webkit-transition: background-color 90ms ease;
    transition: background-color 90ms ease;
    color: #171717;
    text-decoration: none;
}

.accordion-trigger:hover {
    background-color: #dcdcdc;
}

.accordion-trigger.accordion-trigger__large {
    padding-top: 0.675rem;
    padding-bottom: 0.675rem;
}

.arrow-down {
    width: 0.675rem;
    height: 0.675rem;
    background-image: url('../images/arrow__down.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.accordion-content {
    overflow: hidden;
    padding-right: 1rem;
    padding-left: 1rem;
}

.accordion-content__inner-wrap {
    padding-top: 0.375rem;
    padding-bottom: 1.25rem;
}

.ds_body {
    background-color: #f7f7f7;
}

.checkbox {
    position: relative;
    left: 0px;
    z-index: auto;
    width: 1rem;
    height: 1rem;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-color: #282828;
    border-radius: 0px;
    opacity: 1;
    cursor: pointer;
}

.checkbox.w--redirected-checked {
    border-color: #282828;
    background-color: #282828;
    background-image: url('../images/checkmark-icon.svg');
    background-size: 14px;
}

.checkbox.w--redirected-focus {
    box-shadow: none;
}

.checkbox.checkbox-disabled {
    opacity: 0.5;
}

.checkbox-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.16px;
}

.checkbox-label {
    margin-bottom: 0px;
    padding-left: 0.5rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.checkbox-label.checkbox-label__disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.form-item__disabled-mask {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: not-allowed;
}

.label {
    display: inline-block;
    margin-bottom: 0.3rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #565656;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 300;
    letter-spacing: 0.32px;
    cursor: default;
}

.label.label-inline {
    margin-right: 0.5rem;
    margin-bottom: 0rem;
    color: #565656;
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.label.label-inline.label-inline__disabled {
    color: #bebebe;
}

.label.label-disabled {
    color: #bebebe;
}

.submit-button-hidden {
    display: none;
}

.search {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-icon {
    position: absolute;
    left: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/search-icon.svg');
    background-position: 50% 50%;
    background-size: 18px;
    background-repeat: no-repeat;
}

.search-icon.search-icon__small {
    left: 0.75rem;
    width: 1rem;
    height: 1rem;
    background-size: 14px;
}

.search-input {
    height: 3rem;
    margin-bottom: 0px;
    padding: 0px 4rem 0px 3rem;
    border-style: solid;
    border-width: 0px 0px 1px;
    border-color: #000 #000 #8c8c8c;
    border-radius: 0px;
    background-color: #f3f3f3;
    box-shadow: inset 0 0 0 2px transparent;
    -webkit-transition: all 90ms ease;
    transition: all 90ms ease;
    color: #565656;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.32px;
}

.search-input:focus {
    border-bottom-color: transparent;
    box-shadow: inset 0 0 0 2px #0062ff;
}

.search-input.search-input__small {
    height: 2rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.16px;
}

.switcher-btn__icon {
    width: 1rem;
    height: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.content-switcher__menu-divider {
    position: absolute;
    left: 0px;
    width: 1px;
    height: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #dcdcdc;
}

.content-switcher__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.5rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.component-example__live-wrapper {
    position: relative;
    width: 50%;
}

.content-switcher__menu-btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #f3f3f3;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    color: #565656;
    text-decoration: none;
}

.content-switcher__menu-btn:hover {
    background-color: #e5e5e5;
}

.content-switcher__menu-btn.w--current {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #171717;
    color: #fff;
}

.content-switcher__menu-btn.switcher-btn__first {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    -webkit-transition-duration: 70ms;
    transition-duration: 70ms;
}

.content-switcher__menu-btn.switcher-btn__first.w--current {
    z-index: 3;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.content-switcher__menu-btn.switcher-btn__last {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.content-switcher__menu-btn.content-switcher__menu-icons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dropdown-list {
    overflow: auto;
    background-color: #f3f3f3;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.form-requirement {
    max-height: 12.5rem;
    margin-top: 0.25rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #da1e28;
    font-size: 0.75rem;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.32px;
}

.dropdown-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 14rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dropdown-wrap.dropdown-wrap__inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0px 0px 0px 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #8c8c8c;
    box-shadow: inset 0 0 0 2px transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
}

.dropdown-toggle:hover {
    background-color: #e5e5e5;
}

.dropdown-toggle.w--open {
    border-bottom: 1px solid #dcdcdc;
}

.dropdown-toggle.dropdown-toggle__inline {
    display: inline-block;
    padding: 0.4375rem 2rem 0.4375rem 0.625rem;
    border-bottom-color: transparent;
    line-height: 1.345;
}

.dropdown-toggle.dropdown-toggle__inline.dropdown-toggle__inline-disabled {
    color: #8c8c8c;
}

.dropdown-toggle.dropdown-toggle__inline.dropdown-toggle__inline-disabled:hover {
    background-color: transparent;
}

.dropdown-toggle.dropdown-toggle__invalid {
    border-bottom-style: none;
    box-shadow: inset 0 0 0 2px #dc222b;
}

.dropdown-toggle.dropdown-toggle__disabled {
    color: #8c8c8c;
    cursor: not-allowed;
}

.dropdown-toggle.dropdown-toggle__disabled:hover {
    background-color: #f3f3f3;
}

.component-example__wrap-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    margin-bottom: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.dropdown-link {
    overflow: hidden;
    height: 2.5rem;
    margin-right: 1rem;
    margin-left: 1rem;
    padding: 0.6875rem 0px;
    border-top: 1px solid #dcdcdc;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
    color: #565656;
    line-height: 1rem;
}

.dropdown-link:hover {
    color: #171717;
}

.dropdown-link.dropdown-link__first {
    border-top-style: solid;
    border-top-color: transparent;
}

.dropdown-link.dropdown-link__inline {
    margin-right: 0.75rem;
    margin-left: 0.625rem;
}

.dropdown-item {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
    color: #565656;
}

.dropdown-item:hover {
    background-color: #e5e5e5;
    color: #171717;
}

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

.dropdown-example-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.dropdown__disabled-mask {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 901;
    cursor: not-allowed;
}

.form__helper-text {
    display: inline-block;
    margin-top: -0.375rem;
    margin-bottom: 0.5rem;
    color: #565656;
    font-size: 0.75rem;
    line-height: 1rem;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.32px;
    cursor: default;
}

.form__helper-text.form__helper-text-disabled {
    color: #bebebe;
}

.dropdown-toggle__icon {
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    background-image: url('../images/arrow__down.svg');
    background-position: 50% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.dropdown-toggle__icon.dropdown-toggle__icon-disabled {
    opacity: 0.5;
}

.dropdown-toggle__icon.dropdown-toggle__icon-inline {
    top: 0.5rem;
    right: 0.5rem;
}

.dropdown {
    display: block;
    width: 100%;
    height: 2.5rem;
    background-color: #f3f3f3;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
    cursor: pointer;
}

.dropdown.dropdown-inline {
    display: inline-block;
    width: auto;
    height: 2rem;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #fff;
}

.component-example__white-theme-2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 12.5rem;
    padding: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1rem solid #fff;
    background-color: #fff;
}

.file-label {
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.file-wrap {
    width: 100%;
}

.file__selected-file__invalid-wrapper {
    margin-bottom: 0.5rem;
}

.label-description {
    margin-bottom: 1rem;
    color: #565656;
}

.file__selected-file {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 2.5rem;
    max-width: 18.75rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f3f3f3;
}

.file__selected-file.file__selected-file__invalid {
    margin-bottom: 0.25rem;
    box-shadow: inset 0 0 0 2px #dc222b;
}

.file-filename {
    width: 300px;
    margin-right: 1rem;
    padding-top: 1px;
    padding-bottom: 1px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.file-container {
    width: 100%;
    margin-top: 1.5rem;
}

.file__state-container {
    position: absolute;
    right: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.file__state-container.file-state__success {
    background-image: url('../images/inline-notification__success.svg');
    background-position: 50% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
}

.file__state-container.file-state__progress {
    background-image: url('../images/loader-icon.svg');
    background-position: 50% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
}

.file__state-container.file-state__fail {
    background-image: url('../images/error-icon__filled-red.svg');
    background-position: 50% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
}

.btn-2 {
    position: relative;
    display: inline-block;
    max-width: 20rem;
    min-height: 3rem;
    margin: 0rem;
    padding: 11px 60px 11px 12px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid transparent;
    box-shadow: inset 0 0 0 1px transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #171717;
    line-height: 1.25rem;
    letter-spacing: 0.16px;
    text-decoration: none;
    cursor: pointer;
}

.btn-2.btn-primary {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #0062ff;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    color: #fff;
}

.btn-2.btn-primary:hover {
    background-color: #0353e9;
}

.btn-2.btn-primary:active {
    border-color: #0353e9;
    background-color: #0530ad;
}

.btn-2.btn-primary:focus {
    box-shadow: inset 0 0 0 1px #fff;
}

.btn-2.btn-primary.btn-upload {
    margin: 0rem 4rem 0rem 0rem;
}

.btn-2.btn-primary.btn-form {
    margin-left: 0rem;
}

.form-block {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.select {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.select.time-picker__select-middle {
    margin-right: 0.125rem;
    margin-left: 0.125rem;
}

.select-input__icon {
    position: absolute;
    right: 16px;
    width: 10px;
    height: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/arrow__down.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.text-input {
    width: 100%;
    height: 2.5rem;
    margin-bottom: 0px;
    padding: 0px 1rem;
    border-style: none none solid;
    border-width: 1px 0px;
    border-color: transparent transparent #8c8c8c;
    border-radius: 0px;
    background-color: #f4f5f4;
    box-shadow: inset 0 0 0 2px transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
}

.text-input:focus {
    border-bottom-style: solid;
    border-bottom-color: transparent;
    box-shadow: inset 0 0 0 2px #e96605;
}

.text-input::-webkit-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.text-input:-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.text-input::-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.text-input::placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.text-input.on-dark {
    border-bottom-color: rgba(244, 245, 244, 0.5);
    background-color: hsla(0, 0%, 100%, 0.06);
    color: #f4f5f4;
}

.text-input.on-dark:focus {
    border-bottom-color: transparent;
}

.text-area__field-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.text-area {
    width: 100%;
    min-height: 10rem;
    min-width: 10rem;
    margin-bottom: 0px;
    padding: 0.6875rem 1rem;
    border-style: none none solid;
    border-width: 1px 0px;
    border-color: transparent transparent #8c8c8c;
    border-radius: 0px;
    background-color: #f3f3f3;
    box-shadow: inset 0 0 0 2px transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
}

.text-area:focus {
    border-bottom-color: transparent;
    box-shadow: inset 0 0 0 2px #e96605;
}

.text-area::-webkit-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.text-area:-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.text-area::-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.text-area::placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.select-input {
    position: relative;
    width: 110%;
    height: 3rem;
    max-width: 30rem;
    min-width: 10rem;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-left: 4px solid transparent;
    background-color: transparent;
    color: #171717;
    font-weight: 300;
    cursor: pointer;
}

.select-input:focus {
    border-left-color: transparent;
}

.select-input__wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 2.5rem;
    max-width: 28rem;
    min-width: 8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #8c8c8c;
    background-color: #f3f3f3;
    box-shadow: 0 0 0 2px transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
}

.select-input__wrapper:hover {
    border-bottom-color: #8c8c8c;
    background-color: #e5e5e5;
}

.select-input__wrapper.select-input__wrapper-am-pm {
    width: 6rem;
    max-width: none;
    min-width: 0rem;
}

.select-input__wrapper.select-input__wrapper-time-zone {
    width: 9rem;
    max-width: none;
    min-width: 0rem;
}

.text-input__field-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-table__expandable-row:hover {
    background-color: #e5e5e5;
}

.table-column__carrot {
    z-index: 0;
    width: 1rem;
    height: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/arrow__down.svg');
    background-position: 50% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
}

.table-column__carrot.table-column__carrot-header {
    opacity: 0;
}

.data-table {
    width: 100%;
}

.table-column__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #171717;
    font-weight: 500;
    text-decoration: none;
}

.table-column__head.table-column-carrot {
    position: relative;
    width: 3.75rem;
    height: 2rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.data-table-container {
    width: 100%;
    padding-top: 0.125rem;
    background-color: #fff;
}

.data-table__head-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 3rem;
    padding-left: 0.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.data-table-header__title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
}

.data-table-header__description {
    color: #565656;
}

.data-table__body-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    min-height: 3rem;
    padding-left: 0.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dcdcdc;
}

.data-table__body-row.data-table__body-row-parent {
    border-bottom-color: transparent;
    cursor: pointer;
}

.data-table__body-row.data-table__body-row-parent:hover {
    border-bottom-color: transparent;
    background-color: transparent;
}

.data-table__body-row.data-table__body-row-child {
    min-height: 0px;
    border-bottom-color: transparent;
}

.data-table__body-row.data-table__body-row-child:hover {
    border-bottom-color: transparent;
    background-color: transparent;
}

.data-table__head {
    background-color: #f4f5f4;
    color: #8c8c8c;
    font-weight: 400;
}

.table-column__child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 0.8125rem;
    margin-bottom: 0.875rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #565656;
}

.data-table-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.data-table__body {
    overflow: auto;
}

.table-column__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0.875rem 0.5rem 0.8125rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: transparent;
    color: #565656;
}

.time-picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.date-picker__input {
    position: relative;
    width: 5.7rem;
    height: 2.5rem;
    max-width: 18rem;
    margin-bottom: 0px;
    padding: 0px 1rem;
    border-style: none none solid;
    border-width: 1px 0px;
    border-color: transparent transparent #8c8c8c;
    border-radius: 0px;
    background-color: #f3f3f3;
    box-shadow: inset 0 0 0 2px transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
    letter-spacing: 0.32px;
}

.date-picker__input:focus {
    border-bottom-color: transparent;
    box-shadow: inset 0 0 0 2px #0062ff;
}

.date-picker__input::-webkit-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.date-picker__input:-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.date-picker__input::-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.date-picker__input::placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.date-picker__input.text-input__invalid {
    border-bottom-style: none;
    border-bottom-color: transparent;
    box-shadow: inset 0 0 0 2px #dc222b;
}

.date-picker__input.date-picker__input-medium {
    width: 7.5rem;
}

.date-input__field-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.date-input {
    width: 100%;
    height: 2.5rem;
    margin-bottom: 0px;
    padding: 0px 1rem;
    border-style: none none solid;
    border-width: 1px 0px;
    border-color: transparent transparent #8c8c8c;
    border-radius: 0px;
    background-color: #f3f3f3;
    box-shadow: inset 0 0 0 2px transparent;
    -webkit-transition: all 70ms ease;
    transition: all 70ms ease;
}

.date-input:focus {
    border-bottom-color: transparent;
    box-shadow: inset 0 0 0 2px #0062ff;
}

.date-input::-webkit-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.date-input:-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.date-input::-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.date-input::placeholder {
    color: #8c8c8c;
    font-weight: 300;
}

.toggle-appearance {
    position: relative;
    width: 3rem;
    height: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 0.9375rem;
    background-color: #8c8c8c;
    box-shadow: 0 0 0 2px transparent;
}

.toggle-text__off {
    position: absolute;
    display: inline;
    margin-left: 3.5rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.16px;
}

.toggle {
    position: relative;
    left: 3px;
    top: 3px;
    z-index: 1;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #dcdcdc;
}

.toggle.switch-on {
    left: 27px;
    background-color: #fff;
}

.toggle-checkbox__label {
    display: none;
    margin-bottom: 0px;
    padding-left: 0.5rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1.5rem;
    font-weight: 300;
}

.toggle-label__disabled {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #bebebe;
    letter-spacing: 0.32px;
    cursor: not-allowed;
}

.toggle-checkbox {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: auto;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 2px solid transparent;
    opacity: 0;
    cursor: pointer;
}

.toggle__disabled {
    position: relative;
    left: 3px;
    top: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #bebebe;
}

.toggle-text__on {
    position: absolute;
    display: none;
    margin-left: 3.5rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.16px;
}

.toggle-checkbox__wrap {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    margin-bottom: 0px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    opacity: 1;
}

.toggle-appearance__disabled {
    width: 48px;
    height: 24px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 48px;
    background-color: #f3f3f3;
    box-shadow: 0 0 0 2px transparent;
}

.toggle-label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #565656;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.32px;
    cursor: pointer;
}

.overflow-menu__wrap {
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #565656;
    cursor: pointer;
}

.overflow-menu__wrap:hover {
    background-color: #e5e5e5;
}

.overflow-menu__toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: 2rem;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    background-image: url('../images/overflow-icon.svg');
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.overflow-menu__toggle:hover {
    background-color: transparent;
}

.overflow-menu__toggle:active {
    background-color: transparent;
}

.overflow-menu__toggle:focus {
    background-color: transparent;
}

.overflow-menu__toggle.w--open {
    background-color: #f3f3f3;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.overflow-menu {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.overflow-menu.w--open {
    width: 160px;
    background-color: #f3f3f3;
}

.overflow-menu__toggle-mask {
    position: absolute;
    top: -0.5rem;
    width: 2rem;
    height: 0.5rem;
    background-color: #f3f3f3;
}

.overflow-menu__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.5rem;
    padding: 0px 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    color: #565656;
}

.overflow-menu__link:hover {
    background-color: #e5e5e5;
    color: #171717;
}

.overflow-menu__link.overflow-menu__link-last {
    margin-top: 0px;
    padding-bottom: 1px;
    border-top: 1px solid #dcdcdc;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
}

.overflow-menu__link.overflow-menu__link-last:hover {
    background-color: #dc222b;
    color: #fff;
}

.tooltip-label-wrap {
    position: relative;
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1rem;
}

.tooltip-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #565656;
    font-size: 12px;
    letter-spacing: 0.32px;
}

.tooltip-trigger {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-decoration: none;
    cursor: default;
}

.tooltip-icon {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/tooltip-icon.svg');
    background-position: 50% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
}

.assistive-text__wrap {
    position: absolute;
    left: auto;
    top: auto;
    right: 14px;
    bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100px;
    padding: 7px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.assistive-text__carrot {
    position: absolute;
    left: 0%;
    top: auto;
    right: 4%;
    bottom: 0.1rem;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #3d3d3d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.assistive-text__carrot.right {
    margin-right: 7px;
}

.assistive-text {
    position: relative;
    top: 0.125rem;
    height: auto;
    max-width: 100%;
    padding: 0.125rem 0.75rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 0.125rem;
    background-color: #3d3d3d;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-align: center;
}

.sidenav-list__dropdown {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.25rem;
    padding-left: 1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 3px solid transparent;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    color: #bebebe;
    text-decoration: none;
    cursor: pointer;
}

.sidenav-list__dropdown:hover {
    background-color: #2b2b2b;
    color: #f3f3f3;
}

.sidenav-list__dropdown.w--current {
    border-left-color: #0062ff;
    background-color: #282828;
    color: #f3f3f3;
}

.navbar {
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: hsla(0, 0%, 100%, 0.92);
}

.custom-container {
    max-width: 1230px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
}

.custom-container.relative {
    position: relative;
}

.brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo-placeholder {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sticky-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
    padding: 20px;
    background-color: #f4f4f4;
}

.nav-grid {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin: 0px;
    padding: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
    -ms-grid-columns: 1fr max-content max-content max-content;
    grid-template-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-columns: 1fr max-content max-content max-content;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.nav-logo-link {
    display: block;
    height: 60px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}

.nav-logo {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
}

.nav-link {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    padding: 10px 0px;
    color: #444;
    text-decoration: none;
}

.nav-link:hover {
    text-decoration: underline;
}

.nav-inner-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nav_dropdown-list {
    background-color: #fff;
}

.nav_dropdown-list.w--open {
    left: -34px;
    top: auto;
    right: auto;
    bottom: auto;
    min-width: 350px;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 1px 1px 40px 0 rgba(0, 0, 0, 0.1);
}

.nav_dropdown-list.shadow-small.language-list.w--open {
    left: 0px;
    min-width: 125px;
}

.nav_dropdown-header {
    margin-bottom: 7px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 20px;
    border-bottom: 1px solid #e2e5e6;
}

.nav_dropdown-links-wrap.vert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.nav_dropdown-column.left {
    margin-right: 10px;
}

.nav_dropdown-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    padding: 16px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    -webkit-transition: color 250ms ease, background-color 250ms ease;
    transition: color 250ms ease, background-color 250ms ease;
    color: #000;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 400;
    cursor: pointer;
}

.nav_dropdown-link:hover {
    background-color: rgba(233, 102, 5, 0.08);
    color: #df4d05;
}

.nav_dropdown-link.w--current {
    color: #df4d05;
}

.nav_dropdown-link.w_icon {
    padding-top: 12px;
    padding-bottom: 12px;
}

.nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.mr-10.w--current {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-20.w--current {
    margin-right: 20px;
}

.subscribe-form {
    padding-top: 100px;
    padding-bottom: 100px;
}

.centered-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.subscribe-form-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.subscribe-form-input-wrapper {
    text-align: left;
}

.subscribe-form-input {
    margin-bottom: 0px;
}

.newsletter-signup-wrap {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.hero_image {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
}

.value-prop-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.value-prop-inner {
    padding-right: 18%;
}

.paragraph-large {
    margin-bottom: 18px;
    font-size: 1.333rem;
    line-height: 1.4;
    font-weight: 400;
}

.mb-4 {
    margin-bottom: 40px;
}

.hero_image-frame {
    position: relative;
    height: 100%;
    max-width: 100%;
    min-height: 500px;
}

.ds_full-w-componwrap {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.flex-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.card_img-mask {
    position: relative;
    height: 200px;
}

.card_img-top {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 20px;
}

.card-footer {
    width: 100%;
    margin-top: auto;
    padding-top: 20px;
}

.ds_section {
    padding-top: 60px;
}

.ds_divider {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e2e5e6;
}

.mb-0 {
    margin-bottom: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.side-image {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
}

.contact-form-block {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.small-text {
    font-size: 13px;
    line-height: 1.6;
}

.side-img-mask {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.side-img-mask._1-1 {
    overflow: hidden;
    padding-bottom: 100%;
}

.nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-item.w--current {
    color: #df4d05;
}

.nav-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.full-h-hero_bg-wrap {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
}

.full-h-hero_bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
}

.full-h-hero_btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.text-shadow-large {
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.36);
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.page-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-top: 76px;
}

.mr-1 {
    margin-right: 5px;
}

.login-form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.admin_half-img-wrap {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 50%;
    height: 100%;
}

.admin_half-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dashboard_wrap {
    min-height: 100vh;
}

.sidebar-mask {
    width: 260px;
}

.dasboard_main-content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 54px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dashboard_sidebar_nav_menu {
    position: fixed;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    margin-top: 54px;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #00121d;
    color: #fff;
}

.dashboard_nav-layout {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 54px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #e2e5e6;
    background-color: #fff;
}

.dashboard_navbar-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 40px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dashboard_sidebar-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    height: 54px;
    padding-left: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #001c2e;
}

.dashboard_main-content {
    min-height: 100vh;
    padding: 40px 4% 41px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f4f5f4;
}

.dashboard_sidebar-nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 10px 16px 40px;
    -webkit-transition: background-color 275ms ease;
    transition: background-color 275ms ease;
    color: #fff;
    line-height: 24px;
}

.dashboard_sidebar-nav-link:hover {
    background-color: rgba(0, 66, 106, 0.5);
}

.dashboard_sidebar-nav-link.highlighted {
    background-color: #0353e9;
}

.dashboard_sidebar-body {
    overflow: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.admin_user-icon-wrap {
    width: 30px;
    height: 30px;
    padding: 4px;
    border-radius: 15px;
    background-color: #f4f5f4;
}

.admin-user-icon {
    width: 100%;
    height: auto;
}

.dashboard_sidebar-icon-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboard_sidebar-icon {
    width: 24px;
    margin-right: 10px;
}

.dashboard_card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    color: #000;
    text-decoration: none;
}

.dashboard_card.contact-form-card {
    position: relative;
    margin-left: -75px;
}

.dashboard_navbar-links-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboard_user-dropdown-toggle {
    padding: 15px;
}

.dashboard_user-dropdown-llst.w--open {
    left: -111px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
}

.card-background-wrap {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 75%;
    padding-left: 1px;
}

.mt-0 {
    margin-top: 0px;
}

.ratio-wrap {
    position: relative;
    width: 100%;
}

.ratio-wrap._4-1 {
    padding-top: 25%;
}

.ratio-wrap._16-9 {
    padding-top: 56.25%;
}

.ratio-wrap._3-1 {
    padding-top: 50%;
}

.ratio-wrap._1-1 {
    padding-top: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ratio-wrap._5-4 {
    padding-top: 80%;
}

.header_img-mask {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    background-color: #f4f5f4;
}

.compressed-header_image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.pricing-block-header {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e5e6;
}

.prices-wrap {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.pricing-block-price {
    font-size: 32px;
    font-weight: 300;
}

.page-title-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
}

.p-0 {
    padding: 0px;
}

.code-coming-soon-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 500px;
    padding: 50px 20%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #0062ff;
    border-radius: 8px;
    background-color: rgba(77, 170, 236, 0.08);
    color: #0062ff;
    text-align: center;
}

.image-position-top {
    -o-object-position: 50% 15%;
    object-position: 50% 15%;
}

.info-modules-grid {
    grid-auto-flow: row dense;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.display-1 {
    font-size: 4.209rem;
    line-height: 1.1;
    font-weight: 300;
}

.format-spec_subtext {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.format-spec_display-2 {
    margin-bottom: 7px;
    font-size: 4vw;
    line-height: 1.1;
    font-weight: 300;
}

.info-module-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 6px;
    background-color: #f0f5ff;
}

.feature-icon {
    width: 100px;
}

.info-module_body {
    display: block;
    padding: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.info-module_body.double-padding {
    padding: 60px;
}

.info-module-content {
    width: 100%;
    min-height: 100%;
}

.info-module_body-text {
    max-width: 724px;
}

.rounded {
    overflow: hidden;
    border-radius: 8px;
}

.no-shadow {
    border-style: solid;
    border-width: 1px;
    border-color: #e2e5e6;
    box-shadow: none;
}

.results-archive-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-module_button_wrap {
    margin-top: -25px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
}

.shadow-small.w--open {
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.08);
}

.package-item-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    padding-right: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.mb-5 {
    margin-bottom: 60px;
}

.mb-6 {
    margin-bottom: 80px;
}

.reverse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.general-info-grid {
    margin-bottom: 25px;
    grid-auto-flow: row;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: minmax(250px, auto);
    grid-template-rows: minmax(250px, auto);
}

.full-width-image-grid {
    width: 115%;
    grid-auto-rows: minmax(160px, 240px);
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: minmax(160px, 240px);
    grid-template-rows: minmax(160px, 240px);
}

.gallery-section_image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-section {
    overflow: hidden;
    max-width: 100%;
    padding-top: 15px;
}

.language-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.language-dropdown-icon {
    width: 18px;
    height: auto;
    margin-right: 7px;
}

.info-show-page-wrap {
    width: 100%;
    padding-top: 77px;
    padding-bottom: 77px;
    background-color: #f0f5ff;
}

.cyclotour-nav-logo {
    width: 180px;
}

.side_image {
    width: 100%;
    max-width: 100%;
}

.nav-cta-btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form_full-width-block {
    display: block;
    width: 100%;
}

.dashboard_card-body {
    display: block;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dashboard_card-body.main-cta {
    padding: 60px;
}

.dashboard_card-body.center-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.card_img-mask_horizontal {
    position: relative;
    width: 50%;
    height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.hero_bg_scrim {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f0f5ff),
        color-stop(31%, rgba(242, 245, 251, 0.61)),
        color-stop(65%, rgba(244, 245, 244, 0))
    );
    background-image: linear-gradient(90deg, #f0f5ff, rgba(242, 245, 251, 0.61) 31%, rgba(244, 245, 244, 0) 65%);
}

.side_image-spinner-wrap {
    position: relative;
    padding-top: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spinner-large {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    padding-top: 100%;
    border-radius: 50%;
    background-color: #f0f5ff;
    -o-object-fit: cover;
    object-fit: cover;
}

.spinner-image {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.spinner-small {
    position: absolute;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    overflow: hidden;
    width: 300px;
    height: 300px;
    margin-bottom: -80px;
    margin-left: -40px;
    border-radius: 50%;
    background-color: #f0f5ff;
    -o-object-fit: cover;
    object-fit: cover;
}

.trinkets_wrap {
    display: block;
    width: 185px;
    height: 125px;
    -o-object-fit: contain;
    object-fit: contain;
}

.trinkets_wrap.center {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.trinkets_wrap.vert-center {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.trinket-wrap {
    width: 150px;
    height: 100px;
}

.trinket {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.trinket.left {
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
}

.image-cover {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
}

.pb-0 {
    padding-bottom: 0px;
}

.large-logo {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
}

.side-image {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
}

.wave-backlay {
    position: absolute;
    left: 16%;
    top: auto;
    right: 0%;
    bottom: -100px;
    z-index: -1;
    width: 100%;
}

.image-side {
    position: relative;
}

.wave-motif {
    width: 100%;
}

.orange-text {
    color: #e96605;
}

.button-wrap {
    margin: -4px;
}

.white-text {
    color: #fff;
}

.inline-notification__details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1rem;
    margin-left: 1rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.inline-notification__close-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    max-width: 3rem;
    min-width: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/close-icon__white.svg');
    background-position: 50% 50%;
    background-size: 8px 8px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    cursor: pointer;
}

.inline-notification__close-button:hover {
    background-color: #013250;
}

.inline-notification__subtitle {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 300;
    letter-spacing: 0.16px;
}

.inline-notification {
    display: none;
    height: auto;
    min-height: 3rem;
    min-width: 18rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
}

.inline-notification.inline-notification__warning {
    max-width: 46rem;
    border-left: 3px solid #fdd13a;
    background-color: #3d3d3d;
}

.inline-notification.inline-notification__info {
    max-width: 46rem;
    border-left: 3px solid #408bfc;
    background-color: #3d3d3d;
}

.inline-notification.inline-notification__error {
    max-width: 46rem;
    border-left: 3px solid #fb4b53;
    background-color: #3d3d3d;
}

.inline-notification.inline-notification__success {
    max-width: 46rem;
    margin-right: auto;
    margin-left: auto;
    border-left: 3px solid #3dbb61;
    background-color: #3d3d3d;
}

.inline-notification__icon-warning {
    width: 20px;
    height: 20px;
    margin-top: 0.875rem;
    background-image: url('../images/inline-notification__warning.svg');
    background-position: 50% 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.inline-notification__text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.inline-notification__icon-error {
    width: 20px;
    height: 20px;
    margin-top: 0.875rem;
    background-image: url('../images/inline-notification__error.svg');
    background-position: 50% 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.inline-notification__title {
    margin-right: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.16px;
}

.inline-notification__icon {
    margin-right: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.inline-notification__icon-success {
    width: 20px;
    height: 20px;
    margin-top: 0.875rem;
    background-image: url('../images/inline-notification__success.svg');
    background-position: 50% 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.notification-wrap {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 999;
    width: 100%;
}

.btn-icon-wrap {
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.btn-icon-wrap.btn-svg__tertiary {
    background-image: url('../images/blue-plus-icon.svg');
}

.btn-icon-wrap.btn-svg__ghost {
    position: relative;
    right: 0rem;
    margin-left: 13px;
    background-image: url('../images/blue-plus-icon.svg');
}

.btn-icon-wrap.btn-svg__ghost.btn-svg__ghost-disabled {
    background-image: url('../images/plus-icon-disable.svg');
}

.btn-icon-wrap.small {
    right: 0.75rem;
}

.btn-icon-wrap.left {
    left: 1rem;
    right: auto;
    background-image: url('../images/left.svg');
}

.dashboard_edit-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.edit-header-icons-bar {
    margin-top: 10px;
}

.tem-settings-dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
}

.tem-settings-dropdown-toggle.w--open {
    background-color: #f0f5ff;
}

.edit-header-gear-icon {
    width: 35px;
    height: 35px;
}

.edit-settings-dropdown {
    position: relative;
    z-index: auto;
}

.edit_settings-dropdown-list.w--open {
    left: -138px;
    min-width: 200px;
    padding: 12px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.14);
}

.edit-dropdown_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    color: #013250;
    text-align: left;
}

.edit-dropdown_item.delete {
    padding-left: 44px;
    background-image: url('../images/delete-2.svg');
    background-position: 12px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.edit-dropdown_item.delete:hover {
    background-color: rgba(244, 59, 55, 0.09);
}

.edit_dropdown-item-icon {
    width: 24px;
    margin-right: 8px;
}

.paragraph {
    color: #636363;
}

.rules-archive-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.large-link-block {
    font-size: 1.333rem;
}

.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.d-inline {
    display: inline;
}

.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.d-flex.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.d-flex.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.justify-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mr-3 {
    margin-right: 1rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.icon-small {
    width: 24px;
}

.p-3 {
    padding: 1rem;
}

.mce-form {
    width: 100%;
}

.editor-logo-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 150px;
    padding: 10px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    font-family: filson-pro, sans-serif;
    color: #000;
    font-size: 19px;
}

.editor-logo-wrap.initiate-button {
    padding-left: 0px;
}

.editor-navbar {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #dadada;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 3px 3px 11px 0 rgba(0, 0, 0, 0.1);
}

.editor-nav-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu-button {
    display: none;
}

.editor-nav-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.editor-dropdown {
    margin-right: 0px;
    margin-left: 0px;
}

.editor-nav-link {
    padding: 5px 20px;
    border: 1px solid transparent;
    border-radius: 50px;
}

.editor-nav-link.save {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0.5rem;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #0062ff;
    -webkit-transition: color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06),
        background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06),
        background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    color: #0062ff;
}

.editor-nav-link.save:hover {
    background-color: rgba(0, 98, 255, 0.08);
}

.editor-nav-link.undo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    -webkit-filter: brightness(0%) saturate(0%);
    filter: brightness(0%) saturate(0%);
    -webkit-transition: background-color 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
        border 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: background-color 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
        border 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    color: #000;
}

.editor-nav-link.undo:hover {
    border-color: #f43b37;
    -webkit-filter: brightness(100%) saturate(200%);
    filter: brightness(100%) saturate(200%);
    color: #f43b37;
}

.text-info {
    color: #0062ff;
}

.editor-logo-icon {
    width: 24px;
    margin-right: 0.5rem;
}

.editor-dropdown-list {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
}

.editor-dropdown-list.w--open {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 42px;
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #e2e5e6;
    background-color: #f4f5f4;
}

.editor-offset {
    width: 100%;
    height: 49px;
}

.editor-notification-wrap {
    margin-right: 20px;
}

.editor-inline-contextual {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    text-align: center;
}

.editor-exit-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -1px;
    padding: 12px 17px 12px 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-left: 1px solid #dadada;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.editor-exit-button:hover {
    background-color: #f4f5f4;
}

.editor-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.editor-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
}

.editor-wrap {
    position: fixed;
    left: 15px;
    top: auto;
    right: 15px;
    bottom: 15px;
    z-index: 100;
    display: block;
    height: 50px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.editor-wrap.closed {
    left: auto;
    top: auto;
    right: 15px;
    bottom: 15px;
    width: 145px;
}

.editor-logo-text {
    margin-left: 5px;
}

.editor-exit-x {
    width: 24px;
}

.editor-edit-button {
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #000;
    color: #000;
}

.editor-edit-button-icon {
    width: 24px;
}

.d-none {
    display: none;
}

.hidden {
    display: none;
}

.editor-open-button-wrap {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 145px;
    height: 50px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-style: solid;
    border-width: 1px;
    border-color: #dadada;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.editor-text-mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.editor-admin-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #dadada;
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
    -webkit-transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06),
        -webkit-filter 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06),
        -webkit-filter 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: filter 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06),
        background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: filter 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06),
        background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06),
        -webkit-filter 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.editor-admin-link:hover {
    background-color: #f4f5f4;
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
}

.editor-admin-link.last {
    border-right: 1px solid #dadada;
}

.editor-admin-link.inline {
    border-right: 1px solid #dadada;
    border-left-style: none;
}

.editor-admin-link.inline:hover {
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
}

.editor-admin-link.inline.active {
    border-right-style: none;
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
    color: #0062ff;
}

.editor-admin-link.inline.active:hover {
    background-color: transparent;
}

.editor-admin-link.exit {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.editor-tooltip {
    position: absolute;
    left: -23px;
    top: auto;
    right: 0%;
    bottom: 124%;
    z-index: 10;
    display: none;
    min-width: 100px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 3px;
    box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    font-size: 14px;
}

.editor-tooltip.exit-edit-mode {
    left: -60px;
}

.editor-tooltip-text-wrap {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    border-color: #dadada;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    text-align: center;
}

.editor-tooltip-arrow {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: -5px;
    z-index: 2;
    width: 10px;
    height: 10px;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.editor-tooltip-arrow.right {
    margin-right: 25px;
}

.editor-inline-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-left: 1px solid #dadada;
}

.editor-inline-bar.active {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.inline-editor-heading {
    margin-left: 0.5rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: filson-pro, sans-serif;
    font-weight: 400;
}

.text-black {
    color: #000;
}

.placeholder-text-wrap {
    margin-right: 20px;
    color: #636363;
}

.general-instruction-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    text-align: center;
}

.general-instruction-text.hidden {
    display: none;
}

.editor-inline-interactions-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.close-editor-trigger {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
}

.stop-editing-button {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: none;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e96605;
}

.ml-2 {
    margin-left: 0.5rem;
}

.slider-arrow {
    position: static;
    width: 30px;
    height: 30px;
    margin: 0px;
}

.slider-arrow-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: #234863;
    -webkit-transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.slider-arrow-button:hover {
    background-color: #013250;
}

.webshop-arrow-wrap {
    right: -40px;
    bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.webshop-slider-mask {
    border-style: none solid solid;
    border-width: 0px 1px 1px;
    border-color: rgba(35, 72, 99, 0.25);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.webshop-slider {
    min-height: 80vh;
    margin-bottom: 75px;
    background-color: transparent;
}

.webshop-product-image {
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.webshop-slide-nav {
    position: absolute;
    bottom: -50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding-top: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.webshop-content-wrapper {
    max-width: 400px;
    margin-right: 50px;
}

.webshop-slide-footer {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(35, 72, 99, 0.25);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.webshop-image-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
}

.webshop-slide-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.webshop-product-name {
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.webshop-footer-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid rgba(35, 72, 99, 0.25);
}

.webshop-left-arrow-wrap {
    left: -40px;
    bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.announcement-bar {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 10000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%;
    height: 50px;
    padding: 8px 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fcb80e;
    color: #000;
}

.announcement-bar.inliner-offset {
    left: 0%;
    top: 76px;
    right: 0%;
    bottom: auto;
}

.announcement-bar.d-none {
    display: none;
}

.announcement-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.announcement-close-button {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 50px;
    padding: 12px;
    background-color: transparent;
    -webkit-transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: background-color 75ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.announcement-close-button:hover {
    background-color: hsla(0, 0%, 100%, 0.3);
}

.announcement-close-icon {
    width: 50px;
}

.announcement-offset {
    width: 100%;
    height: 50px;
}

.announcement-wrapper {
    width: 100%;
}

.btn-small {
    min-height: 2rem;
    margin: 0px;
    padding: 6px 16px;
    line-height: 1rem;
}

.btn-tiny {
    min-height: 1.5rem;
    margin: 0px;
    padding: 3px 12px;
    font-size: 1rem;
    line-height: 1rem;
}

.announcement-body {
    margin-right: 1rem;
}

.toggle-visual-bg {
    border-radius: 0.9rem;
    background-color: #8c8c8c;
}

.toggle_button_submit {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 0px;
    border-radius: 1rem;
    background-color: transparent;
}

.toggle_button_submit:active {
    border: 1px none #000;
}

.toggle_button_submit:focus {
    border: 1px none #000;
}

.toggle_button_submit.active {
    z-index: 2;
}

.toggle_button_wrap {
    position: relative;
    width: 48px;
    height: 24px;
    border-radius: 1rem;
    background-color: #8c8c8c;
}

.toggle_button_wrap.active {
    background-color: #56b947;
}

.toggle_button_form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.toggle-button_text-on-off {
    position: absolute;
    display: inline;
    margin-left: 3.5rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.16px;
}

.toggle-button_text-on-off.d-none {
    display: none;
}

.nav_dropdown-chevron-right {
    width: 35px;
}

.nav-dropdown_chevron-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 35px;
}

.chevron-gradient-fade {
    position: absolute;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}

.nav-dropdown-icon-wrap {
    width: 32px;
    margin-right: 1.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.card-horizontal-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.homepage-main-video {
    min-height: 500px;
}

.parking-map-wrapper {
    margin-bottom: 25px;
}

.parking-map-image {
    min-width: 100%;
    border-radius: 6px;
}

.parking-map-image-scroll {
    overflow: scroll;
}

.image-caption {
    padding-top: 16px;
    color: #dadada;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.image-caption.parking-map {
    display: none;
}

.sustainability-pillar-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 38px;
    padding-left: 38px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sustainability-pillar-block-icon {
    width: 120px;
}

.sustainability-pillars-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

._3-sustainability-pillars-card {
    padding: 24px;
}

._3-pillars-card {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    background-color: rgba(233, 102, 5, 0.06);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    text-decoration: none;
}

._3-pillars-card.contact-form-card {
    position: relative;
    margin-left: -75px;
}

._3-pillars-card.no-shadow.hover-shadow {
    box-shadow: 0 0 0 0 transparent;
}

._3-pillars-card.no-shadow.hover-shadow:hover {
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.1);
}

._3-pillars-card.sponsors {
    border-style: solid;
    border-width: 1px;
    border-color: #e2e5e6;
    box-shadow: 0 0 0 0 transparent;
}

._3-pillars-card.sponsors:hover {
    box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.11);
}

._3-pillars-card.sponsors.hover-shadow {
    box-shadow: 0 0 0 0 transparent;
}

._3-pillars-card.sponsors.hover-shadow:hover {
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.1);
}

._3-pillars-card.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.sustainability-card {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    text-decoration: none;
}

.sustainability-card.contact-form-card {
    position: relative;
    margin-left: -75px;
}

.sustainability-card.no-shadow.hover-shadow {
    box-shadow: 0 0 0 0 transparent;
}

.sustainability-card.no-shadow.hover-shadow:hover {
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.1);
}

.sustainability-card.sponsors {
    border-style: solid;
    border-width: 1px;
    border-color: #e2e5e6;
    box-shadow: 0 0 0 0 transparent;
}

.sustainability-card.sponsors:hover {
    box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.11);
}

.sustainability-card.sponsors.hover-shadow {
    box-shadow: 0 0 0 0 transparent;
}

.sustainability-card.sponsors.hover-shadow:hover {
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.1);
}

.sustainability-card.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.sustainability-card.blue {
    background-color: #00426a;
    color: #fff;
}

.sustainability-card.primary {
    background-color: #fcb80e;
    color: #00426a;
}

.sustainability-card.general-objectives {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 650px;
    background-color: #ff8c06;
    color: #00426a;
}

.sustainability-card-body {
    padding: 65px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sustainability-card-body.main-cta {
    padding: 79px 60px;
}

.sustainability-card-body.center-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.sustainability-card-body.horizontal {
    padding: 45px 60px;
}

.sustainability-card-body.general-objectives {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
}

.color-primary {
    color: #e96605;
}

.color-white {
    color: #fff;
}

.sustainability-card-icon {
    width: 100%;
}

.sustainability-card-section {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 3px dashed hsla(0, 0%, 100%, 0.15);
}

.color-dark-blue {
    color: #00426a;
}

.sustainability-bullet-display-text {
    position: relative;
    font-size: 30px;
    line-height: 1.1;
}

.general-objectives-bg {
    position: relative;
    display: block;
    width: 100%;
    margin-left: 240px;
    opacity: 0.3;
}

.grid-2 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
}

.sustainability-spinning-loop {
    position: absolute;
    width: 240px;
    height: 240px;
    margin-left: -50px;
    border: 3px solid #fff;
    border-radius: 100%;
    opacity: 0.4;
    -webkit-transform: rotate(0deg) perspective(300px);
    transform: rotate(0deg) perspective(300px);
}

.sustainability-objective-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sustainability-objective-wrap.negative-top-margin {
    margin-top: -60px;
}

.sust-general-objectives-bg-wrap {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
}

.route-signs-block {
    display: block;
    padding: 50px;
    border-radius: 6px;
    background-color: #ffed00;
    color: #000;
}

.responsive-image {
    display: block;
    width: 100%;
}

.font-color-black {
    color: #000;
}

.fullscreen-modal-wrap {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: scroll;
    height: 100vh;
    padding: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: rgba(35, 72, 99, 0.3);
}

.fullscreen-modal {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 820px;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 1px 1px 45px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
}

.under-construction-icon {
    width: 200px;
}

.width-100 {
    width: 100%;
}

.modal-registration-opening-date {
    font-size: 36px;
}

.fullscreen-modal-card {
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #e2e5e6;
    border-radius: 8px;
}

.fullscreen-modal-updates-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.text-large {
    margin-bottom: 0px;
    font-size: 1.333rem;
    line-height: 1.4;
    font-weight: 400;
}

.close-modal-button {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    padding: 20px;
    opacity: 0.5;
    -webkit-transition: opacity 75ms ease;
    transition: opacity 75ms ease;
}

.close-modal-button:hover {
    opacity: 1;
}

.icon-32 {
    width: 32px;
}

.package-icon-wrap {
    padding: 20px;
}

.image-fit-cover {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-hover-element {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(233, 102, 5, 0.8);
    opacity: 0;
}

.gallery-full-icon {
    width: 96px;
}

.gallery-thumbnail-wrap {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.volunteer-form-wrapper {
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

.margin-bottom {
    margin-bottom: 30px;
}

.volunteers-form-field {
    display: inline-block;
    width: 290px;
    height: 36px;
    margin-bottom: 0px;
    padding: 5px 7px;
    border-style: none none solid;
    border-color: #000 #000 #dadada;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background-color: transparent;
    -webkit-transition: color 150ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
        border-color 150ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: color 150ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
        border-color 150ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    color: #636363;
    font-size: 24px;
    line-height: 24;
    font-weight: 400;
    text-align: center;
}

.volunteers-form-field:focus {
    border-bottom-color: #000;
}

.volunteers-form-field::-webkit-input-placeholder {
    color: #dadada;
}

.volunteers-form-field:-ms-input-placeholder {
    color: #dadada;
}

.volunteers-form-field::-ms-input-placeholder {
    color: #dadada;
}

.volunteers-form-field::placeholder {
    color: #dadada;
}

.volunteers-form-field.error {
    border-bottom-color: #f43b37;
}

.volunteers-form-field.error::-webkit-input-placeholder {
    color: #f43b37;
}

.volunteers-form-field.error:-ms-input-placeholder {
    color: #f43b37;
}

.volunteers-form-field.error::-ms-input-placeholder {
    color: #f43b37;
}

.volunteers-form-field.error::placeholder {
    color: #f43b37;
}

.volunteers-checkbox-label {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.volunteer-checklist-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 4px 25px 4px 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    border-radius: 40px;
}

.large-paragraph {
    font-size: 21px;
}

.volunteers-field-label {
    display: inline;
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}

.volunteers-checkbox {
    overflow: visible;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    border-radius: 20px;
    -webkit-transition: box-shadow 75ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: box-shadow 75ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    cursor: pointer;
}

.volunteers-checkbox:hover {
    box-shadow: 0 0 3px 0 #0db14b;
}

.volunteers-checkbox.w--redirected-checked {
    padding: 5px;
    border-color: #fff;
    background-color: #56b947;
    background-size: 70%;
    box-shadow: 0 0 5px 3px rgba(86, 185, 71, 0.4);
}

.volunteers-checkbox.w--redirected-focus {
    box-shadow: 0 0 3px 1px #0db14b;
}

.volunteer-form {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 50px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    background-color: #fff;
    text-align: left;
}

.section-2 {
    padding: 100px 20px;
}

.volunteer-image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.34);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.volunteer-side-image-wrap-2 {
    position: absolute;
    left: auto;
    top: auto;
    right: -32%;
    bottom: 0%;
    z-index: -1;
    width: 700px;
    height: 450px;
    margin-right: -200px;
    margin-bottom: -96px;
    margin-left: 0px;
    -webkit-transform: rotate(23deg);
    -ms-transform: rotate(23deg);
    transform: rotate(23deg);
}

.button-3 {
    display: inline-block;
    min-width: 120px;
    margin-top: 20px;
    padding: 17px 25px 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 1px none #000;
    border-radius: 4px;
    background-color: #0db14b;
    box-shadow: 1px 3px 12px 0 rgba(0, 0, 0, 0.11);
    -webkit-transform: perspective(1022px);
    transform: perspective(1022px);
    -webkit-transition: background-color 200ms ease-in;
    transition: background-color 200ms ease-in;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.button-3:hover {
    background-color: #1fce61;
}

.button-3:active {
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3);
}

.button-3.small-button {
    margin-top: 20px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 2px;
}

.button-3.volunteers-submit {
    display: block;
    min-width: 300px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.error-message-2 {
    padding-top: 29px;
    padding-bottom: 29px;
    border: 1px solid #ef4142;
    border-radius: 4px;
    background-color: #fff;
    color: #ec3872;
    text-align: center;
}

.success-message-2 {
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background-color: #fff;
    color: #20ce7b;
    font-size: 16px;
}

.success-message-2.volunteer {
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 24px;
}

.volunteer-side-image-wrap {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    z-index: -1;
    width: 300px;
    height: 450px;
    margin-top: -50px;
    margin-left: -220px;
    -webkit-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    transform: rotate(-17deg);
}

.volunteer-checkbox-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    margin-bottom: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-header {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 40px;
    text-align: center;
}

.success-text {
    color: #56b947;
}

.gallery-folder {
    position: relative;
    margin-bottom: 20px;
    margin-left: 20px;
}

.gallery-layer {
    position: absolute;
    left: -10px;
    top: 10px;
    right: 10px;
    bottom: -10px;
    border: 4px solid #234863;
    border-radius: 8px;
    background-color: #fff;
}

.gallery-layer._2nd {
    left: -20px;
    top: 20px;
    right: 20px;
    bottom: -20px;
}

.gallery-folder-thumbnail {
    position: relative;
    width: 100%;
    padding: 20px 20px 30px;
    border: 4px solid #234863;
    border-radius: 8px;
    background-color: #fff;
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 2.488rem;
    }

    h2 {
        font-size: 2.074rem;
    }

    h3 {
        font-size: 1.728rem;
    }

    h4 {
        font-size: 1.44rem;
    }

    h5 {
        font-size: 1.2rem;
    }

    .row.reverse-wrap-md {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .col.col-m-1 {
        max-width: 8.333333%;
        -webkit-flex-basis: 8.33%;
        -ms-flex-preferred-size: 8.33%;
        flex-basis: 8.33%;
    }

    .col.col-m-11 {
        max-width: 91.666667%;
        -webkit-flex-basis: 91.67%;
        -ms-flex-preferred-size: 91.67%;
        flex-basis: 91.67%;
    }

    .col.col-m-2 {
        max-width: 16.666667%;
        -webkit-flex-basis: 16.67%;
        -ms-flex-preferred-size: 16.67%;
        flex-basis: 16.67%;
    }

    .col.col-m-10 {
        max-width: 83.333333%;
        -webkit-flex-basis: 83.33%;
        -ms-flex-preferred-size: 83.33%;
        flex-basis: 83.33%;
    }

    .col.col-m-3 {
        max-width: 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .col.col-m-9 {
        max-width: 75%;
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }

    .col.col-m-4 {
        max-width: 33.333333%;
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }

    .col.col-m-8 {
        max-width: 66.666667%;
        -webkit-flex-basis: 66.67%;
        -ms-flex-preferred-size: 66.67%;
        flex-basis: 66.67%;
    }

    .col.col-m-5 {
        max-width: 41.666667%;
        -webkit-flex-basis: 41.67%;
        -ms-flex-preferred-size: 41.67%;
        flex-basis: 41.67%;
    }

    .col.col-m-7 {
        max-width: 58.333333%;
        -webkit-flex-basis: 58.33%;
        -ms-flex-preferred-size: 58.33%;
        flex-basis: 58.33%;
    }

    .col.col-m-6 {
        max-width: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .col.col-m-12 {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section.homepage-hero {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 100px;
        padding-bottom: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .card.horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sidenav__scroll-wrap {
        overflow: auto;
        height: 100vh;
    }

    .header__name-span {
        font-size: 0.9rem;
    }

    .sidenav-btn__wrap {
        margin-top: 0px;
    }

    .sidenav-btn__wrap:hover {
        background-color: #171717;
    }

    .header__name {
        left: 3rem;
        padding-left: 0rem;
    }

    .sidenav-switcher__wrap:hover {
        background-color: #171717;
    }

    .sidenav.sidenav__left {
        overflow: visible;
        height: auto;
    }

    .top-nav__menu {
        height: auto;
    }

    .sidenav-list {
        padding-bottom: 10rem;
    }

    .sidenav-btn__left-fixed {
        display: block;
        margin-top: -1px;
    }

    .website-footer__nav.col-2 {
        width: 48%;
    }

    .website-footer__divider {
        display: none;
    }

    .page-content {
        margin-left: 0%;
    }

    .col-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .col-12.offset-4 {
        margin-left: 0%;
    }

    .page-header__title {
        font-size: 3.375rem;
    }

    .website-footer__link {
        line-height: 1.125;
    }

    .component-item {
        width: 32.5%;
    }

    .next-previous-link {
        width: 50%;
    }

    .row-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .col-8 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .btn.btn-outline.btn-disabled:hover {
        color: #bebebe;
    }

    .btn.btn-primary.btn-small.main-nav {
        margin-left: 0rem;
    }

    .btn.btn-primary.btn-large.main-nav {
        margin-left: 0rem;
    }

    .component-example__live-wrapper {
        width: 60%;
    }

    .component-example__wrap-centered {
        width: 35%;
    }

    .date-input__field-wrapper {
        overflow: hidden;
        height: 2.5rem;
        max-width: 18rem;
        min-width: 18rem;
        border-bottom: 1px solid #8c8c8c;
        background-color: #f3f3f3;
        box-shadow: 0 0 0 2px transparent;
        -webkit-transition: all 70ms ease;
        transition: all 70ms ease;
    }

    .date-input__field-wrapper:hover {
        background-color: #e5e5e5;
    }

    .date-input {
        position: relative;
        width: 110%;
        height: 3rem;
        min-width: 20rem;
        border-left-style: none;
        border-left-width: 4px;
        background-color: transparent;
        box-shadow: none;
        -webkit-transition-property: none;
        transition-property: none;
        line-height: 3rem;
        cursor: pointer;
    }

    .date-input:focus {
        box-shadow: none;
    }

    .footer {
        padding-right: 20px;
        padding-left: 20px;
    }

    .custom-container {
        overflow: hidden;
        max-width: 100%;
    }

    .nav_dropdown-list.w--open {
        left: 0px;
        width: 100%;
        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .nav_dropdown-link {
        font-size: 1rem;
    }

    .nav-menu {
        overflow: auto;
        max-height: 90vh;
        padding: 21px;
        background-color: #fff;
    }

    .hero_image {
        position: absolute;
        display: block;
        margin-right: auto;
        margin-bottom: 40px;
        margin-left: auto;
    }

    .value-prop-inner {
        padding-right: 10%;
    }

    .paragraph-large {
        font-size: 1.2rem;
    }

    .card-body.horizontal {
        padding: 25px 25px 30px;
    }

    .card_img-top {
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
    }

    .pt-0 {
        padding-top: 0px;
    }

    .nav-dropdown.w--open {
        color: #df4d05;
    }

    .full-h-hero_bg-wrap {
        position: relative;
        width: 100%;
        margin-top: -240px;
        padding-top: 280px;
        padding-bottom: 280px;
    }

    .full-h-hero_bg-image {
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        -o-object-position: 50% 100%;
        object-position: 50% 100%;
    }

    .page-wrapper {
        padding-top: 86px;
    }

    .admin_half-img-wrap {
        position: relative;
        width: 100%;
        height: 400px;
        margin-top: 20px;
    }

    .sidebar-mask {
        display: none;
    }

    .dashboard_sidebar-header {
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-color: #fff;
    }

    .brand-2 {
        display: none;
    }

    .card-background-wrap {
        width: 50%;
    }

    .hidden-medium-down {
        display: none;
    }

    .ratio-wrap._3-1 {
        padding-top: 50%;
    }

    .ratio-wrap._1-1 {
        padding-top: 75%;
    }

    .p-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .display-1 {
        font-size: 2.986rem;
    }

    .package-item-wrap {
        padding-right: 0px;
    }

    .general-info-grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .info-show-page-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .info_back-button-wrap {
        margin-bottom: 20px;
    }

    .cyclotour-nav-logo {
        width: 140px;
    }

    .nav-cta-btn-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
    }

    .dashboard_card-body.main-cta {
        padding: 44px 30px;
    }

    .card_img-mask_horizontal {
        width: 100%;
        padding-top: 50%;
    }

    .hero_bg_scrim {
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(75%, rgba(243, 245, 247, 0)),
            to(#f0f5ff)
        );
        background-image: linear-gradient(0deg, rgba(243, 245, 247, 0) 75%, #f0f5ff);
    }

    .side_image-spinner-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        max-width: 100%;
        padding-top: 0%;
    }

    .spinner-large {
        position: relative;
        width: 450px;
        height: 450px;
        padding-top: 0%;
    }

    .spinner-small {
        position: relative;
    }

    .wave-backlay {
        left: 0%;
        top: -26%;
        right: 0%;
        bottom: auto;
        margin-left: 237px;
    }

    .button-wrap {
        margin-bottom: 29px;
    }

    .inline-notification.inline-notification__warning {
        max-width: 38rem;
    }

    .inline-notification.inline-notification__info {
        max-width: 38rem;
    }

    .inline-notification.inline-notification__error {
        max-width: 38rem;
    }

    .inline-notification.inline-notification__success {
        max-width: 38rem;
    }

    .edit-header-icons-bar {
        margin-top: 0px;
    }

    .editor-logo-icon {
        margin-right: 0px;
    }

    .editor-menu {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .editor-wrap {
        height: auto;
        min-height: 60px;
    }

    .editor-logo-text {
        display: none;
    }

    .webshop-arrow-wrap {
        right: -24px;
    }

    .webshop-slider {
        margin-bottom: 40px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .webshop-content-wrapper {
        margin-right: 20px;
    }

    .webshop-left-arrow-wrap {
        left: -29px;
    }

    .announcement-bar {
        height: 75px;
    }

    .announcement-offset {
        height: 75px;
    }

    .announcement-body {
        width: 75%;
    }

    .menu-button-2 {
        padding: 20px;
        color: #00426a;
    }

    .menu-button-2.w--open {
        background-color: #f58706;
        color: #fff;
    }

    .pr-md-0 {
        padding-right: 0px;
    }

    .card-horizontal-inner {
        display: block;
    }

    ._3-pillars-card.horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sustainability-card.horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sustainability-card-body.main-cta {
        padding: 44px 30px;
    }

    .sustainability-card-body.horizontal {
        padding: 25px 25px 30px;
    }

    .route-signs-block {
        padding: 30px;
    }

    .fullscreen-modal-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 30px;
    }

    .fullscreen-modal {
        padding: 30px;
    }

    .under-construction-icon {
        width: 175px;
    }

    .position-relative {
        position: relative;
    }

    .text-large {
        font-size: 1.2rem;
    }

    .volunteers-form-field {
        width: 280px;
        height: 24px;
        font-size: 21px;
    }

    .volunteers-field-label {
        font-size: 21px;
        line-height: 36px;
    }

    .volunteer-form {
        padding: 40px;
    }

    .section-2 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .volunteer-side-image-wrap-2 {
        width: 300px;
        margin-right: 100px;
    }

    .button-3 {
        text-align: center;
    }

    .volunteer-side-image-wrap {
        width: 250px;
        height: 200px;
        margin-top: -121px;
        margin-left: -41px;
        -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    .section-header {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .col.col-sm-1 {
        max-width: 8.333333%;
        -webkit-flex-basis: 8.33%;
        -ms-flex-preferred-size: 8.33%;
        flex-basis: 8.33%;
    }

    .col.col-sm-11 {
        max-width: 91.666667%;
        -webkit-flex-basis: 91.67%;
        -ms-flex-preferred-size: 91.67%;
        flex-basis: 91.67%;
    }

    .col.col-sm-2 {
        max-width: 16.666667%;
        -webkit-flex-basis: 16.67%;
        -ms-flex-preferred-size: 16.67%;
        flex-basis: 16.67%;
    }

    .col.col-sm-10 {
        max-width: 83.333333%;
        -webkit-flex-basis: 83.33%;
        -ms-flex-preferred-size: 83.33%;
        flex-basis: 83.33%;
    }

    .col.col-sm-3 {
        max-width: 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .col.col-sm-9 {
        max-width: 75%;
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }

    .col.col-sm-4 {
        max-width: 33.333333%;
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }

    .col.col-sm-8 {
        max-width: 66.6666667%;
        -webkit-flex-basis: 66.67%;
        -ms-flex-preferred-size: 66.67%;
        flex-basis: 66.67%;
    }

    .col.col-sm-5 {
        max-width: 41.666667%;
        -webkit-flex-basis: 41.67%;
        -ms-flex-preferred-size: 41.67%;
        flex-basis: 41.67%;
    }

    .col.col-sm-7 {
        max-width: 58.333333%;
        -webkit-flex-basis: 58.33%;
        -ms-flex-preferred-size: 58.33%;
        flex-basis: 58.33%;
    }

    .col.col-sm-6 {
        max-width: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .col.col-sm-12 {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section.p-0 {
        padding-top: 0px;
    }

    .section.webshop {
        padding-top: 50px;
    }

    .section.spinners {
        padding-bottom: 0px;
    }

    .section.general-info {
        overflow: visible;
    }

    .card.contact-form-card {
        margin-top: -45px;
        margin-left: 20px;
    }

    .card.h-100 {
        height: auto;
    }

    .success-message.volunteer {
        padding: 31px;
    }

    .card-wrap {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .grid {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .website-footer__nav.col-2 {
        width: 100%;
    }

    .website-footer__divider {
        position: absolute;
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        display: block;
        width: auto;
        height: 1px;
        margin-right: 1rem;
        margin-left: 1rem;
        background-color: #565656;
    }

    .page-header__title {
        font-size: 2.625rem;
    }

    .component-item {
        width: 49%;
        margin-bottom: 2%;
    }

    .row-2.website-footer__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .btn.btn-secondary.btn-large {
        padding-right: 32px;
        padding-left: 32px;
        font-size: 16px;
    }

    .component-wrap {
        height: 16rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .component-example__live-wrapper {
        width: 70%;
    }

    .component-example__wrap-centered {
        width: 46%;
    }

    .form-block {
        width: 80%;
    }

    .footer {
        padding: 40px 20px;
    }

    .footer-flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .custom-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .custom-container.pr-md-0 {
        padding-right: 0px;
    }

    .brand {
        padding-left: 0px;
    }

    .sticky-nav {
        position: relative;
    }

    .nav-grid {
        text-align: center;
    }

    .nav_dropdown-list.w--open {
        min-width: 0px;
    }

    .footer-tiny {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 30px;
        padding-bottom: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid hsla(0, 0%, 100%, 0.3);
    }

    .subscribe-form {
        padding: 40px 20px;
    }

    .value-prop-inner {
        margin-bottom: 20px;
        padding-right: 0%;
    }

    .hero_image-frame {
        height: 300px;
        min-height: 0px;
    }

    .pt-0 {
        padding-top: 0px;
    }

    .side-image {
        margin-bottom: 20px;
    }

    .side-image.contact {
        -o-object-position: 50% 12%;
        object-position: 50% 12%;
    }

    .contact-form-block {
        width: 80%;
    }

    .side-img-mask._1-1 {
        padding-bottom: 50%;
    }

    .full-h-hero_btn-wrap {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .page-wrapper {
        padding-top: 62px;
    }

    .login-form {
        width: 80%;
    }

    .ratio-wrap._4-1 {
        padding-top: 50%;
    }

    .page-title-wrap {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .code-coming-soon-wrap {
        padding-right: 5%;
        padding-left: 5%;
    }

    .display-1 {
        font-size: 2.488rem;
    }

    .info-module_body {
        padding: 20px;
    }

    .info-module_button_wrap {
        margin-top: 0px;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
    }

    .package-item-wrap {
        margin-bottom: 20px;
    }

    .general-info-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .full-width-image-grid {
        width: 100%;
        grid-auto-rows: minmax(160px, 160px);
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: minmax(160px, 160px);
        grid-template-rows: minmax(160px, 160px);
    }

    .info-show-page-wrap {
        padding-top: 53px;
    }

    .cyclotour-nav-logo {
        width: 140px;
    }

    .dashboard_card-body {
        padding: 20px;
    }

    .card_img-mask_horizontal {
        padding-top: 66.66%;
    }

    .side_image-spinner-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .spinner-large {
        width: 350px;
        height: 350px;
        margin-left: 15px;
    }

    .spinner-small {
        left: auto;
        right: 0px;
        width: 250px;
        height: 250px;
        margin: -180px 15px 0px 0px;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .icon-small.mr-2 {
        margin-right: 0rem;
    }

    .editor-nav-inner {
        padding-left: 20px;
    }

    .editor-nav-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        line-height: 1.3;
        text-align: center;
    }

    .editor-nav-link.save {
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .editor-logo-icon {
        width: 24px;
    }

    .editor-notification-wrap {
        font-size: 14px;
    }

    .editor-inline-contextual {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .placeholder-text-wrap {
        font-size: 14px;
    }

    .general-instruction-text {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .slider-arrow-button {
        width: 40px;
        height: 40px;
    }

    .webshop-arrow-wrap {
        right: 1px;
    }

    .webshop-slider-mask {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .webshop-slider {
        min-height: 500px;
        padding-right: 39px;
        padding-left: 39px;
    }

    .webshop-slide-nav {
        padding-top: 25px;
    }

    .webshop-content-wrapper {
        margin-right: 0px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        text-align: center;
    }

    .webshop-left-arrow-wrap {
        left: -1px;
    }

    .announcement-bar {
        padding-right: 50px;
    }

    .announcement-close-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .announcement-close-icon {
        width: 30px;
    }

    .btn-tiny {
        font-size: 0.9rem;
        line-height: 0.9rem;
    }

    .announcement-body {
        overflow: auto;
    }

    .parking-map-image {
        min-width: 800px;
        margin-right: 15px;
    }

    .parking-map-image-scroll {
        margin-right: -15px;
    }

    .image-caption {
        padding-top: 10px;
    }

    .image-caption.parking-map {
        display: block;
    }

    ._3-pillars-card.contact-form-card {
        margin-top: -45px;
        margin-left: 20px;
    }

    .sustainability-card.contact-form-card {
        margin-top: -45px;
        margin-left: 20px;
    }

    .sustainability-card-body {
        padding: 35px;
    }

    .sustainability-bullet-display-text {
        font-size: 28px;
    }

    .grid-2 {
        display: block;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .sustainability-spinning-loop {
        width: 180px;
        height: 180px;
        margin-left: -25px;
    }

    .sustainability-objective-wrap {
        margin-bottom: 25px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .route-signs-block {
        padding: 25px;
    }

    .fullscreen-modal {
        padding: 25px;
    }

    .under-construction-icon {
        width: 200px;
    }

    .large-paragraph {
        font-size: 18px;
    }

    .volunteer-form {
        padding: 30px;
    }

    .section-2 {
        padding: 45px 20px;
    }

    .button-3 {
        margin-top: 0px;
        font-weight: 600;
    }

    .button-3.volunteers-submit {
        margin-top: 30px;
    }

    .section-header {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .col {
        max-width: 100%;
        margin-bottom: 15px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .col.col-xs-11 {
        max-width: 91.666667%;
        -webkit-flex-basis: 91.67%;
        -ms-flex-preferred-size: 91.67%;
        flex-basis: 91.67%;
    }

    .col.col-xs-1 {
        max-width: 8.333333%;
        -webkit-flex-basis: 8.33%;
        -ms-flex-preferred-size: 8.33%;
        flex-basis: 8.33%;
    }

    .col.col-xs-2 {
        max-width: 16.666667%;
        -webkit-flex-basis: 16.67%;
        -ms-flex-preferred-size: 16.67%;
        flex-basis: 16.67%;
    }

    .col.col-xs-10 {
        max-width: 83.333333%;
        -webkit-flex-basis: 83.33%;
        -ms-flex-preferred-size: 83.33%;
        flex-basis: 83.33%;
    }

    .col.col-xs-3 {
        max-width: 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .col.col-xs-9 {
        max-width: 75%;
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }

    .col.col-xs-4 {
        max-width: 33.333333%;
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }

    .col.col-xs-8 {
        max-width: 66.666667%;
        -webkit-flex-basis: 66.67%;
        -ms-flex-preferred-size: 66.67%;
        flex-basis: 66.67%;
    }

    .col.col-xs-5 {
        max-width: 41.666667%;
        -webkit-flex-basis: 41.67%;
        -ms-flex-preferred-size: 41.67%;
        flex-basis: 41.67%;
    }

    .col.col-xs-7 {
        max-width: 58.333333%;
        -webkit-flex-basis: 58.33%;
        -ms-flex-preferred-size: 58.33%;
        flex-basis: 58.33%;
    }

    .col.col-xs-6 {
        max-width: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .col.col-xs-12 {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section.homepage-hero {
        padding-top: 66px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .card.contact-form-card {
        margin-left: 0px;
    }

    .style-guide-section {
        padding-right: 0px;
        padding-left: 0px;
    }

    .component-item {
        width: 100%;
        margin-bottom: 3%;
    }

    .btn {
        width: 100%;
    }

    .btn.btn-primary.mr-1 {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .btn.btn-primary.btn-large {
        text-align: center;
    }

    .component-example__live-wrapper {
        width: 100%;
    }

    .component-example__wrap-centered {
        width: 100%;
    }

    .form-block {
        width: 100%;
    }

    .data-table__head-row {
        overflow: hidden;
    }

    .custom-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .sticky-nav {
        padding: 0px;
    }

    .nav-grid {
        grid-auto-flow: row;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 100px;
        grid-template-rows: 100px;
    }

    .nav-logo-link {
        border-top: 1px solid #c4c4c4;
    }

    .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #c4c4c4;
    }

    .nav_dropdown-list.w--open {
        padding: 15px;
    }

    .nav_dropdown-link {
        padding: 14px 10px;
    }

    .nav_dropdown-link.w_icon {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .footer-tiny_right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .tiny-footer_link {
        margin-bottom: 10px;
    }

    .centered-container {
        text-align: left;
    }

    .subscribe-form-input-wrapper {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .subscribe-form-input {
        width: 100%;
    }

    .card-body.main-cta {
        padding-bottom: 200px;
    }

    .pt-0 {
        padding-top: 0px;
    }

    .side-image {
        margin-bottom: 20px;
    }

    .contact-form-block {
        width: 100%;
    }

    .side-img-mask._1-1 {
        padding-bottom: 100%;
    }

    .nav-item {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .nav-dropdown {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .full-h-hero_bg-wrap {
        margin-bottom: -90px;
        padding-top: 210px;
        padding-bottom: 210px;
    }

    .full-h-hero_btn-wrap {
        min-width: 75%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .login-form {
        width: 100%;
    }

    .card-background-wrap {
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        width: 100%;
    }

    .main-cta_scrim {
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(3%, #fff),
            color-stop(37%, hsla(0, 0%, 100%, 0)),
            to(hsla(0, 0%, 100%, 0))
        );
        background-image: linear-gradient(180deg, #fff 3%, hsla(0, 0%, 100%, 0) 37%, hsla(0, 0%, 100%, 0));
    }

    .ratio-wrap._4-1 {
        padding-top: 75%;
    }

    .ratio-wrap._3-1 {
        padding-top: 100%;
    }

    .info-module-wrap {
        margin-bottom: 20px;
    }

    .feature-icon {
        width: 60px;
        margin-right: 20px;
    }

    .package-item-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }

    .general-info-grid {
        display: block;
        -ms-grid-rows: minmax(250px, auto);
        grid-template-rows: minmax(250px, auto);
    }

    .full-width-image-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: minmax(160px, 160px);
        grid-template-rows: minmax(160px, 160px);
    }

    .gallery-section_image-mask {
        height: 200px;
        margin-bottom: 2px;
    }

    .dashboard_card-body.main-cta {
        padding-bottom: 200px;
    }

    .card_img-mask_horizontal {
        padding-top: 80%;
    }

    .highlight-block {
        margin-bottom: 0px;
    }

    .spinner-large {
        width: 300px;
        height: 300px;
    }

    .spinner-small {
        height: 250px;
        margin-top: -75px;
    }

    .trinkets_wrap {
        width: 150px;
    }

    .large-logo {
        width: 85%;
    }

    .editor-navbar {
        overflow: visible;
    }

    .editor-nav-inner {
        padding-left: 12px;
    }

    .editor-nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }

    .editor-nav-link.save {
        padding-right: 15px;
        padding-left: 15px;
    }

    .editor-nav-link.undo {
        display: none;
        padding-right: 15px;
        padding-left: 15px;
    }

    .editor-exit-button {
        padding-right: 15px;
        padding-left: 15px;
        border-left-style: none;
    }

    .editor-menu {
        margin-right: 0px;
    }

    .editor-wrap {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    .slider-arrow-button {
        width: 40px;
        height: 40px;
    }

    .webshop-arrow-wrap {
        right: -1px;
        bottom: 98px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .webshop-slider {
        min-height: 440px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .webshop-product-image {
        width: 100%;
        height: 100%;
    }

    .webshop-content-wrapper {
        padding-right: 12px;
        padding-left: 12px;
    }

    .webshop-slide-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .webshop-footer-left {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(35, 72, 99, 0.25);
        border-right-style: none;
    }

    .webshop-left-arrow-wrap {
        left: 1px;
        bottom: 98px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .announcement-bar {
        height: 100px;
        font-size: 0.9rem;
    }

    .announcement-inner {
        padding-bottom: 3px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .announcement-close-button {
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
        height: 50px;
        padding: 5px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .announcement-offset {
        height: 100px;
    }

    .announcement-body {
        width: 100%;
        margin-right: 0rem;
        margin-bottom: 0.5rem;
    }

    .nav-dropdown-icon {
        left: auto;
        top: 0%;
        right: 0%;
        bottom: 0%;
        margin-right: 10px;
    }

    .nav-dropdown_chevron-wrap {
        display: none;
    }

    .card-horizontal-inner {
        display: block;
    }

    .text-align-sm-left {
        text-align: left;
    }

    .homepage-main-video {
        min-height: 350px;
    }

    .parking-map-image {
        min-width: 650px;
        margin-right: 10px;
    }

    .parking-map-image-scroll {
        margin-right: -10px;
    }

    ._3-pillars-card.contact-form-card {
        margin-left: 0px;
    }

    ._3-pillars-card.sponsors {
        margin-bottom: 0px;
    }

    .sustainability-card.contact-form-card {
        margin-left: 0px;
    }

    .sustainability-card.sponsors {
        margin-bottom: 0px;
    }

    .sustainability-card-body {
        padding-right: 15px;
        padding-left: 15px;
    }

    .sustainability-card-body.main-cta {
        padding-bottom: 200px;
    }

    .sustainability-bullet-display-text {
        font-size: 26px;
    }

    .sustainability-spinning-loop {
        width: 140px;
        height: 140px;
        margin-top: -100px;
        margin-left: -40px;
    }

    .fullscreen-modal-wrap {
        padding: 15px;
    }

    .fullscreen-modal {
        padding: 15px;
    }

    .under-construction-icon {
        width: 100%;
        max-width: 170px;
    }

    .fullscreen-modal-updates-form {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mb-xs-3 {
        margin-bottom: 20px;
    }

    .volunteers-form-field {
        width: 100%;
        height: 40px;
        margin-top: 0px;
        text-align: left;
    }

    .volunteers-form-field.email {
        width: 100%;
    }

    .volunteer-form {
        padding: 15px;
    }

    .section-2 {
        padding: 35px 10px;
    }

    .volunteer-side-image-wrap-2 {
        right: auto;
        width: 90%;
        height: 300px;
        margin-right: 0px;
        margin-bottom: -260px;
    }

    .button-3 {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
        line-height: 20px;
        letter-spacing: 1px;
    }

    .button-3.volunteers-submit {
        min-width: 100%;
    }

    .volunteer-side-image-wrap {
        width: 100%;
        height: 200px;
        margin-top: -176px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .volunteer-checkbox-wrapper {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .gallery-layer {
        border-width: 3px;
    }

    .gallery-folder-thumbnail {
        padding: 10px 10px 15px;
        border-width: 3px;
    }
}