/*
 * Bootstrap Extension v5.1.0 (https://bootstrap-extension.com/)
 * Copyright 2018-2022 The Bootstrap Extension Author: Peter Joiner
 * Copyright 2018-2022 A.K.K., Inc.
 * Licensed under MIT
 */
:root {
    --multinavbar-offcanvas-BgColor: rgba(0, 0, 0, 0.9);
    --multinavbar-menu-PaddingX: 20px;
    --multinavbar-menu-PaddingY: 20px;
    --multinavbar-menu-MinPaddingY: 20px;
    --multinavbar-menu-MaxPaddingY: 40px;
}

img {
    width: 100%;
}

#alert-cookie {
    display: none;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: space-between !important;
    align-items: center !important;
    z-index: 1030;
}

#alert-cookie p {
    margin: 0 1em 0 0;
}

.wb-title, .wb-numberlabel {
    font-size: 24px;
    color: #aaa;
}

.wb-lg-img {
    border: solid 6px #fff;
}

.carousel-caption-readable {
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 50px;
}

.carousel-indicators-circle li {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.o-hidden {
    overflow: hidden;
}

.monochromatic-gold img {
    filter: sepia(100%) hue-rotate(10deg) saturate(150%);
}

.monochromatic-fresh img {
    filter: sepia(100%) hue-rotate(65deg) saturate(150%);
}

.monochromatic-green img {
    filter: sepia(100%) hue-rotate(100deg) saturate(150%);
}

.monochromatic-blue img {
    filter: sepia(100%) hue-rotate(175deg) saturate(150%);
}

.monochromatic-purple img {
    filter: sepia(100%) hue-rotate(255deg) saturate(150%);
}

.monochromatic-red img {
    filter: sepia(100%) hue-rotate(300deg) saturate(150%);
}

.monochromatic-brown img {
    filter: sepia(100%) hue-rotate(340deg) saturate(150%);
}

.monochromatic-gray img, .monochromatic-grey img {
    filter: sepia(100%) saturate(0%);
}

.grayscale img, .hover-grayscale:hover img {
    filter: grayscale(1);
}

.hover-color img {
    filter: grayscale(1);
    transition: all 0.5s;
}

.hover-grayscale img, .hover-color:hover img {
    filter: grayscale(0);
}

.hover-grayscale img {
    transition: all 0.5s;
}

.hover-fade-in-overlay {
    position: relative;
    overflow: hidden;
}

.hover-fade-in-overlay img {
    display: block;
    width: 100%;
    height: auto;
}

.hover-fade-in-overlay .overlay-25, .hover-fade-in-overlay .overlay-50, .hover-fade-in-overlay .overlay-75, .hover-fade-in-overlay .overlay-100 {
    position: absolute;
    top: -50%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200%;
    width: 100%;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease;
}

.hover-fade-in-overlay .from-t {
    margin-top: -40px;
}

.hover-fade-in-overlay .from-b {
    margin-top: 40px;
}

.hover-fade-in-overlay .overlay-25:hover, .hover-fade-in-overlay .overlay-50:hover, .hover-fade-in-overlay .overlay-75:hover, .hover-fade-in-overlay .overlay-100:hover {
    margin-top: 0;
}

.hover-fade-in-overlay .overlay-25:hover {
    opacity: 0.25;
}

.hover-fade-in-overlay .overlay-50:hover {
    opacity: 0.5;
}

.hover-fade-in-overlay .overlay-75:hover {
    opacity: 0.75;
}

.hover-fade-in-overlay .overlay-100:hover {
    opacity: 1;
}

.hover-zoom-sm img, .hover-zoom img, .hover-zoom-lg img {
    float: left;
    transition: all 0.5s;
}

.hover-zoom-sm:hover img {
    transform: scale(1.05);
}

.hover-zoom:hover img {
    transform: scale(1.2);
}

.hover-zoom-lg:hover img {
    transform: scale(1.35);
}

.btn-black, .btn-chocolate, .btn-velvet, .btn-dream, .btn-sky, .btn-fresh, .btn-rose {
    color: rgba(255, 255, 255, 0.9) !important;
}

.btn-cream {
    color: rgba(0, 0, 0, 0.9) !important;
}

.bg-black, .btn-black {
    background-color: #000 !important;
}

.btn-black:hover, .btn-black:focus {
    background-color: #333 !important;
}

.text-black {
    color: #000 !important;
}

.border-black {
    border-color: #000 !important;
}

.bg-dream, .btn-dream {
    background-color: #580742 !important;
}

.btn-dream:hover, .btn-dream:focus {
    background-color: #26031d !important;
}

.text-dream {
    color: #580742 !important;
}

.border-dream {
    border-color: #580742 !important;
}

.bg-sky, .btn-sky {
    background-color: #10acf6 !important;
}

.btn-sky:hover, .btn-sky:focus {
    background-color: #0c88c2 !important;
}

.text-sky {
    color: #10acf6 !important;
}

.border-sky {
    border-color: #10acf6 !important;
}

.bg-velvet, .btn-velvet {
    background-color: #64142d !important;
}

.btn-velvet:hover, .btn-velvet:focus {
    background-color: #3d0c1c !important;
}

.text-velvet {
    color: #64142d !important;
}

.border-velvet {
    border-color: #64142d !important;
}

.bg-chocolate, .btn-chocolate {
    background-color: #5a2e2e !important;
}

.btn-chocolate:hover, .btn-chocolate:focus {
    background-color: #331a1a !important;
}

.text-chocolate {
    color: #5a2e2e !important;
}

.border-chocolate {
    border-color: #5a2e2e !important;
}

.bg-fresh, .btn-fresh {
    background-color: #53c01d !important;
}

.btn-fresh:hover, .btn-fresh:focus {
    background-color: #3d8c15 !important;
}

.text-fresh {
    color: #53c01d !important;
}

.border-fresh {
    border-color: #53c01d !important;
}

.bg-rose, .btn-rose {
    background-color: #e982a6 !important;
}

.btn-rose:hover, .btn-rose:focus {
    background-color: #b56581 !important;
}

.text-rose {
    color: #e982a6 !important;
}

.border-rose {
    border-color: #e982a6 !important;
}

.bg-cream, .btn-cream {
    background-color: #f2e4bd !important;
}

.btn-cream:hover, .btn-cream:focus {
    background-color: #bfb495 !important;
}

.text-cream {
    color: #f2e4bd !important;
}

.border-cream {
    border-color: #f2e4bd !important;
}

.border-6 {
    border-width: 6px !important;
}

.border-7 {
    border-width: 7px !important;
}

.border-8 {
    border-width: 8px !important;
}

.border-9 {
    border-width: 9px !important;
}

.border-10 {
    border-width: 10px !important;
}

.dividered::after {
    content: "";
    display: flex;
    width: 140px;
    border-top: solid 2px;
    margin: 20px auto 0 0;
    transition: all 0.4s;
}

.dividered-animated::after {
    width: 0;
}

.dividered-start::after {
    margin: 20px auto 0 0;
}

.dividered-center::after {
    margin: 20px auto 0 auto;
}

.dividered-end::after {
    margin: 20px 0 0 auto;
}

@media (min-width: 576px) {
    .dividered-sm-start::after {
        margin: 20px auto 0 0;
    }

    .dividered-sm-center::after {
        margin: 20px auto 0 auto;
    }

    .dividered-sm-end::after {
        margin: 20px 0 0 auto;
    }
}

@media (min-width: 768px) {
    .dividered-md-start::after {
        margin: 20px auto 0 0;
    }

    .dividered-md-center::after {
        margin: 20px auto 0 auto;
    }

    .dividered-md-end::after {
        margin: 20px 0 0 auto;
    }
}

@media (min-width: 992px) {
    .dividered-lg-start::after {
        margin: 20px auto 0 0;
    }

    .dividered-lg-center::after {
        margin: 20px auto 0 auto;
    }

    .dividered-lg-end::after {
        margin: 20px 0 0 auto;
    }
}

@media (min-width: 1200px) {
    .dividered-xl-start::after {
        margin: 20px auto 0 0;
    }

    .dividered-xl-center::after {
        margin: 20px auto 0 auto;
    }

    .dividered-xl-end::after {
        margin: 20px 0 0 auto;
    }
}

@media (min-width: 1400px) {
    .dividered-xxl-start::after {
        margin: 20px auto 0 0;
    }

    .dividered-xxl-center::after {
        margin: 20px auto 0 auto;
    }

    .dividered-xxl-end::after {
        margin: 20px 0 0 auto;
    }
}

.dividered-animated:hover::after {
    width: 140px;
}

.dividered-primary::after {
    border-color: #0d6efd;
}

.dividered-secondary::after {
    border-color: #6c757d;
}

.dividered-success::after {
    border-color: #198754;
}

.dividered-info::after {
    border-color: #0dcaf0;
}

.dividered-warning::after {
    border-color: #ffc107;
}

.dividered-danger::after {
    border-color: #dc3545;
}

.dividered-light::after {
    border-color: #f8f9fa;
}

.dividered-dark::after {
    border-color: #212529;
}

.dividered-white::after {
    border-color: #fff;
}

.dividered-black::after {
    border-color: #000;
}

.dividered-chocolate::after {
    border-color: #5a2e2e;
}

.dividered-velvet::after {
    border-color: #64142d;
}

.dividered-dream::after {
    border-color: #580742;
}

.dividered-sky::after {
    border-color: #10acf6;
}

.dividered-fresh::after {
    border-color: #53c01d;
}

.dividered-rose::after {
    border-color: #e982a6;
}

.dividered-cream::after {
    border-color: #f2e4bd;
}

.image-for-input {
    display: none;
}

.image-for-input+img {
    cursor: pointer;
}

select.ph-light, select.ph-light:focus, .ph-light::placeholder  {
    color: #aaa !important;
    opacity: 1;
}

select.ph-light, select.ph-light:focus, .ph-light:-ms-input-placeholder {
    color: #aaa;
}

.ph-light option, .ph-dark option, select.ph-light.normalColor {
    color: #495057 !important;
}

select.ph-dark, select.ph-dark:focus, .ph-dark::placeholder  {
    color: #666;
    opacity: 1;
}

select.ph-dark, select.ph-dark:focus, .ph-dark:-ms-input-placeholder {
    color: #666;
}

input.ph-dark, textarea.ph-dark, select.ph-dark.normalColor {
    color: #aaa !important;
}

.modal.from-right .modal-dialog {
    position: fixed !important;
    margin: 0 !important;
    right: -360px !important;
    width: 360px !important;
    height: auto! important;
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    -o-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    -webkit-transition: right 0.5s ease-out !important;
    -moz-transition: right 0.5s ease-out !important;
    -o-transition: right 0.5s ease-out !important;
    transition: right 0.5s ease-out !important;
}

.modal.from-right.show .modal-dialog {
    right: 0 !important;
}

.parallax {
    background-attachment: fixed;
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }

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

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

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

.m-n6,
.mb-n6,
.my-n6 {
    margin-bottom: -6rem !important;
}

.m-6,
.ms-6,
.mx-6 {
    margin-left: 6rem !important;
}

.m-n6,
.ms-n6,
.mx-n6 {
    margin-left: -6rem !important;
}

.m-6,
.me-6,
.mx-6 {
    margin-right: 6rem !important;
}

.m-n6,
.me-n6,
.mx-n6 {
    margin-right: -6rem !important;
}

.p-6,
.pt-6,
.py-6 {
    padding-top: 6rem !important;
}

.p-6,
.pb-6,
.py-6 {
    padding-bottom: 6rem !important;
}

.p-6,
.ps-6,
.px-6 {
    padding-left: 6rem !important;
}

.p-6,
.pe-6,
.px-6 {
    padding-right: 6rem !important;
}

.m-7,
.mt-7,
.my-7 {
    margin-top: 10rem !important;
}

.m-n7,
.mt-n7,
.my-n7 {
    margin-top: -10rem !important;
}

.m-7,
.mb-7,
.my-7 {
    margin-bottom: 10rem !important;
}

.m-n7,
.mb-n7,
.my-n7 {
    margin-bottom: -10rem !important;
}

.m-7,
.ms-7,
.mx-7 {
    margin-left: 10rem !important;
}

.m-n7,
.ms-n7,
.mx-n7 {
    margin-left: -10rem !important;
}

.m-7,
.me-7,
.mx-7 {
    margin-right: 10rem !important;
}

.m-n7,
.me-n7,
.mx-n7 {
    margin-right: -10rem !important;
}

.p-7,
.pt-7,
.py-7 {
    padding-top: 10rem !important;
}

.p-7,
.pb-7,
.py-7 {
    padding-bottom: 10rem !important;
}

.p-7,
.ps-7,
.px-7 {
    padding-left: 10rem !important;
}

.p-7,
.pe-7,
.px-7 {
    padding-right: 10rem !important;
}

.m-8,
.mt-8,
.my-8 {
    margin-top: 20rem !important;
}

.m-n8,
.mt-n8,
.my-n8 {
    margin-top: -20rem !important;
}

.m-8,
.mb-8,
.my-8 {
    margin-bottom: 20rem !important;
}

.m-n8,
.mb-n8,
.my-n8 {
    margin-bottom: -20rem !important;
}

.m-8,
.ms-8,
.mx-8 {
    margin-left: 20rem !important;
}

.m-n8,
.ms-n8,
.mx-n8 {
    margin-left: -20rem !important;
}

.m-8,
.me-8,
.mx-8 {
    margin-right: 20rem !important;
}

.m-n8,
.me-n8,
.mx-n8 {
    margin-right: -20rem !important;
}

.p-8,
.pt-8,
.py-8 {
    padding-top: 20rem !important;
}

.p-8,
.pb-8,
.py-8 {
    padding-bottom: 20rem !important;
}

.p-8,
.ps-8,
.px-8 {
    padding-left: 20rem !important;
}

.p-8,
.pe-8,
.px-8 {
    padding-right: 20rem !important;
}

.display-7, .display-8 {
    font-weight: 300;
    line-height: 1.2;
}

.display-7 {
    font-size: calc(1.325rem + 0.9vw);
}

.display-8 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    .display-7 {
        font-size: 2rem;
    }

    .display-8 {
        font-size: 1.5rem;
    }
}

.ls-1 { letter-spacing: 0.25rem; }
.ls-2 { letter-spacing: 0.5rem; }
.ls-3 { letter-spacing: 1rem; }
.ls-4 { letter-spacing: 1.5rem; }
.ls-5 { letter-spacing: 2rem; }
.ls-6 { letter-spacing: 2.5rem; }
.ls-7 { letter-spacing: 3rem; }
.ls-8 { letter-spacing: 5rem; }

.col-pull-12 { margin-left: -100%; }
.col-pull-11 { margin-left: -91.66666667%; }
.col-pull-10 { margin-left: -83.33333333%; }
.col-pull-9 { margin-left: -75%; }
.col-pull-8 { margin-left: -66.66666667%; }
.col-pull-7 { margin-left: -58.33333333%; }
.col-pull-6 { margin-left: -50%; }
.col-pull-5 { margin-left: -41.66666667%; }
.col-pull-4 { margin-left: -33.33333333%; }
.col-pull-3 { margin-left: -25%; }
.col-pull-2 { margin-left: -16.66666667%; }
.col-pull-1 { margin-left: -8.33333333%; }
.col-pull-0 { margin-left: 0; }
.col-push-12 { margin-left: 100%; }
.col-push-11 { margin-left: 91.66666667%; }
.col-push-10 { margin-left: 83.33333333%; }
.col-push-9 { margin-left: 75%; }
.col-push-8 { margin-left: 66.66666667%; }
.col-push-7 { margin-left: 58.33333333%; }
.col-push-6 { margin-left: 50%; }
.col-push-5 { margin-left: 41.66666667%; }
.col-push-4 { margin-left: 33.33333333%; }
.col-push-3 { margin-left: 25%; }
.col-push-2 { margin-left: 16.66666667%; }
.col-push-1 { margin-left: 8.33333333%; }
.col-push-0 { margin-left: 0; }
.rotate-l-5 { transform: rotate(-5deg); }
.rotate-l-10 { transform: rotate(-10deg); }
.rotate-l-15 { transform: rotate(-15deg); }
.rotate-l-20 { transform: rotate(-20deg); }
.rotate-l-25 { transform: rotate(-25deg); }
.rotate-l-30 { transform: rotate(-30deg); }
.rotate-l-35 { transform: rotate(-35deg); }
.rotate-l-40 { transform: rotate(-40deg); }
.rotate-l-45 { transform: rotate(-45deg); }
.rotate-l-50 { transform: rotate(-50deg); }
.rotate-l-55 { transform: rotate(-55deg); }
.rotate-l-60 { transform: rotate(-60deg); }
.rotate-l-65 { transform: rotate(-65deg); }
.rotate-l-70 { transform: rotate(-70deg); }
.rotate-l-75 { transform: rotate(-75deg); }
.rotate-l-80 { transform: rotate(-80deg); }
.rotate-l-85 { transform: rotate(-85deg); }
.rotate-l-90 { transform: rotate(-90deg); }
.rotate-r-5 { transform: rotate(5deg); }
.rotate-r-10 { transform: rotate(10deg); }
.rotate-r-15 { transform: rotate(15deg); }
.rotate-r-20 { transform: rotate(20deg); }
.rotate-r-25 { transform: rotate(25deg); }
.rotate-r-30 { transform: rotate(30deg); }
.rotate-r-35 { transform: rotate(35deg); }
.rotate-r-40 { transform: rotate(40deg); }
.rotate-r-45 { transform: rotate(45deg); }
.rotate-r-50 { transform: rotate(50deg); }
.rotate-r-55 { transform: rotate(55deg); }
.rotate-r-60 { transform: rotate(60deg); }
.rotate-r-65 { transform: rotate(65deg); }
.rotate-r-70 { transform: rotate(70deg); }
.rotate-r-75 { transform: rotate(75deg); }
.rotate-r-80 { transform: rotate(80deg); }
.rotate-r-85 { transform: rotate(85deg); }
.rotate-r-90 { transform: rotate(90deg); }

@media (min-width: 576px) {
    .col-sm-pull-12 { margin-left: -100%; }
    .col-sm-pull-11 { margin-left: -91.66666667%; }
    .col-sm-pull-10 { margin-left: -83.33333333%; }
    .col-sm-pull-9 { margin-left: -75%; }
    .col-sm-pull-8 { margin-left: -66.66666667%; }
    .col-sm-pull-7 { margin-left: -58.33333333%; }
    .col-sm-pull-6 { margin-left: -50%; }
    .col-sm-pull-5 { margin-left: -41.66666667%; }
    .col-sm-pull-4 { margin-left: -33.33333333%; }
    .col-sm-pull-3 { margin-left: -25%; }
    .col-sm-pull-2 { margin-left: -16.66666667%; }
    .col-sm-pull-1 { margin-left: -8.33333333%; }
    .col-sm-pull-0 { margin-left: 0; }
    .col-sm-push-12 { margin-left: 100%; }
    .col-sm-push-11 { margin-left: 91.66666667%; }
    .col-sm-push-10 { margin-left: 83.33333333%; }
    .col-sm-push-9 { margin-left: 75%; }
    .col-sm-push-8 { margin-left: 66.66666667%; }
    .col-sm-push-7 { margin-left: 58.33333333%; }
    .col-sm-push-6 { margin-left: 50%; }
    .col-sm-push-5 { margin-left: 41.66666667%; }
    .col-sm-push-4 { margin-left: 33.33333333%; }
    .col-sm-push-3 { margin-left: 25%; }
    .col-sm-push-2 { margin-left: 16.66666667%; }
    .col-sm-push-1 { margin-left: 8.33333333%; }
    .col-sm-push-0 { margin-left: 0; }
    .rotate-sm-l-5 { transform: rotate(-5deg); }
    .rotate-sm-l-10 { transform: rotate(-10deg); }
    .rotate-sm-l-15 { transform: rotate(-15deg); }
    .rotate-sm-l-20 { transform: rotate(-20deg); }
    .rotate-sm-l-25 { transform: rotate(-25deg); }
    .rotate-sm-l-30 { transform: rotate(-30deg); }
    .rotate-sm-l-35 { transform: rotate(-35deg); }
    .rotate-sm-l-40 { transform: rotate(-40deg); }
    .rotate-sm-l-45 { transform: rotate(-45deg); }
    .rotate-sm-l-50 { transform: rotate(-50deg); }
    .rotate-sm-l-55 { transform: rotate(-55deg); }
    .rotate-sm-l-60 { transform: rotate(-60deg); }
    .rotate-sm-l-65 { transform: rotate(-65deg); }
    .rotate-sm-l-70 { transform: rotate(-70deg); }
    .rotate-sm-l-75 { transform: rotate(-75deg); }
    .rotate-sm-l-80 { transform: rotate(-80deg); }
    .rotate-sm-l-85 { transform: rotate(-85deg); }
    .rotate-sm-l-90 { transform: rotate(-90deg); }
    .rotate-sm-r-5 { transform: rotate(5deg); }
    .rotate-sm-r-10 { transform: rotate(10deg); }
    .rotate-sm-r-15 { transform: rotate(15deg); }
    .rotate-sm-r-20 { transform: rotate(20deg); }
    .rotate-sm-r-25 { transform: rotate(25deg); }
    .rotate-sm-r-30 { transform: rotate(30deg); }
    .rotate-sm-r-35 { transform: rotate(35deg); }
    .rotate-sm-r-40 { transform: rotate(40deg); }
    .rotate-sm-r-45 { transform: rotate(45deg); }
    .rotate-sm-r-50 { transform: rotate(50deg); }
    .rotate-sm-r-55 { transform: rotate(55deg); }
    .rotate-sm-r-60 { transform: rotate(60deg); }
    .rotate-sm-r-65 { transform: rotate(65deg); }
    .rotate-sm-r-70 { transform: rotate(70deg); }
    .rotate-sm-r-75 { transform: rotate(75deg); }
    .rotate-sm-r-80 { transform: rotate(80deg); }
    .rotate-sm-r-85 { transform: rotate(85deg); }
    .rotate-sm-r-90 { transform: rotate(90deg); }
}

@media (min-width: 768px) {
    .col-md-pull-12 { margin-left: -100%; }
    .col-md-pull-11 { margin-left: -91.66666667%; }
    .col-md-pull-10 { margin-left: -83.33333333%; }
    .col-md-pull-9 { margin-left: -75%; }
    .col-md-pull-8 { margin-left: -66.66666667%; }
    .col-md-pull-7 { margin-left: -58.33333333%; }
    .col-md-pull-6 { margin-left: -50%; }
    .col-md-pull-5 { margin-left: -41.66666667%; }
    .col-md-pull-4 { margin-left: -33.33333333%; }
    .col-md-pull-3 { margin-left: -25%; }
    .col-md-pull-2 { margin-left: -16.66666667%; }
    .col-md-pull-1 { margin-left: -8.33333333%; }
    .col-md-pull-0 { margin-left: 0; }
    .col-md-push-12 { margin-left: 100%; }
    .col-md-push-11 { margin-left: 91.66666667%; }
    .col-md-push-10 { margin-left: 83.33333333%; }
    .col-md-push-9 { margin-left: 75%; }
    .col-md-push-8 { margin-left: 66.66666667%; }
    .col-md-push-7 { margin-left: 58.33333333%; }
    .col-md-push-6 { margin-left: 50%; }
    .col-md-push-5 { margin-left: 41.66666667%; }
    .col-md-push-4 { margin-left: 33.33333333%; }
    .col-md-push-3 { margin-left: 25%; }
    .col-md-push-2 { margin-left: 16.66666667%; }
    .col-md-push-1 { margin-left: 8.33333333%; }
    .col-md-push-0 { margin-left: 0; }
    .rotate-md-l-5 { transform: rotate(-5deg); }
    .rotate-md-l-10 { transform: rotate(-10deg); }
    .rotate-md-l-15 { transform: rotate(-15deg); }
    .rotate-md-l-20 { transform: rotate(-20deg); }
    .rotate-md-l-25 { transform: rotate(-25deg); }
    .rotate-md-l-30 { transform: rotate(-30deg); }
    .rotate-md-l-35 { transform: rotate(-35deg); }
    .rotate-md-l-40 { transform: rotate(-40deg); }
    .rotate-md-l-45 { transform: rotate(-45deg); }
    .rotate-md-l-50 { transform: rotate(-50deg); }
    .rotate-md-l-55 { transform: rotate(-55deg); }
    .rotate-md-l-60 { transform: rotate(-60deg); }
    .rotate-md-l-65 { transform: rotate(-65deg); }
    .rotate-md-l-70 { transform: rotate(-70deg); }
    .rotate-md-l-75 { transform: rotate(-75deg); }
    .rotate-md-l-80 { transform: rotate(-80deg); }
    .rotate-md-l-85 { transform: rotate(-85deg); }
    .rotate-md-l-90 { transform: rotate(-90deg); }
    .rotate-md-r-5 { transform: rotate(5deg); }
    .rotate-md-r-10 { transform: rotate(10deg); }
    .rotate-md-r-15 { transform: rotate(15deg); }
    .rotate-md-r-20 { transform: rotate(20deg); }
    .rotate-md-r-25 { transform: rotate(25deg); }
    .rotate-md-r-30 { transform: rotate(30deg); }
    .rotate-md-r-35 { transform: rotate(35deg); }
    .rotate-md-r-40 { transform: rotate(40deg); }
    .rotate-md-r-45 { transform: rotate(45deg); }
    .rotate-md-r-50 { transform: rotate(50deg); }
    .rotate-md-r-55 { transform: rotate(55deg); }
    .rotate-md-r-60 { transform: rotate(60deg); }
    .rotate-md-r-65 { transform: rotate(65deg); }
    .rotate-md-r-70 { transform: rotate(70deg); }
    .rotate-md-r-75 { transform: rotate(75deg); }
    .rotate-md-r-80 { transform: rotate(80deg); }
    .rotate-md-r-85 { transform: rotate(85deg); }
    .rotate-md-r-90 { transform: rotate(90deg); }
}

@media (min-width: 992px) {
    .col-lg-pull-12 { margin-left: -100%; }
    .col-lg-pull-11 { margin-left: -91.66666667%; }
    .col-lg-pull-10 { margin-left: -83.33333333%; }
    .col-lg-pull-9 { margin-left: -75%; }
    .col-lg-pull-8 { margin-left: -66.66666667%; }
    .col-lg-pull-7 { margin-left: -58.33333333%; }
    .col-lg-pull-6 { margin-left: -50%; }
    .col-lg-pull-5 { margin-left: -41.66666667%; }
    .col-lg-pull-4 { margin-left: -33.33333333%; }
    .col-lg-pull-3 { margin-left: -25%; }
    .col-lg-pull-2 { margin-left: -16.66666667%; }
    .col-lg-pull-1 { margin-left: -8.33333333%; }
    .col-lg-pull-0 { margin-right: 0; }
    .col-lg-push-12 { margin-left: 100%; }
    .col-lg-push-11 { margin-left: 91.66666667%; }
    .col-lg-push-10 { margin-left: 83.33333333%; }
    .col-lg-push-9 { margin-left: 75%; }
    .col-lg-push-8 { margin-left: 66.66666667%; }
    .col-lg-push-7 { margin-left: 58.33333333%; }
    .col-lg-push-6 { margin-left: 50%; }
    .col-lg-push-5 { margin-left: 41.66666667%; }
    .col-lg-push-4 { margin-left: 33.33333333%; }
    .col-lg-push-3 { margin-left: 25%; }
    .col-lg-push-2 { margin-left: 16.66666667%; }
    .col-lg-push-1 { margin-left: 8.33333333%; }
    .col-lg-push-0 { margin-left: 0; }
    .rotate-lg-l-5 { transform: rotate(-5deg); }
    .rotate-lg-l-10 { transform: rotate(-10deg); }
    .rotate-lg-l-15 { transform: rotate(-15deg); }
    .rotate-lg-l-20 { transform: rotate(-20deg); }
    .rotate-lg-l-25 { transform: rotate(-25deg); }
    .rotate-lg-l-30 { transform: rotate(-30deg); }
    .rotate-lg-l-35 { transform: rotate(-35deg); }
    .rotate-lg-l-40 { transform: rotate(-40deg); }
    .rotate-lg-l-45 { transform: rotate(-45deg); }
    .rotate-lg-l-50 { transform: rotate(-50deg); }
    .rotate-lg-l-55 { transform: rotate(-55deg); }
    .rotate-lg-l-60 { transform: rotate(-60deg); }
    .rotate-lg-l-65 { transform: rotate(-65deg); }
    .rotate-lg-l-70 { transform: rotate(-70deg); }
    .rotate-lg-l-75 { transform: rotate(-75deg); }
    .rotate-lg-l-80 { transform: rotate(-80deg); }
    .rotate-lg-l-85 { transform: rotate(-85deg); }
    .rotate-lg-l-90 { transform: rotate(-90deg); }
    .rotate-lg-r-5 { transform: rotate(5deg); }
    .rotate-lg-r-10 { transform: rotate(10deg); }
    .rotate-lg-r-15 { transform: rotate(15deg); }
    .rotate-lg-r-20 { transform: rotate(20deg); }
    .rotate-lg-r-25 { transform: rotate(25deg); }
    .rotate-lg-r-30 { transform: rotate(30deg); }
    .rotate-lg-r-35 { transform: rotate(35deg); }
    .rotate-lg-r-40 { transform: rotate(40deg); }
    .rotate-lg-r-45 { transform: rotate(45deg); }
    .rotate-lg-r-50 { transform: rotate(50deg); }
    .rotate-lg-r-55 { transform: rotate(55deg); }
    .rotate-lg-r-60 { transform: rotate(60deg); }
    .rotate-lg-r-65 { transform: rotate(65deg); }
    .rotate-lg-r-70 { transform: rotate(70deg); }
    .rotate-lg-r-75 { transform: rotate(75deg); }
    .rotate-lg-r-80 { transform: rotate(80deg); }
    .rotate-lg-r-85 { transform: rotate(85deg); }
    .rotate-lg-r-90 { transform: rotate(90deg); }
}

@media (min-width: 1200px) {
    .col-xl-pull-12 { margin-left: -100%; }
    .col-xl-pull-11 { margin-left: -91.66666667%; }
    .col-xl-pull-10 { margin-left: -83.33333333%; }
    .col-xl-pull-9 { margin-left: -75%; }
    .col-xl-pull-8 { margin-left: -66.66666667%; }
    .col-xl-pull-7 { margin-left: -58.33333333%; }
    .col-xl-pull-6 { margin-left: -50%; }
    .col-xl-pull-5 { margin-left: -41.66666667%; }
    .col-xl-pull-4 { margin-left: -33.33333333%; }
    .col-xl-pull-3 { margin-left: -25%; }
    .col-xl-pull-2 { margin-left: -16.66666667%; }
    .col-xl-pull-1 { margin-left: -8.33333333%; }
    .col-xl-pull-0 { margin-left: 0; }
    .col-xl-push-12 { margin-left: 100%; }
    .col-xl-push-11 { margin-left: 91.66666667%; }
    .col-xl-push-10 { margin-left: 83.33333333%; }
    .col-xl-push-9 { margin-left: 75%; }
    .col-xl-push-8 { margin-left: 66.66666667%; }
    .col-xl-push-7 { margin-left: 58.33333333%; }
    .col-xl-push-6 { margin-left: 50%; }
    .col-xl-push-5 { margin-left: 41.66666667%; }
    .col-xl-push-4 { margin-left: 33.33333333%; }
    .col-xl-push-3 { margin-left: 25%; }
    .col-xl-push-2 { margin-left: 16.66666667%; }
    .col-xl-push-1 { margin-left: 8.33333333%; }
    .col-xl-push-0 { margin-left: 0; }
    .rotate-xl-l-5 { transform: rotate(-5deg); }
    .rotate-xl-l-10 { transform: rotate(-10deg); }
    .rotate-xl-l-15 { transform: rotate(-15deg); }
    .rotate-xl-l-20 { transform: rotate(-20deg); }
    .rotate-xl-l-25 { transform: rotate(-25deg); }
    .rotate-xl-l-30 { transform: rotate(-30deg); }
    .rotate-xl-l-35 { transform: rotate(-35deg); }
    .rotate-xl-l-40 { transform: rotate(-40deg); }
    .rotate-xl-l-45 { transform: rotate(-45deg); }
    .rotate-xl-l-50 { transform: rotate(-50deg); }
    .rotate-xl-l-55 { transform: rotate(-55deg); }
    .rotate-xl-l-60 { transform: rotate(-60deg); }
    .rotate-xl-l-65 { transform: rotate(-65deg); }
    .rotate-xl-l-70 { transform: rotate(-70deg); }
    .rotate-xl-l-75 { transform: rotate(-75deg); }
    .rotate-xl-l-80 { transform: rotate(-80deg); }
    .rotate-xl-l-85 { transform: rotate(-85deg); }
    .rotate-xl-l-90 { transform: rotate(-90deg); }
    .rotate-xl-r-5 { transform: rotate(5deg); }
    .rotate-xl-r-10 { transform: rotate(10deg); }
    .rotate-xl-r-15 { transform: rotate(15deg); }
    .rotate-xl-r-20 { transform: rotate(20deg); }
    .rotate-xl-r-25 { transform: rotate(25deg); }
    .rotate-xl-r-30 { transform: rotate(30deg); }
    .rotate-xl-r-35 { transform: rotate(35deg); }
    .rotate-xl-r-40 { transform: rotate(40deg); }
    .rotate-xl-r-45 { transform: rotate(45deg); }
    .rotate-xl-r-50 { transform: rotate(50deg); }
    .rotate-xl-r-55 { transform: rotate(55deg); }
    .rotate-xl-r-60 { transform: rotate(60deg); }
    .rotate-xl-r-65 { transform: rotate(65deg); }
    .rotate-xl-r-70 { transform: rotate(70deg); }
    .rotate-xl-r-75 { transform: rotate(75deg); }
    .rotate-xl-r-80 { transform: rotate(80deg); }
    .rotate-xl-r-85 { transform: rotate(85deg); }
    .rotate-xl-r-90 { transform: rotate(90deg); }
}

@media (min-width: 1400px) {
    .col-xxl-pull-12 { margin-left: -100%; }
    .col-xxl-pull-11 { margin-left: -91.66666667%; }
    .col-xxl-pull-10 { margin-left: -83.33333333%; }
    .col-xxl-pull-9 { margin-left: -75%; }
    .col-xxl-pull-8 { margin-left: -66.66666667%; }
    .col-xxl-pull-7 { margin-left: -58.33333333%; }
    .col-xxl-pull-6 { margin-left: -50%; }
    .col-xxl-pull-5 { margin-left: -41.66666667%; }
    .col-xxl-pull-4 { margin-left: -33.33333333%; }
    .col-xxl-pull-3 { margin-left: -25%; }
    .col-xxl-pull-2 { margin-left: -16.66666667%; }
    .col-xxl-pull-1 { margin-left: -8.33333333%; }
    .col-xxl-pull-0 { margin-left: 0; }
    .col-xxl-push-12 { margin-left: 100%; }
    .col-xxl-push-11 { margin-left: 91.66666667%; }
    .col-xxl-push-10 { margin-left: 83.33333333%; }
    .col-xxl-push-9 { margin-left: 75%; }
    .col-xxl-push-8 { margin-left: 66.66666667%; }
    .col-xxl-push-7 { margin-left: 58.33333333%; }
    .col-xxl-push-6 { margin-left: 50%; }
    .col-xxl-push-5 { margin-left: 41.66666667%; }
    .col-xxl-push-4 { margin-left: 33.33333333%; }
    .col-xxl-push-3 { margin-left: 25%; }
    .col-xxl-push-2 { margin-left: 16.66666667%; }
    .col-xxl-push-1 { margin-left: 8.33333333%; }
    .col-xxl-push-0 { margin-left: 0; }
    .rotate-xxl-l-5 { transform: rotate(-5deg); }
    .rotate-xxl-l-10 { transform: rotate(-10deg); }
    .rotate-xxl-l-15 { transform: rotate(-15deg); }
    .rotate-xxl-l-20 { transform: rotate(-20deg); }
    .rotate-xxl-l-25 { transform: rotate(-25deg); }
    .rotate-xxl-l-30 { transform: rotate(-30deg); }
    .rotate-xxl-l-35 { transform: rotate(-35deg); }
    .rotate-xxl-l-40 { transform: rotate(-40deg); }
    .rotate-xxl-l-45 { transform: rotate(-45deg); }
    .rotate-xxl-l-50 { transform: rotate(-50deg); }
    .rotate-xxl-l-55 { transform: rotate(-55deg); }
    .rotate-xxl-l-60 { transform: rotate(-60deg); }
    .rotate-xxl-l-65 { transform: rotate(-65deg); }
    .rotate-xxl-l-70 { transform: rotate(-70deg); }
    .rotate-xxl-l-75 { transform: rotate(-75deg); }
    .rotate-xxl-l-80 { transform: rotate(-80deg); }
    .rotate-xxl-l-85 { transform: rotate(-85deg); }
    .rotate-xxl-l-90 { transform: rotate(-90deg); }
    .rotate-xxl-r-5 { transform: rotate(5deg); }
    .rotate-xxl-r-10 { transform: rotate(10deg); }
    .rotate-xxl-r-15 { transform: rotate(15deg); }
    .rotate-xxl-r-20 { transform: rotate(20deg); }
    .rotate-xxl-r-25 { transform: rotate(25deg); }
    .rotate-xxl-r-30 { transform: rotate(30deg); }
    .rotate-xxl-r-35 { transform: rotate(35deg); }
    .rotate-xxl-r-40 { transform: rotate(40deg); }
    .rotate-xxl-r-45 { transform: rotate(45deg); }
    .rotate-xxl-r-50 { transform: rotate(50deg); }
    .rotate-xxl-r-55 { transform: rotate(55deg); }
    .rotate-xxl-r-60 { transform: rotate(60deg); }
    .rotate-xxl-r-65 { transform: rotate(65deg); }
    .rotate-xxl-r-70 { transform: rotate(70deg); }
    .rotate-xxl-r-75 { transform: rotate(75deg); }
    .rotate-xxl-r-80 { transform: rotate(80deg); }
    .rotate-xxl-r-85 { transform: rotate(85deg); }
    .rotate-xxl-r-90 { transform: rotate(90deg); }
}

.multi-navbar {
    position: sticky;
    top: 0;
    z-index: 10000;
    color: #fff; /* hamburger button color */
}

.multi-navbar nav, .multi-navbar .topbar {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.multi-navbar nav ul {
    flex-direction: column;
    position: fixed;
    right: -300px;
    top: 0;
    background-color: var(--multinavbar-offcanvas-BgColor);
    width: 300px;
    height: 3000px;
    transition: right 0.5s;
}

.multi-navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.multi-navbar a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    box-sizing: content-box;
}

.multi-navbar .topbar {
    padding: 10px;
    overflow: hidden;
    transition: all 0.5s;
    box-sizing: content-box;
}

.multi-navbar .topbar ul {
    align-items: center;
}

.multi-navbar .topbar ul li {
    padding-left: 10px;
    padding-right: 10px;
}

.multi-navbar .topbar ul li a {
}

.multi-navbar .multi-navbar-brand {
    font-weight: bold;
    font-size: 27px;
    padding: 0 var(--multinavbar-menu-PaddingX);
    transition: all 0.5s;
}

.multi-navbar nav ul li a {
    padding: var(--multinavbar-menu-PaddingY) var(--multinavbar-menu-PaddingX);
    font-size: 18px;
}

.multi-navbar .btn-hamburger, .multi-navbar nav ul li, .multi-navbar nav ul li a, .multi-navbar nav ul li:first-child {
    display: block;
}

.multi-navbar nav ul li:first-child a { /* close button */
    width: 24px;
    cursor: pointer;
}

.multi-navbar .btn-hamburger {
    cursor: pointer;
    padding: calc(var(--multinavbar-menu-PaddingY) - 7px) var(--multinavbar-menu-PaddingX);
}

@media (min-width: 576px) {
    .multi-navbar.multi-navbar-expand-sm nav ul {
        position: static;
        flex-direction: row;
        right: auto;
        width: auto;
        height: auto;
        background-color: transparent;
    }
    
    .multi-navbar.multi-navbar-expand-sm .btn-hamburger, .multi-navbar.multi-navbar-expand-sm nav ul li:first-child {
        display: none;
    }
    
    .multi-navbar.multi-navbar-expand-sm nav ul li a {
        padding: var(--multinavbar-menu-PaddingY) var(--multinavbar-menu-PaddingX);
        line-height: 100%;
        transition: all 0.5s;
    }
}

@media (min-width: 768px) {
    .multi-navbar.multi-navbar-expand-md nav ul {
        position: static;
        flex-direction: row;
        right: auto;
        width: auto;
        height: auto;
        background-color: transparent;
    }
    
    .multi-navbar.multi-navbar-expand-md .btn-hamburger, .multi-navbar.multi-navbar-expand-md nav ul li:first-child {
        display: none;
    }
    
    .multi-navbar.multi-navbar-expand-md nav ul li a {
        padding: var(--multinavbar-menu-PaddingY) var(--multinavbar-menu-PaddingX);
        line-height: 100%;
        transition: all 0.5s;
    }
}

@media (min-width: 992px) {
    .multi-navbar.multi-navbar-expand-lg nav ul {
        position: static;
        flex-direction: row;
        right: auto;
        width: auto;
        height: auto;
        background-color: transparent;
    }
    
    .multi-navbar.multi-navbar-expand-lg .btn-hamburger, .multi-navbar.multi-navbar-expand-lg nav ul li:first-child {
        display: none;
    }
    
    .multi-navbar.multi-navbar-expand-lg nav ul li a {
        padding: var(--multinavbar-menu-PaddingY) var(--multinavbar-menu-PaddingX);
        line-height: 100%;
        transition: all 0.5s;
    }
}

@media (min-width: 1200px) {
    .multi-navbar.multi-navbar-expand-xl nav ul {
        position: static;
        flex-direction: row;
        right: auto;
        width: auto;
        height: auto;
        background-color: transparent;
    }
    
    .multi-navbar.multi-navbar-expand-xl .btn-hamburger, .multi-navbar.multi-navbar-expand-xl nav ul li:first-child {
        display: none;
    }
    
    .multi-navbar.multi-navbar-expand-xl nav ul li a {
        padding: var(--multinavbar-menu-PaddingY) var(--multinavbar-menu-PaddingX);
        line-height: 100%;
        transition: all 0.5s;
    }
}

@media (min-width: 1400px) {
    .multi-navbar.multi-navbar-expand-xxl nav ul {
        position: static;
        flex-direction: row;
        right: auto;
        width: auto;
        height: auto;
        background-color: transparent;
    }
    
    .multi-navbar.multi-navbar-expand-xxl .btn-hamburger, .multi-navbar.multi-navbar-expand-xxl nav ul li:first-child {
        display: none;
    }
    
    .multi-navbar.multi-navbar-expand-xxl nav ul li a {
        padding: var(--multinavbar-menu-PaddingY) var(--multinavbar-menu-PaddingX);
        line-height: 100%;
        transition: all 0.5s;
    }
}