/*COMMON*/
.aspect-w-1 {
    --tw-aspect-w: 1
}

.aspect-w-16 {
    --tw-aspect-w: 16
}

.aspect-h-1 {
    --tw-aspect-h: 1
}

.aspect-h-9 {
    --tw-aspect-h: 9
}

.aspect-h-10 {
    --tw-aspect-h: 10
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
}

.pointer-events-none {
    pointer-events: none !important
}

.invisible {
    visibility: hidden !important
}

.static {
    position: static !important
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.fixed {
    position: fixed !important
}

.top-0 {
    top: 0 !important
}

.left-0 {
    left: 0 !important
}

.top-1\/2 {
    top: 50% !important
}

.left-1\/2 {
    left: 8% !important
}

.right-0 {
    right: 0 !important
}

.top-1\.5 {
    top: .375rem !important
}

.top-1 {
    top: .25rem !important
}

.bottom-6 {
    bottom: 1.5rem !important
}

.bottom-0 {
    bottom: 0 !important
}

.-right-16 {
    right: -4rem !important
}

.z-60 {
    z-index: 60 !important
}

.z-50 {
    z-index: 50 !important
}

.z-10 {
    z-index: 10 !important
}

.z-20 {
    z-index: 20 !important
}

.z-30 {
    z-index: 30 !important
}

.z-40 {
    z-index: 40 !important
}

.order-2 {
    order: 2 !important
}

.order-1 {
    order: 1 !important
}

.m-auto {
    margin: auto !important
}

.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

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

.my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important
}

.my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.mb-7 {
    margin-bottom: 1.75rem !important
}

.-mt-2 {
    margin-top: -.5rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.\!mt-0 {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: 2.5rem !important
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mt-3\.5 {
    margin-top: .875rem !important
}

.\!mt-3 {
    margin-top: .75rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mb-1\.5 {
    margin-bottom: .375rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-12 {
    margin-top: 3rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mt-5 {
    margin-top: 1.25rem !important
}

.mt-16 {
    margin-top: 4rem !important
}

.\!mb-12 {
    margin-bottom: 3rem !important
}

.-mt-32 {
    margin-top: -8rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mb-24 {
    margin-bottom: 6rem !important
}

.\!mb-8,
.mb-8 {
    margin-bottom: 2rem !important
}

.\!mb-5,
.mb-5 {
    margin-bottom: 1.25rem !important
}

.\!mb-6 {
    margin-bottom: 1.5rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-11 {
    margin-top: 2.75rem !important
}

.mb-40 {
    margin-bottom: 10rem !important
}

.mb-10 {
    margin-bottom: 2.5rem !important
}

.mb-36 {
    margin-bottom: 9rem !important
}

.mb-44 {
    margin-bottom: 11rem !important
}

.mb-20 {
    margin-bottom: 5rem !important
}

.-mt-56 {
    margin-top: -14rem !important
}

.ml-auto {
    margin-left: auto !important
}

.mt-64 {
    margin-top: 16rem !important
}

.mr-5 {
    margin-right: 1.25rem !important
}

.mb-12 {
    margin-bottom: 3rem !important
}

.mb-28 {
    margin-bottom: 7rem !important
}

.mb-2\.5 {
    margin-bottom: .625rem !important
}

.mb-13 {
    margin-bottom: 3.33rem !important
}

.block {
    display: block !important
}

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

.inline {
    display: inline !important
}

.flex {
    display: flex !important;
}

.grid {
    display: grid !important
}

.contents {
    display: contents !important
}

.hidden {
    display: none !important
}

.h-7 {
    height: 1.75rem !important
}

.h-6 {
    height: 1.5rem !important
}

.h-full {
    height: 100% !important
}

.h-16 {
    height: 4rem !important
}

.h-85 {
    height: 20.625rem !important
}

.h-46 {
    height: 11.5rem !important
}

.h-88 {
    height: 22.25rem !important
}

.h-42 {
    height: 10.75rem !important
}

.h-screen {
    height: 100vh !important
}

.h-11 {
    height: 2.75rem !important
}

.max-h-full {
    max-height: 100% !important
}

.max-h-11 {
    max-height: 2.75rem !important
}

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

.w-auto {
    width: auto !important
}

.w-6 {
    width: 1.5rem !important
}

.w-11\/12 {
    width: 91.666667% !important
}

.w-7 {
    width: 1.75rem !important
}

.w-40 {
    width: 10rem !important
}

.max-w-screen-inner {
    max-width: 1410px !important
}

.max-w-lg {
    max-width: 32rem !important
}

.max-w-xs {
    max-width: 20rem !important
}

.max-w-screen-content {
    max-width: 1115px !important
}

.max-w-3xl {
    max-width: 48rem !important
}

.max-w-2xl {
    max-width: 42rem !important
}

.flex-1 {
    flex: 1 1 0% !important
}

.flex-initial {
    flex: 0 1 auto !important
}

.flex-auto {
    flex: 1 1 auto !important
}

.flex-grow {
    flex-grow: 1 !important
}

.transform {
    --tw-translate-x: 0 !important;
    --tw-translate-y: 0 !important;
    --tw-rotate: 0 !important;
    --tw-skew-x: 0 !important;
    --tw-skew-y: 0 !important;
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-1\/2 {
    --tw-translate-y: -50% !important
}

.translate-y-2 {
    --tw-translate-y: 0.5rem !important
}

.translate-y-1 {
    --tw-translate-y: 0.25rem !important
}

.-translate-x-1\/2 {
    --tw-translate-x: -50% !important
}

.-rotate-90 {
    --tw-rotate: -90deg !important
}

.-rotate-45 {
    --tw-rotate: 45deg !important
}

.list-none {
    list-style-type: none !important
}

.flex-col {
    flex-direction: column !important
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-col-reverse {
    flex-direction: column-reverse !important
}

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

.flex-wrap {
    flex-wrap: wrap !important
}

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

.items-start {
    align-items: flex-start !important
}

.justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between !important
}

.justify-end {
    justify-content: flex-end !important
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse)) !important
}

.self-center {
    align-self: center !important
}

.self-start {
    align-self: flex-start !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-normal {
    white-space: normal !important
}

.break-words {
    overflow-wrap: break-word !important
}

.border {
    border-width: 1px !important
}

.border-t {
    border-top-width: 1px !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-b-4 {
    border-bottom-width: 4px !important
}

.border-t-2 {
    border-top-width: 2px !important
}

.border-b-2 {
    border-bottom-width: 2px !important
}

.border-l-2 {
    border-left-width: 2px !important
}

.border-t-4 {
    border-top-width: 4px !important
}

.border-l-4 {
    border-left-width: 4px !important
}

.border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important
}

.border-olp-light-grey {
    --tw-border-opacity: 1 !important;
    border-color: rgba(240, 240, 240, var(--tw-border-opacity)) !important
}

.border-opacity-10 {
    --tw-border-opacity: 0.1 !important
}

.bg-olp-light-grey {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(240, 240, 240, var(--tw-bg-opacity)) !important
}

.bg-olp-base {
    background-color: rgba(22, 20, 19, var(--tw-bg-opacity)) !important
}

.bg-olp-base,
.bg-white {
    --tw-bg-opacity: 1 !important
}

.bg-white {
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
}

.bg-olp-dark-grey {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(118, 118, 118, var(--tw-bg-opacity)) !important
}

.bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75 !important
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1 !important
}

.bg-cover {
    background-size: cover !important
}

.bg-left {
    background-position: 0 !important
}

.bg-center {
    background-position: 50% !important
}

.bg-no-repeat {
    background-repeat: no-repeat !important
}

.object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-center {
    -o-object-position: center !important;
    object-position: center !important
}

.object-left {
    -o-object-position: left !important;
    object-position: left !important
}

.p-2 {
    padding: .5rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.p-8 {
    padding: 2rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-12 {
    padding: 3rem !important
}

.p-14 {
    padding: 3.5rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.py-24 {
    padding-top: 6.3rem !important;
    padding-bottom: 6.3rem !important
}

.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.py-3\.5 {
    padding-top: .875rem !important;
    padding-bottom: .875rem !important
}

.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.px-6\.1 {
    padding-left: 1.55rem !important;
    padding-right: 1.55rem !important
}

.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important
}

.py-4\.5 {
    padding-top: 1.15rem !important;
    padding-bottom: 1.15rem !important
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-32 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important
}

.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-9 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important
}

.py-29 {
    padding-top: 7.6rem !important;
    padding-bottom: 7.6rem !important
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.pb-24 {
    padding-bottom: 6.3rem !important
}

.pt-11 {
    padding-top: 2.75rem !important
}

.pb-17 {
    padding-bottom: 4.4rem !important
}

.pt-13 {
    padding-top: 3.3rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pt-5 {
    padding-top: 1.25rem !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-5 {
    padding-left: 1.25rem !important
}

.pr-18 {
    padding-right: 4.5rem !important
}

.pr-5 {
    padding-right: 1.25rem !important
}

.pr-7 {
    padding-right: 1.75rem !important
}

.pt-7 {
    padding-top: 1.75rem !important
}

.pb-7 {
    padding-bottom: 1.75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pt-22 {
    padding-top: 5.55rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.pt-12 {
    padding-top: 3rem !important
}

.pb-12 {
    padding-bottom: 3rem !important
}

.pt-1\.5 {
    padding-top: .375rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-48 {
    padding-top: 12.2rem !important
}

.pb-16 {
    padding-bottom: 4rem !important
}

.pt-47 {
    padding-top: 11.8rem !important
}

.pt-16 {
    padding-top: 4rem !important
}

.pt-40 {
    padding-top: 10rem !important
}

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pt-44 {
    padding-top: 11rem !important
}

.pt-72 {
    padding-top: 18rem !important
}

.pb-72 {
    padding-bottom: 18rem !important
}

.pr-36 {
    padding-right: 9rem !important
}

.pb-48 {
    padding-bottom: 12.2rem !important
}

.pt-61 {
    padding-top: 15.1rem !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.align-top {
    vertical-align: top !important
}

.text-xxs {
    font-size: 14px !important
}

.text-xs {
    font-size: 16px !important
}

.text-sm {
    font-size: 18px !important
}

.text-base {
    font-size: 20px !important
}

.text-tiny {
    font-size: 8px !important
}

.text-none {
    font-size: 0 !important
}

.\!text-xs {
    font-size: 16px !important
}

.\!text-none {
    font-size: 0 !important
}

.text-tinyish {
    font-size: 10px !important
}

.text-1xl {
    font-size: 22px !important
}

.text-xxxs {
    font-size: 12px !important
}

.\!text-xss {
    font-size: 15px !important
}

.font-black {
    font-weight: 900 !important
}

.\!font-semibold {
    font-weight: 600 !important
}

.font-bold {
    font-weight: 700 !important
}

.font-semibold {
    font-weight: 600 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-extrabold {
    font-weight: 800 !important
}

.\!font-black {
    font-weight: 900 !important
}

.uppercase {
    text-transform: uppercase !important
}

.normal-case {
    text-transform: none !important
}

.not-italic {
    font-style: normal !important
}

.leading-4 {
    line-height: 1rem !important
}

.leading-relaxed {
    line-height: 1.625 !important
}

.leading-7 {
    line-height: 1.75rem !important
}

@media (min-width: 640px) {
    .sm\:-mt-32 {
        margin-top: -8rem !important
    }

    .sm\:w-auto {
        width: auto !important
    }

    .sm\:w-64 {
        width: 16rem !important
    }

    .sm\:w-6\/12 {
        width: 50% !important
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .sm\:flex-row {
        flex-direction: row !important
    }

    .sm\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse))) !important;
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse)) !important
    }

    .sm\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0 !important;
        border-right-width: calc(1px*var(--tw-divide-x-reverse)) !important;
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse))) !important
    }

    .sm\:self-start {
        align-self: flex-start !important
    }

    .sm\:pb-0 {
        padding-bottom: 0 !important
    }

    .sm\:pt-0 {
        padding-top: 0 !important
    }

    .sm\:pl-6 {
        padding-left: 1.5rem !important
    }
}

@media (min-width: 768px) {

    .md\:aspect-w-1,
    .md\:aspect-w-2,
    .md\:aspect-w-3,
    .md\:aspect-w-4,
    .md\:aspect-w-5,
    .md\:aspect-w-6,
    .md\:aspect-w-7,
    .md\:aspect-w-8,
    .md\:aspect-w-9,
    .md\:aspect-w-10,
    .md\:aspect-w-11,
    .md\:aspect-w-12,
    .md\:aspect-w-13,
    .md\:aspect-w-14,
    .md\:aspect-w-15,
    .md\:aspect-w-16 {
        position: relative;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%)
    }

    .md\:aspect-w-1>*,
    .md\:aspect-w-2>*,
    .md\:aspect-w-3>*,
    .md\:aspect-w-4>*,
    .md\:aspect-w-5>*,
    .md\:aspect-w-6>*,
    .md\:aspect-w-7>*,
    .md\:aspect-w-8>*,
    .md\:aspect-w-9>*,
    .md\:aspect-w-10>*,
    .md\:aspect-w-11>*,
    .md\:aspect-w-12>*,
    .md\:aspect-w-13>*,
    .md\:aspect-w-14>*,
    .md\:aspect-w-15>*,
    .md\:aspect-w-16>* {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .md\:aspect-w-16 {
        --tw-aspect-w: 16
    }

    .md\:aspect-h-10 {
        --tw-aspect-h: 10
    }

    .md\:visible {
        visibility: visible !important
    }

    .md\:invisible {
        visibility: hidden !important
    }

    .md\:absolute {
        position: absolute !important
    }

    .md\:bottom-10 {
        bottom: 2.5rem !important
    }

    .md\:bottom-9 {
        bottom: 2.25rem !important
    }

    .md\:-mx-3 {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important
    }

    .md\:-mx-4 {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }

    .md\:mb-4 {
        margin-bottom: 1rem !important
    }

    .md\:ml-auto {
        margin-left: auto !important
    }

    .md\:mb-8 {
        margin-bottom: 2rem !important
    }

    .md\:mb-12 {
        margin-bottom: 3rem !important
    }

    .md\:mt-9 {
        margin-top: 2.25rem !important
    }

    .md\:mb-0 {
        margin-bottom: 0 !important
    }

    .md\:mt-5 {
        margin-top: 1.25rem !important
    }

    .md\:mt-16 {
        margin-top: 4rem !important
    }

    .md\:mt-0 {
        margin-top: 0 !important
    }

    .md\:mr-9 {
        margin-right: 2.25rem !important
    }

    .md\:-ml-10 {
        margin-left: -2.5rem !important
    }

    .md\:ml-10 {
        margin-left: 2.5rem !important
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .md\:mt-\[27px\] {
        margin-top: 27px !important
    }

    .md\:mb-16 {
        margin-bottom: 4rem !important
    }

    .md\:mb-64 {
        margin-bottom: 16rem !important
    }

    .md\:block {
        display: block !important
    }

    .md\:inline-block {
        display: inline-block !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:hidden {
        display: none !important
    }

    .md\:h-78 {
        height: 19.5rem !important
    }

    .md\:h-8\.5 {
        height: 2.2rem !important
    }

    .md\:h-8 {
        height: 2rem !important
    }

    .md\:w-1\/2,
    .md\:w-6\/12 {
        width: 50% !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:w-4\/12 {
        width: 33.333333% !important
    }

    .md\:w-full {
        width: 100% !important
    }

    .md\:flex-1 {
        flex: 1 1 0% !important
    }

    .md\:flex-2 {
        flex: 1 1 35% !important
    }

    .md\:flex-grow {
        flex-grow: 1 !important
    }

    .md\:flex-row {
        flex-direction: row !important
    }

    .md\:flex-col {
        flex-direction: column !important
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .md\:flex-wrap {
        flex-wrap: wrap !important
    }

    .md\:border-t-8 {
        border-top-width: 8px !important
    }

    .md\:p-12 {
        padding: 3rem !important
    }

    .md\:p-10 {
        padding: 2.5rem !important
    }

    .md\:p-9 {
        padding: 1.75rem !important
    }

    .md\:py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .md\:px-6\.5 {
        padding-left: 1.62rem !important;
        padding-right: 1.62rem !important
    }

    .md\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .md\:px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .md\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .md\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

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

    .md\:pt-16 {
        padding-top: 4rem !important
    }

    .md\:pt-20 {
        padding-top: 5rem !important
    }

    .md\:pt-11 {
        padding-top: 2.75rem !important
    }

    .md\:pt-9 {
        padding-top: 1.75rem !important
    }

    .md\:pl-6 {
        padding-left: 1.5rem !important
    }

    .md\:pr-19 {
        padding-right: 4.9rem !important
    }

    .md\:pl-0 {
        padding-left: 0 !important
    }

    .md\:pt-32 {
        padding-top: 8rem !important
    }

    .md\:pl-16 {
        padding-left: 4rem !important
    }

    .md\:pb-20 {
        padding-bottom: 5rem !important
    }

    .md\:pr-8 {
        padding-right: 2rem !important
    }

    .md\:pl-8 {
        padding-left: 2rem !important
    }

    .md\:text-1xl {
        font-size: 22px !important
    }

    .md\:text-sm {
        font-size: 18px !important
    }

    .md\:text-xs {
        font-size: 16px !important
    }

    .md\:text-xxs {
        font-size: 14px !important
    }

    .md\:\!text-xs {
        font-size: 16px !important
    }

    .md\:\!text-base {
        font-size: 20px !important
    }
}

@media (min-width: 1024px) {

    .lg\:aspect-w-1,
    .lg\:aspect-w-2,
    .lg\:aspect-w-3,
    .lg\:aspect-w-4,
    .lg\:aspect-w-5,
    .lg\:aspect-w-6,
    .lg\:aspect-w-7,
    .lg\:aspect-w-8,
    .lg\:aspect-w-9,
    .lg\:aspect-w-10,
    .lg\:aspect-w-11,
    .lg\:aspect-w-12,
    .lg\:aspect-w-13,
    .lg\:aspect-w-14,
    .lg\:aspect-w-15,
    .lg\:aspect-w-16 {
        position: relative;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%)
    }

    .lg\:aspect-w-1>*,
    .lg\:aspect-w-2>*,
    .lg\:aspect-w-3>*,
    .lg\:aspect-w-4>*,
    .lg\:aspect-w-5>*,
    .lg\:aspect-w-6>*,
    .lg\:aspect-w-7>*,
    .lg\:aspect-w-8>*,
    .lg\:aspect-w-9>*,
    .lg\:aspect-w-10>*,
    .lg\:aspect-w-11>*,
    .lg\:aspect-w-12>*,
    .lg\:aspect-w-13>*,
    .lg\:aspect-w-14>*,
    .lg\:aspect-w-15>*,
    .lg\:aspect-w-16>* {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .lg\:aspect-w-16 {
        --tw-aspect-w: 16
    }

    .lg\:aspect-h-9 {
        --tw-aspect-h: 9
    }

    .lg\:aspect-h-10 {
        --tw-aspect-h: 10
    }

    .lg\:absolute {
        position: absolute !important
    }

    .lg\:right-0 {
        right: 0 !important
    }

    .lg\:bottom-0 {
        bottom: 0 !important
    }

    .lg\:top-0 {
        top: 0 !important
    }

    .lg\:left-1\/2 {
        left: 50% !important
    }

    .lg\:top-80 {
        top: 20rem !important
    }

    .lg\:my-13 {
        margin-top: 3.33rem !important;
        margin-bottom: 3.33rem !important
    }

    .lg\:my-48 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .lg\:-mx-3 {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important
    }

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

    .lg\:-mx-2 {
        margin-left: -.5rem !important;
        margin-right: -.5rem !important
    }

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

    .lg\:mb-4 {
        margin-bottom: 1rem !important
    }

    .lg\:mt-0 {
        margin-top: 0 !important
    }

    .lg\:mr-5 {
        margin-right: 1.25rem !important
    }

    .lg\:mt-24 {
        margin-top: 6rem !important
    }

    .lg\:mt-31 {
        margin-top: 7.6rem !important
    }

    .lg\:mt-64 {
        margin-top: 16rem !important
    }

    .lg\:mt-48 {
        margin-top: 12rem !important
    }

    .lg\:mt-16 {
        margin-top: 4rem !important
    }

    .lg\:mr-6 {
        margin-right: 1.5rem !important
    }

    .lg\:mb-0 {
        margin-bottom: 0 !important
    }

    .lg\:mt-3 {
        margin-top: .75rem !important
    }

    .lg\:mb-32 {
        margin-bottom: 8rem !important
    }

    .lg\:mb-24 {
        margin-bottom: 6rem !important
    }

    .lg\:mr-3 {
        margin-right: .75rem !important
    }

    .lg\:mb-8 {
        margin-bottom: 2rem !important
    }

    .lg\:mb-20 {
        margin-bottom: 5rem !important
    }

    .lg\:ml-5 {
        margin-left: 1.25rem !important
    }

    .lg\:mt-14 {
        margin-top: 3.5rem !important
    }

    .lg\:mt-10 {
        margin-top: 2.5rem !important
    }

    .lg\:mb-17 {
        margin-bottom: 4.3rem !important
    }

    .lg\:block {
        display: block !important
    }

    .lg\:flex {
        display: flex !important
    }

    .lg\:hidden {
        display: none !important
    }

    .lg\:h-auto {
        height: auto;
    }

    .lg\:h-5 {
        height: 1.25rem !important
    }

    .lg\:h-212 {
        height: 58.7rem !important
    }

    .lg\:h-192 {
        height: 54.8rem !important
    }

    .lg\:h-148 {
        height: 37rem !important
    }

    .lg\:h-72 {
        height: 17.5rem !important
    }

    .lg\:w-6\/12 {
        width: 50% !important
    }

    .lg\:w-10\/12 {
        width: 83.333333% !important
    }

    .lg\:w-36 {
        width: 9rem !important
    }

    .lg\:w-5\/12 {
        width: 41.666667% !important
    }

    .lg\:w-2\/3 {
        width: 66.666667% !important
    }

    .lg\:w-9\/12 {
        width: 75% !important
    }

    .lg\:w-3\/12 {
        width: 25% !important
    }

    .lg\:w-1\/2 {
        width: 50% !important
    }

    .lg\:w-8\/12 {
        width: 66.666667% !important
    }

    .lg\:w-4\/12 {
        width: 33.333333% !important
    }

    .lg\:max-w-2\.5xl {
        max-width: 43.5rem !important
    }

    .lg\:max-w-1xl {
        max-width: 37.6rem !important
    }

    .lg\:flex-1 {
        flex: 1 1 0% !important
    }

    .lg\:flex-3 {
        flex: 1 1 29% !important
    }

    .lg\:flex-grow {
        flex-grow: 1 !important
    }

    .lg\:transform {
        --tw-translate-x: 0 !important;
        --tw-translate-y: 0 !important;
        --tw-rotate: 0 !important;
        --tw-skew-x: 0 !important;
        --tw-skew-y: 0 !important;
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .lg\:translate-y-1 {
        --tw-translate-y: 0.25rem !important
    }

    .lg\:-translate-x-1\.5 {
        --tw-translate-x: -0.375rem !important
    }

    .lg\:-translate-x-1 {
        --tw-translate-x: -0.25rem !important
    }

    .lg\:-translate-x-1\/2 {
        --tw-translate-x: -50% !important
    }

    .lg\:-translate-y-1 {
        --tw-translate-y: -0.25rem !important
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .lg\:flex-row {
        flex-direction: row !important
    }

    .lg\:flex-wrap {
        flex-wrap: wrap !important
    }

    .lg\:justify-end {
        justify-content: flex-end !important
    }

    .lg\:justify-between {
        justify-content: space-between !important
    }

    .lg\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-right: calc(4rem*var(--tw-space-x-reverse)) !important;
        margin-left: calc(4rem*(1 - var(--tw-space-x-reverse))) !important
    }

    .lg\:space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-right: calc(3rem*var(--tw-space-x-reverse)) !important;
        margin-left: calc(3rem*(1 - var(--tw-space-x-reverse))) !important
    }

    .lg\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse))) !important;
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse)) !important
    }

    .lg\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0 !important;
        border-right-width: calc(1px*var(--tw-divide-x-reverse)) !important;
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse))) !important
    }

    .lg\:self-start {
        align-self: flex-start !important
    }

    .lg\:overflow-visible {
        overflow: visible !important
    }

    .lg\:\!bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
    }

    .lg\:object-center {
        -o-object-position: center !important;
        object-position: center !important
    }

    .lg\:p-12 {
        padding: 3rem !important
    }

    .lg\:p-24 {
        padding: 6.3rem !important
    }

    .lg\:p-13 {
        padding: 3.3rem !important
    }

    .lg\:py-5\.5 {
        padding-top: 1.4rem !important;
        padding-bottom: 1.4rem !important
    }

    .lg\:px-13 {
        padding-left: 3.3rem !important;
        padding-right: 3.3rem !important
    }

    .lg\:py-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }

    .lg\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .lg\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .lg\:px-14 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }

    .lg\:py-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .lg\:py-32 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .lg\:px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .lg\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .lg\:py-22 {
        padding-top: 5.55rem !important;
        padding-bottom: 5.55rem !important
    }

    .lg\:py-13 {
        padding-top: 3.3rem !important;
        padding-bottom: 3.3rem !important
    }

    .lg\:py-48 {
        padding-top: 12.2rem !important;
        padding-bottom: 12.2rem !important
    }

    .lg\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .lg\:py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .lg\:px-22 {
        padding-left: 5.55rem !important;
        padding-right: 5.55rem !important
    }

    .lg\:py-18 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .lg\:px-24 {
        padding-left: 6.3rem !important;
        padding-right: 6.3rem !important
    }

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

    .lg\:py-2\.5 {
        padding-top: .625rem !important;
        padding-bottom: .625rem !important
    }

    .lg\:py-2 {
        padding-bottom: .5rem !important
    }

    .lg\:pt-2,
    .lg\:py-2 {
        padding-top: .5rem !important
    }

    .lg\:pt-16 {
        padding-top: 4rem !important
    }

    .lg\:pl-10 {
        padding-left: 2.5rem !important
    }

    .lg\:pl-5 {
        padding-left: 1.25rem !important
    }

    .lg\:pt-10 {
        padding-top: 2.5rem !important
    }

    .lg\:pb-14 {
        padding-bottom: 3.5rem !important
    }

    .lg\:pt-40 {
        padding-top: 10rem !important
    }

    .lg\:pt-0 {
        padding-top: 0 !important
    }

    .lg\:pt-18 {
        padding-top: 4.5rem !important
    }

    .lg\:pl-24 {
        padding-left: 6.3rem !important
    }

    .lg\:pr-22 {
        padding-right: 5.55rem !important
    }

    .lg\:pt-11 {
        padding-top: 2.75rem !important
    }

    .lg\:pb-16 {
        padding-bottom: 4rem !important
    }

    .lg\:pt-48 {
        padding-top: 12.2rem !important
    }

    .lg\:pb-0 {
        padding-bottom: 0 !important
    }

    .lg\:pl-3 {
        padding-left: .75rem !important
    }

    .lg\:pb-72 {
        padding-bottom: 18rem !important
    }

    .lg\:pr-12 {
        padding-right: 3rem !important
    }

    .lg\:pr-10 {
        padding-right: 2.5rem !important
    }

    .lg\:pt-83 {
        padding-top: 21rem !important
    }

    .lg\:pb-49 {
        padding-bottom: 12.4rem !important
    }

    .lg\:pr-28 {
        padding-right: 7rem !important
    }

    .lg\:pl-0 {
        padding-left: 0 !important
    }

    .lg\:pl-6 {
        padding-left: 1.5rem !important
    }

    .lg\:text-right {
        text-align: right !important
    }

    .lg\:\!text-sm,
    .lg\:text-sm {
        font-size: 18px !important
    }

    .lg\:text-xs {
        font-size: 16px !important
    }

    .lg\:leading-10 {
        line-height: 2.5rem !important
    }

    .lg\:tracking-wide {
        letter-spacing: .025em !important
    }

    .lg\:tracking-tighter {
        letter-spacing: -.05em !important
    }
}

@media (min-width: 1280px) {
    .xl\:invisible {
        visibility: hidden !important
    }

    .xl\:absolute {
        position: absolute !important
    }

    .xl\:-right-11 {
        right: -2.75rem !important
    }

    .xl\:top-1\/2 {
        top: 50% !important
    }

    .xl\:order-1 {
        order: 1 !important
    }

    .xl\:order-2 {
        order: 2 !important
    }

    .xl\:mt-0 {
        margin-top: 0 !important
    }

    .xl\:mb-0 {
        margin-bottom: 0 !important
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .xl\:-mt-32 {
        margin-top: -8rem !important
    }

    .xl\:ml-10 {
        margin-left: 2.5rem !important
    }

    .xl\:-mb-2\.5 {
        margin-bottom: -.625rem !important
    }

    .xl\:-mb-2 {
        margin-bottom: -.5rem !important
    }

    .xl\:mt-\[42px\] {
        margin-top: 42px !important
    }

    .xl\:inline-block {
        display: inline-block !important
    }

    .xl\:flex {
        display: flex !important
    }

    .xl\:hidden {
        display: none !important
    }

    .xl\:w-4\/12 {
        width: 33.333333% !important
    }

    .xl\:w-full {
        width: 100% !important
    }

    .xl\:w-1\/2 {
        width: 50% !important
    }

    .xl\:w-5\/12 {
        width: 41.666667% !important
    }

    .xl\:w-6\/12 {
        width: 50% !important
    }

    .xl\:w-10\/12 {
        width: 83.333333% !important
    }

    .xl\:w-4\.5\/12 {
        width: 38% !important
    }

    .xl\:w-4 {
        width: 1rem !important
    }

    .xl\:w-2\/6 {
        width: 33.333333% !important
    }

    .xl\:w-4\/6 {
        width: 66.666667% !important
    }

    .xl\:w-auto {
        width: auto !important
    }

    .xl\:w-7\/12 {
        width: 58.333333% !important
    }

    .xl\:w-8\/12 {
        width: 66.666667% !important
    }

    .xl\:max-w-\[700px\] {
        max-width: 700px !important
    }

    .xl\:max-w-\[60\%\] {
        max-width: 60% !important
    }

    .xl\:max-w-sm-plus {
        max-width: 27rem !important
    }

    .xl\:max-w-\[950px\] {
        max-width: 950px !important
    }

    .xl\:max-w-lg {
        max-width: 32rem !important
    }

    .xl\:flex-1 {
        flex: 1 1 0% !important
    }

    .xl\:flex-initial {
        flex: 0 1 auto !important
    }

    .xl\:flex-3 {
        flex: 1 1 29% !important
    }

    .xl\:transform {
        --tw-translate-x: 0 !important;
        --tw-translate-y: 0 !important;
        --tw-rotate: 0 !important;
        --tw-skew-x: 0 !important;
        --tw-skew-y: 0 !important;
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50% !important
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    .xl\:flex-row {
        flex-direction: row !important
    }

    .xl\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-right: calc(4rem*var(--tw-space-x-reverse)) !important;
        margin-left: calc(4rem*(1 - var(--tw-space-x-reverse))) !important
    }

    .xl\:divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) !important;
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse)) !important
    }

    .xl\:divide-x-0>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0 !important;
        border-right-width: calc(0px*var(--tw-divide-x-reverse)) !important;
        border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse))) !important
    }

    .xl\:p-12 {
        padding: 3rem !important
    }

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

    .xl\:py-17 {
        padding-top: 4.4rem !important;
        padding-bottom: 4.4rem !important
    }

    .xl\:pl-6 {
        padding-left: 1.5rem !important
    }

    .xl\:pr-0 {
        padding-right: 0 !important
    }

    .xl\:pr-8 {
        padding-right: 2rem !important
    }

    .xl\:pb-3 {
        padding-bottom: .75rem !important
    }

    .xl\:pl-0 {
        padding-left: 0 !important
    }

    .xl\:pt-3 {
        padding-top: .75rem !important
    }

    .xl\:pr-12 {
        padding-right: 3rem !important
    }

    .xl\:pt-22 {
        padding-top: 5.55rem !important
    }

    .xl\:pb-24 {
        padding-bottom: 6.3rem !important
    }

    .xl\:pb-2 {
        padding-bottom: .5rem !important
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem !important
    }

    .xl\:pr-18 {
        padding-right: 4.5rem !important
    }

    .xl\:pl-24 {
        padding-left: 6.3rem !important
    }

    .xl\:pr-20 {
        padding-right: 5rem !important
    }

    .xl\:pb-110 {
        padding-bottom: 29.4rem !important
    }

    .xl\:pl-10 {
        padding-left: 2.5rem !important
    }

    .xl\:pr-24 {
        padding-right: 6.3rem !important
    }

    .xl\:text-left {
        text-align: left !important
    }

    .xl\:text-xxs {
        font-size: 14px !important
    }

    .xl\:leading-10 {
        line-height: 2.5rem !important
    }
}

@media (min-width: 1536px) {
    .\32xl\:flex {
        display: flex !important
    }

    .\32xl\:w-auto {
        width: auto !important
    }

    .\32xl\:w-8\/12 {
        width: 66.666667% !important
    }

    .\32xl\:translate-y-1\.5 {
        --tw-translate-y: 0.375rem !important
    }

    .\32xl\:translate-y-1 {
        --tw-translate-y: 0.25rem !important
    }

    .\32xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .\32xl\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse))) !important;
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse)) !important
    }

    .\32xl\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0 !important;
        border-right-width: calc(1px*var(--tw-divide-x-reverse)) !important;
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse))) !important
    }

    .\32xl\:self-start {
        align-self: flex-start !important
    }

    .\32xl\:px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .\32xl\:pr-9 {
        padding-right: 1.75rem !important
    }

    .\32xl\:pl-11 {
        padding-left: 2.75rem !important
    }

    .\32xl\:pb-0 {
        padding-bottom: 0 !important
    }

    .\32xl\:pl-6 {
        padding-left: 1.5rem !important
    }

    .\32xl\:pt-0 {
        padding-top: 0 !important
    }

    .\32xl\:pl-3 {
        padding-left: .75rem !important
    }

    .\32xl\:pr-24 {
        padding-right: 6.3rem !important
    }

    .\32xl\:pb-24 {
        padding-bottom: 6.3rem !important
    }

    .\32xl\:pl-\[135px\] {
        padding-left: 135px !important
    }

    .\32xl\:pr-12 {
        padding-right: 3rem !important
    }

    .\32xl\:pr-36 {
        padding-right: 9rem !important
    }
}

@media (min-width: 375px) {
    .xs-mobile\:mt-0\.25 {
        margin-top: .09rem !important
    }

    .xs-mobile\:mt-0 {
        margin-top: 0 !important
    }

    .xs-mobile\:flex {
        display: flex !important
    }

    .xs-mobile\:w-52 {
        width: 13rem !important
    }

    .xs-mobile\:text-right {
        text-align: right !important
    }
}

@media (min-width: 1410px) {
    .inner\:w-76 {
        width: 19rem !important
    }

    .inner\:pr-40 {
        padding-right: 10rem !important
    }
}

.olp-primary-border {
    border-color: #EF5718;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

.duration-150 {
    transition-duration: .15s !important;
}

.transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important;
}

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

.h-full {
    height: 100% !important;
}

/*Main*/

#nav ul {
    margin-left: 0 !important;
}

#site-header {
    height: 54px;
}

@media screen and (min-width: 1024px) {
    .lg\:pt-48 {
        padding-top: 15rem !important;
    }


    #site-header {
        height: 90px;
    }
}

#mobile-nav>ul>li>a,
.olg_container {
    width: 90%;
    max-width: 1600px;
}


@media (min-width: 1280px) {

    #mobile-nav>ul>li>a,
    .olg_container {
        width: 94%;
    }
}

@media (min-width: 1024px) {
    .lg\:my-13 {
        margin-top: 3.33rem !important;
        margin-bottom: 3.33rem !important;
    }
}

@media (min-width: 1280px) {
    header.nav-revealed {
        position: fixed !important;
        box-shadow: 0 25px 40px -12px rgba(0, 0, 0, .25);
        -webkit-animation: header_reveal .3s ease 0s 1 forwards;
        animation: header_reveal .3s ease 0s 1 forwards;
    }
}

#mobile-nav {
    transform: translateY(-100%);
    opacity: 0;
}

@media (min-width: 1280px) {
    #mobile-nav {
        visibility: hidden;
        display: none;
    }
}

body:not(.nav-opened) #mobile-nav {
    visibility: hidden;
}

body.nav-opened #mobile-nav {
    transform: translateY(0%);
    opacity: 1;
}

header>div #menu-main-nav li .sub-menu {
    visibility: hidden;
    position: absolute;
    bottom: .75rem;
    left: 0;
    z-index: 10;
    display: flex;
    display: none;
    width: 100%;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-y: 100%;
    flex-wrap: wrap;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    padding: 2.25rem 3rem 3.125rem;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    clip-path: inset(0px -10px -10px -10px);
}

header>div #menu-main-nav li {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

header>div #menu-main-nav li a {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

header>div #menu-main-nav li a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

header>div #menu-main-nav li.menu-item-has-children>a:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    margin-bottom: -60px;
}


.olg_container a {
    font-family: Roboto, sans-serif;
    letter-spacing: -.4px;
}

.main-navigation,
.sub-menu {
    margin-right: 0px;
}

.sub-menu {
    margin-left: 0px;
}

.menu-item-has-children:hover>.desktop-parent-link-toggle {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);

}

header>div #menu-main-nav li>a:hover,
header>div #menu-main-nav li>a.active,
.menu-item-has-children:hover>a {
    color: #EF5718 !important;
    opacity: 1;
}

header>div #menu-main-nav li.menu-item-has-children>a:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    margin-bottom: -60px;
}

.menu-item-has-children:hover>ul.sub-menu {
    visibility: visible !important;
    display: flex !important;
}

header>div #menu-main-nav li .sub-menu li {
    flex: 1 1 0%;
}

header>div #menu-main-nav li .sub-menu li:not([id^=menu-item-ms]) {
    width: 50% !important;
    min-width: calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;
    margin: 0 7px 4px 0 !important;
}

header>div #menu-main-nav li .sub-menu li a {
    position: relative;
    width: 100%;
    text-decoration: none;
    font-family: Montserrat, sans-serif;
}

#lnkLogo {
    background-color: #000;
}

#lnkLogo img {
    object-fit: contain !important;
    max-width: 10rem;
}

@media (min-width: 1024px) {
    #lnkLogo img {
        height: 40px;
    }
}

#lnkLogo a:hover {
    opacity: 1;
}

header>div .nav-contact:before,
header>div .nav-contact a:nth-child(3):after,
header>div .nav-contact a:nth-child(3):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: .875rem;
    width: .125rem;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-y: -50%;
    --tw-bg-opacity: 1;
    background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
}

header>div .nav-contact:before {
    display: none;
}

@media (min-width: 1280px) {
    header>div .nav-contact:before {
        display: block;
    }
}

header>div .nav-contact {
    position: relative;
}

header>div .nav-contact a {
    font-size: 18px;
    font-weight: 500;
}


.olp-primary-text {
    color: #EF5718;
}

.nav-contact a:hover {
    opacity: 1;
    text-decoration: underline;
}

.border-l-4 {
    border-left-width: 4px !important;
    border-style: none;
}

.sub-menu li a:hover {
    border-left-width: 8px !important;
}

.dropdown-toggle i {
    color: #EF5718;
    transition-property: transform;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    margin-left: 5px;
    transform: translateY(-3px);

}

.dropdown-toggle {
    display: inline-flex;
    position: relative;
    top: 2px;
}

.menu-item-has-children:hover>a .dropdown-toggle i {
    transform: translateY(-3px) rotate(180deg);
}

#hamburger span {
    pointer-events: none;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 21px;
    height: 3px;
}

#hamburger span:not(:last-child) {
    margin-bottom: 3px;
}


#nav .fa-phone {
    -webkit-transform: none;
    transform: none;
    color: #000;
}

.header_phone {
    display: flex;
}

body.nav-opened #mobile-nav {
    display: block;
    -webkit-animation: mobile-nav-open .3s ease .1s 1 forwards;
    animation: mobile-nav-open .3s ease .1s 1 forwards;
}

body.nav-opened #hamburger span:first-child {
    transform: translateY(6px) rotate(45deg);
}

body.nav-opened #hamburger span:nth-child(2) {
    opacity: 0;
}

body.nav-opened #hamburger span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

#mobile-nav .sub-menu {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    height: 100vh;
    width: 100vw;
    padding-top: 7.6rem;
    padding-bottom: 5rem;
}

#mobile-nav .sub-menu {
    padding-left: 5%;
    padding-right: 5%;
}

#mobile-nav>ul>li>a {
    width: 90%;
    max-width: 1600px;
}

.olg_container {
    width: 85%;
    max-width: 90vw;
}


#mobile-nav>ul>li>a {
    margin: auto;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

#mobile-nav>ul>li>a:after {

    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    position: absolute;
    top: 30%;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: rotate(45deg);
    --tw-translate-y: -50%;
    font-family: 'Font Awesome 6 Free';
    content: '\f062';
    right: 1.15rem;
    font-size: 25px;
    color: #EF5718;
}

@media (max-width: 1280px) {

    .left-1\/2 {
        left: 5% !important;
    }
}

#mobile-nav .sub-menu.sub-menu-opened {
    visibility: visible;
}

#mobile-nav .sub-menu:before {
    position: fixed;
    --tw-bg-opacity: 1;
    background-color: rgba(240, 240, 240, var(--tw-bg-opacity));
    opacity: 0;
    content: "";
    top: -50vh;
    left: -50vw;
    width: 200vw;
    height: 200vh;
    transition: .3s ease;
    transition-delay: .3s;
}

#mobile-nav li>a.active+.sub-menu:before {
    transition-delay: 0s;
    opacity: 1;
}

#mobile-nav li>a.active+.sub-menu {
    visibility: visible;
}

.sub-menu-close {
    display: flex;
    gap: 5px;
}

#mobile-nav-menu ul.sub-menu li.menu-item a {
    color: #000;
}

#mobile-nav-menu ul.sub-menu li.menu-item a:after {

    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    position: absolute;
    top: 30%;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: rotate(45deg);
    --tw-translate-y: -50%;
    font-family: 'Font Awesome 6 Free';
    content: '\f062';
    right: 1.15rem;
    font-size: 25px;
    color: #EF5718;
}



@media (max-width: 1280px) {

    .header_banner_image {
        height: 10vh;
    }
}

footer {
    background-color: #000 !important;

}

.border-b-4 {
    border-bottom-width: 4px !important;
}


.border-white {
    border-bottom: solid;
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.border-opacity-10 {
    --tw-border-opacity: 0.1 !important;
}

#menu-company,
#menu-information,
#social-information {
    margin-left: 0px;

}

#menu-company a,
#menu-information a {
    color: #fff;
    text-decoration: underline;
}

#menu-company a:hover,
#menu-information a:hover {
    color: #EF5718 !important;
    opacity: .5;
}


footer .footer-nav li a {
    --tw-text-opacity: 1;
    color: rgba(22, 20, 19, var(--tw-text-opacity));
    transition-property: opacity;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

@media (min-width: 768px) {
    footer .footer-nav li a {
        font-size: 18px;
    }
}

footer .footer-menu-name {
    font-size: 25px !important;
    line-height: 25px !important;
}

@media screen and (max-width: 767px) {
    footer .footer-menu-name {
        cursor: pointer;
    }
}

.small-heading {
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.75rem;
    letter-spacing: 0;
    letter-spacing: -1px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

@media screen and (max-width: 767px) {
    footer .footer-nav {
        display: none;
        padding-top: .25rem;
        padding-bottom: 1.62rem;
    }

    footer .footer-nav.footer-nav-opened {
        display: block;
    }

    .toggleFooterMenu.opened i {
        transform: rotate(180deg);
    }
}

.footer-logo-container img {
    max-width: 9rem;
    height: auto;
}

@media (min-width: 1280px) {
    .desktop-logo-top {
        display: flex;
        align-self: flex-start;
    }
}

@media (min-width: 768px) {
    .md\:text-sm {
        font-size: 18px !important;
    }
}

footer p {
    font-family: Roboto, sans-serif;
}

.opacity-50 {
    opacity: .5 !important;
}

.social-link:hover .icon-twitter i {
    color: #009df7 !important;
}

.social-link:hover .icon-linkedin i {
    color: #0073af !important;
}

.social-link:hover .icon-facebook i {
    color: #4064ac !important
}

.social-link:hover .icon-instagram i {
    color: #c13584 !important;
}

.social-link:hover .icon-youtube i {
    color: #f70000 !important;
}

footer .mb-0 {
    margin-top: 0px;
}

@media (min-width: 1024px) {
    footer p {
        line-height: 32px;
    }
}

@media (min-width: 375px) {
    .xs-mobile\:flex {
        display: flex !important;
    }
}

@media (min-width: 375px) {
    .xs-mobile\:justify-between {
        justify-content: space-between !important;
    }
}

@media (min-width: 768px) {
    .md\:mt-10 {
        margin-top: 2.5rem !important;
    }
}

@media (min-width: 768px) {
    .flex {
        display: flex;
        align-items: normal;
    }
}

@media (max-width: 1024px) {
    .footer-logo-container {
        margin-top: 2vh;
    }
}

@media (max-width: 768px) {
    #mobile-nav li>a.active+.sub-menu {
    top: 15vh;
}
#mobile-nav-menu li:not(.sub-menu li){
    width: 90% !important;
}
}

.blended-body> :first-child:not(.ffBanner) div div:first-child {
    padding-top: 30px !important;
}