@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;500;600&display=swap');

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

ul {
    list-style-type: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    vertical-align: top
}

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

button,
input {
    overflow: visible
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.op-0 {
    opacity: 0
}

.op-10 {
    opacity: 10%
}

.op-20 {
    opacity: 20%
}

.op-30 {
    opacity: 30%
}

.op-40 {
    opacity: 40%
}

.op-50 {
    opacity: 50%
}

.op-60 {
    opacity: 60%
}

.op-70 {
    opacity: 70%
}

:root {
    --color-primary: #ED992E;
    --color-secondary: #ffc1aa;
    --color-ternary: #646464;
    --color-ui-grey: #f2f2f2;
    --color-body-text: #646464
}

.color-primary {
    color: var(--color-primary)
}

.color-secondary {
    color: var(--color-secondary)
}

.color-ternary {
    color: var(--color-body-text);
}

.bg-color-primary,
.bg-primary {
    background: var(--color-primary)
}

.bg-color-secondary,
.bg-secondary {
    background: var(--color-secondary)
}

.bg-color-ternary,
.bg-ternary {
    background: var(--color-ternary)
}

.white,
.color-white {
    color: #fff
}

.bg-color-white,
.bg-white {
    background: #fff
}

.clear-body-text {
    color: #fff
}

.bg-color-ui-grey,
.bg-ui-grey {
    background: #f2f2f2
}

.color-ui-grey {
    color: #f2f2f2
}

.color-warning {
    color: #f54b4b
}

.color-success {
    color: #2ec07c
}

.color-text,
.color-body-text {
    color: #646464
}

.container-sm {
    max-width: 800px
}

.container-md {
    max-width: 850px
}

.container-lg {
    max-width: 1150px
}

.c-fluid {
    max-width: 1700px
}

:root {
    --filter-primary: invert(64%) sepia(93%) saturate(591%) hue-rotate(337deg) brightness(96%) contrast(93%);
    --filter-secondary: invert(94%) sepia(51%) saturate(2252%) hue-rotate(294deg) brightness(108%) contrast(101%);
    --filter-to-white: brightness(100), saturate(0);
    --h-font: Plus Jakarta Sans;
    --font: Euclid Circular A;
    --gap: max(6px, .75vw);
    --vpd: 40px;
    --hpd: 15px;
    --navtop: 60px;
    --footer: 50px;
    --ease: cubic-bezier(.77, 0, .175, 1);
    --rounded-05: 3px;
    --rounded: 20px;
    --rounded2: 25px;
    --round: 1000px;
    --shadow: 0 0 25px #30333e17;
    --slider_nav_height: 45px;
    --inner-cont: calc(100% - var(--hpd));
    --container-sm: 650px;
    --container-md: 900px;
    --container-lg: 1100px
}

@media screen and (min-width:992px) {
    :root {
        --vpd: 50px;
        --hpd: 5.5vw;
        --rounded: 25px;
        --rounded2: 25px;
        --navtop: 90px
    }
}

@media screen and (min-width:1200px) {
    :root {
        --vpd: 6%;
        --hpd: 7vw
    }
}

@media screen and (min-width:1650px) {
    :root {
        --vpd: 6%;
        --hpd: 8vw
    }

    :root {
        --container: 1280px !important
    }

    .c-fluid {
        padding-left: 100px;
        padding-right: 100px;
        margin-left: auto;
        margin-right: auto
    }

    .container-sm.hpd {
        padding-left: 0;
        padding-right: 0
    }
}

body {
    font-family: var(--font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--color-body-text);
}

.vpd {
    padding-top: var(--vpd);
    padding-bottom: var(--vpd)
}

.hpd {
    padding-left: var(--hpd);
    padding-right: var(--hpd)
}

.full {
    width: 100%
}

.half {
    width: 50%
}

.just-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.just-img {
    object-fit: cover;
    object-position: center
}

.shadow {
    box-shadow: 10px 10px 15px -10px rgba(51, 51, 51, .1)
}

.rounded {
    border-radius: var(--rounded)
}

.round {
    border-radius: var(--round)
}

.h-full {
    height: 100%
}

.w-full {
    width: 100%
}

[class*="p"].container {
    max-width: 1000px
}

ul.bullet {
    list-style-type: disc;
    padding-left: 30px
}

.has-gradient {
    background: var(--fortil-gradient);
    -webkit-text-fill-color: transparent;
    background-size: 300%;
    background-position: -100%;
    animation: gradient 8s ease-in-out infinite alternate
}

button,
a {
    cursor: pointer;
    display: inline-block;
    transition: .4s
}

.btn-class {
    padding: 10px 15px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    border: 0
}

.btn-class {
    color: #fff;
    background: #333
}

.btn-class:hover {
    background: #666
}

input,
textarea {
    padding: 10px 0;
    background: none;
    border: none;
    border-bottom: 1px solid var(--ui-grey)
}

[class^="btn-"] {
    position: relative;
    padding: 10px 30px 10px 65px;
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
    font-family: Helvetica;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px;
    background-color: transparent
}

[class^="btn-"]:before {
    content: '';
    width: 30px;
    height: 5px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    transition: left 250ms
}

[class^="btn-"]:hover:before,
[class^="btn-"]:active:before {
    left: 25px
}

.btn-white-outline:before {
    background-image: url(/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-white-right.svg)
}

.btn-white-outline:hover,
.btn-white-outline:active {
    color: #fff
}

.btn-primary-outline {
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.btn-primary-outline:before {
    background-image: url(/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-red-right.svg)
}

.btn-primary-outline:hover,
.btn-primary-outline:active {
    color: var(--color-primary)
}

.btn-primary {
    position: relative;
    padding: 10px 30px 10px 65px;
    border-width: 1px;
    border-style: solid;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px;
    color: var(--color-body);
    border-color: var(--color-primary);
    background-color: var(--color-primary)
}

.btn-primary:before {
    content: '';
    width: 30px;
    height: 5px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    transition: left 250ms
}

.btn-primary:hover:before,
.btn-primary:active:before {
    left: 25px
}

.btn-primary:before {
    background-image: url(/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-white-right.svg)
}

.btn-primary:hover,
.btn-primary:active {
    color: var(--color-body)
}

.btn-secondary {
    position: relative;
    padding: 10px 30px 10px 65px;
    border-width: 1px;
    border-style: solid;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px;
    color: var(--color-body);
    border-color: var(--color-secondary);
    background-color: var(--color-secondary)
}

.btn-secondary:before {
    content: '';
    width: 30px;
    height: 5px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    transition: left 250ms
}

.btn-secondary:hover:before,
.btn-secondary:active:before {
    left: 25px
}

.btn-secondary:before {
    background-image: url(/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-white-right.svg)
}

.btn-secondary:hover,
.btn-secondary:active {
    color: var(--color-body)
}

.flex,
.fx,
[class*="fx-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fx-wr,
.wr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-row {
    flex-direction: row
}

.fx-col {
    flex-direction: column
}

.fx-col-reverse {
    flex-direction: column-reverse
}

.fx-wrap {
    flex-wrap: wrap
}

.just-center,
.j-ce {
    justify-content: center
}

.just-end,
.j-end {
    justify-content: flex-end
}

.just-start,
.j-start {
    justify-content: flex-start
}

.just-around,
.j-around {
    justify-content: space-around
}

.just-between,
.j-bet,
.just-bet {
    justify-content: space-between
}

.just-evenly,
.j-evenly {
    justify-content: space-evenly
}

.al-center,
.al-ce {
    align-items: center
}

.al-end {
    align-items: flex-end
}

.al-start {
    align-items: flex-start
}

.al-base,
.al-baseline {
    align-items: baseline
}

.flex-1 {
    flex: 1
}

.flex-50 {
    flex: 0 0 50%
}

.flex-33 {
    flex: 0 0 33.33%
}

.flex-25 {
    flex: 0 0 25%
}

.flex-20 {
    flex: 0 0 20%
}

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

.fx-order-1 {
    order: 1
}

.fx-order-2 {
    order: 2
}

.fx-order-3 {
    order: 3
}

.fx-order-4 {
    order: 4
}

.fx-order-5 {
    order: 5
}

.fx-order-6 {
    order: 6
}

.fx-order-7 {
    order: 7
}

.fx-order-8 {
    order: 8
}

.fx-order-9 {
    order: 9
}

.fx-order-10 {
    order: 10
}

@media screen and (min-width:430px) {
    .fx-xs-row {
        flex-direction: row
    }

    .fx-xs-col {
        flex-direction: column
    }

    .fx-xs-col-reverse {
        flex-direction: column-reverse
    }

    .fx-xs-row-reverse {
        flex-direction: row-reverse
    }

    .flex-xs-1 {
        flex: 1
    }

    .flex-xs-50 {
        flex: 0 0 50%
    }

    .flex-xs-33 {
        flex: 0 0 33.33%
    }

    .flex-xs-25 {
        flex: 0 0 25%
    }

    .flex-xs-20 {
        flex: 0 0 20%
    }

    .fx-xs-wrap {
        flex-wrap: wrap
    }

    .just-xs-center {
        justify-content: center
    }

    .just-xs-end {
        justify-content: flex-end
    }

    .just-xs-start {
        justify-content: flex-start
    }

    .just-xs-around {
        justify-content: space-around
    }

    .just-xs-between {
        justify-content: space-between
    }

    .al-xs-center {
        align-items: center
    }

    .al-xs-end {
        align-items: flex-end
    }

    .al-xs-start {
        align-items: flex-start
    }

    .fx-xs-order-1 {
        order: 1
    }

    .fx-xs-order-2 {
        order: 2
    }

    .fx-xs-order-3 {
        order: 3
    }

    .fx-xs-order-4 {
        order: 4
    }

    .fx-xs-order-5 {
        order: 5
    }

    .fx-xs-order-6 {
        order: 6
    }

    .fx-xs-order-7 {
        order: 7
    }

    .fx-xs-order-8 {
        order: 8
    }

    .fx-xs-order-9 {
        order: 9
    }

    .fx-xs-order-10 {
        order: 10
    }
}

@media screen and (min-width:768px) {
    .fx-sm-row {
        flex-direction: row
    }

    .fx-sm-col {
        flex-direction: column
    }

    .fx-sm-col-reverse {
        flex-direction: column-reverse
    }

    .fx-sm-row-reverse {
        flex-direction: row-reverse
    }

    .flex-sm-1 {
        flex: 1
    }

    .flex-sm-50 {
        flex: 0 0 50%
    }

    .flex-sm-33 {
        flex: 0 0 33.33%
    }

    .flex-sm-25 {
        flex: 0 0 25%
    }

    .flex-sm-20 {
        flex: 0 0 20%
    }

    .fx-sm-wrap {
        flex-wrap: wrap
    }

    .just-sm-center {
        justify-content: center
    }

    .just-sm-end {
        justify-content: flex-end
    }

    .just-sm-start {
        justify-content: flex-start
    }

    .just-sm-around {
        justify-content: space-around
    }

    .just-sm-between {
        justify-content: space-between
    }

    .al-sm-center {
        align-items: center
    }

    .al-sm-end {
        align-items: flex-end
    }

    .al-sm-start {
        align-items: flex-start
    }

    .fx-sm-order-1 {
        order: 1
    }

    .fx-sm-order-2 {
        order: 2
    }

    .fx-sm-order-3 {
        order: 3
    }

    .fx-sm-order-4 {
        order: 4
    }

    .fx-sm-order-5 {
        order: 5
    }

    .fx-sm-order-6 {
        order: 6
    }

    .fx-sm-order-7 {
        order: 7
    }

    .fx-sm-order-8 {
        order: 8
    }

    .fx-sm-order-9 {
        order: 9
    }

    .fx-sm-order-10 {
        order: 10
    }
}

@media screen and (min-width:992px) {
    .h-md-100 {
        height: auto
    }

    .fx-md-row {
        flex-direction: row
    }

    .fx-md-col {
        flex-direction: column
    }

    .fx-md-col-reverse {
        flex-direction: column-reverse
    }

    .fx-md-row-reverse {
        flex-direction: row-reverse
    }

    .flex-md-1 {
        flex: 1
    }

    .flex-md-50 {
        flex: 0 0 50%
    }

    .flex-md-33 {
        flex: 0 0 33.33%
    }

    .flex-md-25 {
        flex: 0 0 25%
    }

    .flex-md-20 {
        flex: 0 0 20%
    }

    .fx-md-wrap {
        flex-wrap: wrap
    }

    .just-md-center {
        justify-content: center
    }

    .just-md-end {
        justify-content: flex-end
    }

    .just-md-start {
        justify-content: flex-start
    }

    .just-md-around {
        justify-content: space-around
    }

    .just-md-between {
        justify-content: space-between
    }

    .al-md-center {
        align-items: center
    }

    .al-md-end {
        align-items: flex-end
    }

    .al-md-start {
        align-items: flex-start
    }

    .fx-md-order-1 {
        order: 1
    }

    .fx-md-order-2 {
        order: 2
    }

    .fx-md-order-3 {
        order: 3
    }

    .fx-md-order-4 {
        order: 4
    }

    .fx-md-order-5 {
        order: 5
    }

    .fx-md-order-6 {
        order: 6
    }

    .fx-md-order-7 {
        order: 7
    }

    .fx-md-order-8 {
        order: 8
    }

    .fx-md-order-9 {
        order: 9
    }

    .fx-md-order-10 {
        order: 10
    }
}

@media screen and (min-width:1200px) {
    .fx-lg-row {
        flex-direction: row
    }

    .fx-lg-col {
        flex-direction: column
    }

    .fx-lg-col-reverse {
        flex-direction: column-reverse
    }

    .fx-lg-row-reverse {
        flex-direction: row-reverse
    }

    .flex-lg-1 {
        flex: 1
    }

    .flex-lg-50 {
        flex: 0 0 50%
    }

    .flex-lg-33 {
        flex: 0 0 33.33%
    }

    .flex-lg-25 {
        flex: 0 0 25%
    }

    .flex-lg-20 {
        flex: 0 0 20%
    }

    .fx-lg-wrap {
        flex-wrap: wrap
    }

    .just-lg-center {
        justify-content: center
    }

    .just-lg-end {
        justify-content: flex-end
    }

    .just-lg-start {
        justify-content: flex-start
    }

    .just-lg-around {
        justify-content: space-around
    }

    .just-lg-between {
        justify-content: space-between
    }

    .al-lg-center {
        align-items: center
    }

    .al-lg-end {
        align-items: flex-end
    }

    .al-lg-start {
        align-items: flex-start
    }

    .fx-lg-order-1 {
        order: 1
    }

    .fx-lg-order-2 {
        order: 2
    }

    .fx-lg-order-3 {
        order: 3
    }

    .fx-lg-order-4 {
        order: 4
    }

    .fx-lg-order-5 {
        order: 5
    }

    .fx-lg-order-6 {
        order: 6
    }

    .fx-lg-order-7 {
        order: 7
    }

    .fx-lg-order-8 {
        order: 8
    }

    .fx-lg-order-9 {
        order: 9
    }

    .fx-lg-order-10 {
        order: 10
    }
}

@media screen and (min-width:1980px) {
    .fx-xl-row {
        flex-direction: row
    }

    .fx-xl-col {
        flex-direction: column
    }

    .fx-xl-col-reverse {
        flex-direction: column-reverse
    }

    .fx-xl-row-reverse {
        flex-direction: row-reverse
    }

    .flex-xl-1 {
        flex: 1
    }

    .flex-xl-50 {
        flex: 0 0 50%
    }

    .flex-xl-33 {
        flex: 0 0 33.33%
    }

    .flex-xl-25 {
        flex: 0 0 25%
    }

    .flex-xl-20 {
        flex: 0 0 20%
    }

    .fx-xl-wrap {
        flex-wrap: wrap
    }

    .just-xl-center {
        justify-content: center
    }

    .just-xl-end {
        justify-content: flex-end
    }

    .just-xl-start {
        justify-content: flex-start
    }

    .just-xl-around {
        justify-content: space-around
    }

    .just-xl-between {
        justify-content: space-between
    }

    .al-xl-center {
        align-items: center
    }

    .al-xl-end {
        align-items: flex-end
    }

    .al-xl-start {
        align-items: flex-start
    }

    .fx-xl-order-1 {
        order: 1
    }

    .fx-xl-order-2 {
        order: 2
    }

    .fx-xl-order-3 {
        order: 3
    }

    .fx-xl-order-4 {
        order: 4
    }

    .fx-xl-order-5 {
        order: 5
    }

    .fx-xl-order-6 {
        order: 6
    }

    .fx-xl-order-7 {
        order: 7
    }

    .fx-xl-order-8 {
        order: 8
    }

    .fx-xl-order-9 {
        order: 9
    }

    .fx-xl-order-10 {
        order: 10
    }
}

.display-none {
    display: none
}

.display-flex,
.fx {
    display: flex
}

.display-block {
    display: block
}

.display-inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.d-grid {
    display: grid
}

@media screen and (min-width:430px) {
    .display-none-xs {
        display: none
    }

    .display-flex-xs,
    .fx-xs {
        display: flex
    }

    .display-block-xs {
        display: block
    }

    .display-inline-block-xs {
        display: inline-block
    }

    .display-inline-xs {
        display: inline
    }
}

@media screen and (min-width:768px) {
    .display-none-sm {
        display: none
    }

    .display-flex-sm,
    .fx-sm {
        display: flex
    }

    .display-block-sm {
        display: block
    }

    .display-inline-block-sm {
        display: inline-block
    }

    .display-inline-sm {
        display: inline
    }
}

@media screen and (min-width:992px) {
    .display-none-md {
        display: none
    }

    .display-flex-md,
    .fx-md {
        display: flex
    }

    .display-block-md {
        display: block
    }

    .display-inline-block-md {
        display: inline-block
    }

    .display-inline-md {
        display: inline
    }
}

@media screen and (min-width:1200px) {
    .display-none-lg {
        display: none
    }

    .display-flex-lg,
    .fx-lg {
        display: flex
    }

    .display-block-lg {
        display: block
    }

    .display-inline-block-lg {
        display: inline-block
    }

    .display-inline-lg {
        display: inline
    }
}

@media screen and (min-width:1980px) {
    .display-none-xl {
        display: none
    }

    .display-flex-xl,
    .fx-xl {
        display: flex
    }

    .display-block-xl {
        display: block
    }

    .display-inline-block-xl {
        display: inline-block
    }

    .display-inline-xl {
        display: inline
    }
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.my-1 {
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

.mt-1 {
    margin-top: 12.5px
}

.mb-1 {
    margin-bottom: 12.5px
}

.my-2 {
    margin-top: 25px;
    margin-bottom: 25px
}

.mt-2 {
    margin-top: 25px
}

.mb-2 {
    margin-bottom: 25px
}

.my-3 {
    margin-top: 37.5px;
    margin-bottom: 37.5px
}

.mt-3 {
    margin-top: 37.5px
}

.mb-3 {
    margin-bottom: 37.5px
}

.my-4 {
    margin-top: 62.5px;
    margin-bottom: 62.5px
}

.mt-4 {
    margin-top: 62.5px
}

.mb-4 {
    margin-bottom: 62.5px
}

.my-5 {
    margin-top: 87.5px;
    margin-bottom: 87.5px
}

.mt-5 {
    margin-top: 87.5px
}

.mb-5 {
    margin-bottom: 87.5px
}

.my-g {
    margin-top: var(--vpd);
    margin-bottom: var(--vpd)
}

.mt-g {
    margin-top: var(--vpd)
}

.mb-g {
    margin-bottom: var(--vpd)
}

.mt-g {
    margin-top: var(--vpd)
}

.ml-g {
    margin-left: var(--hpd)
}

.mr-g {
    margin-right: var(--hpd)
}

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

.gap {
    gap: var(--gap)
}

.gap-0 {
    gap: 0
}

.gap-1 {
    gap: max(6px, .75vw)
}

.gap-2 {
    gap: calc(max(6px, .75vw) * 1)
}

.gap-3 {
    gap: calc(max(6px, .75vw) * 2)
}

.gap-4 {
    gap: calc(max(6px, .75vw) * 3)
}

.gap-5 {
    gap: calc(max(6px, .75vw) * 4)
}

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

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.mx-1 {
    margin-left: 12.5px;
    margin-right: 12.5px
}

.ml-1 {
    margin-left: 12.5px
}

.mr-1 {
    margin-right: 12.5px
}

.mx-2 {
    margin-left: 25px;
    margin-right: 25px
}

.ml-2 {
    margin-left: 25px
}

.mr-2 {
    margin-right: 25px
}

.mx-3 {
    margin-left: 37.5px;
    margin-right: 37.5px
}

.ml-3 {
    margin-left: 37.5px
}

.mr-3 {
    margin-right: 37.5px
}

.mx-4 {
    margin-left: 62.5px;
    margin-right: 62.5px
}

.ml-4 {
    margin-left: 62.5px
}

.mr-4 {
    margin-right: 62.5px
}

.mx-5 {
    margin-left: 87.5px;
    margin-right: 87.5px
}

.ml-5 {
    margin-left: 87.5px
}

.mr-5 {
    margin-right: 87.5px
}

.mx-g {
    margin-left: var(--hpd);
    margin-right: var(--hpd)
}

.ml-g {
    margin-left: var(--hpd)
}

.mr-g {
    margin-right: var(--hpd)
}

@media screen and (min-width:430px) {
    .my-xs-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mt-xs-0 {
        margin-top: 0
    }

    .mb-xs-0 {
        margin-bottom: 0
    }

    .my-xs-1 {
        margin-top: 12.5px;
        margin-bottom: 12.5px
    }

    .mt-xs-1 {
        margin-top: 12.5px
    }

    .mb-xs-1 {
        margin-bottom: 12.5px
    }

    .my-xs-2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .mt-xs-2 {
        margin-top: 25px
    }

    .mb-xs-2 {
        margin-bottom: 25px
    }

    .my-xs-3 {
        margin-top: 37.5px;
        margin-bottom: 37.5px
    }

    .mt-xs-3 {
        margin-top: 37.5px
    }

    .mb-xs-3 {
        margin-bottom: 37.5px
    }

    .my-xs-4 {
        margin-top: 62.5px;
        margin-bottom: 62.5px
    }

    .mt-xs-4 {
        margin-top: 62.5px
    }

    .mb-xs-4 {
        margin-bottom: 62.5px
    }

    .my-xs-5 {
        margin-top: 87.5px;
        margin-bottom: 87.5px
    }

    .mt-xs-5 {
        margin-top: 87.5px
    }

    .mb-xs-5 {
        margin-bottom: 87.5px
    }

    .my-xs-g {
        margin-top: var(--vpd);
        margin-bottom: var(--vpd)
    }

    .mt-xs-g {
        margin-top: var(--vpd)
    }

    .mb-xs-g {
        margin-bottom: var(--vpd)
    }

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

    .gap-xs-0 {
        gap: 0
    }

    .gap-xs-1 {
        gap: max(6px, .75vw)
    }

    .gap-xs-2 {
        gap: calc(max(6px, .75vw) * 1)
    }

    .gap-xs-3 {
        gap: calc(max(6px, .75vw) * 2)
    }

    .gap-xs-4 {
        gap: calc(max(6px, .75vw) * 3)
    }

    .gap-xs-5 {
        gap: calc(max(6px, .75vw) * 4)
    }

    .mx-xs-0 {
        margin-left: 0;
        margin-right: 0
    }

    .ml-xs-0 {
        margin-left: 0
    }

    .mr-xs-0 {
        margin-right: 0
    }

    .mx-xs-1 {
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    .ml-xs-1 {
        margin-left: 12.5px
    }

    .mr-xs-1 {
        margin-right: 12.5px
    }

    .mx-xs-2 {
        margin-left: 25px;
        margin-right: 25px
    }

    .ml-xs-2 {
        margin-left: 25px
    }

    .mr-xs-2 {
        margin-right: 25px
    }

    .mx-xs-3 {
        margin-left: 37.5px;
        margin-right: 37.5px
    }

    .ml-xs-3 {
        margin-left: 37.5px
    }

    .mr-xs-3 {
        margin-right: 37.5px
    }

    .mx-xs-4 {
        margin-left: 62.5px;
        margin-right: 62.5px
    }

    .ml-xs-4 {
        margin-left: 62.5px
    }

    .mr-xs-4 {
        margin-right: 62.5px
    }

    .mx-xs-5 {
        margin-left: 87.5px;
        margin-right: 87.5px
    }

    .ml-xs-5 {
        margin-left: 87.5px
    }

    .mr-xs-5 {
        margin-right: 87.5px
    }

    .mx-xs-g {
        margin-left: var(--hpd);
        margin-right: var(--hpd)
    }

    .ml-xs-g {
        margin-left: var(--hpd)
    }

    .mr-xs-g {
        margin-right: var(--hpd)
    }
}

@media screen and (min-width:768px) {
    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mt-sm-0 {
        margin-top: 0
    }

    .mb-sm-0 {
        margin-bottom: 0
    }

    .my-sm-1 {
        margin-top: 12.5px;
        margin-bottom: 12.5px
    }

    .mt-sm-1 {
        margin-top: 12.5px
    }

    .mb-sm-1 {
        margin-bottom: 12.5px
    }

    .my-sm-2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .mt-sm-2 {
        margin-top: 25px
    }

    .mb-sm-2 {
        margin-bottom: 25px
    }

    .my-sm-3 {
        margin-top: 37.5px;
        margin-bottom: 37.5px
    }

    .mt-sm-3 {
        margin-top: 37.5px
    }

    .mb-sm-3 {
        margin-bottom: 37.5px
    }

    .my-sm-4 {
        margin-top: 62.5px;
        margin-bottom: 62.5px
    }

    .mt-sm-4 {
        margin-top: 62.5px
    }

    .mb-sm-4 {
        margin-bottom: 62.5px
    }

    .my-sm-5 {
        margin-top: 87.5px;
        margin-bottom: 87.5px
    }

    .mt-sm-5 {
        margin-top: 87.5px
    }

    .mb-sm-5 {
        margin-bottom: 87.5px
    }

    .my-sm-g {
        margin-top: var(--vpd);
        margin-bottom: var(--vpd)
    }

    .mt-sm-g {
        margin-top: var(--vpd)
    }

    .mb-sm-g {
        margin-bottom: var(--vpd)
    }

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

    .gap-sm-0 {
        gap: 0
    }

    .gap-sm-1 {
        gap: max(6px, .75vw)
    }

    .gap-sm-2 {
        gap: calc(max(6px, .75vw) * 1)
    }

    .gap-sm-3 {
        gap: calc(max(6px, .75vw) * 2)
    }

    .gap-sm-4 {
        gap: calc(max(6px, .75vw) * 3)
    }

    .gap-sm-5 {
        gap: calc(max(6px, .75vw) * 4)
    }

    .mx-sm-0 {
        margin-left: 0;
        margin-right: 0
    }

    .ml-sm-0 {
        margin-left: 0
    }

    .mr-sm-0 {
        margin-right: 0
    }

    .mx-sm-1 {
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    .ml-sm-1 {
        margin-left: 12.5px
    }

    .mr-sm-1 {
        margin-right: 12.5px
    }

    .mx-sm-2 {
        margin-left: 25px;
        margin-right: 25px
    }

    .ml-sm-2 {
        margin-left: 25px
    }

    .mr-sm-2 {
        margin-right: 25px
    }

    .mx-sm-3 {
        margin-left: 37.5px;
        margin-right: 37.5px
    }

    .ml-sm-3 {
        margin-left: 37.5px
    }

    .mr-sm-3 {
        margin-right: 37.5px
    }

    .mx-sm-4 {
        margin-left: 62.5px;
        margin-right: 62.5px
    }

    .ml-sm-4 {
        margin-left: 62.5px
    }

    .mr-sm-4 {
        margin-right: 62.5px
    }

    .mx-sm-5 {
        margin-left: 87.5px;
        margin-right: 87.5px
    }

    .ml-sm-5 {
        margin-left: 87.5px
    }

    .mr-sm-5 {
        margin-right: 87.5px
    }

    .mx-sm-g {
        margin-left: var(--hpd);
        margin-right: var(--hpd)
    }

    .ml-sm-g {
        margin-left: var(--hpd)
    }

    .mr-sm-g {
        margin-right: var(--hpd)
    }
}

@media screen and (min-width:992px) {
    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mt-md-0 {
        margin-top: 0
    }

    .mb-md-0 {
        margin-bottom: 0
    }

    .my-md-1 {
        margin-top: 12.5px;
        margin-bottom: 12.5px
    }

    .mt-md-1 {
        margin-top: 12.5px
    }

    .mb-md-1 {
        margin-bottom: 12.5px
    }

    .my-md-2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .mt-md-2 {
        margin-top: 25px
    }

    .mb-md-2 {
        margin-bottom: 25px
    }

    .my-md-3 {
        margin-top: 37.5px;
        margin-bottom: 37.5px
    }

    .mt-md-3 {
        margin-top: 37.5px
    }

    .mb-md-3 {
        margin-bottom: 37.5px
    }

    .my-md-4 {
        margin-top: 62.5px;
        margin-bottom: 62.5px
    }

    .mt-md-4 {
        margin-top: 62.5px
    }

    .mb-md-4 {
        margin-bottom: 62.5px
    }

    .my-md-5 {
        margin-top: 87.5px;
        margin-bottom: 87.5px
    }

    .mt-md-5 {
        margin-top: 87.5px
    }

    .mb-md-5 {
        margin-bottom: 87.5px
    }

    .my-md-g {
        margin-top: var(--vpd);
        margin-bottom: var(--vpd)
    }

    .mt-md-g {
        margin-top: var(--vpd)
    }

    .mb-md-g {
        margin-bottom: var(--vpd)
    }

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

    .gap-md-0 {
        gap: 0
    }

    .gap-md-1 {
        gap: max(6px, .75vw)
    }

    .gap-md-2 {
        gap: calc(max(6px, .75vw) * 1)
    }

    .gap-md-3 {
        gap: calc(max(6px, .75vw) * 2)
    }

    .gap-md-4 {
        gap: calc(max(6px, .75vw) * 3)
    }

    .gap-md-5 {
        gap: calc(max(6px, .75vw) * 4)
    }

    .mx-md-0 {
        margin-left: 0;
        margin-right: 0
    }

    .ml-md-0 {
        margin-left: 0
    }

    .mr-md-0 {
        margin-right: 0
    }

    .mx-md-1 {
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    .ml-md-1 {
        margin-left: 12.5px
    }

    .mr-md-1 {
        margin-right: 12.5px
    }

    .mx-md-2 {
        margin-left: 25px;
        margin-right: 25px
    }

    .ml-md-2 {
        margin-left: 25px
    }

    .mr-md-2 {
        margin-right: 25px
    }

    .mx-md-3 {
        margin-left: 37.5px;
        margin-right: 37.5px
    }

    .ml-md-3 {
        margin-left: 37.5px
    }

    .mr-md-3 {
        margin-right: 37.5px
    }

    .mx-md-4 {
        margin-left: 62.5px;
        margin-right: 62.5px
    }

    .ml-md-4 {
        margin-left: 62.5px
    }

    .mr-md-4 {
        margin-right: 62.5px
    }

    .mx-md-5 {
        margin-left: 87.5px;
        margin-right: 87.5px
    }

    .ml-md-5 {
        margin-left: 87.5px
    }

    .mr-md-5 {
        margin-right: 87.5px
    }

    .mx-md-g {
        margin-left: var(--hpd);
        margin-right: var(--hpd)
    }

    .ml-md-g {
        margin-left: var(--hpd)
    }

    .mr-md-g {
        margin-right: var(--hpd)
    }
}

@media screen and (min-width:1200px) {
    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mt-lg-0 {
        margin-top: 0
    }

    .mb-lg-0 {
        margin-bottom: 0
    }

    .my-lg-1 {
        margin-top: 12.5px;
        margin-bottom: 12.5px
    }

    .mt-lg-1 {
        margin-top: 12.5px
    }

    .mb-lg-1 {
        margin-bottom: 12.5px
    }

    .my-lg-2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .mt-lg-2 {
        margin-top: 25px
    }

    .mb-lg-2 {
        margin-bottom: 25px
    }

    .my-lg-3 {
        margin-top: 37.5px;
        margin-bottom: 37.5px
    }

    .mt-lg-3 {
        margin-top: 37.5px
    }

    .mb-lg-3 {
        margin-bottom: 37.5px
    }

    .my-lg-4 {
        margin-top: 62.5px;
        margin-bottom: 62.5px
    }

    .mt-lg-4 {
        margin-top: 62.5px
    }

    .mb-lg-4 {
        margin-bottom: 62.5px
    }

    .my-lg-5 {
        margin-top: 87.5px;
        margin-bottom: 87.5px
    }

    .mt-lg-5 {
        margin-top: 87.5px
    }

    .mb-lg-5 {
        margin-bottom: 87.5px
    }

    .my-lg-g {
        margin-top: var(--vpd);
        margin-bottom: var(--vpd)
    }

    .mt-lg-g {
        margin-top: var(--vpd)
    }

    .mb-lg-g {
        margin-bottom: var(--vpd)
    }

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

    .gap-lg-0 {
        gap: 0
    }

    .gap-lg-1 {
        gap: max(6px, .75vw)
    }

    .gap-lg-2 {
        gap: calc(max(6px, .75vw) * 1)
    }

    .gap-lg-3 {
        gap: calc(max(6px, .75vw) * 2)
    }

    .gap-lg-4 {
        gap: calc(max(6px, .75vw) * 3)
    }

    .gap-lg-5 {
        gap: calc(max(6px, .75vw) * 4)
    }

    .mx-lg-0 {
        margin-left: 0;
        margin-right: 0
    }

    .ml-lg-0 {
        margin-left: 0
    }

    .mr-lg-0 {
        margin-right: 0
    }

    .mx-lg-1 {
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    .ml-lg-1 {
        margin-left: 12.5px
    }

    .mr-lg-1 {
        margin-right: 12.5px
    }

    .mx-lg-2 {
        margin-left: 25px;
        margin-right: 25px
    }

    .ml-lg-2 {
        margin-left: 25px
    }

    .mr-lg-2 {
        margin-right: 25px
    }

    .mx-lg-3 {
        margin-left: 37.5px;
        margin-right: 37.5px
    }

    .ml-lg-3 {
        margin-left: 37.5px
    }

    .mr-lg-3 {
        margin-right: 37.5px
    }

    .mx-lg-4 {
        margin-left: 62.5px;
        margin-right: 62.5px
    }

    .ml-lg-4 {
        margin-left: 62.5px
    }

    .mr-lg-4 {
        margin-right: 62.5px
    }

    .mx-lg-5 {
        margin-left: 87.5px;
        margin-right: 87.5px
    }

    .ml-lg-5 {
        margin-left: 87.5px
    }

    .mr-lg-5 {
        margin-right: 87.5px
    }

    .mx-lg-g {
        margin-left: var(--hpd);
        margin-right: var(--hpd)
    }

    .ml-lg-g {
        margin-left: var(--hpd)
    }

    .mr-lg-g {
        margin-right: var(--hpd)
    }
}

@media screen and (min-width:1980px) {
    .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mt-xl-0 {
        margin-top: 0
    }

    .mb-xl-0 {
        margin-bottom: 0
    }

    .my-xl-1 {
        margin-top: 12.5px;
        margin-bottom: 12.5px
    }

    .mt-xl-1 {
        margin-top: 12.5px
    }

    .mb-xl-1 {
        margin-bottom: 12.5px
    }

    .my-xl-2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .mt-xl-2 {
        margin-top: 25px
    }

    .mb-xl-2 {
        margin-bottom: 25px
    }

    .my-xl-3 {
        margin-top: 37.5px;
        margin-bottom: 37.5px
    }

    .mt-xl-3 {
        margin-top: 37.5px
    }

    .mb-xl-3 {
        margin-bottom: 37.5px
    }

    .my-xl-4 {
        margin-top: 62.5px;
        margin-bottom: 62.5px
    }

    .mt-xl-4 {
        margin-top: 62.5px
    }

    .mb-xl-4 {
        margin-bottom: 62.5px
    }

    .my-xl-5 {
        margin-top: 87.5px;
        margin-bottom: 87.5px
    }

    .mt-xl-5 {
        margin-top: 87.5px
    }

    .mb-xl-5 {
        margin-bottom: 87.5px
    }

    .my-xl-g {
        margin-top: var(--vpd);
        margin-bottom: var(--vpd)
    }

    .mt-xl-g {
        margin-top: var(--vpd)
    }

    .mb-xl-g {
        margin-bottom: var(--vpd)
    }

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

    .gap-xl-0 {
        gap: 0
    }

    .gap-xl-1 {
        gap: max(6px, .75vw)
    }

    .gap-xl-2 {
        gap: calc(max(6px, .75vw) * 1)
    }

    .gap-xl-3 {
        gap: calc(max(6px, .75vw) * 2)
    }

    .gap-xl-4 {
        gap: calc(max(6px, .75vw) * 3)
    }

    .gap-xl-5 {
        gap: calc(max(6px, .75vw) * 4)
    }

    .mx-xl-0 {
        margin-left: 0;
        margin-right: 0
    }

    .ml-xl-0 {
        margin-left: 0
    }

    .mr-xl-0 {
        margin-right: 0
    }

    .mx-xl-1 {
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    .ml-xl-1 {
        margin-left: 12.5px
    }

    .mr-xl-1 {
        margin-right: 12.5px
    }

    .mx-xl-2 {
        margin-left: 25px;
        margin-right: 25px
    }

    .ml-xl-2 {
        margin-left: 25px
    }

    .mr-xl-2 {
        margin-right: 25px
    }

    .mx-xl-3 {
        margin-left: 37.5px;
        margin-right: 37.5px
    }

    .ml-xl-3 {
        margin-left: 37.5px
    }

    .mr-xl-3 {
        margin-right: 37.5px
    }

    .mx-xl-4 {
        margin-left: 62.5px;
        margin-right: 62.5px
    }

    .ml-xl-4 {
        margin-left: 62.5px
    }

    .mr-xl-4 {
        margin-right: 62.5px
    }

    .mx-xl-5 {
        margin-left: 87.5px;
        margin-right: 87.5px
    }

    .ml-xl-5 {
        margin-left: 87.5px
    }

    .mr-xl-5 {
        margin-right: 87.5px
    }

    .mx-xl-g {
        margin-left: var(--hpd);
        margin-right: var(--hpd)
    }

    .ml-xl-g {
        margin-left: var(--hpd)
    }

    .mr-xl-g {
        margin-right: var(--hpd)
    }
}

.pb-g {
    padding-bottom: var(--vpd)
}

.pt-g {
    padding-top: var(--vpd)
}

.hpd05 {
    padding-left: calc(var(--hpd)/2);
    padding-right: calc(var(--hpd)/2)
}

.vpd05 {
    padding-top: calc(var(--vpd)/2);
    padding-bottom: calc(var(--vpd)/2)
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.py-1 {
    padding-top: 12.5px;
    padding-bottom: 12.5px
}

.pt-1 {
    padding-top: 12.5px
}

.pb-1 {
    padding-bottom: 12.5px
}

.py-2 {
    padding-top: 25px;
    padding-bottom: 25px
}

.pt-2 {
    padding-top: 25px
}

.pb-2 {
    padding-bottom: 25px
}

.py-3 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pt-3 {
    padding-top: 50px
}

.pb-3 {
    padding-bottom: 50px
}

.py-4 {
    padding-top: 75px;
    padding-bottom: 75px
}

.pt-4 {
    padding-top: 75px
}

.pb-4 {
    padding-bottom: 75px
}

.py-5 {
    padding-top: 100px;
    padding-bottom: 100px
}

.pt-5 {
    padding-top: 100px
}

.pb-5 {
    padding-bottom: 100px
}

.py-g {
    padding-top: var(--hpd);
    padding-bottom: var(--hpd)
}

.pt-g {
    padding-top: var(--hpd)
}

.pb-g {
    padding-bottom: var(--hpd)
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.px-1 {
    padding-left: 12.5px;
    padding-right: 12.5px
}

.pl-1 {
    padding-left: 12.5px
}

.pr-1 {
    padding-right: 12.5px
}

.px-2 {
    padding-left: 25px;
    padding-right: 25px
}

.pl-2 {
    padding-left: 25px
}

.pr-2 {
    padding-right: 25px
}

.px-3 {
    padding-left: 50px;
    padding-right: 50px
}

.pl-3 {
    padding-left: 50px
}

.pr-3 {
    padding-right: 50px
}

.px-4 {
    padding-left: 75px;
    padding-right: 75px
}

.pl-4 {
    padding-left: 75px
}

.pr-4 {
    padding-right: 75px
}

.px-5 {
    padding-left: 100px;
    padding-right: 100px
}

.pl-5 {
    padding-left: 100px
}

.pr-5 {
    padding-right: 100px
}

.px-g {
    padding-left: var(--hpd);
    padding-right: var(--hpd)
}

.pl-g {
    padding-left: var(--hpd)
}

.pr-g {
    padding-right: var(--hpd)
}

@media screen and (min-width:430px) {
    .py-xs-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pt-xs-0 {
        padding-top: 0
    }

    .pb-xs-0 {
        padding-bottom: 0
    }

    .py-xs-1 {
        padding-top: 12.5px;
        padding-bottom: 12.5px
    }

    .pt-xs-1 {
        padding-top: 12.5px
    }

    .pb-xs-1 {
        padding-bottom: 12.5px
    }

    .py-xs-2 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pt-xs-2 {
        padding-top: 25px
    }

    .pb-xs-2 {
        padding-bottom: 25px
    }

    .py-xs-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-xs-3 {
        padding-top: 50px
    }

    .pb-xs-3 {
        padding-bottom: 50px
    }

    .py-xs-4 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .pt-xs-4 {
        padding-top: 75px
    }

    .pb-xs-4 {
        padding-bottom: 75px
    }

    .py-xs-5 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .pt-xs-5 {
        padding-top: 100px
    }

    .pb-xs-5 {
        padding-bottom: 100px
    }

    .py-xs-g {
        padding-top: var(--hpd);
        padding-bottom: var(--hpd)
    }

    .pt-xs-g {
        padding-top: var(--hpd)
    }

    .pb-xs-g {
        padding-bottom: var(--hpd)
    }

    .px-xs-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pl-xs-0 {
        padding-left: 0
    }

    .pr-xs-0 {
        padding-right: 0
    }

    .px-xs-1 {
        padding-left: 12.5px;
        padding-right: 12.5px
    }

    .pl-xs-1 {
        padding-left: 12.5px
    }

    .pr-xs-1 {
        padding-right: 12.5px
    }

    .px-xs-2 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pl-xs-2 {
        padding-left: 25px
    }

    .pr-xs-2 {
        padding-right: 25px
    }

    .px-xs-3 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pl-xs-3 {
        padding-left: 50px
    }

    .pr-xs-3 {
        padding-right: 50px
    }

    .px-xs-4 {
        padding-left: 75px;
        padding-right: 75px
    }

    .pl-xs-4 {
        padding-left: 75px
    }

    .pr-xs-4 {
        padding-right: 75px
    }

    .px-xs-5 {
        padding-left: 100px;
        padding-right: 100px
    }

    .pl-xs-5 {
        padding-left: 100px
    }

    .pr-xs-5 {
        padding-right: 100px
    }

    .px-xs-g {
        padding-left: var(--hpd);
        padding-right: var(--hpd)
    }

    .pl-xs-g {
        padding-left: var(--hpd)
    }

    .pr-xs-g {
        padding-right: var(--hpd)
    }
}

@media screen and (min-width:768px) {
    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pt-sm-0 {
        padding-top: 0
    }

    .pb-sm-0 {
        padding-bottom: 0
    }

    .py-sm-1 {
        padding-top: 12.5px;
        padding-bottom: 12.5px
    }

    .pt-sm-1 {
        padding-top: 12.5px
    }

    .pb-sm-1 {
        padding-bottom: 12.5px
    }

    .py-sm-2 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pt-sm-2 {
        padding-top: 25px
    }

    .pb-sm-2 {
        padding-bottom: 25px
    }

    .py-sm-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-sm-3 {
        padding-top: 50px
    }

    .pb-sm-3 {
        padding-bottom: 50px
    }

    .py-sm-4 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .pt-sm-4 {
        padding-top: 75px
    }

    .pb-sm-4 {
        padding-bottom: 75px
    }

    .py-sm-5 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .pt-sm-5 {
        padding-top: 100px
    }

    .pb-sm-5 {
        padding-bottom: 100px
    }

    .py-sm-g {
        padding-top: var(--hpd);
        padding-bottom: var(--hpd)
    }

    .pt-sm-g {
        padding-top: var(--hpd)
    }

    .pb-sm-g {
        padding-bottom: var(--hpd)
    }

    .px-sm-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pl-sm-0 {
        padding-left: 0
    }

    .pr-sm-0 {
        padding-right: 0
    }

    .px-sm-1 {
        padding-left: 12.5px;
        padding-right: 12.5px
    }

    .pl-sm-1 {
        padding-left: 12.5px
    }

    .pr-sm-1 {
        padding-right: 12.5px
    }

    .px-sm-2 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pl-sm-2 {
        padding-left: 25px
    }

    .pr-sm-2 {
        padding-right: 25px
    }

    .px-sm-3 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pl-sm-3 {
        padding-left: 50px
    }

    .pr-sm-3 {
        padding-right: 50px
    }

    .px-sm-4 {
        padding-left: 75px;
        padding-right: 75px
    }

    .pl-sm-4 {
        padding-left: 75px
    }

    .pr-sm-4 {
        padding-right: 75px
    }

    .px-sm-5 {
        padding-left: 100px;
        padding-right: 100px
    }

    .pl-sm-5 {
        padding-left: 100px
    }

    .pr-sm-5 {
        padding-right: 100px
    }

    .px-sm-g {
        padding-left: var(--hpd);
        padding-right: var(--hpd)
    }

    .pl-sm-g {
        padding-left: var(--hpd)
    }

    .pr-sm-g {
        padding-right: var(--hpd)
    }
}

@media screen and (min-width:992px) {
    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pt-md-0 {
        padding-top: 0
    }

    .pb-md-0 {
        padding-bottom: 0
    }

    .py-md-1 {
        padding-top: 12.5px;
        padding-bottom: 12.5px
    }

    .pt-md-1 {
        padding-top: 12.5px
    }

    .pb-md-1 {
        padding-bottom: 12.5px
    }

    .py-md-2 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pt-md-2 {
        padding-top: 25px
    }

    .pb-md-2 {
        padding-bottom: 25px
    }

    .py-md-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-md-3 {
        padding-top: 50px
    }

    .pb-md-3 {
        padding-bottom: 50px
    }

    .py-md-4 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .pt-md-4 {
        padding-top: 75px
    }

    .pb-md-4 {
        padding-bottom: 75px
    }

    .py-md-5 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .pt-md-5 {
        padding-top: 100px
    }

    .pb-md-5 {
        padding-bottom: 100px
    }

    .py-md-g {
        padding-top: var(--hpd);
        padding-bottom: var(--hpd)
    }

    .pt-md-g {
        padding-top: var(--hpd)
    }

    .pb-md-g {
        padding-bottom: var(--hpd)
    }

    .px-md-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pl-md-0 {
        padding-left: 0
    }

    .pr-md-0 {
        padding-right: 0
    }

    .px-md-1 {
        padding-left: 12.5px;
        padding-right: 12.5px
    }

    .pl-md-1 {
        padding-left: 12.5px
    }

    .pr-md-1 {
        padding-right: 12.5px
    }

    .px-md-2 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pl-md-2 {
        padding-left: 25px
    }

    .pr-md-2 {
        padding-right: 25px
    }

    .px-md-3 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pl-md-3 {
        padding-left: 50px
    }

    .pr-md-3 {
        padding-right: 50px
    }

    .px-md-4 {
        padding-left: 75px;
        padding-right: 75px
    }

    .pl-md-4 {
        padding-left: 75px
    }

    .pr-md-4 {
        padding-right: 75px
    }

    .px-md-5 {
        padding-left: 100px;
        padding-right: 100px
    }

    .pl-md-5 {
        padding-left: 100px
    }

    .pr-md-5 {
        padding-right: 100px
    }

    .px-md-g {
        padding-left: var(--hpd);
        padding-right: var(--hpd)
    }

    .pl-md-g {
        padding-left: var(--hpd)
    }

    .pr-md-g {
        padding-right: var(--hpd)
    }
}

@media screen and (min-width:1200px) {
    .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pt-lg-0 {
        padding-top: 0
    }

    .pb-lg-0 {
        padding-bottom: 0
    }

    .py-lg-1 {
        padding-top: 12.5px;
        padding-bottom: 12.5px
    }

    .pt-lg-1 {
        padding-top: 12.5px
    }

    .pb-lg-1 {
        padding-bottom: 12.5px
    }

    .py-lg-2 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pt-lg-2 {
        padding-top: 25px
    }

    .pb-lg-2 {
        padding-bottom: 25px
    }

    .py-lg-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-lg-3 {
        padding-top: 50px
    }

    .pb-lg-3 {
        padding-bottom: 50px
    }

    .py-lg-4 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .pt-lg-4 {
        padding-top: 75px
    }

    .pb-lg-4 {
        padding-bottom: 75px
    }

    .py-lg-5 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .pt-lg-5 {
        padding-top: 100px
    }

    .pb-lg-5 {
        padding-bottom: 100px
    }

    .py-lg-g {
        padding-top: var(--hpd);
        padding-bottom: var(--hpd)
    }

    .pt-lg-g {
        padding-top: var(--hpd)
    }

    .pb-lg-g {
        padding-bottom: var(--hpd)
    }

    .px-lg-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pl-lg-0 {
        padding-left: 0
    }

    .pr-lg-0 {
        padding-right: 0
    }

    .px-lg-1 {
        padding-left: 12.5px;
        padding-right: 12.5px
    }

    .pl-lg-1 {
        padding-left: 12.5px
    }

    .pr-lg-1 {
        padding-right: 12.5px
    }

    .px-lg-2 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pl-lg-2 {
        padding-left: 25px
    }

    .pr-lg-2 {
        padding-right: 25px
    }

    .px-lg-3 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pl-lg-3 {
        padding-left: 50px
    }

    .pr-lg-3 {
        padding-right: 50px
    }

    .px-lg-4 {
        padding-left: 75px;
        padding-right: 75px
    }

    .pl-lg-4 {
        padding-left: 75px
    }

    .pr-lg-4 {
        padding-right: 75px
    }

    .px-lg-5 {
        padding-left: 100px;
        padding-right: 100px
    }

    .pl-lg-5 {
        padding-left: 100px
    }

    .pr-lg-5 {
        padding-right: 100px
    }

    .px-lg-g {
        padding-left: var(--hpd);
        padding-right: var(--hpd)
    }

    .pl-lg-g {
        padding-left: var(--hpd)
    }

    .pr-lg-g {
        padding-right: var(--hpd)
    }
}

@media screen and (min-width:1980px) {
    .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pt-xl-0 {
        padding-top: 0
    }

    .pb-xl-0 {
        padding-bottom: 0
    }

    .py-xl-1 {
        padding-top: 12.5px;
        padding-bottom: 12.5px
    }

    .pt-xl-1 {
        padding-top: 12.5px
    }

    .pb-xl-1 {
        padding-bottom: 12.5px
    }

    .py-xl-2 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pt-xl-2 {
        padding-top: 25px
    }

    .pb-xl-2 {
        padding-bottom: 25px
    }

    .py-xl-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-xl-3 {
        padding-top: 50px
    }

    .pb-xl-3 {
        padding-bottom: 50px
    }

    .py-xl-4 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .pt-xl-4 {
        padding-top: 75px
    }

    .pb-xl-4 {
        padding-bottom: 75px
    }

    .py-xl-5 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .pt-xl-5 {
        padding-top: 100px
    }

    .pb-xl-5 {
        padding-bottom: 100px
    }

    .py-xl-g {
        padding-top: var(--hpd);
        padding-bottom: var(--hpd)
    }

    .pt-xl-g {
        padding-top: var(--hpd)
    }

    .pb-xl-g {
        padding-bottom: var(--hpd)
    }

    .px-xl-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pl-xl-0 {
        padding-left: 0
    }

    .pr-xl-0 {
        padding-right: 0
    }

    .px-xl-1 {
        padding-left: 12.5px;
        padding-right: 12.5px
    }

    .pl-xl-1 {
        padding-left: 12.5px
    }

    .pr-xl-1 {
        padding-right: 12.5px
    }

    .px-xl-2 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pl-xl-2 {
        padding-left: 25px
    }

    .pr-xl-2 {
        padding-right: 25px
    }

    .px-xl-3 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pl-xl-3 {
        padding-left: 50px
    }

    .pr-xl-3 {
        padding-right: 50px
    }

    .px-xl-4 {
        padding-left: 75px;
        padding-right: 75px
    }

    .pl-xl-4 {
        padding-left: 75px
    }

    .pr-xl-4 {
        padding-right: 75px
    }

    .px-xl-5 {
        padding-left: 100px;
        padding-right: 100px
    }

    .pl-xl-5 {
        padding-left: 100px
    }

    .pr-xl-5 {
        padding-right: 100px
    }

    .px-xl-g {
        padding-left: var(--hpd);
        padding-right: var(--hpd)
    }

    .pl-xl-g {
        padding-left: var(--hpd)
    }

    .pr-xl-g {
        padding-right: var(--hpd)
    }
}

.w-auto {
    width: auto
}

.w-max-auto {
    max-width: auto
}

.w-min-auto {
    min-width: auto
}

.w-10 {
    width: 10%
}

.w-max-10 {
    max-width: 10%
}

.w-min-10 {
    min-width: 10%
}

.w-20 {
    width: 20%
}

.w-max-20 {
    max-width: 20%
}

.w-min-20 {
    min-width: 20%
}

.w-25 {
    width: 25%
}

.w-max-25 {
    max-width: 25%
}

.w-min-25 {
    min-width: 25%
}

.w-30 {
    width: 30%
}

.w-max-30 {
    max-width: 30%
}

.w-min-30 {
    min-width: 30%
}

.w-33 {
    width: 33.33%
}

.w-max-33 {
    max-width: 33.33%
}

.w-min-33 {
    min-width: 33.33%
}

.w-40 {
    width: 40%
}

.w-max-40 {
    max-width: 40%
}

.w-min-40 {
    min-width: 40%
}

.w-50 {
    width: 50%
}

.w-max-50 {
    max-width: 50%
}

.w-min-50 {
    min-width: 50%
}

.w-60 {
    width: 60%
}

.w-max-60 {
    max-width: 60%
}

.w-min-60 {
    min-width: 60%
}

.w-66 {
    width: 66.66%
}

.w-max-66 {
    max-width: 66.66%
}

.w-min-66 {
    min-width: 66.66%
}

.w-75 {
    width: 75%
}

.w-max-75 {
    max-width: 75%
}

.w-min-75 {
    min-width: 75%
}

.w-90 {
    width: 90%
}

.w-max-90 {
    max-width: 90%
}

.w-min-90 {
    min-width: 90%
}

.w-100 {
    width: 100%
}

.w-max-100 {
    max-width: 100%
}

.w-min-100 {
    min-width: 100%
}

.h-unset {
    height: unset
}

.h-max-unset {
    max-height: unset
}

.h-min-unset {
    min-height: unset
}

.h-auto {
    height: auto
}

.h-max-auto {
    max-height: auto
}

.h-min-auto {
    min-height: auto
}

.h-10 {
    height: 10vh
}

.h-max-10 {
    max-height: 10vh
}

.h-min-10 {
    min-height: 10vh
}

.h-20 {
    height: 20vh
}

.h-max-20 {
    max-height: 20vh
}

.h-min-20 {
    min-height: 20vh
}

.h-25 {
    height: 25vh
}

.h-max-25 {
    max-height: 25vh
}

.h-min-25 {
    min-height: 25vh
}

.h-33 {
    height: 33.33vh
}

.h-max-33 {
    max-height: 33.33vh
}

.h-min-33 {
    min-height: 33.33vh
}

.h-40 {
    height: 40vh
}

.h-max-40 {
    max-height: 40vh
}

.h-min-40 {
    min-height: 40vh
}

.h-50 {
    height: 50vh
}

.h-max-50 {
    max-height: 50vh
}

.h-min-50 {
    min-height: 50vh
}

.h-60 {
    height: 60vh
}

.h-max-60 {
    max-height: 60vh
}

.h-min-60 {
    min-height: 60vh
}

.h-66 {
    height: 66.66vh
}

.h-max-66 {
    max-height: 66.66vh
}

.h-min-66 {
    min-height: 66.66vh
}

.h-75 {
    height: 75vh
}

.h-max-75 {
    max-height: 75vh
}

.h-min-75 {
    min-height: 75vh
}

.h-80 {
    height: 80vh
}

.h-max-80 {
    max-height: 80vh
}

.h-min-80 {
    min-height: 80vh
}

.h-90 {
    height: 90vh
}

.h-max-90 {
    max-height: 90vh
}

.h-min-90 {
    min-height: 90vh
}

.h-100 {
    height: 100vh
}

.h-max-100 {
    max-height: 100vh
}

.h-min-100 {
    min-height: 100vh
}

.h-300 {
    height: 300px
}

.h-max-300 {
    max-height: 300px
}

.h-min-300 {
    min-height: 300px
}

.h-400 {
    height: 400px
}

.h-max-400 {
    max-height: 400px
}

.h-min-400 {
    min-height: 400px
}

.h-500 {
    height: 500px
}

.h-max-500 {
    max-height: 500px
}

.h-min-500 {
    min-height: 500px
}

.h-600 {
    height: 600px
}

.h-max-600 {
    max-height: 600px
}

.h-min-600 {
    min-height: 600px
}

.h-700 {
    height: 700px
}

.h-max-700 {
    max-height: 700px
}

.h-min-700 {
    min-height: 700px
}

.h-800 {
    height: 800px
}

.h-max-800 {
    max-height: 800px
}

.h-min-800 {
    min-height: 800px
}

@media screen and (min-width:430px) {
    .w-xs-auto {
        width: auto
    }

    .w-max-xs-auto {
        max-width: auto
    }

    .w-min-xs-auto {
        min-width: auto
    }

    .w-xs-10 {
        width: 10%
    }

    .w-max-xs-10 {
        max-width: 10%
    }

    .w-min-xs-10 {
        min-width: 10%
    }

    .w-xs-20 {
        width: 20%
    }

    .w-max-xs-20 {
        max-width: 20%
    }

    .w-min-xs-20 {
        min-width: 20%
    }

    .w-xs-25 {
        width: 25%
    }

    .w-max-xs-25 {
        max-width: 25%
    }

    .w-min-xs-25 {
        min-width: 25%
    }

    .w-xs-30 {
        width: 30%
    }

    .w-max-xs-30 {
        max-width: 30%
    }

    .w-min-xs-30 {
        min-width: 30%
    }

    .w-xs-33 {
        width: 33.33%
    }

    .w-max-xs-33 {
        max-width: 33.33%
    }

    .w-min-xs-33 {
        min-width: 33.33%
    }

    .w-xs-40 {
        width: 40%
    }

    .w-max-xs-40 {
        max-width: 40%
    }

    .w-min-xs-40 {
        min-width: 40%
    }

    .w-xs-50 {
        width: 50%
    }

    .w-max-xs-50 {
        max-width: 50%
    }

    .w-min-xs-50 {
        min-width: 50%
    }

    .w-xs-60 {
        width: 60%
    }

    .w-max-xs-60 {
        max-width: 60%
    }

    .w-min-xs-60 {
        min-width: 60%
    }

    .w-xs-66 {
        width: 66.66%
    }

    .w-max-xs-66 {
        max-width: 66.66%
    }

    .w-min-xs-66 {
        min-width: 66.66%
    }

    .w-xs-75 {
        width: 75%
    }

    .w-max-xs-75 {
        max-width: 75%
    }

    .w-min-xs-75 {
        min-width: 75%
    }

    .w-xs-90 {
        width: 90%
    }

    .w-max-xs-90 {
        max-width: 90%
    }

    .w-min-xs-90 {
        min-width: 90%
    }

    .w-xs-100 {
        width: 100%
    }

    .w-max-xs-100 {
        max-width: 100%
    }

    .w-min-xs-100 {
        min-width: 100%
    }

    .h-max-xs-unset {
        max-height: unset
    }

    .h-min-xs-unset {
        min-height: unset
    }

    .h-xs-unset {
        height: unset
    }

    .h-max-xs-auto {
        max-height: auto
    }

    .h-min-xs-auto {
        min-height: auto
    }

    .h-xs-auto {
        height: auto
    }

    .h-max-xs-10 {
        max-height: 10vh
    }

    .h-min-xs-10 {
        min-height: 10vh
    }

    .h-xs-10 {
        height: 10vh
    }

    .h-max-xs-20 {
        max-height: 20vh
    }

    .h-min-xs-20 {
        min-height: 20vh
    }

    .h-xs-20 {
        height: 20vh
    }

    .h-max-xs-25 {
        max-height: 25vh
    }

    .h-min-xs-25 {
        min-height: 25vh
    }

    .h-xs-25 {
        height: 25vh
    }

    .h-max-xs-33 {
        max-height: 33.33vh
    }

    .h-min-xs-33 {
        min-height: 33.33vh
    }

    .h-xs-33 {
        height: 33.33vh
    }

    .h-max-xs-40 {
        max-height: 40vh
    }

    .h-min-xs-40 {
        min-height: 40vh
    }

    .h-xs-40 {
        height: 40vh
    }

    .h-max-xs-50 {
        max-height: 50vh
    }

    .h-min-xs-50 {
        min-height: 50vh
    }

    .h-xs-50 {
        height: 50vh
    }

    .h-max-xs-60 {
        max-height: 60vh
    }

    .h-min-xs-60 {
        min-height: 60vh
    }

    .h-xs-60 {
        height: 60vh
    }

    .h-max-xs-66 {
        max-height: 66.66vh
    }

    .h-min-xs-66 {
        min-height: 66.66vh
    }

    .h-xs-66 {
        height: 66.66vh
    }

    .h-max-xs-75 {
        max-height: 75vh
    }

    .h-min-xs-75 {
        min-height: 75vh
    }

    .h-xs-75 {
        height: 75vh
    }

    .h-max-xs-80 {
        max-height: 80vh
    }

    .h-min-xs-80 {
        min-height: 80vh
    }

    .h-xs-80 {
        height: 80vh
    }

    .h-max-xs-90 {
        max-height: 90vh
    }

    .h-min-xs-90 {
        min-height: 90vh
    }

    .h-xs-90 {
        height: 90vh
    }

    .h-max-xs-100 {
        max-height: 100vh
    }

    .h-min-xs-100 {
        min-height: 100vh
    }

    .h-xs-100 {
        height: 100vh
    }

    .h-max-xs-300 {
        max-height: 300px
    }

    .h-min-xs-300 {
        min-height: 300px
    }

    .h-xs-300 {
        height: 300px
    }

    .h-max-xs-400 {
        max-height: 400px
    }

    .h-min-xs-400 {
        min-height: 400px
    }

    .h-xs-400 {
        height: 400px
    }

    .h-max-xs-500 {
        max-height: 500px
    }

    .h-min-xs-500 {
        min-height: 500px
    }

    .h-xs-500 {
        height: 500px
    }

    .h-max-xs-600 {
        max-height: 600px
    }

    .h-min-xs-600 {
        min-height: 600px
    }

    .h-xs-600 {
        height: 600px
    }

    .h-max-xs-700 {
        max-height: 700px
    }

    .h-min-xs-700 {
        min-height: 700px
    }

    .h-xs-700 {
        height: 700px
    }

    .h-max-xs-800 {
        max-height: 800px
    }

    .h-min-xs-800 {
        min-height: 800px
    }

    .h-xs-800 {
        height: 800px
    }

    .gap-list.gap-xs-0 {
        flex-flow: wrap
    }

    .gap-list.gap-xs-0 .w-xs-auto {
        width: auto;
        max-width: calc(auto - (0))
    }

    .gap-list.gap-xs-0 .w-xs-10 {
        width: 10%;
        max-width: calc(10% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-20 {
        width: 20%;
        max-width: calc(20% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-25 {
        width: 25%;
        max-width: calc(25% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-30 {
        width: 30%;
        max-width: calc(30% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-33 {
        width: 33.33%;
        max-width: calc(33.33% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-40 {
        width: 40%;
        max-width: calc(40% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-50 {
        width: 50%;
        max-width: calc(50% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-60 {
        width: 60%;
        max-width: calc(60% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-66 {
        width: 66.66%;
        max-width: calc(66.66% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-75 {
        width: 75%;
        max-width: calc(75% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-90 {
        width: 90%;
        max-width: calc(90% - (0))
    }

    .gap-list.gap-xs-0 .w-xs-100 {
        width: 100%;
        max-width: calc(100% - (0))
    }

    .gap-list.gap-xs-1 {
        flex-flow: wrap
    }

    .gap-list.gap-xs-1 .w-xs-auto {
        width: auto;
        max-width: calc(auto - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-10 {
        width: 10%;
        max-width: calc(10% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-20 {
        width: 20%;
        max-width: calc(20% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-25 {
        width: 25%;
        max-width: calc(25% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-30 {
        width: 30%;
        max-width: calc(30% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-33 {
        width: 33.33%;
        max-width: calc(33.33% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-40 {
        width: 40%;
        max-width: calc(40% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-50 {
        width: 50%;
        max-width: calc(50% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-60 {
        width: 60%;
        max-width: calc(60% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-66 {
        width: 66.66%;
        max-width: calc(66.66% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-75 {
        width: 75%;
        max-width: calc(75% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-90 {
        width: 90%;
        max-width: calc(90% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-1 .w-xs-100 {
        width: 100%;
        max-width: calc(100% - (max(6px, .75vw)))
    }

    .gap-list.gap-xs-2 {
        flex-flow: wrap
    }

    .gap-list.gap-xs-2 .w-xs-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-2 .w-xs-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xs-3 {
        flex-flow: wrap
    }

    .gap-list.gap-xs-3 .w-xs-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-3 .w-xs-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xs-4 {
        flex-flow: wrap
    }

    .gap-list.gap-xs-4 .w-xs-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-4 .w-xs-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xs-5 {
        flex-flow: wrap
    }

    .gap-list.gap-xs-5 .w-xs-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xs-5 .w-xs-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 4)))
    }
}

@media screen and (min-width:768px) {
    .w-sm-auto {
        width: auto
    }

    .w-max-sm-auto {
        max-width: auto
    }

    .w-min-sm-auto {
        min-width: auto
    }

    .w-sm-10 {
        width: 10%
    }

    .w-max-sm-10 {
        max-width: 10%
    }

    .w-min-sm-10 {
        min-width: 10%
    }

    .w-sm-20 {
        width: 20%
    }

    .w-max-sm-20 {
        max-width: 20%
    }

    .w-min-sm-20 {
        min-width: 20%
    }

    .w-sm-25 {
        width: 25%
    }

    .w-max-sm-25 {
        max-width: 25%
    }

    .w-min-sm-25 {
        min-width: 25%
    }

    .w-sm-30 {
        width: 30%
    }

    .w-max-sm-30 {
        max-width: 30%
    }

    .w-min-sm-30 {
        min-width: 30%
    }

    .w-sm-33 {
        width: 33.33%
    }

    .w-max-sm-33 {
        max-width: 33.33%
    }

    .w-min-sm-33 {
        min-width: 33.33%
    }

    .w-sm-40 {
        width: 40%
    }

    .w-max-sm-40 {
        max-width: 40%
    }

    .w-min-sm-40 {
        min-width: 40%
    }

    .w-sm-50 {
        width: 50%
    }

    .w-max-sm-50 {
        max-width: 50%
    }

    .w-min-sm-50 {
        min-width: 50%
    }

    .w-sm-60 {
        width: 60%
    }

    .w-max-sm-60 {
        max-width: 60%
    }

    .w-min-sm-60 {
        min-width: 60%
    }

    .w-sm-66 {
        width: 66.66%
    }

    .w-max-sm-66 {
        max-width: 66.66%
    }

    .w-min-sm-66 {
        min-width: 66.66%
    }

    .w-sm-75 {
        width: 75%
    }

    .w-max-sm-75 {
        max-width: 75%
    }

    .w-min-sm-75 {
        min-width: 75%
    }

    .w-sm-90 {
        width: 90%
    }

    .w-max-sm-90 {
        max-width: 90%
    }

    .w-min-sm-90 {
        min-width: 90%
    }

    .w-sm-100 {
        width: 100%
    }

    .w-max-sm-100 {
        max-width: 100%
    }

    .w-min-sm-100 {
        min-width: 100%
    }

    .h-max-sm-unset {
        max-height: unset
    }

    .h-min-sm-unset {
        min-height: unset
    }

    .h-sm-unset {
        height: unset
    }

    .h-max-sm-auto {
        max-height: auto
    }

    .h-min-sm-auto {
        min-height: auto
    }

    .h-sm-auto {
        height: auto
    }

    .h-max-sm-10 {
        max-height: 10vh
    }

    .h-min-sm-10 {
        min-height: 10vh
    }

    .h-sm-10 {
        height: 10vh
    }

    .h-max-sm-20 {
        max-height: 20vh
    }

    .h-min-sm-20 {
        min-height: 20vh
    }

    .h-sm-20 {
        height: 20vh
    }

    .h-max-sm-25 {
        max-height: 25vh
    }

    .h-min-sm-25 {
        min-height: 25vh
    }

    .h-sm-25 {
        height: 25vh
    }

    .h-max-sm-33 {
        max-height: 33.33vh
    }

    .h-min-sm-33 {
        min-height: 33.33vh
    }

    .h-sm-33 {
        height: 33.33vh
    }

    .h-max-sm-40 {
        max-height: 40vh
    }

    .h-min-sm-40 {
        min-height: 40vh
    }

    .h-sm-40 {
        height: 40vh
    }

    .h-max-sm-50 {
        max-height: 50vh
    }

    .h-min-sm-50 {
        min-height: 50vh
    }

    .h-sm-50 {
        height: 50vh
    }

    .h-max-sm-60 {
        max-height: 60vh
    }

    .h-min-sm-60 {
        min-height: 60vh
    }

    .h-sm-60 {
        height: 60vh
    }

    .h-max-sm-66 {
        max-height: 66.66vh
    }

    .h-min-sm-66 {
        min-height: 66.66vh
    }

    .h-sm-66 {
        height: 66.66vh
    }

    .h-max-sm-75 {
        max-height: 75vh
    }

    .h-min-sm-75 {
        min-height: 75vh
    }

    .h-sm-75 {
        height: 75vh
    }

    .h-max-sm-80 {
        max-height: 80vh
    }

    .h-min-sm-80 {
        min-height: 80vh
    }

    .h-sm-80 {
        height: 80vh
    }

    .h-max-sm-90 {
        max-height: 90vh
    }

    .h-min-sm-90 {
        min-height: 90vh
    }

    .h-sm-90 {
        height: 90vh
    }

    .h-max-sm-100 {
        max-height: 100vh
    }

    .h-min-sm-100 {
        min-height: 100vh
    }

    .h-sm-100 {
        height: 100vh
    }

    .h-max-sm-300 {
        max-height: 300px
    }

    .h-min-sm-300 {
        min-height: 300px
    }

    .h-sm-300 {
        height: 300px
    }

    .h-max-sm-400 {
        max-height: 400px
    }

    .h-min-sm-400 {
        min-height: 400px
    }

    .h-sm-400 {
        height: 400px
    }

    .h-max-sm-500 {
        max-height: 500px
    }

    .h-min-sm-500 {
        min-height: 500px
    }

    .h-sm-500 {
        height: 500px
    }

    .h-max-sm-600 {
        max-height: 600px
    }

    .h-min-sm-600 {
        min-height: 600px
    }

    .h-sm-600 {
        height: 600px
    }

    .h-max-sm-700 {
        max-height: 700px
    }

    .h-min-sm-700 {
        min-height: 700px
    }

    .h-sm-700 {
        height: 700px
    }

    .h-max-sm-800 {
        max-height: 800px
    }

    .h-min-sm-800 {
        min-height: 800px
    }

    .h-sm-800 {
        height: 800px
    }

    .gap-list.gap-sm-0 {
        flex-flow: wrap
    }

    .gap-list.gap-sm-0 .w-sm-auto {
        width: auto;
        max-width: calc(auto - (0))
    }

    .gap-list.gap-sm-0 .w-sm-10 {
        width: 10%;
        max-width: calc(10% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-20 {
        width: 20%;
        max-width: calc(20% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-25 {
        width: 25%;
        max-width: calc(25% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-30 {
        width: 30%;
        max-width: calc(30% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-33 {
        width: 33.33%;
        max-width: calc(33.33% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-40 {
        width: 40%;
        max-width: calc(40% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-50 {
        width: 50%;
        max-width: calc(50% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-60 {
        width: 60%;
        max-width: calc(60% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-66 {
        width: 66.66%;
        max-width: calc(66.66% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-75 {
        width: 75%;
        max-width: calc(75% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-90 {
        width: 90%;
        max-width: calc(90% - (0))
    }

    .gap-list.gap-sm-0 .w-sm-100 {
        width: 100%;
        max-width: calc(100% - (0))
    }

    .gap-list.gap-sm-1 {
        flex-flow: wrap
    }

    .gap-list.gap-sm-1 .w-sm-auto {
        width: auto;
        max-width: calc(auto - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-10 {
        width: 10%;
        max-width: calc(10% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-20 {
        width: 20%;
        max-width: calc(20% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-25 {
        width: 25%;
        max-width: calc(25% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-30 {
        width: 30%;
        max-width: calc(30% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-33 {
        width: 33.33%;
        max-width: calc(33.33% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-40 {
        width: 40%;
        max-width: calc(40% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-50 {
        width: 50%;
        max-width: calc(50% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-60 {
        width: 60%;
        max-width: calc(60% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-66 {
        width: 66.66%;
        max-width: calc(66.66% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-75 {
        width: 75%;
        max-width: calc(75% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-90 {
        width: 90%;
        max-width: calc(90% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-1 .w-sm-100 {
        width: 100%;
        max-width: calc(100% - (max(6px, .75vw)))
    }

    .gap-list.gap-sm-2 {
        flex-flow: wrap
    }

    .gap-list.gap-sm-2 .w-sm-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-2 .w-sm-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-sm-3 {
        flex-flow: wrap
    }

    .gap-list.gap-sm-3 .w-sm-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-3 .w-sm-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-sm-4 {
        flex-flow: wrap
    }

    .gap-list.gap-sm-4 .w-sm-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-4 .w-sm-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-sm-5 {
        flex-flow: wrap
    }

    .gap-list.gap-sm-5 .w-sm-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-sm-5 .w-sm-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 4)))
    }
}

@media screen and (min-width:992px) {
    .w-md-auto {
        width: auto
    }

    .w-max-md-auto {
        max-width: auto
    }

    .w-min-md-auto {
        min-width: auto
    }

    .w-md-10 {
        width: 10%
    }

    .w-max-md-10 {
        max-width: 10%
    }

    .w-min-md-10 {
        min-width: 10%
    }

    .w-md-20 {
        width: 20%
    }

    .w-max-md-20 {
        max-width: 20%
    }

    .w-min-md-20 {
        min-width: 20%
    }

    .w-md-25 {
        width: 25%
    }

    .w-max-md-25 {
        max-width: 25%
    }

    .w-min-md-25 {
        min-width: 25%
    }

    .w-md-30 {
        width: 30%
    }

    .w-max-md-30 {
        max-width: 30%
    }

    .w-min-md-30 {
        min-width: 30%
    }

    .w-md-33 {
        width: 33.33%
    }

    .w-max-md-33 {
        max-width: 33.33%
    }

    .w-min-md-33 {
        min-width: 33.33%
    }

    .w-md-40 {
        width: 40%
    }

    .w-max-md-40 {
        max-width: 40%
    }

    .w-min-md-40 {
        min-width: 40%
    }

    .w-md-50 {
        width: 50%
    }

    .w-max-md-50 {
        max-width: 50%
    }

    .w-min-md-50 {
        min-width: 50%
    }

    .w-md-60 {
        width: 60%
    }

    .w-max-md-60 {
        max-width: 60%
    }

    .w-min-md-60 {
        min-width: 60%
    }

    .w-md-66 {
        width: 66.66%
    }

    .w-max-md-66 {
        max-width: 66.66%
    }

    .w-min-md-66 {
        min-width: 66.66%
    }

    .w-md-75 {
        width: 75%
    }

    .w-max-md-75 {
        max-width: 75%
    }

    .w-min-md-75 {
        min-width: 75%
    }

    .w-md-90 {
        width: 90%
    }

    .w-max-md-90 {
        max-width: 90%
    }

    .w-min-md-90 {
        min-width: 90%
    }

    .w-md-100 {
        width: 100%
    }

    .w-max-md-100 {
        max-width: 100%
    }

    .w-min-md-100 {
        min-width: 100%
    }

    .h-max-md-unset {
        max-height: unset
    }

    .h-min-md-unset {
        min-height: unset
    }

    .h-md-unset {
        height: unset
    }

    .h-max-md-auto {
        max-height: auto
    }

    .h-min-md-auto {
        min-height: auto
    }

    .h-md-auto {
        height: auto
    }

    .h-max-md-10 {
        max-height: 10vh
    }

    .h-min-md-10 {
        min-height: 10vh
    }

    .h-md-10 {
        height: 10vh
    }

    .h-max-md-20 {
        max-height: 20vh
    }

    .h-min-md-20 {
        min-height: 20vh
    }

    .h-md-20 {
        height: 20vh
    }

    .h-max-md-25 {
        max-height: 25vh
    }

    .h-min-md-25 {
        min-height: 25vh
    }

    .h-md-25 {
        height: 25vh
    }

    .h-max-md-33 {
        max-height: 33.33vh
    }

    .h-min-md-33 {
        min-height: 33.33vh
    }

    .h-md-33 {
        height: 33.33vh
    }

    .h-max-md-40 {
        max-height: 40vh
    }

    .h-min-md-40 {
        min-height: 40vh
    }

    .h-md-40 {
        height: 40vh
    }

    .h-max-md-50 {
        max-height: 50vh
    }

    .h-min-md-50 {
        min-height: 50vh
    }

    .h-md-50 {
        height: 50vh
    }

    .h-max-md-60 {
        max-height: 60vh
    }

    .h-max-md-66 {
        max-height: 66.66vh
    }

    .h-min-md-66 {
        min-height: 66.66vh
    }

    .h-md-66 {
        height: 66.66vh
    }

    .h-max-md-75 {
        max-height: 75vh
    }

    .h-min-md-75 {
        min-height: 75vh
    }

    .h-md-75 {
        height: 75vh
    }

    .h-max-md-80 {
        max-height: 80vh
    }

    .h-min-md-80 {
        min-height: 80vh
    }

    .h-md-80 {
        height: 80vh
    }

    .h-max-md-90 {
        max-height: 90vh
    }

    .h-min-md-90 {
        min-height: 90vh
    }

    .h-md-90 {
        height: 90vh
    }

    .h-max-md-100 {
        max-height: 100vh
    }

    .h-max-md-300 {
        max-height: 300px
    }

    .h-min-md-300 {
        min-height: 300px
    }

    .h-md-300 {
        height: 300px
    }

    .h-max-md-400 {
        max-height: 400px
    }

    .h-min-md-400 {
        min-height: 400px
    }

    .h-md-400 {
        height: 400px
    }

    .h-max-md-500 {
        max-height: 500px
    }

    .h-min-md-500 {
        min-height: 500px
    }

    .h-md-500 {
        height: 500px
    }

    .h-max-md-600 {
        max-height: 600px
    }

    .h-md-600 {
        height: 600px
    }

    .h-max-md-700 {
        max-height: 700px
    }

    .h-min-md-700 {
        min-height: 700px
    }

    .h-md-700 {
        height: 700px
    }

    .h-max-md-800 {
        max-height: 800px
    }

    .h-min-md-800 {
        min-height: 800px
    }

    .h-md-800 {
        height: 800px
    }

    .gap-list.gap-md-0 {
        flex-flow: wrap
    }

    .gap-list.gap-md-0 .w-md-auto {
        width: auto;
        max-width: calc(auto - (0))
    }

    .gap-list.gap-md-0 .w-md-10 {
        width: 10%;
        max-width: calc(10% - (0))
    }

    .gap-list.gap-md-0 .w-md-20 {
        width: 20%;
        max-width: calc(20% - (0))
    }

    .gap-list.gap-md-0 .w-md-25 {
        width: 25%;
        max-width: calc(25% - (0))
    }

    .gap-list.gap-md-0 .w-md-30 {
        width: 30%;
        max-width: calc(30% - (0))
    }

    .gap-list.gap-md-0 .w-md-33 {
        width: 33.33%;
        max-width: calc(33.33% - (0))
    }

    .gap-list.gap-md-0 .w-md-40 {
        width: 40%;
        max-width: calc(40% - (0))
    }

    .gap-list.gap-md-0 .w-md-50 {
        width: 50%;
        max-width: calc(50% - (0))
    }

    .gap-list.gap-md-0 .w-md-60 {
        width: 60%;
        max-width: calc(60% - (0))
    }

    .gap-list.gap-md-0 .w-md-66 {
        width: 66.66%;
        max-width: calc(66.66% - (0))
    }

    .gap-list.gap-md-0 .w-md-75 {
        width: 75%;
        max-width: calc(75% - (0))
    }

    .gap-list.gap-md-0 .w-md-90 {
        width: 90%;
        max-width: calc(90% - (0))
    }

    .gap-list.gap-md-0 .w-md-100 {
        width: 100%;
        max-width: calc(100% - (0))
    }

    .gap-list.gap-md-1 {
        flex-flow: wrap
    }

    .gap-list.gap-md-1 .w-md-auto {
        width: auto;
        max-width: calc(auto - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-10 {
        width: 10%;
        max-width: calc(10% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-20 {
        width: 20%;
        max-width: calc(20% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-25 {
        width: 25%;
        max-width: calc(25% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-30 {
        width: 30%;
        max-width: calc(30% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-33 {
        width: 33.33%;
        max-width: calc(33.33% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-40 {
        width: 40%;
        max-width: calc(40% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-50 {
        width: 50%;
        max-width: calc(50% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-60 {
        width: 60%;
        max-width: calc(60% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-66 {
        width: 66.66%;
        max-width: calc(66.66% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-75 {
        width: 75%;
        max-width: calc(75% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-90 {
        width: 90%;
        max-width: calc(90% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-1 .w-md-100 {
        width: 100%;
        max-width: calc(100% - (max(6px, .75vw)))
    }

    .gap-list.gap-md-2 {
        flex-flow: wrap
    }

    .gap-list.gap-md-2 .w-md-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-2 .w-md-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-md-3 {
        flex-flow: wrap
    }

    .gap-list.gap-md-3 .w-md-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-3 .w-md-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-md-4 {
        flex-flow: wrap
    }

    .gap-list.gap-md-4 .w-md-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-4 .w-md-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-md-5 {
        flex-flow: wrap
    }

    .gap-list.gap-md-5 .w-md-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-md-5 .w-md-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 4)))
    }
}

@media screen and (min-width:1200px) {
    .w-lg-auto {
        width: auto
    }

    .w-max-lg-auto {
        max-width: auto
    }

    .w-min-lg-auto {
        min-width: auto
    }

    .w-lg-10 {
        width: 10%
    }

    .w-max-lg-10 {
        max-width: 10%
    }

    .w-min-lg-10 {
        min-width: 10%
    }

    .w-lg-20 {
        width: 20%
    }

    .w-max-lg-20 {
        max-width: 20%
    }

    .w-min-lg-20 {
        min-width: 20%
    }

    .w-lg-25 {
        width: 25%
    }

    .w-max-lg-25 {
        max-width: 25%
    }

    .w-min-lg-25 {
        min-width: 25%
    }

    .w-lg-30 {
        width: 30%
    }

    .w-max-lg-30 {
        max-width: 30%
    }

    .w-min-lg-30 {
        min-width: 30%
    }

    .w-lg-33 {
        width: 33.33%
    }

    .w-max-lg-33 {
        max-width: 33.33%
    }

    .w-min-lg-33 {
        min-width: 33.33%
    }

    .w-lg-40 {
        width: 40%
    }

    .w-max-lg-40 {
        max-width: 40%
    }

    .w-min-lg-40 {
        min-width: 40%
    }

    .w-lg-50 {
        width: 50%
    }

    .w-max-lg-50 {
        max-width: 50%
    }

    .w-min-lg-50 {
        min-width: 50%
    }

    .w-lg-60 {
        width: 60%
    }

    .w-max-lg-60 {
        max-width: 60%
    }

    .w-min-lg-60 {
        min-width: 60%
    }

    .w-lg-66 {
        width: 66.66%
    }

    .w-max-lg-66 {
        max-width: 66.66%
    }

    .w-min-lg-66 {
        min-width: 66.66%
    }

    .w-lg-75 {
        width: 75%
    }

    .w-max-lg-75 {
        max-width: 75%
    }

    .w-min-lg-75 {
        min-width: 75%
    }

    .w-lg-90 {
        width: 90%
    }

    .w-max-lg-90 {
        max-width: 90%
    }

    .w-min-lg-90 {
        min-width: 90%
    }

    .w-lg-100 {
        width: 100%
    }

    .w-max-lg-100 {
        max-width: 100%
    }

    .w-min-lg-100 {
        min-width: 100%
    }

    .h-max-lg-unset {
        max-height: unset
    }

    .h-min-lg-unset {
        min-height: unset
    }

    .h-lg-unset {
        height: unset
    }

    .h-max-lg-auto {
        max-height: auto
    }

    .h-min-lg-auto {
        min-height: auto
    }

    .h-lg-auto {
        height: auto
    }

    .h-max-lg-10 {
        max-height: 10vh
    }

    .h-min-lg-10 {
        min-height: 10vh
    }

    .h-lg-10 {
        height: 10vh
    }

    .h-max-lg-20 {
        max-height: 20vh
    }

    .h-min-lg-20 {
        min-height: 20vh
    }

    .h-lg-20 {
        height: 20vh
    }

    .h-max-lg-25 {
        max-height: 25vh
    }

    .h-min-lg-25 {
        min-height: 25vh
    }

    .h-lg-25 {
        height: 25vh
    }

    .h-max-lg-33 {
        max-height: 33.33vh
    }

    .h-min-lg-33 {
        min-height: 33.33vh
    }

    .h-lg-33 {
        height: 33.33vh
    }

    .h-max-lg-40 {
        max-height: 40vh
    }

    .h-min-lg-40 {
        min-height: 40vh
    }

    .h-lg-40 {
        height: 40vh
    }

    .h-max-lg-50 {
        max-height: 50vh
    }

    .h-min-lg-50 {
        min-height: 50vh
    }

    .h-lg-50 {
        height: 50vh
    }

    .h-max-lg-60 {
        max-height: 60vh
    }

    .h-min-lg-60 {
        min-height: 60vh
    }

    .h-lg-60 {
        height: 60vh
    }

    .h-max-lg-66 {
        max-height: 66.66vh
    }

    .h-min-lg-66 {
        min-height: 66.66vh
    }

    .h-lg-66 {
        height: 66.66vh
    }

    .h-max-lg-75 {
        max-height: 75vh
    }

    .h-min-lg-75 {
        min-height: 75vh
    }

    .h-lg-75 {
        height: 75vh
    }

    .h-max-lg-80 {
        max-height: 80vh
    }

    .h-min-lg-80 {
        min-height: 80vh
    }

    .h-lg-80 {
        height: 80vh
    }

    .h-max-lg-90 {
        max-height: 90vh
    }

    .h-min-lg-90 {
        min-height: 90vh
    }

    .h-lg-90 {
        height: 90vh
    }

    .h-max-lg-100 {
        max-height: 100vh
    }

    .h-min-lg-100 {
        min-height: 100vh
    }

    .h-lg-100 {
        height: 100vh
    }

    .h-max-lg-300 {
        max-height: 300px
    }

    .h-min-lg-300 {
        min-height: 300px
    }

    .h-lg-300 {
        height: 300px
    }

    .h-max-lg-400 {
        max-height: 400px
    }

    .h-min-lg-400 {
        min-height: 400px
    }

    .h-lg-400 {
        height: 400px
    }

    .h-max-lg-500 {
        max-height: 500px
    }

    .h-min-lg-500 {
        min-height: 500px
    }

    .h-lg-500 {
        height: 500px
    }

    .h-max-lg-600 {
        max-height: 600px
    }

    .h-min-lg-600 {
        min-height: 600px
    }

    .h-lg-600 {
        height: 600px
    }

    .h-max-lg-700 {
        max-height: 700px
    }

    .h-min-lg-700 {
        min-height: 700px
    }

    .h-lg-700 {
        height: 700px
    }

    .h-max-lg-800 {
        max-height: 800px
    }

    .h-min-lg-800 {
        min-height: 800px
    }

    .h-lg-800 {
        height: 800px
    }

    .gap-list.gap-lg-0 {
        flex-flow: wrap
    }

    .gap-list.gap-lg-0 .w-lg-auto {
        width: auto;
        max-width: calc(auto - (0))
    }

    .gap-list.gap-lg-0 .w-lg-10 {
        width: 10%;
        max-width: calc(10% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-20 {
        width: 20%;
        max-width: calc(20% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-25 {
        width: 25%;
        max-width: calc(25% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-30 {
        width: 30%;
        max-width: calc(30% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-33 {
        width: 33.33%;
        max-width: calc(33.33% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-40 {
        width: 40%;
        max-width: calc(40% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-50 {
        width: 50%;
        max-width: calc(50% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-60 {
        width: 60%;
        max-width: calc(60% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-66 {
        width: 66.66%;
        max-width: calc(66.66% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-75 {
        width: 75%;
        max-width: calc(75% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-90 {
        width: 90%;
        max-width: calc(90% - (0))
    }

    .gap-list.gap-lg-0 .w-lg-100 {
        width: 100%;
        max-width: calc(100% - (0))
    }

    .gap-list.gap-lg-1 {
        flex-flow: wrap
    }

    .gap-list.gap-lg-1 .w-lg-auto {
        width: auto;
        max-width: calc(auto - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-10 {
        width: 10%;
        max-width: calc(10% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-20 {
        width: 20%;
        max-width: calc(20% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-25 {
        width: 25%;
        max-width: calc(25% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-30 {
        width: 30%;
        max-width: calc(30% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-33 {
        width: 33.33%;
        max-width: calc(33.33% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-40 {
        width: 40%;
        max-width: calc(40% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-50 {
        width: 50%;
        max-width: calc(50% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-60 {
        width: 60%;
        max-width: calc(60% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-66 {
        width: 66.66%;
        max-width: calc(66.66% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-75 {
        width: 75%;
        max-width: calc(75% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-90 {
        width: 90%;
        max-width: calc(90% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-1 .w-lg-100 {
        width: 100%;
        max-width: calc(100% - (max(6px, .75vw)))
    }

    .gap-list.gap-lg-2 {
        flex-flow: wrap
    }

    .gap-list.gap-lg-2 .w-lg-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-2 .w-lg-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-lg-3 {
        flex-flow: wrap
    }

    .gap-list.gap-lg-3 .w-lg-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-3 .w-lg-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-lg-4 {
        flex-flow: wrap
    }

    .gap-list.gap-lg-4 .w-lg-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-4 .w-lg-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-lg-5 {
        flex-flow: wrap
    }

    .gap-list.gap-lg-5 .w-lg-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-lg-5 .w-lg-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 4)))
    }
}

@media screen and (min-width:1980px) {
    .w-xl-auto {
        width: auto
    }

    .w-max-xl-auto {
        max-width: auto
    }

    .w-min-xl-auto {
        min-width: auto
    }

    .w-xl-10 {
        width: 10%
    }

    .w-max-xl-10 {
        max-width: 10%
    }

    .w-min-xl-10 {
        min-width: 10%
    }

    .w-xl-20 {
        width: 20%
    }

    .w-max-xl-20 {
        max-width: 20%
    }

    .w-min-xl-20 {
        min-width: 20%
    }

    .w-xl-25 {
        width: 25%
    }

    .w-max-xl-25 {
        max-width: 25%
    }

    .w-min-xl-25 {
        min-width: 25%
    }

    .w-xl-30 {
        width: 30%
    }

    .w-max-xl-30 {
        max-width: 30%
    }

    .w-min-xl-30 {
        min-width: 30%
    }

    .w-xl-33 {
        width: 33.33%
    }

    .w-max-xl-33 {
        max-width: 33.33%
    }

    .w-min-xl-33 {
        min-width: 33.33%
    }

    .w-xl-40 {
        width: 40%
    }

    .w-max-xl-40 {
        max-width: 40%
    }

    .w-min-xl-40 {
        min-width: 40%
    }

    .w-xl-50 {
        width: 50%
    }

    .w-max-xl-50 {
        max-width: 50%
    }

    .w-min-xl-50 {
        min-width: 50%
    }

    .w-xl-60 {
        width: 60%
    }

    .w-max-xl-60 {
        max-width: 60%
    }

    .w-min-xl-60 {
        min-width: 60%
    }

    .w-xl-66 {
        width: 66.66%
    }

    .w-max-xl-66 {
        max-width: 66.66%
    }

    .w-min-xl-66 {
        min-width: 66.66%
    }

    .w-xl-75 {
        width: 75%
    }

    .w-max-xl-75 {
        max-width: 75%
    }

    .w-min-xl-75 {
        min-width: 75%
    }

    .w-xl-90 {
        width: 90%
    }

    .w-max-xl-90 {
        max-width: 90%
    }

    .w-min-xl-90 {
        min-width: 90%
    }

    .w-xl-100 {
        width: 100%
    }

    .w-max-xl-100 {
        max-width: 100%
    }

    .w-min-xl-100 {
        min-width: 100%
    }

    .h-max-xl-unset {
        max-height: unset
    }

    .h-min-xl-unset {
        min-height: unset
    }

    .h-xl-unset {
        height: unset
    }

    .h-max-xl-auto {
        max-height: auto
    }

    .h-min-xl-auto {
        min-height: auto
    }

    .h-xl-auto {
        height: auto
    }

    .h-max-xl-10 {
        max-height: 10vh
    }

    .h-min-xl-10 {
        min-height: 10vh
    }

    .h-xl-10 {
        height: 10vh
    }

    .h-max-xl-20 {
        max-height: 20vh
    }

    .h-min-xl-20 {
        min-height: 20vh
    }

    .h-xl-20 {
        height: 20vh
    }

    .h-max-xl-25 {
        max-height: 25vh
    }

    .h-min-xl-25 {
        min-height: 25vh
    }

    .h-xl-25 {
        height: 25vh
    }

    .h-max-xl-33 {
        max-height: 33.33vh
    }

    .h-min-xl-33 {
        min-height: 33.33vh
    }

    .h-xl-33 {
        height: 33.33vh
    }

    .h-max-xl-40 {
        max-height: 40vh
    }

    .h-min-xl-40 {
        min-height: 40vh
    }

    .h-xl-40 {
        height: 40vh
    }

    .h-max-xl-50 {
        max-height: 50vh
    }

    .h-min-xl-50 {
        min-height: 50vh
    }

    .h-xl-50 {
        height: 50vh
    }

    .h-max-xl-60 {
        max-height: 60vh
    }

    .h-min-xl-60 {
        min-height: 60vh
    }

    .h-xl-60 {
        height: 60vh
    }

    .h-max-xl-66 {
        max-height: 66.66vh
    }

    .h-min-xl-66 {
        min-height: 66.66vh
    }

    .h-xl-66 {
        height: 66.66vh
    }

    .h-max-xl-75 {
        max-height: 75vh
    }

    .h-min-xl-75 {
        min-height: 75vh
    }

    .h-xl-75 {
        height: 75vh
    }

    .h-max-xl-80 {
        max-height: 80vh
    }

    .h-min-xl-80 {
        min-height: 80vh
    }

    .h-xl-80 {
        height: 80vh
    }

    .h-max-xl-90 {
        max-height: 90vh
    }

    .h-min-xl-90 {
        min-height: 90vh
    }

    .h-xl-90 {
        height: 90vh
    }

    .h-max-xl-100 {
        max-height: 100vh
    }

    .h-min-xl-100 {
        min-height: 100vh
    }

    .h-xl-100 {
        height: 100vh
    }

    .h-max-xl-300 {
        max-height: 300px
    }

    .h-min-xl-300 {
        min-height: 300px
    }

    .h-xl-300 {
        height: 300px
    }

    .h-max-xl-400 {
        max-height: 400px
    }

    .h-min-xl-400 {
        min-height: 400px
    }

    .h-xl-400 {
        height: 400px
    }

    .h-max-xl-500 {
        max-height: 500px
    }

    .h-min-xl-500 {
        min-height: 500px
    }

    .h-xl-500 {
        height: 500px
    }

    .h-max-xl-600 {
        max-height: 600px
    }

    .h-min-xl-600 {
        min-height: 600px
    }

    .h-xl-600 {
        height: 600px
    }

    .h-max-xl-700 {
        max-height: 700px
    }

    .h-min-xl-700 {
        min-height: 700px
    }

    .h-xl-700 {
        height: 700px
    }

    .h-max-xl-800 {
        max-height: 800px
    }

    .h-min-xl-800 {
        min-height: 800px
    }

    .h-xl-800 {
        height: 800px
    }

    .gap-list.gap-xl-0 {
        flex-flow: wrap
    }

    .gap-list.gap-xl-0 .w-xl-auto {
        width: auto;
        max-width: calc(auto - (0))
    }

    .gap-list.gap-xl-0 .w-xl-10 {
        width: 10%;
        max-width: calc(10% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-20 {
        width: 20%;
        max-width: calc(20% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-25 {
        width: 25%;
        max-width: calc(25% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-30 {
        width: 30%;
        max-width: calc(30% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-33 {
        width: 33.33%;
        max-width: calc(33.33% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-40 {
        width: 40%;
        max-width: calc(40% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-50 {
        width: 50%;
        max-width: calc(50% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-60 {
        width: 60%;
        max-width: calc(60% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-66 {
        width: 66.66%;
        max-width: calc(66.66% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-75 {
        width: 75%;
        max-width: calc(75% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-90 {
        width: 90%;
        max-width: calc(90% - (0))
    }

    .gap-list.gap-xl-0 .w-xl-100 {
        width: 100%;
        max-width: calc(100% - (0))
    }

    .gap-list.gap-xl-1 {
        flex-flow: wrap
    }

    .gap-list.gap-xl-1 .w-xl-auto {
        width: auto;
        max-width: calc(auto - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-10 {
        width: 10%;
        max-width: calc(10% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-20 {
        width: 20%;
        max-width: calc(20% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-25 {
        width: 25%;
        max-width: calc(25% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-30 {
        width: 30%;
        max-width: calc(30% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-33 {
        width: 33.33%;
        max-width: calc(33.33% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-40 {
        width: 40%;
        max-width: calc(40% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-50 {
        width: 50%;
        max-width: calc(50% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-60 {
        width: 60%;
        max-width: calc(60% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-66 {
        width: 66.66%;
        max-width: calc(66.66% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-75 {
        width: 75%;
        max-width: calc(75% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-90 {
        width: 90%;
        max-width: calc(90% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-1 .w-xl-100 {
        width: 100%;
        max-width: calc(100% - (max(6px, .75vw)))
    }

    .gap-list.gap-xl-2 {
        flex-flow: wrap
    }

    .gap-list.gap-xl-2 .w-xl-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-2 .w-xl-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 1)))
    }

    .gap-list.gap-xl-3 {
        flex-flow: wrap
    }

    .gap-list.gap-xl-3 .w-xl-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-3 .w-xl-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 2)))
    }

    .gap-list.gap-xl-4 {
        flex-flow: wrap
    }

    .gap-list.gap-xl-4 .w-xl-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-4 .w-xl-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 3)))
    }

    .gap-list.gap-xl-5 {
        flex-flow: wrap
    }

    .gap-list.gap-xl-5 .w-xl-auto {
        width: auto;
        max-width: calc(auto - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-10 {
        width: 10%;
        max-width: calc(10% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-20 {
        width: 20%;
        max-width: calc(20% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-25 {
        width: 25%;
        max-width: calc(25% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-30 {
        width: 30%;
        max-width: calc(30% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-33 {
        width: 33.33%;
        max-width: calc(33.33% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-40 {
        width: 40%;
        max-width: calc(40% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-50 {
        width: 50%;
        max-width: calc(50% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-60 {
        width: 60%;
        max-width: calc(60% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-66 {
        width: 66.66%;
        max-width: calc(66.66% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-75 {
        width: 75%;
        max-width: calc(75% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-90 {
        width: 90%;
        max-width: calc(90% - (calc(max(6px, .75vw) * 4)))
    }

    .gap-list.gap-xl-5 .w-xl-100 {
        width: 100%;
        max-width: calc(100% - (calc(max(6px, .75vw) * 4)))
    }
}

.h-md-90 {
    height: max(90vh, 700px)
}

.text-capitalize {
    text-transform: capitalize
}

.text-uppercase {
    text-transform: uppercase
}

.text-left,
.tl {
    text-align: left
}

.text-center,
.tc {
    text-align: center
}

.text-right,
.tr {
    text-align: right
}

@media screen and (min-width:430px) {
    .text-xs-capitalize {
        text-transform: capitalize
    }

    .text-xs-uppercase {
        text-transform: uppercase
    }

    .text-xs-left {
        text-align: left
    }

    .text-xs-center {
        text-align: center
    }

    .text-xs-right {
        text-align: right
    }
}

@media screen and (min-width:768px) {
    .text-sm-capitalize {
        text-transform: capitalize
    }

    .text-sm-uppercase {
        text-transform: uppercase
    }

    .text-sm-left {
        text-align: left
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-right {
        text-align: right
    }
}

@media screen and (min-width:992px) {
    .text-md-capitalize {
        text-transform: capitalize
    }

    .text-md-uppercase {
        text-transform: uppercase
    }

    .text-md-left {
        text-align: left
    }

    .text-md-center {
        text-align: center
    }

    .text-md-right {
        text-align: right
    }
}

@media screen and (min-width:1200px) {
    .text-lg-capitalize {
        text-transform: capitalize
    }

    .text-lg-uppercase {
        text-transform: uppercase
    }

    .text-lg-left {
        text-align: left
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-right {
        text-align: right
    }
}

@media screen and (min-width:1980px) {
    .text-xl-capitalize {
        text-transform: capitalize
    }

    .text-xl-uppercase {
        text-transform: uppercase
    }

    .text-xl-left {
        text-align: left
    }

    .text-xl-center {
        text-align: center
    }

    .text-xl-right {
        text-align: right
    }
}

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute
}

.no-events {
    pointer-events: none
}

.pos-sticky {
    position: sticky;
    top: 60px
}

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

.abs-l-0 {
    left: 0
}

.abs-r-0 {
    right: 0
}

.abs-t-0 {
    top: 0
}

.abs-b-0 {
    bottom: 0
}

@media screen and (min-width:430px) {
    .pos-rel-xs {
        position: relative
    }

    .pos-sticky-xs {
        position: sticky
    }

    .pos-abs-xs {
        position: absolute
    }

    .abs-l-xs-0 {
        left: 0
    }

    .abs-r-xs-0 {
        right: 0
    }

    .abs-t-xs-0 {
        top: 0
    }

    .abs-b-xs-0 {
        bottom: 0
    }
}

@media screen and (min-width:768px) {
    .pos-rel-sm {
        position: relative
    }

    .pos-sticky-sm {
        position: sticky
    }

    .pos-abs-sm {
        position: absolute
    }

    .abs-l-sm-0 {
        left: 0
    }

    .abs-r-sm-0 {
        right: 0
    }

    .abs-t-sm-0 {
        top: 0
    }

    .abs-b-sm-0 {
        bottom: 0
    }
}

@media screen and (min-width:992px) {
    .pos-rel-md {
        position: relative
    }

    .pos-sticky-md {
        position: sticky
    }

    .pos-abs-md {
        position: absolute
    }

    .abs-l-md-0 {
        left: 0
    }

    .abs-r-md-0 {
        right: 0
    }

    .abs-t-md-0 {
        top: 0
    }

    .abs-b-md-0 {
        bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .pos-rel-lg {
        position: relative
    }

    .pos-sticky-lg {
        position: sticky
    }

    .pos-abs-lg {
        position: absolute
    }

    .abs-l-lg-0 {
        left: 0
    }

    .abs-r-lg-0 {
        right: 0
    }

    .abs-t-lg-0 {
        top: 0
    }

    .abs-b-lg-0 {
        bottom: 0
    }
}

@media screen and (min-width:1980px) {
    .pos-rel-xl {
        position: relative
    }

    .pos-sticky-xl {
        position: sticky
    }

    .pos-abs-xl {
        position: absolute
    }

    .abs-l-xl-0 {
        left: 0
    }

    .abs-r-xl-0 {
        right: 0
    }

    .abs-t-xl-0 {
        top: 0
    }

    .abs-b-xl-0 {
        bottom: 0
    }
}

[class*="pos-sticky"] {
    top: 60px
}

[class*="z-i-back"] {
    z-index: -1 !important
}

[class*="z-i-front"] {
    z-index: 1 !important
}

[class*="z-i-front-2"] {
    z-index: 2 !important
}

.grecaptcha-badge {
    display: none !important
}

.sent-msg-notification {
    position: fixed;
    z-index: 150;
    width: 200px;
    height: 60px;
    bottom: 20px;
    right: 50px;
    font-size: 15px;
    border-radius: var(--rounded);
    padding: 8px;
    transition: 500ms var(--ease);
    transform: translateX(0);
    opacity: 1
}

.sent-msg-notification img {
    width: 25px;
    margin-right: 10px
}

.sent-msg-notification h4 {
    margin: 0;
    font-size: 14px
}

.sent-msg-notification.hidden {
    transition: 500ms var(--ease);
    transform: translate(20px);
    opacity: 0
}

input[type="search"] {
    -webkit-appearance: none
}

div.form hr {
    border: none;
    background: transparent;
    height: 1px;
    margin: 30px 0
}

div.contact-form .privacy-policy,
div.form .privacy-policy {
    display: flex;
    align-items: baseline;
    cursor: pointer
}

div.contact-form .privacy-policy .checkbox,
div.form .privacy-policy .checkbox {
    margin-right: 10px
}

div.contact-form .privacy-policy p>a,
div.form .privacy-policy p>a {
    color: var(--color-primary);
    text-decoration: underline
}

div.contact-form label,
div.contact-form input,
div.contact-form textarea,
div.form label,
div.form input,
div.form textarea {
    display: block
}

div.contact-form .form-row,
div.form .form-row {
    margin-bottom: 15px;
    width: 100%;
    gap: var(--gap)
}

div.contact-form .fx-col.w-50,
div.form .fx-col.w-50 {
    justify-content: flex-start;
    width: calc(50% - var(--gap))
}

div.contact-form .rgpd-opt-in,
div.form .rgpd-opt-in {
    cursor: pointer
}

div.contact-form .rgpd-opt-in>span,
div.form .rgpd-opt-in>span {
    font-weight: 600
}

div.contact-form .rgpd-opt-in>span .first,
div.form .rgpd-opt-in>span .first {
    margin: 0;
    width: 10px
}

div.contact-form .rgpd-opt-in>span .first span.wpcf7-list-item-label,
div.form .rgpd-opt-in>span .first span.wpcf7-list-item-label {
    color: transparent;
    width: 0
}

div.contact-form .rgpd-opt-in p,
div.form .rgpd-opt-in p {
    font-size: 16px;
    margin-left: 10px !important
}

div.contact-form .rgpd-opt-in>div,
div.form .rgpd-opt-in>div {
    margin-left: 15px;
    font-size: 16px
}

div.contact-form form p:not(.h2, .h3, .h4),
div.form form p:not(.h2, .h3, .h4) {
    margin: 20px 0
}

div.contact-form label,
div.form label {
    display: inline-block;
    font-size: 14px;
    color: var(--color-body-text);
    font-weight: 400;
    line-height: 12px;
    margin: 7px 0 10px
}

div.contact-form input:not([type="checkbox"]),
div.form input:not([type="checkbox"]) {
    color: var(--color-body-text);
    width: 100%;
    max-width: var(--container-sm);
    display: block;
    margin: 0;
    margin-bottom: 0;
    -webkit-transition: 200ms var(--ease);
    -o-transition: 200ms var(--ease);
    transition: 200ms var(--ease);
    border-radius: var(--rounded-05);
    padding: 15px 5px;
    font-size: 16px;
    border: 1px solid var(--color-ui-grey);
    line-height: 20px;
}

div.contact-form input:focus,
div.form input:focus {
    outline: 1px solid var(--color-primary)
}

div.contact-form input[type="submit"],
div.form input[type="submit"] {
    font-size: 16px;
    border: none;
    margin-right: auto;
    background: var(--color-secondary);
    border-radius: var(--rounded);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 250px;
    color: #fff
}

div.contact-form input[type="checkbox"],
div.form input[type="checkbox"] {
    cursor: pointer
}

div.contact-form input::placeholder,
div.form input::placeholder {
    color: var(--color-ui-grey);
    font-weight: 300
}

div.contact-form select,
div.form select {
    padding: 15px 5px;
    min-width: 100px;
    background: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjcxNyIgaGVpZ2h0PSI2LjI1MSIgdmlld0JveD0iMCAwIDkuNzE3IDYuMjUxIj4KICA8ZyBpZD0iR3JvdXBlXzE4MjMiIGRhdGEtbmFtZT0iR3JvdXBlIDE4MjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDE0IDEuNDE0KSI+CiAgICA8bGluZSBpZD0iTGlnbmVfMyIgZGF0YS1uYW1lPSJMaWduZSAzIiB4Mj0iNC44NDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNDY2IDMuNDIzKSByb3RhdGUoLTQ1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPGxpbmUgaWQ9IkxpZ25lXzYiIGRhdGEtbmFtZT0iTGlnbmUgNiIgeDI9IjQuODQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo=);
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
    padding-right: 25px;
    max-width: 100%;
    border-radius: 5px;
    color: var(--color-body-text);
    filter: brightness(.5);
}

div.contact-form select:focus,
div.form select:focus {
    outline: 1px solid var(--color-primary)
}

div.contact-form textarea,
div.form textarea {
    width: 100%;
    -webkit-transition: 200ms var(--ease);
    -o-transition: 200ms var(--ease);
    transition: 200ms var(--ease);
    padding: 7px 5px
}

div.contact-form textarea:focus,
div.form textarea:focus {
    outline: 1px solid var(--color-primary)
}

div.contact-form textarea::placeholder,
div.form textarea::placeholder {
    color: var(--color-ui-grey);
    font-weight: 300
}

@media screen and (max-width:768px) {
    div.form .form-row .w-50 {
        width: 100%;
        margin-bottom: 20px
    }

    div.header.main-layout .content {
        padding-top: 10px
    }
}

@media screen and (max-width:430px) {
    div.form input {
        max-width: 100%
    }
}

.offset-left-0 {
    transform: translateX(0%)
}

.offset-right-0 {
    transform: translateX(0%)
}

.offset-top-0 {
    transform: translateY(0%)
}

.offset-bottom-0 {
    transform: translateY(0%)
}

.offset-left-10 {
    transform: translateX(-10%)
}

.offset-right-10 {
    transform: translateX(10%)
}

.offset-top-10 {
    transform: translateY(-10%)
}

.offset-bottom-10 {
    transform: translateY(10%)
}

.offset-left-15 {
    transform: translateX(-15%)
}

.offset-right-15 {
    transform: translateX(15%)
}

.offset-top-15 {
    transform: translateY(-15%)
}

.offset-bottom-15 {
    transform: translateY(15%)
}

.offset-left-20 {
    transform: translateX(-20%)
}

.offset-right-20 {
    transform: translateX(20%)
}

.offset-top-20 {
    transform: translateY(-20%)
}

.offset-bottom-20 {
    transform: translateY(20%)
}

.offset-left-25 {
    transform: translateX(-25%)
}

.offset-right-25 {
    transform: translateX(25%)
}

.offset-top-25 {
    transform: translateY(-25%)
}

.offset-bottom-25 {
    transform: translateY(25%)
}

.offset-left-30 {
    transform: translateX(-30%)
}

.offset-right-30 {
    transform: translateX(30%)
}

.offset-top-30 {
    transform: translateY(-30%)
}

.offset-bottom-30 {
    transform: translateY(30%)
}

.offset-left-33 {
    transform: translateX(-33.3333%)
}

.offset-right-33 {
    transform: translateX(33.3333%)
}

.offset-top-33 {
    transform: translateY(-33.3333%)
}

.offset-bottom-33 {
    transform: translateY(33.3333%)
}

.offset-left-40 {
    transform: translateX(-40%)
}

.offset-right-40 {
    transform: translateX(40%)
}

.offset-top-40 {
    transform: translateY(-40%)
}

.offset-bottom-40 {
    transform: translateY(40%)
}

.offset-left-50 {
    transform: translateX(-50%)
}

.offset-right-50 {
    transform: translateX(50%)
}

.offset-top-50 {
    transform: translateY(-50%)
}

.offset-bottom-50 {
    transform: translateY(50%)
}

@media screen and (min-width:430px) {
    .offset-left-xs-0 {
        transform: translateX(0%)
    }

    .offset-right-xs-0 {
        transform: translateX(0%)
    }

    .offset-top-xs-0 {
        transform: translateY(0%)
    }

    .offset-bottom-xs-0 {
        transform: translateY(0%)
    }

    .offset-left-xs-10 {
        transform: translateX(-10%)
    }

    .offset-right-xs-10 {
        transform: translateX(10%)
    }

    .offset-top-xs-10 {
        transform: translateY(-10%)
    }

    .offset-bottom-xs-10 {
        transform: translateY(10%)
    }

    .offset-left-xs-15 {
        transform: translateX(-15%)
    }

    .offset-right-xs-15 {
        transform: translateX(15%)
    }

    .offset-top-xs-15 {
        transform: translateY(-15%)
    }

    .offset-bottom-xs-15 {
        transform: translateY(15%)
    }

    .offset-left-xs-20 {
        transform: translateX(-20%)
    }

    .offset-right-xs-20 {
        transform: translateX(20%)
    }

    .offset-top-xs-20 {
        transform: translateY(-20%)
    }

    .offset-bottom-xs-20 {
        transform: translateY(20%)
    }

    .offset-left-xs-25 {
        transform: translateX(-25%)
    }

    .offset-right-xs-25 {
        transform: translateX(25%)
    }

    .offset-top-xs-25 {
        transform: translateY(-25%)
    }

    .offset-bottom-xs-25 {
        transform: translateY(25%)
    }

    .offset-left-xs-30 {
        transform: translateX(-30%)
    }

    .offset-right-xs-30 {
        transform: translateX(30%)
    }

    .offset-top-xs-30 {
        transform: translateY(-30%)
    }

    .offset-bottom-xs-30 {
        transform: translateY(30%)
    }

    .offset-left-xs-33 {
        transform: translateX(-33.3333%)
    }

    .offset-right-xs-33 {
        transform: translateX(33.3333%)
    }

    .offset-top-xs-33 {
        transform: translateY(-33.3333%)
    }

    .offset-bottom-xs-33 {
        transform: translateY(33.3333%)
    }

    .offset-left-xs-40 {
        transform: translateX(-40%)
    }

    .offset-right-xs-40 {
        transform: translateX(40%)
    }

    .offset-top-xs-40 {
        transform: translateY(-40%)
    }

    .offset-bottom-xs-40 {
        transform: translateY(40%)
    }

    .offset-left-xs-50 {
        transform: translateX(-50%)
    }

    .offset-right-xs-50 {
        transform: translateX(50%)
    }

    .offset-top-xs-50 {
        transform: translateY(-50%)
    }

    .offset-bottom-xs-50 {
        transform: translateY(50%)
    }
}

@media screen and (min-width:768px) {
    .offset-left-sm-0 {
        transform: translateX(0%)
    }

    .offset-right-sm-0 {
        transform: translateX(0%)
    }

    .offset-top-sm-0 {
        transform: translateY(0%)
    }

    .offset-bottom-sm-0 {
        transform: translateY(0%)
    }

    .offset-left-sm-10 {
        transform: translateX(-10%)
    }

    .offset-right-sm-10 {
        transform: translateX(10%)
    }

    .offset-top-sm-10 {
        transform: translateY(-10%)
    }

    .offset-bottom-sm-10 {
        transform: translateY(10%)
    }

    .offset-left-sm-15 {
        transform: translateX(-15%)
    }

    .offset-right-sm-15 {
        transform: translateX(15%)
    }

    .offset-top-sm-15 {
        transform: translateY(-15%)
    }

    .offset-bottom-sm-15 {
        transform: translateY(15%)
    }

    .offset-left-sm-20 {
        transform: translateX(-20%)
    }

    .offset-right-sm-20 {
        transform: translateX(20%)
    }

    .offset-top-sm-20 {
        transform: translateY(-20%)
    }

    .offset-bottom-sm-20 {
        transform: translateY(20%)
    }

    .offset-left-sm-25 {
        transform: translateX(-25%)
    }

    .offset-right-sm-25 {
        transform: translateX(25%)
    }

    .offset-top-sm-25 {
        transform: translateY(-25%)
    }

    .offset-bottom-sm-25 {
        transform: translateY(25%)
    }

    .offset-left-sm-30 {
        transform: translateX(-30%)
    }

    .offset-right-sm-30 {
        transform: translateX(30%)
    }

    .offset-top-sm-30 {
        transform: translateY(-30%)
    }

    .offset-bottom-sm-30 {
        transform: translateY(30%)
    }

    .offset-left-sm-33 {
        transform: translateX(-33.3333%)
    }

    .offset-right-sm-33 {
        transform: translateX(33.3333%)
    }

    .offset-top-sm-33 {
        transform: translateY(-33.3333%)
    }

    .offset-bottom-sm-33 {
        transform: translateY(33.3333%)
    }

    .offset-left-sm-40 {
        transform: translateX(-40%)
    }

    .offset-right-sm-40 {
        transform: translateX(40%)
    }

    .offset-top-sm-40 {
        transform: translateY(-40%)
    }

    .offset-bottom-sm-40 {
        transform: translateY(40%)
    }

    .offset-left-sm-50 {
        transform: translateX(-50%)
    }

    .offset-right-sm-50 {
        transform: translateX(50%)
    }

    .offset-top-sm-50 {
        transform: translateY(-50%)
    }

    .offset-bottom-sm-50 {
        transform: translateY(50%)
    }
}

@media screen and (min-width:992px) {
    .offset-left-md-0 {
        transform: translateX(0%)
    }

    .offset-right-md-0 {
        transform: translateX(0%)
    }

    .offset-top-md-0 {
        transform: translateY(0%)
    }

    .offset-bottom-md-0 {
        transform: translateY(0%)
    }

    .offset-left-md-10 {
        transform: translateX(-10%)
    }

    .offset-right-md-10 {
        transform: translateX(10%)
    }

    .offset-top-md-10 {
        transform: translateY(-10%)
    }

    .offset-bottom-md-10 {
        transform: translateY(10%)
    }

    .offset-left-md-15 {
        transform: translateX(-15%)
    }

    .offset-right-md-15 {
        transform: translateX(15%)
    }

    .offset-top-md-15 {
        transform: translateY(-15%)
    }

    .offset-bottom-md-15 {
        transform: translateY(15%)
    }

    .offset-left-md-20 {
        transform: translateX(-20%)
    }

    .offset-right-md-20 {
        transform: translateX(20%)
    }

    .offset-top-md-20 {
        transform: translateY(-20%)
    }

    .offset-bottom-md-20 {
        transform: translateY(20%)
    }

    .offset-left-md-25 {
        transform: translateX(-25%)
    }

    .offset-right-md-25 {
        transform: translateX(25%)
    }

    .offset-top-md-25 {
        transform: translateY(-25%)
    }

    .offset-bottom-md-25 {
        transform: translateY(25%)
    }

    .offset-left-md-30 {
        transform: translateX(-30%)
    }

    .offset-right-md-30 {
        transform: translateX(30%)
    }

    .offset-top-md-30 {
        transform: translateY(-30%)
    }

    .offset-bottom-md-30 {
        transform: translateY(30%)
    }

    .offset-left-md-33 {
        transform: translateX(-33.3333%)
    }

    .offset-right-md-33 {
        transform: translateX(33.3333%)
    }

    .offset-top-md-33 {
        transform: translateY(-33.3333%)
    }

    .offset-bottom-md-33 {
        transform: translateY(33.3333%)
    }

    .offset-left-md-40 {
        transform: translateX(-40%)
    }

    .offset-right-md-40 {
        transform: translateX(40%)
    }

    .offset-top-md-40 {
        transform: translateY(-40%)
    }

    .offset-bottom-md-40 {
        transform: translateY(40%)
    }

    .offset-left-md-50 {
        transform: translateX(-50%)
    }

    .offset-right-md-50 {
        transform: translateX(50%)
    }

    .offset-top-md-50 {
        transform: translateY(-50%)
    }

    .offset-bottom-md-50 {
        transform: translateY(50%)
    }
}

@media screen and (min-width:1200px) {
    .offset-left-lg-0 {
        transform: translateX(0%)
    }

    .offset-right-lg-0 {
        transform: translateX(0%)
    }

    .offset-top-lg-0 {
        transform: translateY(0%)
    }

    .offset-bottom-lg-0 {
        transform: translateY(0%)
    }

    .offset-left-lg-10 {
        transform: translateX(-10%)
    }

    .offset-right-lg-10 {
        transform: translateX(10%)
    }

    .offset-top-lg-10 {
        transform: translateY(-10%)
    }

    .offset-bottom-lg-10 {
        transform: translateY(10%)
    }

    .offset-left-lg-15 {
        transform: translateX(-15%)
    }

    .offset-right-lg-15 {
        transform: translateX(15%)
    }

    .offset-top-lg-15 {
        transform: translateY(-15%)
    }

    .offset-bottom-lg-15 {
        transform: translateY(15%)
    }

    .offset-left-lg-20 {
        transform: translateX(-20%)
    }

    .offset-right-lg-20 {
        transform: translateX(20%)
    }

    .offset-top-lg-20 {
        transform: translateY(-20%)
    }

    .offset-bottom-lg-20 {
        transform: translateY(20%)
    }

    .offset-left-lg-25 {
        transform: translateX(-25%)
    }

    .offset-right-lg-25 {
        transform: translateX(25%)
    }

    .offset-top-lg-25 {
        transform: translateY(-25%)
    }

    .offset-bottom-lg-25 {
        transform: translateY(25%)
    }

    .offset-left-lg-30 {
        transform: translateX(-30%)
    }

    .offset-right-lg-30 {
        transform: translateX(30%)
    }

    .offset-top-lg-30 {
        transform: translateY(-30%)
    }

    .offset-bottom-lg-30 {
        transform: translateY(30%)
    }

    .offset-left-lg-33 {
        transform: translateX(-33.3333%)
    }

    .offset-right-lg-33 {
        transform: translateX(33.3333%)
    }

    .offset-top-lg-33 {
        transform: translateY(-33.3333%)
    }

    .offset-bottom-lg-33 {
        transform: translateY(33.3333%)
    }

    .offset-left-lg-40 {
        transform: translateX(-40%)
    }

    .offset-right-lg-40 {
        transform: translateX(40%)
    }

    .offset-top-lg-40 {
        transform: translateY(-40%)
    }

    .offset-bottom-lg-40 {
        transform: translateY(40%)
    }

    .offset-left-lg-50 {
        transform: translateX(-50%)
    }

    .offset-right-lg-50 {
        transform: translateX(50%)
    }

    .offset-top-lg-50 {
        transform: translateY(-50%)
    }

    .offset-bottom-lg-50 {
        transform: translateY(50%)
    }
}

@media screen and (min-width:1980px) {
    .offset-left-xl-0 {
        transform: translateX(0%)
    }

    .offset-right-xl-0 {
        transform: translateX(0%)
    }

    .offset-top-xl-0 {
        transform: translateY(0%)
    }

    .offset-bottom-xl-0 {
        transform: translateY(0%)
    }

    .offset-left-xl-10 {
        transform: translateX(-10%)
    }

    .offset-right-xl-10 {
        transform: translateX(10%)
    }

    .offset-top-xl-10 {
        transform: translateY(-10%)
    }

    .offset-bottom-xl-10 {
        transform: translateY(10%)
    }

    .offset-left-xl-15 {
        transform: translateX(-15%)
    }

    .offset-right-xl-15 {
        transform: translateX(15%)
    }

    .offset-top-xl-15 {
        transform: translateY(-15%)
    }

    .offset-bottom-xl-15 {
        transform: translateY(15%)
    }

    .offset-left-xl-20 {
        transform: translateX(-20%)
    }

    .offset-right-xl-20 {
        transform: translateX(20%)
    }

    .offset-top-xl-20 {
        transform: translateY(-20%)
    }

    .offset-bottom-xl-20 {
        transform: translateY(20%)
    }

    .offset-left-xl-25 {
        transform: translateX(-25%)
    }

    .offset-right-xl-25 {
        transform: translateX(25%)
    }

    .offset-top-xl-25 {
        transform: translateY(-25%)
    }

    .offset-bottom-xl-25 {
        transform: translateY(25%)
    }

    .offset-left-xl-30 {
        transform: translateX(-30%)
    }

    .offset-right-xl-30 {
        transform: translateX(30%)
    }

    .offset-top-xl-30 {
        transform: translateY(-30%)
    }

    .offset-bottom-xl-30 {
        transform: translateY(30%)
    }

    .offset-left-xl-33 {
        transform: translateX(-33.3333%)
    }

    .offset-right-xl-33 {
        transform: translateX(33.3333%)
    }

    .offset-top-xl-33 {
        transform: translateY(-33.3333%)
    }

    .offset-bottom-xl-33 {
        transform: translateY(33.3333%)
    }

    .offset-left-xl-40 {
        transform: translateX(-40%)
    }

    .offset-right-xl-40 {
        transform: translateX(40%)
    }

    .offset-top-xl-40 {
        transform: translateY(-40%)
    }

    .offset-bottom-xl-40 {
        transform: translateY(40%)
    }

    .offset-left-xl-50 {
        transform: translateX(-50%)
    }

    .offset-right-xl-50 {
        transform: translateX(50%)
    }

    .offset-top-xl-50 {
        transform: translateY(-50%)
    }

    .offset-bottom-xl-50 {
        transform: translateY(50%)
    }
}

body,
p,
blockquote {
    font-family: 'Euclid Circular A', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
}

p,
.p,
.bullet-list li,
ul li {
    font-size: calc(16px + .07vw);
    line-height: calc(21px + .25vw);
    font-weight: 400
}

p.subh {
    font-size: calc(23px + .03vw);
    line-height: calc(27px + .2vw);
    font-weight: 600
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Plus Jakarta Sans', serif;
    font-weight: 600
}

h2,
h3,
h4,
h5,
h6 {
    color: var(--color-primary)
}

h1,
.h1 {
    font-size: 41px;
    line-height: 46px;
    margin: 0
}

.h1-5 {
    font-size: clamp(35px, 4.5vw, 52px)
}

h2,
.h2 {
    font-size: clamp(34px, 4vw, 38px);
    line-height: clamp(40px, 5.4vw, 47px)
}

.h2-5 {
    font-size: calc(28px + .3vw);
    line-height: calc(34px + .4vw)
}

h3,
.h3 {
    font-size: clamp(27px, 2.5vw, 30px);
    line-height: clamp(30px, 3.5vw, 35px)
}

h4,
.h4 {
    font-size: calc(16px + .1vw);
    line-height: calc(19px + .1vw)
}

h5,
.h5 {
    font-size: clamp(18px, 23px, 25px);
    line-height: clamp(21px, 26px, 30px)
}

h6,
.h6 {
    font-size: 18px
}

.underlined {
    border-bottom: 1px solid var(--primary);
    max-width: fit-content
}

.underlined.primary {
    border-bottom-color: var(--primary)
}

.font,
.sans-font {
    font-family: 'Euclid Circular A'
}

b,
strong {
    font-weight: 600 !important
}

u {
    text-decoration: underline;
}

.bloc_job_offers_listing .container-sm ul,
.actualite-single-content ul {
    list-style-type: disc;
    padding-left: 15px;
}

.bloc_job_offers_listing .container-sm blockquote,
.actualite-single-content blockquote {
    padding: 15px;
    border-left: 2px solid var(--color-primary);
    margin: 20px 0;
}

h2+h3 {
    margin-top: 30px
}

p+h3,
p+h4 {
    margin-top: 20px
}

h3+p,
h4+p {
    margin-top: 10px
}

p+p {
    margin-top: 10px
}

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

    h1,
    .h1 {
        font-size: calc(47px + .4vw);
        line-height: calc(53px + .4vw);
        margin: 0
    }
}

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

    h2,
    .h2 {
        font-size: clamp(34px, 5vw, 47px)
    }
}

@media screen and (max-width:1200px) {
    p.subh {
        font-size: calc(18px + .05vw);
        line-height: calc(24px + .25vw)
    }
}

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

    h1,
    .h1 {
        font-size: clamp(46px, 6.5vw, 90px)
    }

    h1,
    .h1 {
        font-size: clamp(45px, 5.3vw, 57px);
        line-height: clamp(48px, 5.8vw, 63px);
        margin: 0
    }
}

a {
    font-weight: 400;
    color: var(--color-primary)
}

a.underline {
    text-decoration: underline
}

button {
    background: transparent
}

button,
a {
    outline: none;
    color: white
}

button:not([class*="outline"]),
a:not([class*="outline"]) {
    border: none
}

input[type="submit"],
.btn,
button {
    padding: 15px 21px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    width: fit-content;
    transition: 300ms ease;
    border-radius: 50px
}

input[type="submit"]:not(.bg-white):not(.fill-white),
.btn:not(.bg-white):not(.fill-white),
button:not(.bg-white):not(.fill-white) {
    color: #fff
}

input[type="submit"].fill-white,
input[type="submit"].bg-white,
.btn.fill-white,
.btn.bg-white,
button.fill-white,
button.bg-white {
    background: #fff;
    box-shadow: var(--shadow);
    color: var(--color-primary)
}

input[type="submit"].outline-white,
.btn.outline-white,
button.outline-white {
    background: transparent;
    border: 1px solid #fff
}

input[type="submit"][data-modal-target] img,
.btn[data-modal-target] img,
button[data-modal-target] img {
    filter: var(--filter-primary)
}

input[type="submit"].fill-primary,
.btn.fill-primary,
button.fill-primary {
    background: var(--color-primary)
}

input[type="submit"].fill-secondary,
.btn.fill-secondary,
button.fill-secondary {
    background: var(--color-secondary)
}

input[type="submit"].fill-ternary,
.btn.fill-ternary,
button.fill-ternary {
    background: var(--color-ternary)
}

input[type="submit"]:hover,
.btn:hover,
button:hover {
    opacity: .9
}

input[type="submit"][class*="cta-base"],
input[type="submit"].cta-base,
.btn[class*="cta-base"],
.btn.cta-base,
button[class*="cta-base"],
button.cta-base {
    background: var(--color-secondary)
}

input[type="submit"][class*="cta-base"]::after,
input[type="submit"].cta-base::after,
.btn[class*="cta-base"]::after,
.btn.cta-base::after,
button[class*="cta-base"]::after,
button.cta-base::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

input[type="submit"][class*="cta-base"]::after,
input[type="submit"].cta-base::after,
.btn[class*="cta-base"]::after,
.btn.cta-base::after,
button[class*="cta-base"]::after,
button.cta-base::after {
    background: url("../img/svg/icon-arrow.svg") no-repeat;
    background-size: contain;
    background-position: center center;
    width: 24px;
    height: 24px;
    right: 27px;
    left: unset;
    bottom: unset;
    transform: rotate(180deg) translateY(50%) translateX(0);
    top: 50%;
    transition: 200ms var(--ease);
    filter: brightness(0) invert(1);
    display: none
}

input[type="submit"][class*="cta-base"]:hover,
input[type="submit"].cta-base:hover,
.btn[class*="cta-base"]:hover,
.btn.cta-base:hover,
button[class*="cta-base"]:hover,
button.cta-base:hover {
    opacity: .9
}

input[type="submit"][class*="cta-base"]:hover:after,
input[type="submit"].cta-base:hover:after,
.btn[class*="cta-base"]:hover:after,
.btn.cta-base:hover:after,
button[class*="cta-base"]:hover:after,
button.cta-base:hover:after {
    transform: rotate(180deg) translateY(50%) translateX(5px);
    transition: 200ms var(--ease)
}

input[type="submit"][class*="cta-base"][class*="fill-white"],
input[type="submit"].cta-base[class*="fill-white"],
.btn[class*="cta-base"][class*="fill-white"],
.btn.cta-base[class*="fill-white"],
button[class*="cta-base"][class*="fill-white"],
button.cta-base[class*="fill-white"] {
    background: #fff;
    color: var(--color-primary)
}

input[type="submit"][class*="cta-base"][class*="fill-white"]::after,
input[type="submit"].cta-base[class*="fill-white"]::after,
.btn[class*="cta-base"][class*="fill-white"]::after,
.btn.cta-base[class*="fill-white"]::after,
button[class*="cta-base"][class*="fill-white"]::after,
button.cta-base[class*="fill-white"]::after {
    filter: var(--filter-primary)
}

input[type="submit"].round,
.btn.round,
button.round {
    border-radius: var(--round)
}

input[type="submit"][data-modal-target],
.btn[data-modal-target],
button[data-modal-target] {
    padding-right: 23px;
    display: flex;
    align-items: center
}

input[type="submit"][data-modal-target] img,
.btn[data-modal-target] img,
button[data-modal-target] img {
    position: relative;
    left: 7px
}

input[type="submit"][data-modal-target][data-modal-target="modal_contact"],
.btn[data-modal-target][data-modal-target="modal_contact"],
button[data-modal-target][data-modal-target="modal_contact"] {
    right: 2.5vw;
    bottom: 2.5vw;
    z-index: 100;
    position: fixed
}

input[type="submit"][class*="icon"]:not([class*="lg-"]),
.btn[class*="icon"]:not([class*="lg-"]),
button[class*="icon"]:not([class*="lg-"]) {
    padding: 24px 62px 24px 20px
}

input[type="submit"][class*="icon"]:not([class*="lg-"])[class*="-arrow"]::after,
.btn[class*="icon"]:not([class*="lg-"])[class*="-arrow"]::after,
button[class*="icon"]:not([class*="lg-"])[class*="-arrow"]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

input[type="submit"][class*="icon"]:not([class*="lg-"])[class*="-arrow"]::after,
.btn[class*="icon"]:not([class*="lg-"])[class*="-arrow"]::after,
button[class*="icon"]:not([class*="lg-"])[class*="-arrow"]::after {
    background: url("../img/svg/icon-arrow.svg") no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    right: 20px;
    left: unset;
    bottom: unset;
    transform: translateY(-50%) translateX(0);
    top: 50%;
    transition: 200ms var(--ease)
}

input[type="submit"][class*="icon"]:not([class*="lg-"])[class*="-arrow"]:hover:after,
.btn[class*="icon"]:not([class*="lg-"])[class*="-arrow"]:hover:after,
button[class*="icon"]:not([class*="lg-"])[class*="-arrow"]:hover:after {
    transform: translateY(-50%) translateX(-3px);
    transition: 200ms var(--ease)
}

html,
body {
    height: 100%;
    scroll-behavior: smooth !important
}

html.lock-y,
body.lock-y {
    overflow-y: hidden
}

.o-wrapper {
    position: relative;
    left: 0;
    width: 100%;
    z-index: unset;
}

.o-container {
    background: #fff;
    position: relative;
    z-index: 1
}

.vid-curtain {
    height: 100vh;
    width: 100vw;
    background: #282626;
    position: fixed;
    left: 0;
    top: 0;
    top: 100vh;
    visibility: hidden;
    transition: 600ms ease;
    z-index: 150;
    transition-delay: 200ms
}

.vid-curtain.visible {
    top: 0;
    visibility: visible;
    transition: 600ms ease;
    transition-delay: 0ms
}

body {
    background: #fff;
}

body .site-overlay {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    z-index: 110;
    background: rgba(0, 0, 0, .46);
    transition: 100ms ease;
    visibility: hidden
}

body .site-overlay.visible {
    opacity: 1;
    pointer-events: all;
    transition: 100ms ease;
    visibility: visible
}

.breadcrumbs-v3,
#breadcrumbs {
    position: absolute;
    top: 100px;
    background: none !important;
    left: var(--hpd);
    color: var(--color-body-text);
    z-index: 10
}

#breadcrumbs a,
.breadcrumbs-v3 a {
    color: var(--color-body-text);
}

#breadcrumbs ul {
    display: flex;
    align-items: center;
    gap: 14px
}

#breadcrumbs ul li {
    position: relative;
    font-size: 15px
}

#breadcrumbs ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

#breadcrumbs ul li::after {
    content: '>';
    width: 10px;
    left: unset;
    right: -14px
}

#breadcrumbs ul li:last-of-type::after {
    display: none
}

#breadcrumbs ul li:first-of-type a {
    color: transparent;
    width: 15px
}

#breadcrumbs ul li:first-of-type a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

#breadcrumbs ul li:first-of-type a::after {
    width: 100%;
    height: 100%;
    background: url(../img/svg/icon-home-crumb.svg) no-repeat;
    left: 0;
    top: 0;
    position: absolute;
    background-position: center center;
    filter: var(--filter-primary);
    opacity: .4;
}

.ov-hidden {
    overflow: hidden
}

.img-wr {
    overflow: hidden
}

.img-wr:not(.straight-frame) {
    border-radius: var(--rounded2)
}

.img-wr>img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.bloc_services_titre_cols_service_cta_stacked .gap-list {
    align-items: baseline
}

.bloc_video_player,
.video-player {
    cursor: pointer;
    z-index: 0;
    width: 100%
}

.bloc_video_player .wrapper,
.video-player .wrapper {
    position: relative;
    max-width: var(--container-lg);
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

.bloc_video_player .wrapper video,
.video-player .wrapper video {
    cursor: pointer
}

.bloc_video_player .wrapper .play-btn,
.video-player .wrapper .play-btn {
    position: absolute;
    z-index: 10;
    width: 70px;
    height: 70px;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bloc_video_player .wrapper.playing::after,
.video-player .wrapper.playing::after {
    display: none !important
}

.bloc_video_player .wrapper.modal-visible,
.video-player .wrapper.modal-visible {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 150;
    max-width: 1600px
}

.bloc_video_player .wrapper.modal-visible .wrapper,
.video-player .wrapper.modal-visible .wrapper {
    max-width: 1400px
}

.bloc_video_player .wrapper.modal-visible .close-btn,
.video-player .wrapper.modal-visible .close-btn {
    opacity: 1;
    visibility: visible;
    transition: 222ms ease
}

.bloc_video_player iframe,
.video-player iframe {
    width: 100%
}

.bloc_video_player .close-btn,
.video-player .close-btn {
    position: absolute;
    right: calc(var(--hpd) + 1vw);
    top: 1vw;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: 222ms ease
}

.bloc_video_player .close-btn span,
.video-player .close-btn span {
    background: var(--color-body-text);
    width: 25px;
    height: 1px;
    position: absolute;
    left: 50%;
    z-index: 2;
    display: block;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.bloc_video_player .close-btn span:nth-of-type(2),
.video-player .close-btn span:nth-of-type(2) {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.video-player.video-iframe {
    width: 50%;
    border-radius: 15px;
    overflow: hidden;
    height: 480px;
}

.video-player.video-iframe iframe {
    width: 100%;
    height: calc(100% + 3px);
    min-height: 460px;
    margin-top: -1px;
}

@media screen and (max-width:992px) {
    .video-player.video-iframe {
        width: 100%;
        height: calc(300px + 10vw)
    }

    .video-player.video-iframe iframe {
        min-height: unset
    }
}

.is-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.is-bg-img img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.page-wrapper-alt-nav .navtop-block {
    background: #fff;
    box-shadow: 0 2px 20px #4041490d
}

.page-wrapper-alt-nav .navtop-block li a {
    color: var(--color-body-text)
}

.page-wrapper-alt-nav .navtop-block .nav-social-media {
    filter: brightness(.5)
}

.page-wrapper-alt-nav .navtop-block .btn.outline-white {
    color: var(--color-body-text);
    border-color: var(--color-body-text);
}

.page-wrapper-alt-nav .navtop-block .reach-out a img {
    filter: brightness(.6);
}

.carousel {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 100%;
    position: relative
}

.carousel.carousel-grid {
    padding-bottom: 60px
}

.carousel.carousel-grid .owl-item {
    height: initial !important
}

.carousel .owl-stage-outer,
.carousel .owl-stage {
    display: flex;
    width: 100%;
    height: 100%
}

.carousel .owl-item {
    height: 100%
}

.carousel .owl-item.img-wr,
.carousel .owl-item .img-wr {
    height: 100%;
    width: 100%;
    max-height: 550px;
}

.carousel .owl-item.img-wr img,
.carousel .owl-item .img-wr img {
    width: 100%;
    max-height: 550px;
}

.carousel .owl-nav {
    position: absolute;
    z-index: 5;
    align-items: center;
    bottom: 0;
    right: var(--hpd);
    width: 120px;
    display: flex;
    justify-content: space-between
}

.carousel .owl-nav>button {
    position: relative;
    width: var(--slider_nav_height);
    height: var(--slider_nav_height);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--color-secondary)
}

.carousel .owl-nav>button::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.carousel .owl-nav>button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.carousel .owl-nav>button.disabled {
    pointer-events: none
}

.carousel .owl-nav>button.disabled::before {
    background: var(--color-secondary)
}

.carousel .owl-nav>button::after {
    width: 100%;
    height: 100%;
    background: url(../img/svg/icon-arrow.svg) no-repeat;
    left: 0;
    top: 0;
    position: absolute;
    background-position: center center;
    filter: brightness(0) invert(1)
}

.carousel .owl-nav>button span {
    display: none !important
}

.carousel .owl-nav>button.owl-prev::after {
    transform: rotate(180deg)
}

.carousel.nav-bottom-center .owl-nav {
    position: absolute;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px
}

.carousel.nav-bottom-left .owl-nav {
    width: 80%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between;
    bottom: 20px
}

.carousel.nav-bottom-right {
    padding-bottom: 100px
}

.carousel.nav-bottom-right .owl-nav {
    position: absolute;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    right: unset;
    bottom: 0
}

.carousel .owl-dots {
    position: absolute;
    top: 20px;
    left: var(--hpd);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.carousel .owl-dots button {
    padding: 0
}

.carousel .owl-dots button span {
    transition: 300ms ease;
    display: block;
    background: #fff;
    height: 2px;
    width: 45px
}

.carousel .owl-dots button.active span {
    transition: 300ms ease;
    background: var(--color-primary)
}

.carousel .carousel-two-cols .owl-nav {
    top: 0;
    bottom: unset;
    right: 0
}

.carousel .carousel-two-cols .owl-dots {
    top: calc(var(--slider_nav_height) / 2)
}

.carousel .carousel-two-cols .owl-dots button.active span {
    background: var(--color-ternary)
}

.carousel .carousel-two-cols .owl-dots button span {
    background: var(--color-ui-grey)
}

.carousel .carousel-grid {
    padding-bottom: 60px
}

.carousel .carousel-grid .carousel .owl-item {
    height: auto
}

.carousel .carousel-grid .owl-nav {
    top: unset;
    right: var(--hpd);
    display: flex;
    gap: 20px;
    bottom: 0
}

.carousel.carousel-hero {
    width: 100%;
    height: 100%
}

.carousel.carousel-hero .owl-item {
    height: 100%;
    align-items: center;
    display: flex;
}

.carousel.carousel-hero .img-wr {
    height: 100%;
    border-radius: var(--rounded2)
}

.carousel.carousel-hero .img-wr img {
    width: 100%;
    border-radius: var(--rounded2);
}

.carousel.carousel-hero button::before {
    display: none
}

.carousel.carousel-two-thirds .owl-nav {
    bottom: 0;
    width: 100%;
    justify-content: flex-end
}

.carousel.carousel-single {
    width: 100%;
    display: block
}

.carousel.carousel-single .owl-nav {
    position: relative
}

[class*="btn-icon-"] {
    cursor: pointer;
    position: relative;
    padding: 0
}

[class*="btn-icon-"]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

[class*="btn-icon-"] svg {
    pointer-events: none
}

.btn-icon-cross {
    position: absolute;
    right: 10px;
    top: 10px
}

.modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 35px;
    width: var(--inner-cont);
    max-width: var(--container-md);
    border-radius: var(--rounded-05);
    z-index: 150;
    opacity: 0;
    pointer-events: none;
    height: 90vh;
    max-height: 740px;
}
.modal .content{
    height: 100%;
    overflow: scroll;
}


.modal.modal-fixed {
    margin: 0 auto
}

.modal.modal-shadow {
    box-shadow: var(--shadow)
}

.modal.visible {
    opacity: 1;
    pointer-events: all
}

.modal.modal-video-player {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 540;
    left: 0;
    bottom: 0;
    top: unset;
    max-width: unset;
    padding: 0;
    transform: translate(0, 40px);
    transition: 600ms ease;
    transition-delay: 0ms;
    cursor: pointer
}

.modal.modal-video-player .wrapper {
    position: relative;
    padding: 0
}

.modal.modal-video-player .wrapper video {
    width: 100%
}

.modal.modal-video-player.visible {
    opacity: 1;
    transform: translate(0, 0);
    transition: 600ms ease;
    transition-delay: 550ms;
    pointer-events: all
}

.modal.modal-video-player .play-btn {
    position: absolute;
    z-index: 10;
    width: 70px;
    height: 70px;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.modal.modal-video-player.playing::after {
    display: none !important
}

.modal.modal-video-player .close-btn {
    position: absolute;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #ffffffe0;
    border-radius: 5px;
    transition: 222ms ease;
    z-index: 1000;
    top: -80px
}

.modal.modal-video-player .close-btn svg {
    display: none
}

.modal.modal-video-player .close-btn span {
    background: var(--color-body-text);
    width: 25px;
    height: 1px;
    position: absolute;
    left: 50%;
    z-index: 2;
    display: block;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.modal.modal-video-player .close-btn span:nth-of-type(2) {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.modal.modal-video-player .close-text {
    position: absolute;
    z-index: 100;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-body-text);
    padding: 12px 20px;
    border-radius: 5px;
    color: #fff
}

.modal.modal-video-player .close-btn,
.modal.modal-video-player .close-text,
.modal.modal-video-player .play-btn {
    transition: 300ms ease;
    transform: scale(1)
}

.modal.modal-video-player .close-btn:hover,
.modal.modal-video-player .close-text:hover,
.modal.modal-video-player .play-btn:hover {
    opacity: .7;
    transition: 300ms ease;
    transform: scale(1.05)
}

.list {
    gap: 15px;
    display: flex;
    flex-flow: column
}

.list.bullet,
.list.bullets {
    list-style-type: disc
}

.list.bullet li,
.list.bullets li {
    list-style-type: disc;
    display: list-item
}

.list.bullet li::marker,
.list.bullets li::marker {
    color: var(--color-secondary)
}

.list li {
    line-height: 25px;
    display: flex;
    flex-flow: column
}

.list.stacked-primary {
    width: 100%
}

.list.stacked-primary li {
    color: var(--color-primary);
    line-height: 40px;
    font-weight: 500
}

.list.vertical-borders-primary {
    width: 100%
}

.list.vertical-borders-primary li {
    border-top: 1px solid var(--color-primary);
    color: var(--color-primary);
    line-height: 40px;
    font-weight: 500
}

.list.vertical-borders-primary li:last-of-type {
    border-bottom: 1px solid var(--color-primary)
}

.list.bottom-borders-primary {
    width: 100%
}

.list.bottom-borders-primary li {
    border-bottom: 1px solid var(--color-primary);
    color: var(--color-primary);
    line-height: 28px;
    font-weight: 500;
    margin: 10px 0;
    padding: 10px 0;
    display: flex;
    flex-flow: column
}

.list.bottom-borders-primary li>span {
    text-transform: uppercase
}

.list.bottom-borders-primary li:last-of-type {
    border-bottom: none
}

.gap-list>div:not(:last-of-type) {
    margin-bottom: 40px
}

@media screen and (min-width:992px) {
    .carousel.carousel-single {
        display: flex
    }

    .carousel.carousel-single .owl-nav {
        position: absolute
    }

    .carousel.carousel-two-thirds .owl-nav {
        padding-right: calc(5px + 1.2vw)
    }

    .carousel.carousel-hero {
        left: unset
    }

    .carousel.carousel-hero .owl-stage-outer {
      /*  width: 50%;
      height: 70vh; */
        height: auto;
        min-height: 550px;
        overflow: hidden;
        border-radius: 32px;
    }

    .carousel.nav-bottom-left .owl-nav {
        position: absolute;
        width: 120px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
        bottom: 0;
        transform: none;
        left: 0;
        right: unset
    }

    .carousel.nav-bottom-right .owl-nav {
        right: 0
    }

    [class*="reversed"] .wrapper {
        flex-direction: row-reverse
    }
}

.btn#scroll-top {
    position: fixed;
    right: 2.5vw;
    bottom: 90px;
    opacity: 0;
    background: var(--color-primary);
    border-radius: 5px;
    width: 50px;
    height: 50px;
    padding: 0;
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transition: 300ms ease
}

.btn#scroll-top::after {
    width: 26px;
    height: 10px;
    transform: rotate(-90deg) translate(-50%, -50%);
    position: absolute;
    background-position: center;
    top: 10px;
    filter: brightness(0) invert(1);
    left: 19px
}

.btn#scroll-top::before {
    display: none
}

.btn#scroll-top.show {
    opacity: .4;
    pointer-events: all;
    transition: 300ms ease
}

.page-wrapper-alt-nav .navtop-block {
    background: #fff;
    box-shadow: 0 2px 20px #4041490d
}

.page-wrapper-alt-nav .navtop-block .menu li,
.page-wrapper-alt-nav .navtop-block li a {
    color: var(--color-body-text) !important
}

.navtop-block {
    position: fixed;
    z-index: 10;
    width: 100%;
    padding: 0 15px;
    height: var(--navtop);
    top: 0;
    right: 0;
    transition: 322ms ease-out
}

.navtop-block .menu-navtop-container,
.navtop-block .menu-container,
.navtop-block>ul {
    height: 100%;
    display: flex;
    align-items: center
}

.navtop-block .menu-navtop-container {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    align-items: end;
    pointer-events: none
}

.navtop-block .menu-navtop-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: scaleX(0);
    transform-origin: right;
    transition: 735ms var(--ease);
    right: 0;
    left: unset;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fff;
    transition-delay: 100ms;
    pointer-events: none
}

.navtop-block .menu-container .reach-out a {
    display: flex;
    width: max-content
}

.navtop-block .menu-container .reach-out a[data-tel] img {
    margin-right: 5px
}

.navtop-block .logo {
    position: absolute;
    top: 0;
    height: var(--navtop);
    background: #fff;
    z-index: 30;
    left: var(--hpd);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    justify-content: center
}

.navtop-block .logo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    transition: 322ms ease-out
}

.navtop-block .cta-menu-block {
    position: fixed;
    bottom: 100px;
    transform: translate(-50%, 30px);
    left: 50%;
    transition: 322ms ease-out;
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
    justify-content: center;
    display: flex;
    flex-flow: column
}

.navtop-block .cta-menu-block>div {
    gap: 6px
}

.navtop-block .cta-menu-block a {
    font-size: 14px;
    padding: 15px 15px
}

.navtop-block .nav-social-media {
    gap: 9px;
    position: fixed;
    bottom: 170px;
    display: flex;
    justify-content: center;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 var(--hpd);
    flex-flow: column;
    transition: 322ms ease-out;
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none
}

.navtop-block .nav-social-media a {
    font-size: 13px;
    padding-top: 5px;
    color: var(--color-body-text)
}

.navtop-block .nav-social-media a img {
    margin-right: 3px;
    filter: brightness(1) invert(.6)
}

.navtop-block .menu {
    gap: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 100vw;
    height: calc(100vh + var(--navtop));
    position: fixed;
    left: 0;
    bottom: 0;
    opacity: 0;
    transform: translateY(30%);
    transition: 735ms var(--ease)
}

.navtop-block .menu>li>a {
    font-weight: 500
}

.navtop-block .menu li {
    position: relative;
    width: 100%;
    max-width: 70vw
}

.navtop-block .menu li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.navtop-block .menu li::before {
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -3px;
    left: 0;
    background-color: var(--color-primary);
    transform-origin: bottom right;
    transition: transform 253ms ease-out;
    display: none
}

.navtop-block .menu li:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left
}

.navtop-block .menu li.is-active a {
    opacity: .55
}

.navtop-block .menu li a {
    color: var(--color-body-text)
}

.navtop-block .menu li.menu-item-has-children {
    flex-flow: column;
    position: relative;
    padding-right: 16px
}

.navtop-block .menu li.menu-item-has-children>a {
    pointer-events: none
}

.navtop-block .menu li.menu-item-has-children>a:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../img/svg/icon-arrow-bottom-grey.svg) no-repeat;
    position: absolute;
    right: 0;
    background-size: contain;
    top: 10px;
    transform: translateY(0);
    transition: .3s ease;
    pointer-events: none;
    filter: invert(1)
}

.navtop-block .menu li.menu-item-has-children .sub-menu {
    top: unset;
    background: #fff;
    padding: 0;
    text-align: center;
    margin-top: 10px;
    transition: 322ms ease-out;
    max-height: 999px;
    height: 0;
    overflow: hidden
}

.navtop-block .menu li.menu-item-has-children .sub-menu li::before {
    display: none
}

.navtop-block .menu li.menu-item-has-children .sub-menu li a {
    color: var(--color-body-text);
    text-align: center
}

.navtop-block .menu li.menu-item-has-children .sub-menu li a:hover {
    color: var(--color-primary)
}

.navtop-block .menu li.menu-item-has-children.open .sub-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
    transition: 322ms ease-out;
    max-height: 999px;
    height: auto;
    overflow: visible
}

.navtop-block .menu li a {
    font-size: 14px
}

.navtop-block #burger {
    position: absolute;
    width: 40px;
    height: var(--navtop);
    right: var(--hpd);
    z-index: 400;
    cursor: pointer
}

.navtop-block #burger span {
    position: relative;
    width: 34px;
    height: 2px;
    background: var(--color-primary);
    transition: 735ms var(--ease);
    transform: rotate(0)
}

.navtop-block #burger span:first-of-type {
    top: -3px;
    transform: rotate(0)
}

.navtop-block #burger span:last-of-type {
    top: 3px;
    transform: rotate(0)
}

.navtop-block #burger.open span:first-of-type {
    transform: rotate(45deg);
    top: 1px
}

.navtop-block #burger.open span:last-of-type {
    transform: rotate(-45deg);
    top: -1px
}

.navtop-block.open .nav-social-media,
.navtop-block.open .cta-menu-block {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: all;
    transition-delay: 200ms
}

.navtop-block.open .menu {
    transform: translateY(0);
    opacity: 1;
    transition: 735ms var(--ease);
    transition-delay: 100ms
}

.navtop-block.open .menu-navtop-container {
    pointer-events: all
}

.navtop-block.open .menu-navtop-container::after {
    transform: scaleX(1);
    transition: 735ms var(--ease);
    transition-delay: 0
}

.navtop-block.scrolling {
    background: #fff;
    box-shadow: 0 2px 20px #4041490d
}

.navtop-block.reduce {
    transition: 322ms ease-out;
    top: -70px
}

.navtop-block.reduce .logo img {
    height: 60px;
    transition: 322ms ease-out
}

@media screen and (min-width:1199px) {
    .navtop-block #burger {
        display: none
    }

    .navtop-block .menu-navtop-container,
    .navtop-block>ul,
    .navtop-block ul>li,
    .navtop-block ul>li>a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .navtop-block .menu-navtop-container {
        height: calc(var(--navtop) - 20px);
        position: initial;
        pointer-events: all
    }

    .navtop-block .menu-container {
        height: auto;
        justify-content: flex-end
    }

    .navtop-block .cta-menu-block {
        position: initial;
        opacity: 1;
        transform: none;
        left: auto;
        pointer-events: all;
        padding-left: 15px
    }

    .navtop-block .menu {
        gap: 11px;
        flex-flow: row;
        width: 100%;
        height: auto;
        justify-content: flex-end;
        position: initial;
        transform: none;
        opacity: 1;
        transition: none
    }

    .navtop-block .menu>li>a {
        font-weight: initial
    }

    .navtop-block .menu li {
        width: auto;
        max-width: unset
    }

    .navtop-block .menu li::before {
        display: block
    }

    .navtop-block .menu li a {
        color: var(--color-body-text)
    }

    .navtop-block .menu li a::after {
        top: 40%
    }

    .navtop-block .menu li.menu-item-has-children {
        flex-flow: column;
        position: relative
    }

    .navtop-block .menu li.menu-item-has-children>a {
        pointer-events: all
    }

    .navtop-block .menu li.menu-item-has-children .sub-menu {
        position: absolute;
        opacity: 0;
        transform: translateY(50%);
        pointer-events: none;
        transition: 322ms ease-out;
        overflow: hidden;
        top: calc(var(--navtop) - 50px);
        background: #fff;
        padding: 20px;
        border-radius: var(--rounded);
        box-shadow: var(--shadow);
        justify-content: center;
        min-height: 60px;
        align-items: center;
        width: 33vw;
        min-width: 250px;
        max-width: 550px;
        height: auto;
        overflow: visible
    }

    .navtop-block .menu li.menu-item-has-children .sub-menu::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .navtop-block .menu li.menu-item-has-children .sub-menu::before {
        top: -32px;
        background: transparent;
        width: 100%;
        z-index: -1;
        height: calc(100% + 32px)
    }

    .navtop-block .menu li.menu-item-has-children .sub-menu li a {
        color: var(--color-body-text)
    }

    .navtop-block .menu li.menu-item-has-children .sub-menu li a:hover {
        color: var(--color-primary)
    }

    .navtop-block .menu li.menu-item-has-children.open .sub-menu {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
        transition: 322ms ease-out;
        max-height: 999px;
        height: auto;
        overflow: visible
    }

    .navtop-block .nav-social-media {
        position: initial;
        left: 0;
        transform: none;
        flex-flow: row;
        justify-content: flex-end;
        padding: 0;
        pointer-events: all;
        opacity: 1;
        transition: 120ms ease
    }

    .navtop-block .nav-social-media a {
        color: #fff
    }

    .navtop-block .nav-social-media a img {
        filter: none
    }

    .navtop-block.scrolling {
        background: #fff;
        box-shadow: 0 2px 20px #4041490d
    }

    .navtop-block.scrolling .menu li a {
        color: var(--color-body-text)
    }

    .navtop-block.scrolling .nav-social-media img {
        filter: brightness(1) invert(.6)
    }

    .navtop-block.scrolling .nav-social-media a {
        color: var(--color-body-text)
    }

    .navtop-block.scrolling .reach-out a {
        color: var(--color-body-text);
        border-color: var(--color-body-text)
    }

    .navtop-block.scrolling .reach-out a img {
        filter: brightness(.6)
    }

    .navtop-block.scrolling .btn.fill-white {
        background: var(--color-primary);
        color: #fff
    }

    .navtop-block.reduce {
        transition: 322ms ease-out;
        top: -23px
    }
}

@media screen and (min-width:1400px) {
    .navtop-block {
        padding: 0 var(--hpd)
    }
}

footer {
    padding: 70px 0
}

/*
footer * {
    font-family: var(--font)
}*/

footer a,
footer li a {
    color: var(--color-body-text)
}

footer h5 {
    font-size: 16px;
    margin-bottom: 20px
}

footer .logo {
    width: 150px
}

footer .logo img {
    width: 100%
}

footer .wrapper {
    display: flex;
    flex-flow: column;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 45px
}

footer .wrapper>.col p,
footer .wrapper>.col a,
footer .wrapper>.col li {
    font-size: 14px;
    transition: 200ms ease
}

footer .wrapper>.col p:hover,
footer .wrapper>.col a:hover,
footer .wrapper>.col li:hover {
    color: var(--color-primary);
    transition: 200ms ease
}

footer .wrapper>.col ul li {
    line-height: 26px
}

footer .wrapper>.col>div {
    margin: 20px 0;
    display: flex;
    flex-flow: column
}

footer .legal-notice,
footer .copyright {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0 var(--hpd);
    font-size: 13px;
    line-height: 15px;
    color: var(--color-body-text)
}

footer .legal-notice p,
footer .legal-notice a,
footer .copyright p,
footer .copyright a {
    font-size: 14px;
    line-height: 15px
}

footer .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    footer .wrapper {
        flex-flow: row;
        width: 100%;
        justify-content: space-between
    }

    footer .wrapper>.col {
        width: calc(100% / 4)
    }

    footer .wrapper>.col.logo {
        width: 15%
    }

    footer .wrapper>.col.logo img {
        width: 100%;
        max-width: 220px
    }
}

div#tarteaucitronRoot * {
    font-family: var(--font) !important
}

#tarteaucitronRoot {
    top: unset !important;
    bottom: 0
}

span#tarteaucitronDot {
    display: none !important
}

div#tarteaucitron {
    top: 50% !important;
    transform: translateY(-50%)
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    display: none !important
}

#tarteaucitronAlertBig {
    z-index: 150 !important;
    background: #2e2e30 !important;
    box-shadow: none !important;
    margin: 0 auto !important;
    padding: 15px !important;
    left: unset !important;
    top: unset !important;
    height: auto !important;
    max-width: 540px;
    transition: .5s ease-out !important;
    text-align: center !important;
    right: 2.5vw !important;
    animation: fadeInUp 500ms forwards !important;
    border-radius: 3px !important;
    bottom: 100px !important;
    align-items: center;
    width: auto !important;
    padding-left: 240px !important
}

@keyframes fadeInUp {
    from {
        transform: translate(0, 20px);
        opacity: 0
    }

    to {
        transform: translate(0, 0);
        opacity: 1
    }
}

a.tarteaucitronSelfLink {
    display: none !important
}

div#tarteaucitronAlertBig:before {
    display: none
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 13px !important;
    padding: 0 !important;
    font-family: var(--font) !important;
    position: absolute;
    width: 33%;
    margin-bottom: 10px;
    left: 10px;
    line-height: 14px !important;
    margin-top: 0 !important;
    text-align: left !important
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
    font-weight: 800;
    text-align: left
}

#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitron #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-size: 12px !important
}

#tarteaucitronRoot button {
    border-radius: 2px !important
}

.tarteaucitronCTAButton,
#tarteaucitronAlertBig button#tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-size: 14px !important;
    line-height: 1.2;
    padding: 10px 16px;
    min-width: 80px
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: var(--color-ternary) !important;
    color: #fff !important;
    cursor: pointer
}

#tarteaucitronAlertBig button#tarteaucitronPersonalize2 {
    background: var(--color-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
    margin: 0;
    font-weight: 400 !important;
    display: inline-flex !important;
    justify-content: flex-end
}

#tarteaucitronRoot .tarteaucitronCross:before,
#tarteaucitronAlertBig button#tarteaucitronPersonalize2 span {
    display: none !important
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    color: #dbdbdb !important;
    font-weight: 300 !important;
    text-align: left
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    background: var(--color-primary) !important
}

button#tarteaucitronPrivacyUrl {
    padding: 0 !important;
    opacity: .6;
    padding: 10px 0 1px !important
}

div#tarteaucitronServices {
    border-radius: var(--rounded);
    box-shadow: 0 40px 60px #545454;
    background: #fff
}

#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: #fff !important;
    border: none !important
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot .tarteaucitronDeny {
    color: #2e2e30 !important
}

#tarteaucitron #tarteaucitronClosePanel {
    top: -7px !important
}

#tarteaucitron .tarteaucitronBorder,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border-color: transparent !important;
    border: none !important
}

#tarteaucitron ul li {
    padding: 0 7px;
    border-radius: var(--rounded)
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot .tarteaucitronDeny {
    background: 0 0 !important;
    font-size: 12px !important;
    border: #ffffff69 1px solid;
    color: #ffffff69 !important;
    font-weight: 300
}

#tarteaucitron ul .tarteaucitronDeny {
    background: var(--color-primary) !important
}

#tarteaucitronRoot .tarteaucitronAllow {
    background: #fff !important;
    color: var(--color-primary) !important;
    font-size: 15px !important;
    line-height: 1.2;
    padding: 10px 16px
}

#tarteaucitronRoot .tarteaucitronCross:before {
    color: #fff !important
}

span.tarteaucitronCheck:before {
    color: var(--color-primary) !important
}

#tarteaucitronIcon {
    display: none !important;
    background: 0 0;
    position: absolute !important;
    display: none;
    width: auto;
    z-index: 100;
    left: var(--hpd) !important
}

div#tarteaucitronAlertSmall {
    left: 0 !important;
    right: unset !important
}

#tarteaucitronIcon #tarteaucitronManager {
    background: 0 0 !important;
    padding: 0 !important
}

button#tarteaucitronCookiesNumber {
    display: none !important
}

div#tarteaucitronAlertSmall {
    position: absolute;
    bottom: 20px;
    z-index: 100;
    top: unset;
    left: var(--hpd) !important;
    border-radius: var(--rounded)
}

#tarteaucitronIcon {
    width: 100px !important;
    height: 96px !important;
    position: relative !important;
    display: flex;
    z-index: 10 !important;
    justify-content: center
}

#tarteaucitronIcon #tarteaucitronManager {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important
}

#tarteaucitronIcon #tarteaucitronManager img {
    width: 60px !important;
    height: 60px !important;
    background: #ffffff94;
    border-radius: var(--round);
    padding: 8px;
    position: absolute;
    top: 0;
    transform: translateX(-50%) !important;
    left: 50% !important
}

div#tarteaucitronAlertSmall {
    background: 0 0 !important
}

#tarteaucitronRoot div#tarteaucitron {
    margin-top: 10px !important
}

@media screen and (max-width:768px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        width: 100% !important;
        max-width: calc(100% - var(--hpd)*4) !important;
        padding: 15px !important;
        margin: 0 !important;
        left: 50% !important;
        right: unset !important;
        transform: translate(-50%, 0) !important
    }

    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
        position: relative;
        text-align: center !important;
        width: 100%
    }

    #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton,
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAlertBig button#tarteaucitronPersonalize2,
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
        margin-bottom: 8px
    }

    @keyframes fadeInUp {
        from {
            transform: translate(-50%, 20px);
            opacity: 0
        }

        to {
            transform: translate(-50%, 0);
            opacity: 1
        }
    }
}

div.header {
    color: var(--color-body-text)
}

div.header .label-certif {
    max-width: 170px
}

div.header h1 {
    color: var(--color-primary)
}

div.header.main-layout {
    height: auto;
    min-height: 770px;
    justify-content: space-evenly;
    position: relative;
    padding-top: 100px;
    padding-bottom: 20px
}

div.header.main-layout .content {
    padding-top: 50px;
}

div.header.main-layout::after {
    content: '';
    width: 100%;
    height: max(28vh, 250px);
    z-index: -1;
    background: var(--color-primary);
    position: absolute;
    right: 0;
    bottom: 0
}

div.header.main-layout p {
    font-weight: 500
}

div.header.main-layout .content p {
    font-size: 18px;
    line-height: 23px
}

div.header.main-layout .img-wr {
    height: max(58vh, 500px)
}

div.header.small-layout {
    height: auto;
    min-height: 500px;
    justify-content: space-evenly
}

div.header.small-layout::after {
    content: '';
    width: 100%;
    height: max(100px + 2vh);
    z-index: -1;
    background: var(--color-primary);
    position: absolute;
    right: 0;
    bottom: 0
}

div.header.small-layout p {
    max-width: var(--container-sm)
}

@media screen and (min-width:992px) {
    div.header.small-layout h1 {
        max-width: 60vw
    }
}

div.header .list-centered li:not(:last-of-type) {
    margin-bottom: 10px
}

div.header .hero-nav {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    bottom: 0
}

div.header .hero-nav>button {
    position: relative;
    width: var(--slider_nav_height);
    height: var(--slider_nav_height);
    display: flex;
    align-items: center;
    justify-content: center
}

div.header .hero-nav>button::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

div.header .hero-nav>button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

div.header .hero-nav>button::before {
    height: 100%;
    background: var(--color-primary);
    width: 100%;
    opacity: .8;
    mix-blend-mode: multiply;
    z-index: -1
}

div.header .hero-nav>button.disabled {
    pointer-events: none
}

div.header .hero-nav>button.disabled::before {
    background: var(--color-secondary)
}

div.header .hero-nav>button::after {
    width: 100%;
    height: 100%;
    background: url(../img/svg/icon-arrow.svg) no-repeat;
    left: 0;
    top: 0;
    position: absolute;
    background-position: center center;
    filter: brightness(0) invert(1)
}

div.header .hero-nav>button:first-of-type::after {
    transform: rotate(180deg) scaleY(-1)
}

div.header .hero-nav>button span {
    display: none !important
}

.anchor-icon-arrow {
    width: auto;
    position: relative;
    height: 50px
}

.anchor-icon-arrow::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.anchor-icon-arrow::after {
    width: 30px;
    height: 30px;
    background: url(../img/svg/icon-arrow.svg) no-repeat;
    transform: rotate(90deg) translateY(50%);
    left: 50%;
    filter: brightness(0) invert(1)
}

@media screen and (min-width:992px) {
    div.header.main-layout {
        padding-top: 0;
        height: 100vh;
        justify-content: center
    }

    div.header.main-layout::after {
        width: 40%;
        height: 100%
    }

    div.header.main-layout .content {
        width: 45%
    }

    div.header.main-layout .carousel {
        width: 55%
    }

    div.header.small-layout::after {
        width: 30%;
        height: 100%;
        z-index: -1
    }
}

.bloc_atouts .item svg {
    max-width: calc(90px + 1.25vw)
}

.bloc_atouts .item p {
    font-weight: 500;
    font-size: 19px
}

.bloc_img_texte_carre_blanc .item #shape path {
    fill: var(--color-ternary)
}

.bloc_img_texte_carre_blanc .item #checkmark path {
    fill: var(--color-primary)
}

.bloc_image_texte_backdrop_overlap .wrapper {
    background: transparent;
    position: relative
}

.bloc_image_texte_backdrop_overlap .wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.bloc_image_texte_backdrop_overlap .wrapper::before {
    background: var(--color-primary);
    height: 70%;
    width: 100%;
    border-radius: var(--rounded2) var(--rounded2) 0 0;
    z-index: -2;
    right: 0;
    left: unset
}

.bloc_image_texte_backdrop_overlap .wrapper .img-wr {
    height: 450px
}

.bloc_image_texte_backdrop_overlap.reversed .wrapper::before {
    border-radius: 0 var(--rounded2) var(--rounded2) 0;
    z-index: -2;
    right: unset;
    left: 0
}

.bloc_focus_image_fond_couleur_col_texte_cta {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.bloc_focus_image_fond_couleur_col_texte_cta .wrapper>.bg-primary {
    padding: 8vh var(--hpd) var(--vpd)
}

@media screen and (min-width:992px) {
    .bloc_focus_image_fond_couleur_col_texte_cta .wrapper>.img-wr {
        height: calc(100% - 150px);
        max-height: 47vh
    }

    .bloc_focus_image_fond_couleur_col_texte_cta .wrapper .backdrop-primary-offset {
        position: relative;
        padding: 15vh var(--hpd)
    }

    .bloc_focus_image_fond_couleur_col_texte_cta .wrapper .backdrop-primary-offset::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .bloc_focus_image_fond_couleur_col_texte_cta .wrapper .backdrop-primary-offset::before {
        z-index: -1;
        transform: translateX(-30%);
        background: var(--color-primary);
        width: 100%;
        height: 100%;
        right: 0;
        border-radius: var(--rounded) 0 0 var(--rounded)
    }
}

@media screen and (min-width:1650px) {
    .bloc_focus_image_fond_couleur_col_texte_cta .wrapper .backdrop-primary-offset {
        border-radius: 0 var(--rounded) var(--rounded) 0
    }
}

.bloc_acces_rapide_cols_icons {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 10px;
    overflow: hidden;
    min-height: 600px;
    display: flex;
    justify-content: flex-start
}

.bloc_acces_rapide_cols_icons .inner-wrapper {
    position: relative
}

.bloc_acces_rapide_cols_icons .inner-wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.bloc_acces_rapide_cols_icons .inner-wrapper:before {
    width: 100%;
    height: 100%;
    background: var(--color-primary);
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    border-radius: var(--rounded);
    opacity: .12
}

.bloc_acces_rapide_cols_icons .title {
    margin-bottom: 100px
}

.bloc_acces_rapide_cols_icons .item {
    margin-bottom: 60px
}

.bloc_acces_rapide_cols_icons .item:hover .icon {
    transform: translateY(-7px) scale(1.06);
    transition: 300ms ease-in-out
}

.bloc_acces_rapide_cols_icons .item .icon {
    position: relative;
    z-index: 2;
    display: grid;
    place-content: center;
    place-items: center;
    margin-bottom: 60px;
    transform: translateY(0) scale(1);
    transition: 300ms ease-in-out
}

.bloc_acces_rapide_cols_icons .item .icon::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.bloc_acces_rapide_cols_icons .item .icon svg {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 3
}

.bloc_acces_rapide_cols_icons .item .icon svg path {
    fill: #fff
}

.bloc_acces_rapide_cols_icons .item .icon:before {
    width: 150px;
    height: 150px;
    background: var(--color-primary);
    background-size: contain;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    border-radius: var(--rounded)
}

.bloc_acces_rapide_cols_icons .item p {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .bloc_acces_rapide_cols_icons .item {
        margin-bottom: 0
    }

    .bloc_image_texte_backdrop_overlap .wrapper {
        background: transparent
    }

    .bloc_image_texte_backdrop_overlap .wrapper::before {
        background: var(--color-primary);
        height: 100%;
        width: 80%;
        border-radius: var(--rounded2) 0 0 var(--rounded2);
        z-index: -2;
        right: 0;
        left: unset
    }

    .bloc_image_texte_backdrop_overlap .wrapper .img-wr {
        height: 560px
    }
}

.bloc_testimonials_carousel {
    position: relative;
    overflow: hidden
}

.bloc_testimonials_carousel .item {
    position: relative;
    padding: 30px;
    color: var(--color-primary)
}

.bloc_testimonials_carousel .item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.bloc_testimonials_carousel .item::before {
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--rounded);
    background: var(--color-primary);
    opacity: .12
}

.toggles-wrapper .btn.toggle {
    max-width: calc(50% - var(--hpd));
    min-width: fit-content;
    background: transparent;
    border: 2px solid var(--color-secondary);
    color: var(--color-secondary)
}

.toggles-wrapper .btn.toggle:hover {
    opacity: .7
}

.toggles-wrapper .btn.toggle.visible {
    background: var(--color-secondary);
    border-color: transparent;
    color: #fff
}

.toggles-wrapper .btn.toggle:hover:not(.visible) {
    opacity: .7
}

.bloc_heading_text_toggles_over_bg .content-wrapper {
    overflow: hidden;
    border: 1px solid var(--color-primary);
    border-radius: var(--rounded)
}

.bloc_heading_text_toggles_over_bg .content-wrapper .wrapper .content>div {
    gap: 20px
}

.bloc_heading_text_toggles_over_bg .content[data-content] {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: calc(var(--gap) * 2);
    opacity: 0;
    height: 0;
    max-height: 999px;
    transition: 400ms ease
}

.bloc_heading_text_toggles_over_bg .content[data-content].visible {
    opacity: 1;
    height: auto;
    max-height: 999px;
    transition: 400ms ease
}

.bloc_heading_text_toggles_over_bg .content[data-content] p {
    margin-top: 30px
}

.bloc_text_left_list_anchors {
    display: flex;
    flex-flow: column;
    align-items: center
}

.bloc_text_left_list_anchors .anchors.color-primary li:not(:last-of-type) {
    margin-bottom: 15px
}

.bloc_text_left_list_anchors .anchors.color-primary a {
    padding-right: 63px;
    color: var(--color-primary);
    position: relative
}

.bloc_text_left_list_anchors .anchors.color-primary a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.bloc_text_left_list_anchors .anchors.color-primary a::after {
    background: url("../img/svg/icon-arrow.svg") no-repeat;
    background-size: contain;
    background-position: center center;
    width: 24px;
    height: 24px;
    right: 27px;
    left: unset;
    bottom: unset;
    transform: translateY(-50%) translateX(0);
    top: 50%;
    transition: 200ms var(--ease);
    filter: var(--filter-primary)
}

.bloc_text_left_list_anchors .anchors.color-primary a:hover {
    color: var(--color-ternary)
}

.bloc_text_left_list_anchors .anchors.color-primary a:hover::after {
    filter: brightness(0%)
}

.bloc_image_texte_heading_list .row {
    display: flex;
    align-items: center;
    width: 100%
}

.bloc_image_texte_heading_list .row .heading p {
    color: var(--color-primary);
    font-weight: 500
}

.bloc_image_texte_heading_list .table-rows-list {
    padding: 5%;
    border: 2px solid var(--color-primary);
    margin-top: 20px;
    border-radius: var(--rounded);
    display: flex;
    flex-flow: column;
    gap: 20px
}

.bloc_banner_photo_centered_headings {
    position: relative;
    overflow: hidden;
    max-width: var(--inner-cont);
    margin: 0 auto;
    border-radius: var(--rounded);
    width: 100%;
}

.bloc_banner_photo_centered_headings::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.bloc_banner_photo_centered_headings::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
    background: black;
    mix-blend-mode: multiply;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .35) 60%);
    z-index: 0
}

.bloc_col_texte_heading_col_icon_list .icon {
    filter: var(--filter-primary)
}

.content-dropdown {
    cursor: pointer;
    position: relative
}

.content-dropdown::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.content-dropdown::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.content-dropdown * {
    font-family: var(--font)
}

.content-dropdown>p:first-of-type {
    color: var(--color-primary);
    font-weight: 500;
    padding-right: 26px
}

.content-dropdown:not(:first-of-type) {
    margin-top: calc(var(--vpd)/2)
}

.content-dropdown::before {
    transform: scaleX(1);
    transform-origin: left;
    transition: 600ms var(--ease);
    background: var(--color-primary);
    width: 100%;
    position: absolute;
    height: 1px;
    top: 40px;
    bottom: unset
}

.content-dropdown::after {
    width: 30px;
    height: 30px;
    background: url(../img/svg/icon-arrow-dropdown.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    left: unset;
    right: 0;
    top: -7px;
    transform: rotate(0);
    filter: var(--filter-secondary);
    transition: 300ms ease-out
}

.content-dropdown .inner-content {
    overflow: hidden;
    transition: 300ms ease-out;
    margin-top: 50px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid transparent;
    border-radius: var(--rounded)
}

.content-dropdown .inner-content::after {
    content: "";
    display: block;
    height: 30px
}

.content-dropdown .inner-content::before {
    content: "";
    display: block;
    height: 30px
}

.content-dropdown.visible .inner-content {
    border-color: var(--color-primary)
}

.content-dropdown.visible::after {
    transform: rotate(180deg);
    transition: 300ms ease-out
}

@media screen and (min-width:992px) {
    .content-dropdown>p:first-of-type {
        font-size: 18px
    }
}

.bloc_gallery_lightbox .wrapper {
    display: grid;
    grid-gap: 10px;
    grid-template: repeat(16, minmax(50px, 100px)) / repeat(12, 1fr)
}

.bloc_gallery_lightbox .wrapper a {
    grid-column: span 12;
    grid-row: span 2;
    height: 100%;
    transition: 200ms ease-in-out;
    opacity: 1;
    overflow: hidden;
    border-radius: var(--rounded)
}

.bloc_gallery_lightbox .wrapper a:hover {
    transform: scale(.98);
    transition: 200ms ease-in-out;
    opacity: .9
}

.bloc_gallery_lightbox .wrapper a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width:992px) {
    .bloc_gallery_lightbox .wrapper a {
        grid-column: span 4;
        grid-row: span 2
    }

    .bloc_gallery_lightbox .wrapper a:nth-of-type(3n) {
        grid-row: span 5
    }

    .bloc_gallery_lightbox .wrapper a:nth-of-type(2n) {
        grid-row: span 3
    }
}

.bloc_acces_horaires_maps_iframe .transport * {
    font-family: var(--font)
}

.bloc_acces_horaires_maps_iframe .transport p:first-of-type {
    position: relative;
    font-weight: 500;
    margin-top: 30px
}

.bloc_acces_horaires_maps_iframe .map-wrapper {
    width: 100%;
    height: 100%;
    min-height: 600px
}

.bloc_acces_horaires_maps_iframe .map-wrapper iframe {
    width: 100%;
    height: 100%;
    min-height: 600px
}

.bloc_semaine_type_planning .wrapper {
    position: relative
}

.bloc_semaine_type_planning .wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.bloc_semaine_type_planning .wrapper:before {
    z-index: -2;
    width: 100%;
    height: 100%;
    border-radius: var(--rounded);
    opacity: .12;
    background: var(--color-primary)
}

.bloc_text_left_headings_img_right .img-wr {
    position: relative
}

.bloc_text_left_headings_img_right .img-wr img {
    position: absolute;
    left: 0;
    height: 100%
}

@media screen and (min-width:992px) {
    .bloc_text_left_headings_img_right .img-wr {}
}

.single-item:not(:last-of-type) {
    margin-bottom: 40px
}

.single-item p {
    color: var(--color-body-text);
    margin: 15px 0 15px 0;
    padding-top: 15px;
    border-top: 1px solid var(--color-secondary)
}

.single-item .heading .job-ref {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid var(--color-ternary)
}

.wr-js-navbar {
    color: var(--color-body-text)
}

.wr-js-navbar section {
    min-height: 600px
}

.wr-js-navbar section:nth-of-type(odd) {
    background: #f4f4f4
}

.wr-js-navbar .custom-navbar {
    position: fixed;
    top: 150px;
    width: 100%;
    left: var(--hpd)
}

.wr-js-navbar .custom-navbar .inner,
.wr-js-navbar .custom-navbar .inner>div {
    gap: 5px;
    display: flex;
    align-items: center;
    overflow: scroll;
    transition: 200ms ease
}

.wr-js-navbar .custom-navbar .label {
    background: #d7d7d7;
    border-radius: 100px;
    padding: 10px 12px;
    min-width: 300px;
    transition: 100ms ease;
    display: inline-block
}

.wr-js-navbar .custom-navbar .label.active {
    background: var(--color-body-text);
    transition: 100ms ease
}

.o-wrapper {
    min-height: max(80vh, 800px)
}

[class*="bloc_"] {
    scroll-margin-top: 130px
}

.header .content.container-sm {
    max-width: calc(980px + 4vw);
    width: 100%;
}

.navtop-block .logo {
    padding: 0;
    max-width: 190px;
}

.bloc_atouts .wrapper>div.w-100 {
    align-items: baseline;
}

.bloc_atouts .item #shape path {
    fill: var(--color-secondary);
}

.bloc_atouts .item p {
    font-size: 17px;
    line-height: 25px;
}

.navtop-block .menu>li>a {
    color: var(--color-primary) !important;
    font-weight: 500;
    font-size: 14px;
}

#activites-therapeutiques .h-md-90 {
    height: auto;
}

.tooltip-bottom-right {
    color: #ff7482 !important;
    margin: 5px 0;
    font-size: 14px;
    line-height: 17px;
    display: block;
}

.message.alert.alert-success {
    color: var(--color-primary);
    font-weight: 600;
    margin-bottom: 20px;
}

.privacy-policy p {
    margin: 0 0 20px !important;
}

.cta-menu-block .fill-primary {
    color: #fff !important;
}

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

    .bloc_image_texte_heading_list .wrapper,
    #activites-therapeutiques .wrapper,
    .bloc_text_left_headings_img_right>.fx-col .fx-md-row,
    .bloc_two_col_img_text>.wrapper {
        align-items: baseline
    }

    .bloc_two_col_img_text>.wrapper {
        margin-bottom: var(--vpd)
    }

    .bloc_two_col_img_text .img-wr,
    .bloc_two_col_img_text .img-wr img {
        max-height: 500px;
        border-radius: var(--rounded)
    }

    .bloc_two_col_img_text .img-wr img {
        object-position: center center
    }

    .bloc_text_left_headings_img_right .w-md-50:nth-of-type(2) {
        padding-right: var(--hpd)
    }

    .align_center_block>.wrapper,
    .align_center_block>.fx-col .fx-md-row {
        align-items: center
    }

    .align_center_block>.wrapper {
        margin-bottom: 0
    }

    .bloc_image_texte_heading_list .wrapper>.img-wr,
    .bloc_text_left_headings_img_right .img-wr,
    .bloc_two_col_img_text .img-wr {
        position: sticky;
        top: 90px;
        height: 100%
    }

    .bloc_text_left_headings_img_right .img-wr img {
        position: relative;
        border-radius: var(--rounded2)
    }

    .bloc_col_texte_col_slider_two_thirds .carousel-two-thirds {
        position: sticky;
        top: 0;
        height: 100%
    }

    .bloc_col_texte_col_slider_two_thirds>.wrapper {
        gap: max(50px, 3vw)
    }
}

#demarche-qualite {
    margin-top: var(--vpd);
}

@media screen and (max-height:800px) {
    .h-md-100 {
        height: unset;
        min-height: unset
    }
}

@media screen and (min-width:1199px) and (max-width:1290px) {
    .navtop-block .logo {
        padding: 0 6px;
        max-width: 190px;
        left: 0
    }
}

@media screen and (min-height:850px) and (min-width:992px) {
    .h-md-100 {
        height: auto;
        min-height: unset
    }
}

#les-equipes-soignantes .wrapper {
    padding-bottom: 0;
}

.bloc_col_texte_col_slider_two_thirds,
.bloc_text_left_list_anchors .wrapper {
    padding-bottom: 0;
}

#accompagnement-specialise .wrapper {
    padding: 0 var(--hpd);
}

@media screen and (max-width:992px) {
    .bloc_col_texte_col_slider_two_thirds>.wrapper {
        flex-flow: column
    }
}

@media screen and (max-height:900px) {
    .header.main-layout {
        min-height: 820px
    }
}

.header.main-layout p>i {
    color: var(--color-primary);
    opacity: .7;
    font-size: 15px;
}


/* Masquer menu site  */
.site-288 .menu-navtop-container .menu {
    display: none;
}
.site-288 .container .btn.cta-base,.site-288 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}

/* Masquer menu site  */
.site-289 .menu-navtop-container .menu {
    display: none;
}
.site-289 .container .btn.cta-base,.site-289 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}

/* Masquer menu site  */
.site-290 .menu-navtop-container .menu {
    display: none;
}
.site-290 .container .btn.cta-base,.site-290 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}

/* Masquer menu site  */
.site-291 .menu-navtop-container .menu {
    display: none;
}
.site-291 .container .btn.cta-base,.site-291 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}

/* Masquer menu site  */
.site-293 .menu-navtop-container .menu {
    display: none;
}
.site-293 .container .btn.cta-base,.site-293 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}

/* Masquer menu site  */
.site-294 .menu-navtop-container .menu {
    display: none;
}
.site-294 .container .btn.cta-base,.site-294 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}

/* Masquer menu site  */
.site-295 .menu-navtop-container .menu {
    display: none;
}
.site-295 .container .btn.cta-base,.site-295 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}

/* Masquer menu site  */
.site-296 .menu-navtop-container .menu {
    display: none;
}
.site-296 .container .btn.cta-base,.site-296 .container .btn.btn.outline-white {
    display: none;
}
.menu .menu-item.actualites{
    display: none;
}



/* Masquer menu site  */
.site-299 .menu-navtop-container .menu, .site-299 #burger {
    display: none;
}
.site-299 .container .btn.cta-base,.site-299 .container .btn.btn.outline-white {
    display: none;
}



/* Masquer menu site  */
.site-304 .menu-navtop-container .menu, .site-304 #burger  {
    display: none;
}
.site-304 .container .btn.cta-base,.site-304 .container .btn.btn.outline-white {
    display: none;
}


/* Masquer menu site  */

/*
.site-305 .menu-navtop-container .menu, .site-305 #burger {
    display: none;
}
.site-305 .container .btn.cta-base,.site-305 .container .btn.btn.outline-white {
    display: none;
}
*/

/* Masquer menu site  */
.site-310 .menu-navtop-container .menu, .site-311 #burger  {
    display: none;
}
.site-310 .container .btn.cta-base,.site-311 .container .btn.btn.outline-white {
    display: none;
}