div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
span,
label,
a,
input,
textarea,
select {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

input[type='submit'],
input[type='button'] {
    cursor: pointer;
    -webkit-appearance: none;
}

input[type='text'],
input[type='checkbox'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='file'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='search'],
select {
    outline: none;
}

.op25p,
.opacity-25 {
    opacity: 0.25;
}

.op50p,
.opacity-50 {
    opacity: 0.5;
}

.op75p,
.opacity-75 {
    opacity: 0.75;
}

.blur {
    filter: blur(3px);
}

.blur-more {
    filter: blur(5px);
}

.rc,
.rounded {
    border-radius: 10px;
}

.rounded-circle {
    border-radius: 50%;
}

.ds,
.drop-shadow {
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
}

.text-shadow {
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
}

.contain {
    object-fit: contain;
}

.cover {
    object-fit: cover;
}

.fill {
    object-fit: fill;
}

.scale-down {
    object-fit: scale-down;
}

.hidden {
    display: none !important;
}

.invisible {
    visibility: hidden !important;
}

.fl,
.float-left {
    float: left;
}

.fr,
.float-right {
    float: right;
}

.al,
.align-left {
    text-align: left !important;
}

.ar,
.align-right {
    text-align: right !important;
}

.ac,
.align-center {
    text-align: center !important;
}

.aj,
.align-justify {
    text-align: justify !important;
}

.h1ac h1 {
    text-align: center !important;
}

.h2ac h2 {
    text-align: center !important;
}

.h3ac h3 {
    text-align: center !important;
}

.white,
.white a {
    color: white !important;
}

.lighter {
    font-weight: lighter !important;
}

.bold {
    font-weight: 500 !important;
}

.bolder {
    font-weight: 700 !important;
}

.upper {
    text-transform: uppercase !important;
}

.lower {
    text-transform: lowercase !important;
}

.caps {
    text-transform: capitalize !important;
}

.pointer {
    cursor: pointer;
}

.credit-card {
    display: inline-block;
    font: 18px/18px FontAwesome;
}

    .credit-card.visa {
        content: "\f1f0";
    }

    .credit-card.mastercard {
        content: "\f1f1";
    }

    .credit-card.discover {
        content: "\f1f2";
    }

    .credit-card.amex {
        content: "\f1f3";
    }

    .credit-card.paypal {
        content: "\f1f4";
    }

.padded {
    padding: 20px !important;
}

.padded-less {
    padding: 10px !important;
}

.padded-more {
    padding: 50px !important;
}

.padded-sides {
    padding: 0 20px !important;
}

.no-margins {
    margin: 0 !important;
}

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

.margined {
    margin: 20px !important;
}

.margined-more {
    margin: 50px !important;
}

.margined-less {
    margin: 10px !important;
}

.top-padded {
    padding-top: 20px !important;
}

.top-padded-more {
    padding-top: 50px !important;
}

.top-padded-less {
    padding-top: 10px !important;
}

.right-padded {
    padding-right: 20px !important;
}

.right-padded-more {
    padding-right: 50px !important;
}

.right-padded-less {
    padding-right: 10px !important;
}

.bottom-padded {
    padding-bottom: 20px !important;
}

.bottom-padded-more {
    padding-bottom: 50px !important;
}

.bottom-padded-less {
    padding-bottom: 10px !important;
}

.left-padded {
    padding-left: 20px !important;
}

.left-padded-more {
    padding-left: 50px !important;
}

.left-padded-less {
    padding-left: 10px !important;
}

.top-margined {
    margin-top: 20px !important;
}

.top-margined-more {
    margin-top: 50px !important;
}

.top-margined-less {
    margin-top: 10px !important;
}

.top-margined-none {
    margin-bottom: 0 !important;
}

.right-margined {
    margin-right: 20px !important;
}

.right-margined-more {
    margin-right: 50px !important;
}

.right-margined-less {
    margin-right: 10px !important;
}

.right-margined-none {
    margin-bottom: 0 !important;
}

.bottom-margined {
    margin-bottom: 20px !important;
}

.bottom-margined-more {
    margin-bottom: 50px !important;
}

.bottom-margined-less {
    margin-bottom: 10px !important;
}

.bottom-margined-none {
    margin-bottom: 0 !important;
}

.left-margined {
    margin-left: 20px !important;
}

.left-margined-more {
    margin-left: 50px !important;
}

.left-margined-less {
    margin-left: 10px !important;
}

.left-margined-none {
    margin-bottom: 0 !important;
}

.oh,
.overflow-hidden {
    overflow: hidden;
}

.osx,
.overflow-x-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
}

.osy,
.overflow-y-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
}

.pr,
.position-relative {
    position: relative;
}

.pa,
.position-absolute {
    position: absolute;
}

.bottom {
    bottom: 0;
}

.dn,
.display-none {
    display: none !important;
}

.db,
.display-block {
    display: block !important;
}

.dib,
.display-inline-block {
    display: inline-block !important;
}

.vam,
.vertical-align-middle {
    vertical-align: middle !important;
}

.true-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.phone-only {
    display: none !important;
}

.bottom-snap {
    position: fixed !important;
    bottom: 0 !important;
    z-index: 99;
}

.hd-aspect,
.four-three-aspect {
    width: 100%;
    height: auto;
    position: relative;
    aspect-ratio: 16/9;
}

.four-three-aspect {
    aspect-ratio: 4/3;
}

    .hd-aspect iframe,
    .four-three-aspect iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: none;
        box-sizing: border-box;
    }

.max-w-full {
    max-width: 100% !important;
}

.max-w-xs {
    max-width: 320px !important;
}

.max-w-sm {
    max-width: 640px !important;
}

.max-w-md {
    max-width: 768px !important;
}

.max-w-lg {
    max-width: 1024px !important;
}


@media (max-device-width: 568px) {
    .padded-more {
        padding: 30px !important;
    }

    .margined-more {
        margin: 30px !important;
    }

    .top-padded-more {
        padding-top: 30px !important;
    }

    .right-padded-more {
        padding-right: 30px !important;
    }

    .bottom-padded-more {
        padding-bottom: 30px !important;
    }

    .left-padded-more {
        padding-left: 30px !important;
    }

    .top-margined-more {
        margin-top: 30px !important;
    }

    .right-margined-more {
        margin-right: 30px !important;
    }

    .bottom-margined-more {
        margin-bottom: 30px !important;
    }

    .left-margined-more {
        margin-left: 30px !important;
    }

    .phone-only {
        display: inline-block !important;
    }

    .no-phone,
    .no-tablet-portrait-display {
        display: none !important;
    }
}

.switch {
    position: relative;
    display: inline-block !important;
    align-items: center;
    min-width: 45px;
    height: 25px;
    padding: 0 !important;
}

    .switch.small {
        width: 35px;
        height: 16px;
    }

    .switch.big {
        width: 60px;
        height: 35px;
    }

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--border-color);
        transition: .2s;
        border-radius: var(--button-radius);
    }

    .switch.small .slider {
        border-radius: 0;
    }

    .switch .slider:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: 3px;
        bottom: 3px;
        background-color: var(--color-lightest);
        transition: .4s;
        border-radius: 50%;
    }

    .switch.small .slider:before {
        height: 10px;
        width: 16px;
        left: 3px;
        bottom: 3px;
        border-radius: 0;
    }

    .switch.big .slider:before {
        height: 29px;
        width: 29px;
    }

    .switch input:checked + .slider {
        background-color: var(--color-2);
    }

    .switch .label-text {
        position: absolute;
        left: 45px;
        top: 0;
        padding-left: 10px;
        white-space: nowrap;
        height: 25px;
        align-items: center;
        display: flex;
    }

    .switch input:checked + .slider:before {
        transform: translateX(20px);
    }

    .switch.small input:checked + .slider:before {
        transform: translateX(13px);
    }

    .switch.big input:checked + .slider:before {
        transform: translateX(25px);
    }

.multi-switch {
    display: inline-flex;
    align-items: center;
    align-content: center;
    border: 1px solid var(--border-color);
    border-radius: var(--button-radius);
    position: relative;
    font: var(--input-font);
}

    .multi-switch .multi-switch-label {
        border-right: 1px solid var(--border-color);
        padding: 0 !important;
        margin: 0 !important;
    }

        .multi-switch .multi-switch-label span {
            display: block;
            padding: .8rem 1rem;
            text-align: center;
            transition: .2s;
        }

        .multi-switch .multi-switch-label:first-child,
        .multi-switch .multi-switch-label:first-child span {
            border-top-left-radius: var(--button-radius);
            border-bottom-left-radius: var(--button-radius);
        }

        .multi-switch .multi-switch-label:last-child,
        .multi-switch .multi-switch-label:last-child span {
            border-top-right-radius: var(--button-radius);
            border-bottom-right-radius: var(--button-radius);
            border-right: none;
        }

        .multi-switch .multi-switch-label input:checked + span {
            background-color: var(--color-2);
            color: var(--color-2-reverse);
        }

        .multi-switch .multi-switch-label input {
            opacity: 0;
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
        }

.toggle {
    display: inline-block;
    padding: .75rem;
    border-top-right-radius: var(--button-radius);
    border-bottom-right-radius: var(--button-radius);
    opacity: 0.5;
    border: 1px solid var(--border-color);
    background: rgba(0,0,0,0.1);
    cursor: pointer;
    margin-left: -4px;
    transition: all 0.35s;
}

    .toggle:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: var(--button-radius);
        border-bottom-left-radius: var(--button-radius);
        border-right: none;
        margin-left: 0;
    }

    .toggle:active,
    .toggle.active {
        opacity: 1;
        background: var(--color-2);
        color: var(--color-2-reverse);
    }

.toggle-panel {
    display: none;
    transition: all 0.35s;
}

    .toggle-panel.active {
        display: block;
    }

.counter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    width: 90px;
    position: relative;
}

    .counter span {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 50%;
        cursor: pointer;
    }

        .counter span.minus::before {
            content: "-";
        }

        .counter span.plus::before {
            content: "+";
        }

    .counter input[type='text'],
    .counter input[type='text']:disabled {
        background: none !important;
        border: none !important;
        text-align: center !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
    }

.range-slider {
    width: 100%;
    position: relative;
}

    .range-slider input {
        -webkit-appearance: none;
        width: 100%;
        height: 10px;
        background: #d9d9d9;
        outline: none;
        opacity: 0.8;
        transition: opacity .2s;
    }

        .range-slider input:hover {
            opacity: 1;
        }

        .range-slider input::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 15px;
            height: 25px;
            background: #444444;
            border-radius: 3px;
            cursor: pointer;
        }

    .range-slider .slider-graph {
        width: 100%;
        height: 150px;
        position: relative;
    }

        .range-slider .slider-graph .bar {
            width: 5%;
            height: 0;
            position: absolute;
            left: 0;
            bottom: 0;
            background: rgba(0,0,0,.2);
        }

label.checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 0 0 35px;
    height: 25px;
}

    label.checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        width: 0;
        height: 0;
    }

    label.checkbox .check-mark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background: none;
        border: 1px solid var(--border-color);
        border-radius: 5px;
    }

    label.checkbox:hover input ~ .check-mark {
        background-color: rgba(0,0,0,.1);
    }

    label.checkbox input:checked ~ .check-mark {
        background-color: rgba(0,0,0,.6);
        border: none;
    }

    label.checkbox .check-mark:after {
        content: "";
        position: absolute;
        display: none;
    }

    label.checkbox input:checked ~ .check-mark:after {
        display: block;
    }

    label.checkbox .check-mark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    label.checkbox.loading {
        cursor: wait;
        opacity: .6;
    }

        label.checkbox.loading .check-mark:after {
            display: none;
        }

        label.checkbox.loading .check-mark:before {
            display: block;
            font-family: "Font Awesome 5 Pro";
            font-weight: 700;
            content: "\f3f4";
            animation: spin 1s infinite linear;
            text-align: center;
            vertical-align: middle;
        }

.table-padded th,
.table-padded td {
    padding: 10px;
}

.table-border {
    border: 1px solid rgba(0,0,0,0.1);
    border-collapse: collapse;
}

    .table-border th,
    .table-border td {
        border: 1px solid rgba(0,0,0,0.1);
    }

.container-1080p {
    position: relative;
    aspect-ratio: 16/9;
}

    .container-1080p iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.white-out,
.black-out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,0.85);
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}

    .white-out.active,
    .black-out.active {
        visibility: visible;
        opacity: 1;
    }

    .white-out.full,
    .black-out.full {
        position: fixed;
        background: rgba(255,255,255,0.9);
    }

.black-out {
    background: rgba(0,0,0,0.75);
}

.flex {
    display: flex;
    justify-content: center;
    align-content: stretch;
    flex-wrap: wrap;
    align-items: stretch;
}

    .flex.flex-between {
        justify-content: space-between !important;
        align-content: space-between !important;
    }

    .flex.flex-around {
        justify-content: space-around !important;
        align-content: space-around !important;
    }

    .flex.flex-start {
        justify-content: flex-start !important;
        align-content: flex-start !important;
        align-items: center !important;
    }

    .flex.flex-centered {
        justify-content: center !important;
        align-content: center !important;
        justify-items: center !important;
        align-items: center !important;
    }

    .flex.flex-no-wrap {
        flex-wrap: nowrap !important;
    }

    .flex.flex-inline {
        display: inline-flex !important;
        width: auto;
    }

.flex-end {
    align-self: flex-end;
}

.flex-col {
    align-self: stretch;
}

    .flex-col.flex-1 {
        flex: 1;
    }

    .flex-col img {
        width: 100%;
    }

.flex.halves .flex-col {
    flex-basis: 50%;
}

.flex.thirds .flex-col {
    flex-basis: 33.33%;
}

.flex.quarters .flex-col {
    flex-basis: 25%;
}

.flex.fifths .flex-col {
    flex-basis: 20%;
}

.flex.sixths .flex-col {
    flex-basis: 16.66%;
}

@media (max-device-width: 768px) {

    .flex.halves .flex-col {
        flex-basis: 100%;
    }

    .flex.thirds .flex-col {
        flex-basis: 50%;
    }

    .flex.quarters .flex-col {
        flex-basis: 50%;
    }

    .flex.fifths .flex-col {
        flex-basis: 50%;
    }

    .flex.sixths .flex-col {
        flex-basis: 50%;
    }
}

@media (max-device-width: 568px) {
    .flex.flex-no-wrap {
        flex-wrap: wrap !important;
    }

    .flex-col {
        flex-basis: 100% !important;
    }
}

.grid {
    display: grid;
    grid-auto-rows: auto;
    min-height: 0;
    min-width: 0;
}

    .grid.grid-padded {
        grid-gap: 20px;
    }

    .grid.grid-padded-more {
        grid-gap: 40px;
    }

    .grid.grid-padded-less {
        grid-gap: 10px;
    }

    .grid.grid-center {
        justify-content: space-around !important;
        align-content: space-around !important;
    }

    .grid.items-center {
        align-items: center !important;
    }

    .grid.grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid.grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .grid.grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .grid.grid-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .grid.grid-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .grid.grid-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .grid.grid-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .grid.grid-row-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .grid.grid-row-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }

    .grid.grid-row-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }

.col {
}

    .col img {
        width: 100%;
    }

    .col.centered {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .col.vertical-centered {
        display: flex;
        align-items: center;
    }

    .col.col1 {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .col.col1-2 {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .col.col1-3 {
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .col.col1-4 {
        grid-column-start: 1;
        grid-column-end: 5;
    }

    .col.col1-5 {
        grid-column-start: 1;
        grid-column-end: 6;
    }

    .col.col1-6 {
        grid-column-start: 1;
        grid-column-end: 7;
    }

    .col.col1-7 {
        grid-column-start: 1;
        grid-column-end: 8;
    }

    .col.col1-8 {
        grid-column-start: 1;
        grid-column-end: 9;
    }

    .col.col1-9 {
        grid-column-start: 1;
        grid-column-end: 10;
    }

    .col.col1-10 {
        grid-column-start: 1;
        grid-column-end: 11;
    }

    .col.col2 {
        grid-column-start: 2;
        grid-column-end: 3;
    }

    .col.col2-3 {
        grid-column-start: 2;
        grid-column-end: 4;
    }

    .col.col2-4 {
        grid-column-start: 2;
        grid-column-end: 5;
    }

    .col.col2-5 {
        grid-column-start: 2;
        grid-column-end: 6;
    }

    .col.col2-6 {
        grid-column-start: 2;
        grid-column-end: 7;
    }

    .col.col2-7 {
        grid-column-start: 2;
        grid-column-end: 8;
    }

    .col.col2-8 {
        grid-column-start: 2;
        grid-column-end: 9;
    }

    .col.col2-9 {
        grid-column-start: 2;
        grid-column-end: 10;
    }

    .col.col2-10 {
        grid-column-start: 2;
        grid-column-end: 11;
    }

    .col.col3 {
        grid-column-start: 3;
        grid-column-end: 4;
    }

    .col.col3-4 {
        grid-column-start: 3;
        grid-column-end: 5;
    }

    .col.col3-5 {
        grid-column-start: 3;
        grid-column-end: 6;
    }

    .col.col3-6 {
        grid-column-start: 3;
        grid-column-end: 7;
    }

    .col.col3-7 {
        grid-column-start: 3;
        grid-column-end: 8;
    }

    .col.col3-8 {
        grid-column-start: 3;
        grid-column-end: 9;
    }

    .col.col3-9 {
        grid-column-start: 3;
        grid-column-end: 10;
    }

    .col.col3-10 {
        grid-column-start: 3;
        grid-column-end: 11;
    }

    .col.col4 {
        grid-column-start: 4;
        grid-column-end: 5;
    }

    .col.col4-5 {
        grid-column-start: 4;
        grid-column-end: 6;
    }

    .col.col4-6 {
        grid-column-start: 4;
        grid-column-end: 7;
    }

    .col.col4-7 {
        grid-column-start: 4;
        grid-column-end: 8;
    }

    .col.col4-8 {
        grid-column-start: 4;
        grid-column-end: 9;
    }

    .col.col4-9 {
        grid-column-start: 4;
        grid-column-end: 10;
    }

    .col.col4-10 {
        grid-column-start: 4;
        grid-column-end: 11;
    }

    .col.col5 {
        grid-column-start: 5;
        grid-column-end: 6;
    }

    .col.col5-6 {
        grid-column-start: 5;
        grid-column-end: 7;
    }

    .col.col5-7 {
        grid-column-start: 5;
        grid-column-end: 8;
    }

    .col.col5-8 {
        grid-column-start: 5;
        grid-column-end: 9;
    }

    .col.col5-9 {
        grid-column-start: 5;
        grid-column-end: 10;
    }

    .col.col5-10 {
        grid-column-start: 5;
        grid-column-end: 11;
    }

    .col.col6 {
        grid-column-start: 6;
        grid-column-end: 7;
    }

    .col.col6-7 {
        grid-column-start: 6;
        grid-column-end: 8;
    }

    .col.col6-8 {
        grid-column-start: 6;
        grid-column-end: 9;
    }

    .col.col6-9 {
        grid-column-start: 6;
        grid-column-end: 10;
    }

    .col.col6-10 {
        grid-column-start: 6;
        grid-column-end: 11;
    }

    .col.col7 {
        grid-column-start: 7;
        grid-column-end: 8;
    }

    .col.col7-8 {
        grid-column-start: 7;
        grid-column-end: 9;
    }

    .col.col7-9 {
        grid-column-start: 7;
        grid-column-end: 10;
    }

    .col.col7-10 {
        grid-column-start: 7;
        grid-column-end: 11;
    }

    .col.col8 {
        grid-column-start: 8;
        grid-column-end: 9;
    }

    .col.col8-9 {
        grid-column-start: 8;
        grid-column-end: 10;
    }

    .col.col8-10 {
        grid-column-start: 8;
        grid-column-end: 11;
    }

    .col.col9 {
        grid-column-start: 9;
        grid-column-end: 10;
    }

    .col.col9-10 {
        grid-column-start: 9;
        grid-column-end: 11;
    }

    .col.col10 {
        grid-column-start: 10;
        grid-column-end: 11;
    }

.row1 {
    grid-row-start: 1;
    grid-row-end: 2;
}

.row1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
}

.row1-3 {
    grid-row-start: 1;
    grid-row-end: 4;
}

.row1-4 {
    grid-row-start: 1;
    grid-row-end: 5;
}

.row2 {
    grid-row-start: 2;
    grid-row-end: 3;
}

.row2-3 {
    grid-row-start: 2;
    grid-row-end: 4;
}

.row2-4 {
    grid-row-start: 2;
    grid-row-end: 5;
}

.row3 {
    grid-row-start: 3;
    grid-row-end: 4;
}

.row3-4 {
    grid-row-start: 3;
    grid-row-end: 5;
}

.row4 {
    grid-row-start: 4;
    grid-row-end: 5;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .grid.tablet-portrait-collapse {
        display: block !important;
        clear: both !important;
    }

        .grid.tablet-portrait-collapse.grid-padded .col {
            padding: 20px;
        }

        .grid.tablet-portrait-collapse.grid-padded-more .col {
            padding: 40px;
        }

        .grid.tablet-portrait-collapse.grid-padded-less .col {
            padding: 10px;
        }

    .no-tablet-portrait-display {
        display: none !important;
    }
}

@media (max-device-width: 768px) {

    .grid.grid-padded {
        grid-gap: 20px;
    }
}

@media (max-device-width: 568px) {
    .grid.grid-10 {
        grid-template-columns: repeat(4, 1fr);
    }

        .grid.grid-10 .col {
            grid-column-start: 1;
            grid-column-end: 10;
        }

    .grid.phone-collapse,
    .grid.tablet-portrait-collapse {
        display: block !important;
        clear: both !important;
    }

        .grid.phone-collapse.grid-padded .col,
        .grid.tablet-portrait-collapse.grid-padded .col {
            padding: 20px 0;
        }

        .grid.phone-collapse.grid-padded-more .col,
        .grid.tablet-portrait-collapse.grid-padded-more .col {
            padding: 20px 0;
        }

        .grid.phone-collapse.grid-padded-less .col,
        .grid.tablet-portrait-collapse.grid-padded-less .col {
            padding: 10px 0;
        }
}


@media screen and (min-width: 768px) {

    .md\:grid {
        display: grid;
    }

    .md\:grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .md\:grid-padded {
        grid-gap: 20px;
    }
}


@media screen and (min-width: 1024px) {

    .lg\:grid {
        display: grid;
    }

    .lg\:grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}


.text-col {
    column-fill: auto;
}

    .text-col.text-col-2 {
        column-count: 2;
        -webkit-column-count: 2;
    }

    .text-col.text-col-3 {
        column-count: 3;
        -webkit-column-count: 3;
    }

    .text-col.text-col-4 {
        column-count: 4;
        -webkit-column-count: 4;
    }

    .text-col.text-col-padded {
        column-gap: 20px;
        -webkit-column-gap: 20px;
    }

    .text-col.text-col-padded-more {
        column-gap: 50px;
        -webkit-column-gap: 20px;
    }

    .text-col .col-item {
        display: inline-block;
        -webkit-column-break-inside: avoid;
    }

.c,
.clear {
    display: block;
    clear: both;
}

.c20,
.clear-20 {
    display: block;
    height: 20px;
    clear: both;
}

.c40,
.clear-40 {
    display: block;
    height: 40px;
    clear: both;
}

.w1p, .w1 {
    width: 1% !Important;
}

.w2p, .w2 {
    width: 2% !Important;
}

.w3p, .w3 {
    width: 3% !Important;
}

.w4p, .w4 {
    width: 4% !Important;
}

.w5p, .w5 {
    width: 5% !Important;
}

.w6p, .w6 {
    width: 6% !Important;
}

.w7p, .w7 {
    width: 7% !Important;
}

.w8p, .w8 {
    width: 8% !Important;
}

.w9p, .w9 {
    width: 9% !Important;
}

.w10p, .w10 {
    width: 10% !Important;
}

.w11p, .w11 {
    width: 11% !Important;
}

.w12p, .w12 {
    width: 12% !Important;
}

.w13p, .w13 {
    width: 13% !Important;
}

.w14p, .w14 {
    width: 14% !Important;
}

.w15p, .w15 {
    width: 15% !Important;
}

.w16p, .w16 {
    width: 16% !Important;
}

.w17p, .w17 {
    width: 17% !Important;
}

.w18p, .w18 {
    width: 18% !Important;
}

.w19p, .w19 {
    width: 19% !Important;
}

.w20p, .w20 {
    width: 20% !Important;
}

.w21p, .w21 {
    width: 21% !Important;
}

.w22p, .w22 {
    width: 22% !Important;
}

.w23p, .w23 {
    width: 23% !Important;
}

.w24p, .w24 {
    width: 24% !Important;
}

.w25p, .w25 {
    width: 25% !Important;
}

.w26p, .w26 {
    width: 26% !Important;
}

.w27p, .w27 {
    width: 27% !Important;
}

.w28p, .w28 {
    width: 28% !Important;
}

.w29p, .w29 {
    width: 29% !Important;
}

.w30p, .w30 {
    width: 30% !Important;
}

.w31p, .w31 {
    width: 31% !Important;
}

.w32p, .w32 {
    width: 32% !Important;
}

.w33p, .w33 {
    width: 33% !Important;
}

.w34p, .w34 {
    width: 34% !Important;
}

.w35p, .w35 {
    width: 35% !Important;
}

.w36p, .w36 {
    width: 36% !Important;
}

.w37p, .w37 {
    width: 37% !Important;
}

.w38p, .w38 {
    width: 38% !Important;
}

.w39p, .w39 {
    width: 39% !Important;
}

.w40p, .w40 {
    width: 40% !Important;
}

.w41p, .w41 {
    width: 41% !Important;
}

.w42p, .w42 {
    width: 42% !Important;
}

.w43p, .w43 {
    width: 43% !Important;
}

.w44p, .w44 {
    width: 44% !Important;
}

.w45p, .w45 {
    width: 45% !Important;
}

.w46p, .w46 {
    width: 46% !Important;
}

.w47p, .w47 {
    width: 47% !Important;
}

.w48p, .w48 {
    width: 48% !Important;
}

.w49p, .w49 {
    width: 49% !Important;
}

.w50p, .w50 {
    width: 50% !Important;
}

.w51p, .w51 {
    width: 51% !Important;
}

.w52p, .w52 {
    width: 52% !Important;
}

.w53p, .w53 {
    width: 53% !Important;
}

.w54p, .w54 {
    width: 54% !Important;
}

.w55p, .w55 {
    width: 55% !Important;
}

.w56p, .w56 {
    width: 56% !Important;
}

.w57p, .w57 {
    width: 57% !Important;
}

.w58p, .w58 {
    width: 58% !Important;
}

.w59p, .w59 {
    width: 59% !Important;
}

.w60p, .w60 {
    width: 60% !Important;
}

.w61p, .w61 {
    width: 61% !Important;
}

.w62p, .w62 {
    width: 62% !Important;
}

.w63p, .w63 {
    width: 63% !Important;
}

.w64p, .w64 {
    width: 64% !Important;
}

.w65p, .w65 {
    width: 65% !Important;
}

.w66p, .w66 {
    width: 66% !Important;
}

.w67p, .w67 {
    width: 67% !Important;
}

.w68p, .w68 {
    width: 68% !Important;
}

.w69p, .w69 {
    width: 69% !Important;
}

.w70p, .w70 {
    width: 70% !Important;
}

.w71p, .w71 {
    width: 71% !Important;
}

.w72p, .w72 {
    width: 72% !Important;
}

.w73p, .w73 {
    width: 73% !Important;
}

.w74p, .w74 {
    width: 74% !Important;
}

.w75p, .w75 {
    width: 75% !Important;
}

.w76p, .w76 {
    width: 76% !Important;
}

.w77p, .w77 {
    width: 77% !Important;
}

.w78p, .w78 {
    width: 78% !Important;
}

.w79p, .w79 {
    width: 79% !Important;
}

.w80p, .w80 {
    width: 80% !Important;
}

.w81p, .w81 {
    width: 81% !Important;
}

.w82p, .w82 {
    width: 82% !Important;
}

.w83p, .w83 {
    width: 83% !Important;
}

.w84p, .w84 {
    width: 84% !Important;
}

.w85p, .w85 {
    width: 85% !Important;
}

.w86p, .w86 {
    width: 86% !Important;
}

.w87p, .w87 {
    width: 87% !Important;
}

.w88p, .w88 {
    width: 88% !Important;
}

.w89p, .w89 {
    width: 89% !Important;
}

.w90p, .w90 {
    width: 90% !Important;
}

.w91p, .w91 {
    width: 91% !Important;
}

.w92p, .w92 {
    width: 92% !Important;
}

.w93p, .w93 {
    width: 93% !Important;
}

.w94p, .w94 {
    width: 94% !Important;
}

.w95p, .w95 {
    width: 95% !Important;
}

.w96p, .w96 {
    width: 96% !Important;
}

.w97p, .w97 {
    width: 97% !Important;
}

.w98p, .w98 {
    width: 98% !Important;
}

.w99p, .w99 {
    width: 99% !Important;
}

.w100p, .w100 {
    width: 100% !Important;
}

.h1p, .h1 {
    height: 1%;
}

.h2p, .h2 {
    height: 2%;
}

.h3p, .h3 {
    height: 3%;
}

.h4p, .h4 {
    height: 4%;
}

.h5p, .h5 {
    height: 5%;
}

.h6p, .h6 {
    height: 6%;
}

.h7p, .h7 {
    height: 7%;
}

.h8p, .h8 {
    height: 8%;
}

.h9p, .h9 {
    height: 9%;
}

.h10p, .h10 {
    height: 10%;
}

.h11p, .h11 {
    height: 11%;
}

.h12p, .h12 {
    height: 12%;
}

.h13p, .h13 {
    height: 13%;
}

.h14p, .h14 {
    height: 14%;
}

.h15p, .h15 {
    height: 15%;
}

.h16p, .h16 {
    height: 16%;
}

.h17p, .h17 {
    height: 17%;
}

.h18p, .h18 {
    height: 18%;
}

.h19p, .h19 {
    height: 19%;
}

.h20p, .h20 {
    height: 20%;
}

.h21p, .h21 {
    height: 21%;
}

.h22p, .h22 {
    height: 22%;
}

.h23p, .h23 {
    height: 23%;
}

.h24p, .h24 {
    height: 24%;
}

.h25p, .h25 {
    height: 25%;
}

.h26p, .h26 {
    height: 26%;
}

.h27p, .h27 {
    height: 27%;
}

.h28p, .h28 {
    height: 28%;
}

.h29p, .h29 {
    height: 29%;
}

.h30p, .h30 {
    height: 30%;
}

.h31p, .h31 {
    height: 31%;
}

.h32p, .h32 {
    height: 32%;
}

.h33p, .h33 {
    height: 33%;
}

.h34p, .h34 {
    height: 34%;
}

.h35p, .h35 {
    height: 35%;
}

.h36p, .h36 {
    height: 36%;
}

.h37p, .h37 {
    height: 37%;
}

.h38p, .h38 {
    height: 38%;
}

.h39p, .h39 {
    height: 39%;
}

.h40p, .h40 {
    height: 40%;
}

.h41p, .h41 {
    height: 41%;
}

.h42p, .h42 {
    height: 42%;
}

.h43p, .h43 {
    height: 43%;
}

.h44p, .h44 {
    height: 44%;
}

.h45p, .h45 {
    height: 45%;
}

.h46p, .h46 {
    height: 46%;
}

.h47p, .h47 {
    height: 47%;
}

.h48p, .h48 {
    height: 48%;
}

.h49p, .h49 {
    height: 49%;
}

.h50p, .h50 {
    height: 50%;
}

.h51p, .h51 {
    height: 51%;
}

.h52p, .h52 {
    height: 52%;
}

.h53p, .h53 {
    height: 53%;
}

.h54p, .h54 {
    height: 54%;
}

.h55p, .h55 {
    height: 55%;
}

.h56p, .h56 {
    height: 56%;
}

.h57p, .h57 {
    height: 57%;
}

.h58p, .h58 {
    height: 58%;
}

.h59p, .h59 {
    height: 59%;
}

.h60p, .h60 {
    height: 60%;
}

.h61p, .h61 {
    height: 61%;
}

.h62p, .h62 {
    height: 62%;
}

.h63p, .h63 {
    height: 63%;
}

.h64p, .h64 {
    height: 64%;
}

.h65p, .h65 {
    height: 65%;
}

.h66p, .h66 {
    height: 66%;
}

.h67p, .h67 {
    height: 67%;
}

.h68p, .h68 {
    height: 68%;
}

.h69p, .h69 {
    height: 69%;
}

.h70p, .h70 {
    height: 70%;
}

.h71p, .h71 {
    height: 71%;
}

.h72p, .h72 {
    height: 72%;
}

.h73p, .h73 {
    height: 73%;
}

.h74p, .h74 {
    height: 74%;
}

.h75p, .h75 {
    height: 75%;
}

.h76p, .h76 {
    height: 76%;
}

.h77p, .h77 {
    height: 77%;
}

.h78p, .h78 {
    height: 78%;
}

.h79p, .h79 {
    height: 79%;
}

.h80p, .h80 {
    height: 80%;
}

.h81p, .h81 {
    height: 81%;
}

.h82p, .h82 {
    height: 82%;
}

.h83p, .h83 {
    height: 83%;
}

.h84p, .h84 {
    height: 84%;
}

.h85p, .h85 {
    height: 85%;
}

.h86p, .h86 {
    height: 86%;
}

.h87p, .h87 {
    height: 87%;
}

.h88p, .h88 {
    height: 88%;
}

.h89p, .h89 {
    height: 89%;
}

.h90p, .h90 {
    height: 90%;
}

.h91p, .h91 {
    height: 91%;
}

.h92p, .h92 {
    height: 92%;
}

.h93p, .h93 {
    height: 93%;
}

.h94p, .h94 {
    height: 94%;
}

.h95p, .h95 {
    height: 95%;
}

.h96p, .h96 {
    height: 96%;
}

.h97p, .h97 {
    height: 97%;
}

.h98p, .h98 {
    height: 98%;
}

.h99p, .h99 {
    height: 99%;
}

.h100p, .h100 {
    height: 100%;
}

@keyframes spin {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes rotate-180 {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(180deg);
    }
}

@keyframes emphasize {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(2, 2);
    }

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

@keyframes throb {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

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

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}